@volverjs/ui-vue 0.0.10-beta.4 → 0.0.10-beta.40

package/dist/components/VvCombobox/index.d.ts

@@ -1,6 +1,16 @@
 import type { PropType } from 'vue';
+import type { MaybeElement } from '@vueuse/core';
 import type { Option } from '../../types/generic';
-export declare const VvComboboxEvents: string[];
+export type VvComboboxEvents = {
+    'update:modelValue': [any];
+    'update:search': [string];
+    /**
+     * @deprecated use update:search instead
+     */
+    'change:search': [string];
+    'focus': [MaybeElement];
+    'blur': [MaybeElement];
+};
 export declare const VvComboboxProps: {
     /**
      * Dropdown show / hide transition name
@@ -13,7 +23,7 @@ export declare const VvComboboxProps: {
      * modelValue can be a string, number, boolean, object or array of string, number, boolean, object
      */
     modelValue: {
-        type: (ObjectConstructor | ArrayConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (ObjectConstructor | ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     /**
@@ -152,9 +162,12 @@ export declare const VvComboboxProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    label: (StringConstructor | NumberConstructor)[];
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     placement: {
-        type: PropType<"left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end">;
+        type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
         default: import("../../constants").Side;
         validator: (value: never) => boolean;
     };
@@ -176,11 +189,11 @@ export declare const VvComboboxProps: {
             crossAxis?: boolean | undefined;
             mainAxis?: boolean | undefined;
             limiter?: {
-                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
+                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
                 options?: any;
             } | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
-        } | import("@floating-ui/dom").Derivable<{
+        } | import("@floating-ui/core").Derivable<{
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
@@ -188,7 +201,7 @@ export declare const VvComboboxProps: {
             crossAxis?: boolean | undefined;
             mainAxis?: boolean | undefined;
             limiter?: {
-                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
+                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
                 options?: any;
             } | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
@@ -204,11 +217,11 @@ export declare const VvComboboxProps: {
             crossAxis?: boolean | undefined;
             mainAxis?: boolean | undefined;
             fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-            fallbackStrategy?: "initialPlacement" | "bestFit" | undefined;
+            fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
             fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
             flipAlignment?: boolean | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
-        } | import("@floating-ui/dom").Derivable<{
+        } | import("@floating-ui/core").Derivable<{
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
@@ -216,7 +229,7 @@ export declare const VvComboboxProps: {
             crossAxis?: boolean | undefined;
             mainAxis?: boolean | undefined;
             fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-            fallbackStrategy?: "initialPlacement" | "bestFit" | undefined;
+            fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
             fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
             flipAlignment?: boolean | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
@@ -244,7 +257,7 @@ export declare const VvComboboxProps: {
                 availableWidth: number;
                 availableHeight: number;
             }) => void | Promise<void>) | undefined;
-        } | import("@floating-ui/dom").Derivable<{
+        } | import("@floating-ui/core").Derivable<{
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
@@ -280,7 +293,7 @@ export declare const VvComboboxProps: {
             autoAlignment?: boolean | undefined;
             allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
-        } | import("@floating-ui/dom").Derivable<{
+        } | import("@floating-ui/core").Derivable<{
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
@@ -305,9 +318,13 @@ export declare const VvComboboxProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    floating: BooleanConstructor;
+    floating: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     icon: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: PropType<string | import("../VvIcon").VvIconProps>;
+        default: undefined;
     };
     iconPosition: {
         type: PropType<"before" | "after">;
@@ -316,26 +333,427 @@ export declare const VvComboboxProps: {
     };
     options: {
         type: PropType<(string | Option)[]>;
-        default: () => never[];
+        default: () => never[]; /**
+         * Show native select
+         */
     };
     labelKey: {
         type: (StringConstructor | FunctionConstructor)[];
         default: string;
     };
     valueKey: {
-        type: (StringConstructor | FunctionConstructor)[]; /**
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    disabledKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    }; /**
+     * Label for select option hint
+     */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalidLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    valid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    id: (StringConstructor | NumberConstructor)[];
+};
+export declare function useVvComboboxProps<T extends Option | string>(): {
+    options: {
+        type: PropType<T[]>;
+        default: () => never[]; /**
          * Show native select
          */
+    };
+    searchFunction: {
+        type: PropType<(search: string, options: T[]) => T[] | Promise<T[]>>;
+        default: undefined;
+    };
+    /**
+     * Dropdown show / hide transition name
+     */
+    transitionName: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * modelValue can be a string, number, boolean, object or array of string, number, boolean, object
+     */
+    modelValue: {
+        type: (ObjectConstructor | ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    /**
+     * Label for no search results
+     */
+    noResultsLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Label for no options	available
+     */
+    noOptionsLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Label for selected option hint
+     */
+    selectedHintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Label for deselect action button
+     */
+    deselectActionLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Label for select option hint
+     */
+    selectHintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Label for deselected option hint
+     */
+    deselectHintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Label close button
+     */
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Select input placeholder
+     */
+    placeholder: StringConstructor;
+    /**
+     * Use input text to search on options
+     */
+    searchable: BooleanConstructor;
+    /**
+     * On searchable select is the input search placeholder
+     */
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The input search debounce time in ms
+     */
+    debounceSearch: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    /**
+     * Manage modelValue as string[] or object[]
+     */
+    multiple: BooleanConstructor;
+    /**
+     * The max number of selected values
+     */
+    maxValues: (StringConstructor | NumberConstructor)[];
+    /**
+     * The select label separator visible to the user
+     */
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Show native select
+     */
+    native: BooleanConstructor;
+    /**
+     * Show badges
+     */
+    badges: BooleanConstructor;
+    /**
+     * Badge modifiers
+     */
+    badgeModifiers: {
+        type: PropType<string | string[]>;
+        default: string;
+    };
+    /**
+     * Set dropdown width to the same as the trigger
+     */
+    triggerWidth: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    /**
+     * Dropdown modifiers
+     */
+    dropdownModifiers: {
+        type: PropType<string | string[]>;
+        default: string;
+    };
+    /**
+     * Open dropdown on focus
+     */
+    autoOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Keep open dropdown on single select
+     */
+    keepOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    placement: {
+        type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        default: import("../../constants").Side;
+        validator: (value: never) => boolean;
+    };
+    strategy: {
+        type: PropType<"absolute" | "fixed">;
+        default: undefined;
+        validator: (value: import("../../constants").Strategy) => boolean;
+    };
+    offset: {
+        type: PropType<string | import("@floating-ui/core").OffsetOptions | undefined>;
+        default: number;
+    };
+    shift: {
+        type: PropType<boolean | {
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            crossAxis?: boolean | undefined;
+            mainAxis?: boolean | undefined;
+            limiter?: {
+                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
+                options?: any;
+            } | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
+        } | import("@floating-ui/core").Derivable<{
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            crossAxis?: boolean | undefined;
+            mainAxis?: boolean | undefined;
+            limiter?: {
+                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
+                options?: any;
+            } | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
+        }> | undefined>;
+        default: boolean;
+    };
+    flip: {
+        type: PropType<boolean | {
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            crossAxis?: boolean | undefined;
+            mainAxis?: boolean | undefined;
+            fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
+            fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
+            fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
+            flipAlignment?: boolean | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
+        } | import("@floating-ui/core").Derivable<{
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            crossAxis?: boolean | undefined;
+            mainAxis?: boolean | undefined;
+            fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
+            fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
+            fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
+            flipAlignment?: boolean | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
+        }> | undefined>;
+        default: boolean;
+    };
+    size: {
+        type: PropType<boolean | {
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
+            apply?: ((args: {
+                x: number;
+                y: number;
+                initialPlacement: import("@floating-ui/utils").Placement;
+                placement: import("@floating-ui/utils").Placement;
+                strategy: import("@floating-ui/utils").Strategy;
+                middlewareData: import("@floating-ui/core").MiddlewareData;
+                rects: import("@floating-ui/utils").ElementRects;
+                platform: import("@floating-ui/core").Platform;
+                elements: import("@floating-ui/dom").Elements;
+            } & {
+                availableWidth: number;
+                availableHeight: number;
+            }) => void | Promise<void>) | undefined;
+        } | import("@floating-ui/core").Derivable<{
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
+            apply?: ((args: {
+                x: number;
+                y: number;
+                initialPlacement: import("@floating-ui/utils").Placement;
+                placement: import("@floating-ui/utils").Placement;
+                strategy: import("@floating-ui/utils").Strategy;
+                middlewareData: import("@floating-ui/core").MiddlewareData;
+                rects: import("@floating-ui/utils").ElementRects;
+                platform: import("@floating-ui/core").Platform;
+                elements: import("@floating-ui/dom").Elements;
+            } & {
+                availableWidth: number;
+                availableHeight: number;
+            }) => void | Promise<void>) | undefined;
+        }> | undefined>;
+        default: () => {
+            padding: number;
+        };
+    };
+    autoPlacement: {
+        type: PropType<boolean | {
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            crossAxis?: boolean | undefined;
+            alignment?: import("@floating-ui/utils").Alignment | null | undefined;
+            autoAlignment?: boolean | undefined;
+            allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
+        } | import("@floating-ui/core").Derivable<{
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            crossAxis?: boolean | undefined;
+            alignment?: import("@floating-ui/utils").Alignment | null | undefined;
+            autoAlignment?: boolean | undefined;
+            allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
+        }> | undefined>;
+        default: boolean;
+    };
+    arrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autofocusFirst: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    unselectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    floating: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: PropType<string | import("../VvIcon").VvIconProps>;
+        default: undefined;
+    };
+    iconPosition: {
+        type: PropType<"before" | "after">;
+        default: import("../../constants").Position;
+        validation: (value: import("../../constants").Position) => boolean;
+    };
+    labelKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    valueKey: {
+        type: (StringConstructor | FunctionConstructor)[];
         default: string;
     };
     disabledKey: {
         type: (StringConstructor | FunctionConstructor)[];
         default: string;
     };
-    modifiers: PropType<string | string[]>;
-    readonly: BooleanConstructor;
-    disabled: BooleanConstructor;
-    loading: BooleanConstructor;
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    }; /**
+     * Label for select option hint
+     */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     loadingLabel: {
         type: StringConstructor;
         default: string;
@@ -344,10 +762,22 @@ export declare const VvComboboxProps: {
         type: StringConstructor;
         default: string;
     };
-    invalid: BooleanConstructor;
-    invalidLabel: (ArrayConstructor | StringConstructor)[];
-    valid: BooleanConstructor;
-    validLabel: (ArrayConstructor | StringConstructor)[];
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalidLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    valid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;