@oub/fusion 0.2.106 → 0.2.107

package/dist/lib/components/form/searchable-input/FusionSearchableInput.vue.d.ts

@@ -1,6 +1,6 @@
-import { type PropType } from "vue";
-import type { FusionSelectOption } from '../select/FusionSelect';
-declare const _default: import("vue").DefineComponent<{
+import { PropType } from 'vue';
+import { FusionSelectOption } from '../select/FusionSelect';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     id: {
         type: StringConstructor;
         required: true;
@@ -96,7 +96,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, unknown, {
+}>, {}, {
     selected: FusionSelectOption;
     searchInputValue: string;
     styleVariables: {};
@@ -119,7 +119,7 @@ declare const _default: import("vue").DefineComponent<{
     handleKeydownEnter(): void;
     closePanel(): void;
     handleKeyDown(event: KeyboardEvent): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "keydown:enter" | "update:input" | "select:blur" | "select:focus" | "selected:option")[], "update:modelValue" | "keydown:enter" | "update:input" | "select:blur" | "select:focus" | "selected:option", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "keydown:enter" | "update:input" | "select:blur" | "select:focus" | "selected:option")[], "update:modelValue" | "keydown:enter" | "update:input" | "select:blur" | "select:focus" | "selected:option", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     id: {
         type: StringConstructor;
         required: true;
@@ -215,33 +215,583 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onKeydown:enter"?: ((...args: any[]) => any) | undefined;
     "onUpdate:input"?: ((...args: any[]) => any) | undefined;
     "onSelect:blur"?: ((...args: any[]) => any) | undefined;
     "onSelect:focus"?: ((...args: any[]) => any) | undefined;
     "onSelected:option"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
+    dataTest: string;
     label: string;
     title: string;
-    dataTest: string;
-    disabled: boolean;
-    ariaLabel: string;
     required: boolean;
-    searchText: string;
-    modelValue: FusionSelectOption;
+    disabled: boolean;
     placeholder: string;
-    readonly: boolean;
-    autocomplete: string;
     helperLabel: string;
     errorLabel: string;
+    modelValue: FusionSelectOption;
+    readonly: boolean;
     tabIndex: number;
+    autocomplete: string;
+    searchText: string;
     searchPlaceholder: string;
     searchLoading: boolean;
     searchErrorTitle: string;
     searchErrorDescription: string;
-    minSearchLength: number;
     autofocus: boolean;
-}, {}>;
+    ariaLabel: string;
+    minSearchLength: number;
+}, {}, {
+    SVGSearch: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    FusionInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        id: {
+            type: StringConstructor;
+            required: true;
+        };
+        name: {
+            type: StringConstructor;
+            required: true;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        helperLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        errorLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        input: {
+            type: StringConstructor;
+            default: string;
+        };
+        required: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tabIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        autocomplete: {
+            type: StringConstructor;
+            default: string;
+        };
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        dataTest: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {
+        inputValue: string;
+        styleVariables: {};
+        interactionStates: {
+            focused: boolean;
+            hover: boolean;
+        };
+    }, {
+        stateClasses(): {
+            disabled: boolean;
+            error: boolean;
+            icon: boolean;
+        };
+    }, {
+        updateInput(): void;
+        handleFocus(): void;
+        handleBlur(): void;
+        handleKeydownEnter(): void;
+        handleMouseover(): void;
+        handleMouseleave(): void;
+        focus(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input:focus" | "input:blur" | "keydown:enter" | "update:input")[], "input:focus" | "input:blur" | "keydown:enter" | "update:input", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        id: {
+            type: StringConstructor;
+            required: true;
+        };
+        name: {
+            type: StringConstructor;
+            required: true;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        helperLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        errorLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        input: {
+            type: StringConstructor;
+            default: string;
+        };
+        required: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tabIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        autocomplete: {
+            type: StringConstructor;
+            default: string;
+        };
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        dataTest: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{
+        "onInput:focus"?: ((...args: any[]) => any) | undefined;
+        "onInput:blur"?: ((...args: any[]) => any) | undefined;
+        "onKeydown:enter"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:input"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        type: string;
+        dataTest: string;
+        input: string;
+        label: string;
+        title: string;
+        required: boolean;
+        disabled: boolean;
+        placeholder: string;
+        helperLabel: string;
+        errorLabel: string;
+        readonly: boolean;
+        tabIndex: number;
+        autocomplete: string;
+    }, {}, {
+        SVGExclamationTriangle: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    FusionPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        theme: {
+            type: PropType<keyof import('../../../../types/Themes').Themes>;
+            default: string;
+        };
+        selectId: {
+            type: StringConstructor;
+            required: true;
+        };
+        options: {
+            type: () => FusionSelectOption[];
+            default: () => never[];
+        };
+        searchText: {
+            type: StringConstructor;
+            default: string;
+        };
+        searchDisabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        searchPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        searchLoading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        searchErrorTitle: {
+            type: StringConstructor;
+            default: string;
+        };
+        searchErrorDescription: {
+            type: StringConstructor;
+            default: string;
+        };
+        selected: {
+            type: PropType<FusionSelectOption>;
+            default: () => FusionSelectOption;
+        };
+        dataTest: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {
+        searchInputValue: string;
+    }, {}, {
+        closePanel(): void;
+        handleSelect(option: FusionSelectOption): void;
+        handleInput(inputValue: string): void;
+        handleKeydownSelect(event: KeyboardEvent, option?: FusionSelectOption | undefined): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("handle:select" | "handle:search" | "handle:close")[], "handle:select" | "handle:search" | "handle:close", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        theme: {
+            type: PropType<keyof import('../../../../types/Themes').Themes>;
+            default: string;
+        };
+        selectId: {
+            type: StringConstructor;
+            required: true;
+        };
+        options: {
+            type: () => FusionSelectOption[];
+            default: () => never[];
+        };
+        searchText: {
+            type: StringConstructor;
+            default: string;
+        };
+        searchDisabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        searchPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        searchLoading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        searchErrorTitle: {
+            type: StringConstructor;
+            default: string;
+        };
+        searchErrorDescription: {
+            type: StringConstructor;
+            default: string;
+        };
+        selected: {
+            type: PropType<FusionSelectOption>;
+            default: () => FusionSelectOption;
+        };
+        dataTest: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{
+        "onHandle:select"?: ((...args: any[]) => any) | undefined;
+        "onHandle:search"?: ((...args: any[]) => any) | undefined;
+        "onHandle:close"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        dataTest: string;
+        selected: FusionSelectOption;
+        options: FusionSelectOption[];
+        theme: keyof import('../../../../types/Themes').Themes;
+        searchText: string;
+        searchDisabled: boolean;
+        searchPlaceholder: string;
+        searchLoading: boolean;
+        searchErrorTitle: string;
+        searchErrorDescription: string;
+    }, {}, {
+        SVGSearch: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        CheckCircle: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        FusionLoadingSpinner: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            spinnerColour: {
+                type: StringConstructor;
+                default: string;
+            };
+            dataTest: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            spinnerColour: {
+                type: StringConstructor;
+                default: string;
+            };
+            dataTest: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            spinnerColour: string;
+            dataTest: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        SVGInbox: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        FusionInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            id: {
+                type: StringConstructor;
+                required: true;
+            };
+            name: {
+                type: StringConstructor;
+                required: true;
+            };
+            label: {
+                type: StringConstructor;
+                default: string;
+            };
+            placeholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            helperLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            errorLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            input: {
+                type: StringConstructor;
+                default: string;
+            };
+            required: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            tabIndex: {
+                type: NumberConstructor;
+                default: number;
+            };
+            autocomplete: {
+                type: StringConstructor;
+                default: string;
+            };
+            title: {
+                type: StringConstructor;
+                default: string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+            dataTest: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {}, {
+            inputValue: string;
+            styleVariables: {};
+            interactionStates: {
+                focused: boolean;
+                hover: boolean;
+            };
+        }, {
+            stateClasses(): {
+                disabled: boolean;
+                error: boolean;
+                icon: boolean;
+            };
+        }, {
+            updateInput(): void;
+            handleFocus(): void;
+            handleBlur(): void;
+            handleKeydownEnter(): void;
+            handleMouseover(): void;
+            handleMouseleave(): void;
+            focus(): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input:focus" | "input:blur" | "keydown:enter" | "update:input")[], "input:focus" | "input:blur" | "keydown:enter" | "update:input", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            id: {
+                type: StringConstructor;
+                required: true;
+            };
+            name: {
+                type: StringConstructor;
+                required: true;
+            };
+            label: {
+                type: StringConstructor;
+                default: string;
+            };
+            placeholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            helperLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            errorLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            input: {
+                type: StringConstructor;
+                default: string;
+            };
+            required: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            tabIndex: {
+                type: NumberConstructor;
+                default: number;
+            };
+            autocomplete: {
+                type: StringConstructor;
+                default: string;
+            };
+            title: {
+                type: StringConstructor;
+                default: string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+            dataTest: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{
+            "onInput:focus"?: ((...args: any[]) => any) | undefined;
+            "onInput:blur"?: ((...args: any[]) => any) | undefined;
+            "onKeydown:enter"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:input"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            type: string;
+            dataTest: string;
+            input: string;
+            label: string;
+            title: string;
+            required: boolean;
+            disabled: boolean;
+            placeholder: string;
+            helperLabel: string;
+            errorLabel: string;
+            readonly: boolean;
+            tabIndex: number;
+            autocomplete: string;
+        }, {}, {
+            SVGExclamationTriangle: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        OnClickOutside: import('vue').DefineComponent<import('@vueuse/components').OnClickOutsideProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@vueuse/components').OnClickOutsideProps>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        FusionMenuItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            selectable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            selected: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            href: {
+                type: StringConstructor;
+                default: string;
+            };
+            target: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {}, {
+            isHovered: boolean;
+            isPressed: boolean;
+        }, {
+            componentTag(): string;
+            linkAttributes(): {
+                href: string;
+                target: string;
+                role: string;
+                "aria-checked": boolean | undefined;
+                "aria-disabled": boolean;
+            } | {
+                role: string;
+                "aria-checked": boolean | undefined;
+                "aria-disabled": boolean;
+                href?: undefined;
+                target?: undefined;
+            };
+        }, {
+            handleClick(): void;
+            handleKeydown(event: KeyboardEvent): void;
+            handleMouseOver(): void;
+            handleMouseOut(): void;
+            handleMouseDown(): void;
+            handleMouseUp(): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:selected"[], "update:selected", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            selectable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            selected: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            href: {
+                type: StringConstructor;
+                default: string;
+            };
+            target: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{
+            "onUpdate:selected"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            disabled: boolean;
+            href: string;
+            target: string;
+            selectable: boolean;
+            selected: boolean;
+        }, {}, {
+            SVGTick: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;