@volverjs/ui-vue 0.0.10-beta.42 → 0.0.10-beta.43

package/src/components/VvButtonGroup/index.ts

@@ -21,7 +21,7 @@ export const VvButtonGroupProps = {
             | boolean
             | (string | number | boolean)[]
             | undefined
-		>,
+        >,
         default: undefined,
     },
 }

package/src/components/VvCombobox/index.ts

@@ -99,11 +99,11 @@ export const VvComboboxProps = {
      */
     searchFunction: {
         type: Function as PropType<
-			(
+            (
 			    search: string,
 			    options: (Option | string)[],
-			) => (Option | string)[] | Promise<(Option | string)[]>
-		>,
+            ) => (Option | string)[] | Promise<(Option | string)[]>
+        >,
         default: undefined,
     },
     /**
@@ -207,11 +207,11 @@ export function useVvComboboxProps<T extends Option | string>() {
         searchFunction: {
             ...VvComboboxProps.searchFunction,
             type: Function as PropType<
-			(
+                (
 			    search: string,
 			    options: T[],
-			) => T[] | Promise<T[]>
-		>,
+                ) => T[] | Promise<T[]>
+            >,
         },
     }
 }

package/src/components/VvDialog/VvDialog.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import type { DialogHTMLAttributes } from 'vue'
-import VvIcon from '../VvIcon/VvIcon.vue'
 import { VvDialogEvents, VvDialogProps } from '.'
 
 // props, emit and template refs
@@ -134,12 +133,11 @@ export default {
                         {{ title }}
                         <button
                             type="button"
-                            aria-label="Close"
+                            :aria-label="labelClose"
+                            :title="labelClose"
                             class="vv-dialog__close"
                             @click.passive="close"
-                        >
-                            <VvIcon name="close" />
-                        </button>
+                        />
                     </slot>
                 </header>
                 <div class="vv-dialog__content">

package/src/components/VvDialog/index.ts

@@ -41,4 +41,8 @@ export const VvDialogProps = {
      * Keep open dialog on click outside
      */
     keepOpen: { type: Boolean, default: false },
+    /**
+     * Close button label
+     */
+    labelClose: { type: String, default: 'Close' },
 }

package/src/components/VvInputText/VvInputText.vue

@@ -171,8 +171,8 @@ function updateMaskValue(newValue: string | number | undefined) {
     }
     if (
         type.value === INPUT_TYPES.NUMBER
-            && NEGATIVE_ZERO_REGEX.test(unmasked.value)
-            && newValue === 0
+        && NEGATIVE_ZERO_REGEX.test(unmasked.value)
+        && newValue === 0
     ) {
         return
     }
