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

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/VvInputFile/VvInputFile.vue

@@ -19,7 +19,7 @@ const propsDefaults = useDefaults<typeof VvInputFileProps>(
     VvInputFileProps,
     props,
 )
-const { modifiers, id, readonly, icon, iconPosition, iconDownload }
+const { modifiers, id, readonly, disabled, icon, iconPosition, iconDownload }
 		= toRefs(props)
 const hasId = useUniqueId(id)
 const hasHintId = computed(() => `${hasId.value}-hint`)
@@ -83,12 +83,14 @@ const files = computed({
     },
 })
 
+const isDisabledOrReadonly = computed(() => props.disabled || props.readonly)
+
 const hasMax = computed(() => {
     return typeof props.max === 'string' ? Number.parseInt(props.max) : props.max
 })
 
 const hasDropArea = computed(() => {
-    return props.dropArea && !readonly.value
+    return props.dropArea && !isDisabledOrReadonly.value
 })
 
 const isMultiple = computed(() => {
@@ -161,7 +163,7 @@ function onClickDropArea() {
     if (!inputEl.value) {
         return
     }
-    if (!readonly.value) {
+    if (!isDisabledOrReadonly.value) {
         inputEl.value.click()
     }
 }
@@ -302,6 +304,7 @@ export default {
                     modifiers="action"
                     :label="!previewSrc ? dropdAreaActionLabel : undefined"
                     :title="previewSrc ? dropdAreaActionLabel : undefined"
+                    :disabled="disabled"
                     :class="{
                         'vv-input-file__drop-area-action': previewSrc,
                     }"
@@ -317,6 +320,7 @@ export default {
                 ref="inputEl"
                 type="file"
                 :readonly="readonly"
+                :disabled="disabled"
                 :placeholder="placeholder"
                 :aria-describedby="hasHintLabelOrSlot ? hasHintId : undefined"
                 :aria-invalid="invalid"
@@ -379,6 +383,7 @@ export default {
                         type="button"
                         class="vv-input-file__item-remove"
                         :title="labelRemove"
+                        :disabled="disabled"
                         @click.stop="onClickRemoveFile(index)"
                     />
                 </li>

package/src/components/VvInputFile/index.ts

@@ -7,6 +7,7 @@ import {
     LabelProps,
     LoadingProps,
     ReadonlyProps,
+    DisabledProps,
     IconProps,
 } from '../../props'
 import { type VvIconProps, ACTION_ICONS } from '../VvIcon'
@@ -33,6 +34,7 @@ export const VvInputFileProps = {
     ...LabelProps,
     ...LoadingProps,
     ...ReadonlyProps,
+    ...DisabledProps,
     ...IconProps,
     /**
      * Input value

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/stories/InputFile/InputFile.stories.ts

@@ -44,6 +44,14 @@ export const Readonly: Story = {
     },
 }
 
+export const Disabled: Story = {
+    ...Default,
+    args: {
+        ...defaultArgs,
+        disabled: true,
+    },
+}
+
 export const Valid: Story = {
     ...Default,
     args: {

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
+     }