fix tests

Author: brc-dd

lib/components/SInputDate.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { type MaskaDetail } from 'maska'
+import { vMaska } from 'maska/vue'
 import { type Component, computed } from 'vue'
 import { type Validatable } from '../composables/Validation'
 import { type Day, day } from '../support/Day'
@@ -37,7 +38,7 @@ const value = computed(() => {
   return props.modelValue ? day(props.modelValue).format('YYYY-MM-DD') : null
 })
 
-function onChange(detail: MaskaDetail): void {
+function onMaska(detail: MaskaDetail): void {
   if (!detail.unmasked) {
     emit('update:model-value', null)
   } else if (detail.completed) {
@@ -48,6 +49,7 @@ function onChange(detail: MaskaDetail): void {
 
 <template>
   <SInputText
+    v-maska="{ mask: '####-##-##', eager: true, onMaska }"
     class="SInputDate"
     :class="classes"
     :size
@@ -65,8 +67,6 @@ function onChange(detail: MaskaDetail): void {
     :model-value="value"
     :validation
     :hide-error
-    :maska="{ mask: '####-##-##', eager: true }"
-    @maska="onChange"
   >
     <template v-if="$slots.info" #info><slot name="info" /></template>
   </SInputText>

lib/components/SInputText.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { type MaskInputOptions, type MaskaDetail } from 'maska'
-import { vMaska } from 'maska/vue'
 import { type Component, computed, ref } from 'vue'
 import SInputBase, { type Props as BaseProps } from './SInputBase.vue'
 
@@ -10,7 +8,6 @@ export interface Props extends BaseProps {
   placeholder?: string
   unitBefore?: Component | string
   unitAfter?: Component | string
-  maska?: string | MaskInputOptions
   textColor?: TextColor | ((value: string | null) => TextColor)
   align?: Align
   disabled?: boolean
@@ -29,7 +26,6 @@ const emit = defineEmits<{
   'input': [value: string | null]
   'blur': [value: string | null]
   'enter': [value: string | null]
-  'maska': [detail: MaskaDetail]
 }>()
 
 const input = ref<HTMLElement | null>(null)
@@ -96,10 +92,6 @@ function emitEnter(e: KeyboardEvent): void {
   emit('enter', value)
 }
 
-function emitMaska(e: CustomEvent<MaskaDetail>): void {
-  emit('maska', e.detail)
-}
-
 function getValue(e: Event | FocusEvent | KeyboardEvent): string | null {
   const value = (e.target as HTMLInputElement).value
 
@@ -140,7 +132,6 @@ function getValue(e: Event | FocusEvent | KeyboardEvent): string | null {
           <input
             :id="name"
             ref="input"
-            v-maska="maska"
             class="input entity"
             :class="inputClasses"
             :type="type ?? 'text'"
@@ -152,7 +143,6 @@ function getValue(e: Event | FocusEvent | KeyboardEvent): string | null {
             @blur="emitBlur"
             @input="emitInput"
             @keypress.enter="emitEnter"
-            @maska="emitMaska"
           >
           <div v-if="showDisplay" class="input display" :class="[textColor]">
             {{ displayValue }}

lib/components/STableCell.vue

@@ -36,7 +36,7 @@ const computedCell = computed<TableCell | undefined>(() =>
       :record
       :align="computedCell?.align"
       :icon="computedCell?.icon"
-      :text="computedCell?.value ?? value"
+      :text="String(computedCell?.value ?? value)"
       :link="computedCell?.link"
       :color="computedCell?.color"
       :icon-color="computedCell?.iconColor"