@speckle/ui-components 2.17.2 → 2.17.4

package/dist/components/form/Tags.vue.d.ts

@@ -1,68 +1,32 @@
-import { InputColor } from '../../composables/form/textInput';
-import { MaybeAsync } from '@speckle/shared';
+import type { InputColor } from '../../composables/form/textInput';
+import type { RuleExpression } from 'vee-validate';
+import type { MaybeAsync } from '@speckle/shared';
 type InputSize = 'sm' | 'base' | 'lg' | 'xl';
-declare const _default: import("vue").DefineComponent<{
-    size: {
-        type: import("vue").PropType<InputSize>;
-        default: string;
-    };
-    color: {
-        type: import("vue").PropType<InputColor>;
-        default: string;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    placeholder: {
-        type: import("vue").PropType<string>;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-    };
-    name: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    modelValue: {
-        type: import("vue").PropType<string[]>;
-    };
-    rules: {
-        type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<string[]> | import("vee-validate").GenericValidateFunction<string[]>[] | {
-            validate(value: string[], options: Record<string, any>): Promise<string[]>;
-        }>;
-    };
-    validateOnMount: {
-        type: import("vue").PropType<boolean>;
-    };
-    showRequired: {
-        type: import("vue").PropType<boolean>;
-    };
-    validateOnValueUpdate: {
-        type: import("vue").PropType<boolean>;
-    };
-    help: {
-        type: import("vue").PropType<string>;
-    };
-    showLabel: {
-        type: import("vue").PropType<boolean>;
-    };
-    autoFocus: {
-        type: import("vue").PropType<boolean>;
-    };
-    showClear: {
-        type: import("vue").PropType<boolean>;
-    };
-    useLabelInErrors: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    wrapperClasses: {
-        type: import("vue").PropType<string>;
-    };
-    getAutocompleteItems: {
-        type: import("vue").PropType<(query: string) => MaybeAsync<string[]>>;
-    };
-}, {
+type Tag = string;
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    name: string;
+    help?: string | undefined;
+    label?: string | undefined;
+    showLabel?: boolean | undefined;
+    rules?: RuleExpression<Tag[]>;
+    validateOnMount?: boolean | undefined;
+    validateOnValueUpdate?: boolean | undefined;
+    autoFocus?: boolean | undefined;
+    showClear?: boolean | undefined;
+    showRequired?: boolean | undefined;
+    color?: InputColor | undefined;
+    wrapperClasses?: string | undefined;
+    size?: InputSize | undefined;
+    placeholder?: string | undefined;
+    disabled?: boolean | undefined;
+    useLabelInErrors?: boolean | undefined;
+    getAutocompleteItems?: ((query: string) => MaybeAsync<Tag[]>) | undefined;
+    modelValue?: string[] | undefined;
+}>, {
+    size: string;
+    color: string;
+    useLabelInErrors: boolean;
+}>, {
     resolveAutocompleteItems: () => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: string[]) => void;
@@ -71,68 +35,30 @@ declare const _default: import("vue").DefineComponent<{
         value: string[];
     }) => void;
     clear: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: import("vue").PropType<InputSize>;
