@oub/fusion 0.2.8 → 0.2.10

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

@@ -0,0 +1,236 @@
+import { type PropType } from "vue";
+import type { FusionSelectOption } from '../select/FusionSelect';
+declare const _default: import("vue").DefineComponent<{
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    options: {
+        type: PropType<FusionSelectOption[]>;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchText: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchErrorTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchErrorDescription: {
+        type: StringConstructor;
+        default: string;
+    };
+    helperLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    errorLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<FusionSelectOption>;
+        default: () => {
+            label: string;
+            value: null;
+        };
+    };
+    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;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    dataTest: {
+        type: StringConstructor;
+        default: string;
+    };
+}, unknown, {
+    selected: FusionSelectOption;
+    searchInputValue: string;
+    styleVariables: {};
+    interactionStates: {
+        opened: boolean;
+        focused: boolean;
+    };
+}, {
+    stateClasses(): {
+        disabled: boolean;
+        error: boolean;
+        opened: boolean;
+    };
+}, {
+    handleSelect: (option: FusionSelectOption) => void;
+    updateInput(value: string): void;
+    handleInputClick(): void;
+    handleFocus(): void;
+    handleBlur(): void;
+    handleKeydownEnter(): void;
+    closePanel(): void;
+    handleKeyDown(event: KeyboardEvent): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "keydown:enter" | "select:blur" | "select:focus")[], "update:modelValue" | "keydown:enter" | "select:blur" | "select:focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    options: {
+        type: PropType<FusionSelectOption[]>;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchText: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchErrorTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchErrorDescription: {
+        type: StringConstructor;
+        default: string;
+    };
+    helperLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    errorLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<FusionSelectOption>;
+        default: () => {
+            label: string;
+            value: null;
+        };
+    };
+    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;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    dataTest: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onKeydown:enter"?: ((...args: any[]) => any) | undefined;
+    "onSelect:blur"?: ((...args: any[]) => any) | undefined;
+    "onSelect:focus"?: ((...args: any[]) => any) | undefined;
+}, {
+    label: string;
+    title: string;
+    dataTest: string;
+    disabled: boolean;
+    searchText: string;
+    modelValue: FusionSelectOption;
+    placeholder: string;
+    readonly: boolean;
+    required: boolean;
+    autocomplete: string;
+    helperLabel: string;
+    errorLabel: string;
+    tabIndex: number;
+    searchPlaceholder: string;
+    searchLoading: boolean;
+    searchErrorTitle: string;
+    searchErrorDescription: string;
+    autofocus: boolean;
+    ariaLabel: string;
+}, {}>;
+export default _default;

package/dist/components/form/select/FusionSelect.d.ts

@@ -0,0 +1,10 @@
+import type { FusionElementStates } from '../../../../types/Global';
+
+export interface FusionSelectStates extends FusionElementStates {
+    opened: boolean;
+}
+
+export interface FusionSelectOption {
+    label: string;
+    value: any;
+}

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

@@ -0,0 +1,244 @@
+import { type PropType } from "vue";
+import type { FusionSelectOption } from './FusionSelect';
+declare const _default: import("vue").DefineComponent<{
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    options: {
+        type: PropType<FusionSelectOption[]>;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchText: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchErrorTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchErrorDescription: {
+        type: StringConstructor;
+        default: string;
+    };
+    helperLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    errorLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<FusionSelectOption>;
+        default: () => {
+            label: string;
+            value: null;
+        };
+    };
+    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;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    dataTest: {
+        type: StringConstructor;
+        default: string;
+    };
+}, unknown, {
+    selected: FusionSelectOption;
+    searchInputValue: string;
+    styleVariables: {};
+    interactionStates: {
+        opened: boolean;
+        focused: boolean;
+    };
+}, {
+    stateClasses(): {
+        disabled: boolean;
+        error: boolean;
+        opened: boolean;
+    };
+}, {
+    handleInputClick: () => void;
+    handleSelect: (option: FusionSelectOption) => void;
+    updateInput(): void;
+    handleFocus(): void;
+    handleBlur(): void;
+    handleKeydownEnter(): void;
+    closePanel(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "keydown:enter" | "select:blur" | "select:focus")[], "update:modelValue" | "keydown:enter" | "select:blur" | "select:focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    options: {
+        type: PropType<FusionSelectOption[]>;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchText: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchErrorTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchErrorDescription: {
+        type: StringConstructor;
+        default: string;
+    };
+    helperLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    errorLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<FusionSelectOption>;
+        default: () => {
+            label: string;
+            value: null;
+        };
+    };
+    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;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    dataTest: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onKeydown:enter"?: ((...args: any[]) => any) | undefined;
+    "onSelect:blur"?: ((...args: any[]) => any) | undefined;
+    "onSelect:focus"?: ((...args: any[]) => any) | undefined;
+}, {
+    label: string;
+    title: string;
+    dataTest: string;
+    disabled: boolean;
+    searchText: string;
+    modelValue: FusionSelectOption;
+    placeholder: string;
+    readonly: boolean;
+    required: boolean;
+    autocomplete: string;
+    helperLabel: string;
+    errorLabel: string;
+    tabIndex: number;
+    searchDisabled: boolean;
+    searchPlaceholder: string;
+    searchLoading: boolean;
+    searchErrorTitle: string;
+    searchErrorDescription: string;
+    autofocus: boolean;
+    ariaLabel: string;
+}, {}>;
+export default _default;

package/dist/components/form/select/panel/FusionSelectPanel.d.ts

@@ -0,0 +1,5 @@
+import type { FusionElementStates } from '../../../../../types/Global';
+
+export interface FusionSelectPanelStates extends FusionElementStates {
+    loading: boolean;
+}

package/dist/components/form/select/panel/FusionSelectPanel.vue.d.ts

@@ -0,0 +1,116 @@
+import type { FusionSelectOption } from '../FusionSelect';
+import type { Themes } from '../../../../../types/Themes';
+import { type PropType } from "vue";
+declare const _default: import("vue").DefineComponent<{
+    theme: {
+        type: PropType<keyof 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;
+    };
+}, unknown, {
+    searchInputValue: string;
+}, {}, {
+    closePanel(): void;
+    handleSelect(option: FusionSelectOption): void;
+    handleKeydownSelect(event: KeyboardEvent, option: FusionSelectOption): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("handle:select" | "handle:search" | "handle:close")[], "handle:select" | "handle:search" | "handle:close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    theme: {
+        type: PropType<keyof 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;
+    };
+}>> & {
+    "onHandle:select"?: ((...args: any[]) => any) | undefined;
+    "onHandle:search"?: ((...args: any[]) => any) | undefined;
+    "onHandle:close"?: ((...args: any[]) => any) | undefined;
+}, {
+    dataTest: string;
+    searchText: string;
+    selected: FusionSelectOption;
+    options: FusionSelectOption[];
+    theme: keyof Themes;
+    searchDisabled: boolean;
+    searchPlaceholder: string;
+    searchLoading: boolean;
+    searchErrorTitle: string;
+    searchErrorDescription: string;
+}, {}>;
+export default _default;