@@ -430,11 +430,11 @@ const hasAttrs = computed(() => {
     }
     if (
         type === INPUT_TYPES.DATE
-            || type === INPUT_TYPES.MONTH
-            || type === INPUT_TYPES.WEEK
-            || type === INPUT_TYPES.TIME
-            || type === INPUT_TYPES.DATETIME_LOCAL
-            || type === INPUT_TYPES.NUMBER
+        || type === INPUT_TYPES.MONTH
+        || type === INPUT_TYPES.WEEK
+        || type === INPUT_TYPES.TIME
+        || type === INPUT_TYPES.DATETIME_LOCAL
+        || type === INPUT_TYPES.NUMBER
     ) {
         let max = props.max
         if (type === INPUT_TYPES.DATE && !max) {
@@ -447,22 +447,22 @@ const hasAttrs = computed(() => {
     }
     if (
         type === INPUT_TYPES.TEXT
-            || type === INPUT_TYPES.SEARCH
-            || type === INPUT_TYPES.URL
-            || type === INPUT_TYPES.TEL
-            || type === INPUT_TYPES.EMAIL
-            || type === INPUT_TYPES.PASSWORD
-            || type === INPUT_TYPES.NUMBER
+        || type === INPUT_TYPES.SEARCH
+        || type === INPUT_TYPES.URL
+        || type === INPUT_TYPES.TEL
+        || type === INPUT_TYPES.EMAIL
+        || type === INPUT_TYPES.PASSWORD
+        || type === INPUT_TYPES.NUMBER
     ) {
         toReturn.placeholder = inputTextPlaceholder.value
     }
     if (
         type === INPUT_TYPES.TEXT
-            || type === INPUT_TYPES.SEARCH
-            || type === INPUT_TYPES.URL
-            || type === INPUT_TYPES.TEL
-            || type === INPUT_TYPES.EMAIL
-            || type === INPUT_TYPES.PASSWORD
+        || type === INPUT_TYPES.SEARCH
+        || type === INPUT_TYPES.URL
+        || type === INPUT_TYPES.TEL
+        || type === INPUT_TYPES.EMAIL
+        || type === INPUT_TYPES.PASSWORD
     ) {
         toReturn.minlength = props.minlength
         toReturn.maxlength = props.maxlength

package/src/components/common/HintSlot.ts

@@ -13,7 +13,7 @@ function joinLines(items: string[] | string | unknown[] | undefined) {
 }
 
 export type HintSlotProps = Readonly<
-	ExtractPropTypes<{
+    ExtractPropTypes<{
 	    hintLabel: {
 	        type: StringConstructor
 	        default: ''
@@ -26,7 +26,7 @@ export type HintSlotProps = Readonly<
 	    invalidLabel: (StringConstructor | ArrayConstructor)[]
 	    loading: BooleanConstructor
 	    loadingLabel: StringConstructor
-	}>
+    }>
 >
 
 /**

package/src/composables/group/useInjectedGroupState.ts

@@ -16,9 +16,9 @@ export function useInjectedGroupState<GroupStateType>(
      * Get a group or local property
      */
     function getGroupOrLocalRef<
-		TProps extends object,
-		TName extends keyof GroupStateType,
-	>(
+        TProps extends object,
+        TName extends keyof GroupStateType,
+    >(
         propName: TName,
         props: TProps,
         emit?: (event: string, ...args: unknown[]) => void,

package/src/composables/group/useProvideGroupState.ts

@@ -5,10 +5,10 @@ import type { Emitter } from 'mitt'
  * Share part of the state of the component with all its children.
  */
 export function useProvideGroupState<
-	TGroupState extends Record<
-		string,
+    TGroupState extends Record<
+        string,
 		Ref<unknown> | Emitter<any>
-	>,
+    >,
 >(key: InjectionKey<TGroupState>, groupState: TGroupState) {
     provide(key, groupState)
 }

package/src/composables/useDefaults.ts

@@ -55,8 +55,8 @@ export function useDefaults<Definition>(
                 // single type
                 if (typeof simplifiedPropsDefinition[key] === 'function') {
                     const typeFunction = simplifiedPropsDefinition[key] as <
-						T,
-					>() => T
+                        T,
+                    >() => T
                     if (typeFunction() === propValue) {
                         acc[key] = componentDefaults[key]
                     }
@@ -84,7 +84,7 @@ export function useDefaults<Definition>(
             }
             return acc
         }, {} as Record<string, unknown>) as Readonly<
-			ExtractPropTypes<Definition>
-		>
+            ExtractPropTypes<Definition>
+        >
     })
 }

package/src/props/index.ts

@@ -300,7 +300,7 @@ export const DropdownProps = {
     offset: {
         type: [Number, String, Object] as PropType<
 			OffsetOptions | number | string
-		>,
+        >,
         default: 0,
     },
     /**

package/src/types/group.ts

@@ -18,7 +18,7 @@ export type InputGroupState = {
 export type ButtonGroupState = {
     modelValue: Ref<
 		string | number | boolean | (string | number | boolean)[] | undefined
-	>
+    >
     disabled: Ref<boolean>
     toggle: Ref<boolean>
     multiple: Ref<boolean>

package/src/types/input-file.ts

@@ -1,18 +1,10 @@
-export type UploadedFile<Source = undefined> = Source extends undefined
-    ? {
-            name: string
-            size: number
-            type: string
-            url?: string
-            thumbnailUrl?: string
-            lastModified?: number
-        }
-    : {
-            name: string
-            size: number
-            type: string
-            url?: string
-            thumbnailUrl?: string
-            lastModified?: number
-            source: Source
-        }
+export type UploadedFile<Source = unknown> =
+     {
+         name: string
+         size: number
+         type: string
+         url?: string
+         thumbnailUrl?: string
+         lastModified?: number
+         source?: Source
+     }