-        default: string;
-    };
-    color: {
-        type: import("vue").PropType<InputColor>;
-        default: string;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    placeholder: {
-        type: import("vue").PropType<string>;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-    };
-    name: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    modelValue: {
-        type: import("vue").PropType<string[]>;
-    };
-    rules: {
-        type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<string[]> | import("vee-validate").GenericValidateFunction<string[]>[] | {
-            validate(value: string[], options: Record<string, any>): Promise<string[]>;
-        }>;
-    };
-    validateOnMount: {
-        type: import("vue").PropType<boolean>;
-    };
-    showRequired: {
-        type: import("vue").PropType<boolean>;
-    };
-    validateOnValueUpdate: {
-        type: import("vue").PropType<boolean>;
-    };
-    help: {
-        type: import("vue").PropType<string>;
-    };
-    showLabel: {
-        type: import("vue").PropType<boolean>;
-    };
-    autoFocus: {
-        type: import("vue").PropType<boolean>;
-    };
-    showClear: {
-        type: import("vue").PropType<boolean>;
-    };
-    useLabelInErrors: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    wrapperClasses: {
-        type: import("vue").PropType<string>;
-    };
-    getAutocompleteItems: {
-        type: import("vue").PropType<(query: string) => MaybeAsync<string[]>>;
-    };
-}>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    name: string;
+    help?: string | undefined;
+    label?: string | undefined;
+    showLabel?: boolean | undefined;
+    rules?: RuleExpression<Tag[]>;
+    validateOnMount?: boolean | undefined;
+    validateOnValueUpdate?: boolean | undefined;
+    autoFocus?: boolean | undefined;
+    showClear?: boolean | undefined;
+    showRequired?: boolean | undefined;
+    color?: InputColor | undefined;
+    wrapperClasses?: string | undefined;
+    size?: InputSize | undefined;
+    placeholder?: string | undefined;
+    disabled?: boolean | undefined;
+    useLabelInErrors?: boolean | undefined;
+    getAutocompleteItems?: ((query: string) => MaybeAsync<Tag[]>) | undefined;
+    modelValue?: string[] | undefined;
+}>, {
+    size: string;
+    color: string;
+    useLabelInErrors: boolean;
+}>>> & {
     onChange?: ((val: {
         event?: Event | undefined;
         value: string[];
@@ -145,3 +71,20 @@ declare const _default: import("vue").DefineComponent<{
     useLabelInErrors: boolean;
 }, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/form/TextArea.vue.d.ts

@@ -1,63 +1,31 @@
-import { InputColor } from '../../composables/form/textInput';
-declare const _default: import("vue").DefineComponent<{
-    fullWidth: {
-        type: import("vue").PropType<boolean>;
-    };
-    color: {
-        type: import("vue").PropType<InputColor>;
-        default: string;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    placeholder: {
-        type: import("vue").PropType<string>;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-    };
-    name: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    modelValue: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    rules: {
-        type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<string> | import("vee-validate").GenericValidateFunction<string>[] | {
-            validate(value: string, options: Record<string, any>): Promise<string>;
-        }>;
-    };
-    validateOnMount: {
-        type: import("vue").PropType<boolean>;
-    };
-    showRequired: {
-        type: import("vue").PropType<boolean>;
-    };
-    validateOnValueUpdate: {
-        type: import("vue").PropType<boolean>;
-    };
-    help: {
-        type: import("vue").PropType<string>;
-    };
-    showLabel: {
-        type: import("vue").PropType<boolean>;
-    };
-    autoFocus: {
-        type: import("vue").PropType<boolean>;
-    };
-    showClear: {
-        type: import("vue").PropType<boolean>;
-    };
-    useLabelInErrors: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    textareaClasses: {
-        type: import("vue").PropType<string>;
-    };
-}, {
+import type { RuleExpression } from 'vee-validate';
+import type { InputColor } from '../../composables/form/textInput';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Unique ID for the input (must be unique page-wide)
+     */
+    name: string;
+    showLabel?: boolean | undefined;
+    help?: string | undefined;
+    placeholder?: string | undefined;
+    label?: string | undefined;
+    disabled?: boolean | undefined;
+    rules?: RuleExpression<string>;
+    validateOnMount?: boolean | undefined;
+    validateOnValueUpdate?: boolean | undefined;
+    useLabelInErrors?: boolean | undefined;
+    autoFocus?: boolean | undefined;
+    modelValue?: string | undefined;
+    showClear?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    showRequired?: boolean | undefined;
+    color?: InputColor | undefined;
+    textareaClasses?: string | undefined;
+}>, {
+    useLabelInErrors: boolean;
+    modelValue: string;
+    color: string;
+}>, {
     focus: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: string) => void;
@@ -70,65 +38,32 @@ declare const _default: import("vue").DefineComponent<{
         value: string;
     }) => void;
     clear: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    fullWidth: {
-        type: import("vue").PropType<boolean>;
-    };
-    color: {
-        type: import("vue").PropType<InputColor>;
-        default: string;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    placeholder: {
-        type: import("vue").PropType<string>;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-    };
-    name: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    modelValue: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    rules: {
-        type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<string> | import("vee-validate").GenericValidateFunction<string>[] | {
-            validate(value: string, options: Record<string, any>): Promise<string>;
-        }>;
-    };
-    validateOnMount: {
-        type: import("vue").PropType<boolean>;
-    };
-    showRequired: {
-        type: import("vue").PropType<boolean>;
-    };
-    validateOnValueUpdate: {
-        type: import("vue").PropType<boolean>;
-    };
-    help: {
-        type: import("vue").PropType<string>;
-    };
-    showLabel: {
-        type: import("vue").PropType<boolean>;
-    };
-    autoFocus: {
-        type: import("vue").PropType<boolean>;
-    };
-    showClear: {
-        type: import("vue").PropType<boolean>;
-    };
-    useLabelInErrors: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    textareaClasses: {
-        type: import("vue").PropType<string>;
-    };
-}>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Unique ID for the input (must be unique page-wide)
+     */
+    name: string;
+    showLabel?: boolean | undefined;
+    help?: string | undefined;
+    placeholder?: string | undefined;
+    label?: string | undefined;
+    disabled?: boolean | undefined;
+    rules?: RuleExpression<string>;
+    validateOnMount?: boolean | undefined;
+    validateOnValueUpdate?: boolean | undefined;
+    useLabelInErrors?: boolean | undefined;
+    autoFocus?: boolean | undefined;
+    modelValue?: string | undefined;
+    showClear?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    showRequired?: boolean | undefined;
+    color?: InputColor | undefined;
+    textareaClasses?: string | undefined;
+}>, {
+    useLabelInErrors: boolean;
+    modelValue: string;
+    color: string;
+}>>> & {
     onChange?: ((val: {
         event?: Event | undefined;
         value: string;
@@ -145,3 +80,20 @@ declare const _default: import("vue").DefineComponent<{
     useLabelInErrors: boolean;
 }, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/form/TextInput.vue.d.ts

@@ -1,6 +1,7 @@
-import { RuleExpression } from 'vee-validate';
-import { ConcreteComponent, PropType } from 'vue';
-import { Optional } from '@speckle/shared';
+import type { RuleExpression } from 'vee-validate';
+import type { PropType } from 'vue';
+import type { Optional } from '@speckle/shared';
+import type { PropAnyComponent } from '../../helpers/common/components';
 type InputSize = 'sm' | 'base' | 'lg' | 'xl';
 type InputColor = 'page' | 'foundation' | 'transparent';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
@@ -92,7 +93,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      * Set a custom icon to use inside the input
      */
     customIcon: {
-        type: PropType<Optional<ConcreteComponent>>;
+        type: PropType<Optional<PropAnyComponent>>;
         default: undefined;
     };
     /**
@@ -238,7 +239,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      * Set a custom icon to use inside the input
      */
     customIcon: {
-        type: PropType<Optional<ConcreteComponent>>;
+        type: PropType<Optional<PropAnyComponent>>;
         default: undefined;
     };
     /**
@@ -301,7 +302,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     type: string;
     placeholder: Optional<string>;
     label: Optional<string>;
-    customIcon: Optional<ConcreteComponent>;
+    customIcon: Optional<PropAnyComponent>;
     modelValue: string;
     rules: RuleExpression<string>;
     validateOnMount: boolean;

package/dist/components/form/file-upload/Zone.vue.d.ts

@@ -1,45 +1,51 @@
-import { UploadableFileItem } from '../../../composables/form/fileUpload';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    accept: {
-        type: import("vue").PropType<string>;
-    };
-    multiple: {
-        type: import("vue").PropType<boolean>;
-    };
-    sizeLimit: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    countLimit: {
-        type: import("vue").PropType<number>;
-    };
-}, {
+import type { UploadableFileItem } from '../../../composables/form/fileUpload';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept
+     */
+    accept?: string | undefined;
+    /**
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple
+     */
+    multiple?: boolean | undefined;
+    /**
+     * Max file size in bytes
+     */
+    sizeLimit?: number | undefined;
+    /**
+     * Max file count if 'multiple' is set
+     */
+    countLimit?: number | undefined;
+    disabled?: boolean | undefined;
+}>, {
+    sizeLimit: number;
+}>, {
     triggerPicker: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "files-selected": (v: {
         files: UploadableFileItem[];
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    accept: {
-        type: import("vue").PropType<string>;
-    };
-    multiple: {
-        type: import("vue").PropType<boolean>;
-    };
-    sizeLimit: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    countLimit: {
-        type: import("vue").PropType<number>;
-    };
-}>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept
+     */
+    accept?: string | undefined;
+    /**
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple
+     */
+    multiple?: boolean | undefined;
+    /**
+     * Max file size in bytes
+     */
+    sizeLimit?: number | undefined;
+    /**
+     * Max file count if 'multiple' is set
+     */
+    countLimit?: number | undefined;
+    disabled?: boolean | undefined;
+}>, {
+    sizeLimit: number;
+}>>> & {
     "onFiles-selected"?: ((v: {
         files: UploadableFileItem[];
     }) => any) | undefined;
@@ -55,6 +61,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     }): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/form/select/Badges.vue.d.ts

@@ -1,64 +1,34 @@
-declare const _default: import("vue").DefineComponent<{
-    items: {
-        type: import("vue").PropType<any[]>;
-        required: true;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    name: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    help: {
-        type: import("vue").PropType<string>;
-    };
-    modelValue: {
-        type: import("vue").PropType<any>;
-    };
-    multiple: {
-        type: import("vue").PropType<boolean>;
-    };
-    rules: {
-        type: import("vue").PropType<any[]>;
-    };
-    by: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+type SingleItem = any;
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    items: Array<SingleItem>;
+    label: string;
+    name: string;
+    help?: string | undefined;
+    modelValue?: SingleItem | SingleItem[] | undefined;
+    multiple?: boolean | undefined;
+    rules?: any[] | undefined;
+    by: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    items: {
-        type: import("vue").PropType<any[]>;
-        required: true;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    name: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    help: {
-        type: import("vue").PropType<string>;
-    };
-    modelValue: {
-        type: import("vue").PropType<any>;
-    };
-    multiple: {
-        type: import("vue").PropType<boolean>;
-    };
-    rules: {
-        type: import("vue").PropType<any[]>;
-    };
-    by: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-}>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    items: Array<SingleItem>;
+    label: string;
+    name: string;
+    help?: string | undefined;
+    modelValue?: SingleItem | SingleItem[] | undefined;
+    multiple?: boolean | undefined;
+    rules?: any[] | undefined;
+    by: string;
+}>>> & {
     "onUpdate:modelValue"?: ((val: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};