@dpa-id-components/dpa-shared-components 12.0.2 → 12.2.0

package/dist/components/UiSearchBar/UiSearchBar.stories.d.ts

@@ -1,4 +1,8 @@
+import { default as UiSearchBar } from './UiSearchBar.vue';
 import { StoryObj } from '@storybook/vue3';
+type PropsAndStoryProps = InstanceType<typeof UiSearchBar> & {
+    hiddenFilterRules: number;
+};
 declare const meta: {
     title: string;
     component: {
@@ -6,32 +10,30 @@ declare const meta: {
             modelValue: string;
             placeholder?: string;
             backgroundColor?: "gray" | "white";
-            hiddenFilterRules?: number;
             isFilterChipEditable?: boolean;
             hasChips?: boolean;
             executeSearchButtonTitle?: string;
             resetSearchButtonTittle?: string;
         }> & Readonly<{
-            onFocus?: ((...args: any[]) => any) | undefined;
-            onReset?: ((...args: any[]) => any) | undefined;
-            onSearch?: ((...args: any[]) => any) | undefined;
-            onBlur?: ((...args: any[]) => any) | undefined;
-            onSubmit?: ((...args: any[]) => any) | undefined;
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onReset?: ((args_0: string) => any) | undefined;
+            onSearch?: ((args_0: string) => any) | undefined;
+            onBlur?: ((args_0: FocusEvent) => any) | undefined;
+            onFocus?: ((args_0: FocusEvent) => any) | undefined;
+            onSubmit?: ((args_0: string) => any) | undefined;
+            "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
         }>, {
             searchInputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            focus: (...args: any[]) => void;
-            reset: (...args: any[]) => void;
-            search: (...args: any[]) => void;
-            blur: (...args: any[]) => void;
-            submit: (...args: any[]) => void;
-            "update:modelValue": (...args: any[]) => void;
+            reset: (args_0: string) => any;
+            search: (args_0: string) => any;
+            blur: (args_0: FocusEvent) => any;
+            focus: (args_0: FocusEvent) => any;
+            submit: (args_0: string) => any;
+            "update:modelValue": (args_0: string) => any;
         }, import('vue').PublicProps, {
             modelValue: string;
             placeholder: string;
             backgroundColor: "gray" | "white";
-            hiddenFilterRules: number;
             isFilterChipEditable: boolean;
             hasChips: boolean;
             executeSearchButtonTitle: string;
@@ -49,25 +51,23 @@ declare const meta: {
             modelValue: string;
             placeholder?: string;
             backgroundColor?: "gray" | "white";
-            hiddenFilterRules?: number;
             isFilterChipEditable?: boolean;
             hasChips?: boolean;
             executeSearchButtonTitle?: string;
             resetSearchButtonTittle?: string;
         }> & Readonly<{
-            onFocus?: ((...args: any[]) => any) | undefined;
-            onReset?: ((...args: any[]) => any) | undefined;
-            onSearch?: ((...args: any[]) => any) | undefined;
-            onBlur?: ((...args: any[]) => any) | undefined;
-            onSubmit?: ((...args: any[]) => any) | undefined;
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onReset?: ((args_0: string) => any) | undefined;
+            onSearch?: ((args_0: string) => any) | undefined;
+            onBlur?: ((args_0: FocusEvent) => any) | undefined;
+            onFocus?: ((args_0: FocusEvent) => any) | undefined;
+            onSubmit?: ((args_0: string) => any) | undefined;
+            "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
         }>, {
             searchInputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
         }, {}, {}, {}, {
             modelValue: string;
             placeholder: string;
             backgroundColor: "gray" | "white";
-            hiddenFilterRules: number;
             isFilterChipEditable: boolean;
             hasChips: boolean;
             executeSearchButtonTitle: string;
@@ -80,32 +80,30 @@ declare const meta: {
         modelValue: string;
         placeholder?: string;
         backgroundColor?: "gray" | "white";
-        hiddenFilterRules?: number;
         isFilterChipEditable?: boolean;
         hasChips?: boolean;
         executeSearchButtonTitle?: string;
         resetSearchButtonTittle?: string;
     }> & Readonly<{
-        onFocus?: ((...args: any[]) => any) | undefined;
-        onReset?: ((...args: any[]) => any) | undefined;
-        onSearch?: ((...args: any[]) => any) | undefined;
-        onBlur?: ((...args: any[]) => any) | undefined;
-        onSubmit?: ((...args: any[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onReset?: ((args_0: string) => any) | undefined;
+        onSearch?: ((args_0: string) => any) | undefined;
+        onBlur?: ((args_0: FocusEvent) => any) | undefined;
+        onFocus?: ((args_0: FocusEvent) => any) | undefined;
+        onSubmit?: ((args_0: string) => any) | undefined;
+        "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
     }>, {
         searchInputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        focus: (...args: any[]) => void;
-        reset: (...args: any[]) => void;
-        search: (...args: any[]) => void;
-        blur: (...args: any[]) => void;
-        submit: (...args: any[]) => void;
-        "update:modelValue": (...args: any[]) => void;
+        reset: (args_0: string) => any;
+        search: (args_0: string) => any;
+        blur: (args_0: FocusEvent) => any;
+        focus: (args_0: FocusEvent) => any;
+        submit: (args_0: string) => any;
+        "update:modelValue": (args_0: string) => any;
     }, string, {
         modelValue: string;
         placeholder: string;
         backgroundColor: "gray" | "white";
-        hiddenFilterRules: number;
         isFilterChipEditable: boolean;
         hasChips: boolean;
         executeSearchButtonTitle: string;
@@ -145,286 +143,7 @@ declare const meta: {
     };
 };
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<PropsAndStoryProps>;
 export declare const Default: Story;
 export declare const WithActionButtons: Story;
-export declare const WithChips: {
-    render: (args: any) => {
-        components: {
-            UiSearchBar: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-                    modelValue: string;
-                    placeholder?: string;
-                    backgroundColor?: "gray" | "white";
-                    hiddenFilterRules?: number;
-                    isFilterChipEditable?: boolean;
-                    hasChips?: boolean;
-                    executeSearchButtonTitle?: string;
-                    resetSearchButtonTittle?: string;
-                }> & Readonly<{
-                    onFocus?: ((...args: any[]) => any) | undefined;
-                    onReset?: ((...args: any[]) => any) | undefined;
-                    onSearch?: ((...args: any[]) => any) | undefined;
-                    onBlur?: ((...args: any[]) => any) | undefined;
-                    onSubmit?: ((...args: any[]) => any) | undefined;
-                    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-                }>, {
-                    searchInputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
-                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    focus: (...args: any[]) => void;
-                    reset: (...args: any[]) => void;
-                    search: (...args: any[]) => void;
-                    blur: (...args: any[]) => void;
-                    submit: (...args: any[]) => void;
-                    "update:modelValue": (...args: any[]) => void;
-                }, import('vue').PublicProps, {
-                    modelValue: string;
-                    placeholder: string;
-                    backgroundColor: "gray" | "white";
-                    hiddenFilterRules: number;
-                    isFilterChipEditable: boolean;
-                    hasChips: boolean;
-                    executeSearchButtonTitle: string;
-                    resetSearchButtonTittle: string;
-                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                    searchInputRef: HTMLInputElement;
-                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<{
-                    modelValue: string;
-                    placeholder?: string;
-                    backgroundColor?: "gray" | "white";
-                    hiddenFilterRules?: number;
-                    isFilterChipEditable?: boolean;
-                    hasChips?: boolean;
-                    executeSearchButtonTitle?: string;
-                    resetSearchButtonTittle?: string;
-                }> & Readonly<{
-                    onFocus?: ((...args: any[]) => any) | undefined;
-                    onReset?: ((...args: any[]) => any) | undefined;
-                    onSearch?: ((...args: any[]) => any) | undefined;
-                    onBlur?: ((...args: any[]) => any) | undefined;
-                    onSubmit?: ((...args: any[]) => any) | undefined;
-                    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-                }>, {
-                    searchInputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
-                }, {}, {}, {}, {
-                    modelValue: string;
-                    placeholder: string;
-                    backgroundColor: "gray" | "white";
-                    hiddenFilterRules: number;
-                    isFilterChipEditable: boolean;
-                    hasChips: boolean;
-                    executeSearchButtonTitle: string;
-                    resetSearchButtonTittle: string;
-                }>;
-                __isFragment?: never;
-                __isTeleport?: never;
-                __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<Readonly<{
-                modelValue: string;
-                placeholder?: string;
-                backgroundColor?: "gray" | "white";
-                hiddenFilterRules?: number;
-                isFilterChipEditable?: boolean;
-                hasChips?: boolean;
-                executeSearchButtonTitle?: string;
-                resetSearchButtonTittle?: string;
-            }> & Readonly<{
-                onFocus?: ((...args: any[]) => any) | undefined;
-                onReset?: ((...args: any[]) => any) | undefined;
-                onSearch?: ((...args: any[]) => any) | undefined;
-                onBlur?: ((...args: any[]) => any) | undefined;
-                onSubmit?: ((...args: any[]) => any) | undefined;
-                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-            }>, {
-                searchInputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                focus: (...args: any[]) => void;
-                reset: (...args: any[]) => void;
-                search: (...args: any[]) => void;
-                blur: (...args: any[]) => void;
-                submit: (...args: any[]) => void;
-                "update:modelValue": (...args: any[]) => void;
-            }, string, {
-                modelValue: string;
-                placeholder: string;
-                backgroundColor: "gray" | "white";
-                hiddenFilterRules: number;
-                isFilterChipEditable: boolean;
-                hasChips: boolean;
-                executeSearchButtonTitle: string;
-                resetSearchButtonTittle: string;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-                $slots: {
-                    nonEditableChips?(_: {}): any;
-                    editableChips?(_: {}): any;
-                    searchCriteriaButton?(_: {}): any;
-                    extendedSearchButton?(_: {}): any;
-                };
-            });
-            UiButton: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-                    iconName?: typeof import('../UiIcon/iconNames').iconNames[number] | null;
-                    size?: "xs" | "small" | "medium" | "large";
-                    color?: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
-                    disabledVariant?: "primary" | "secondary";
-                    disabled?: boolean;
-                    href?: string;
-                    rounded?: boolean;
-                }> & Readonly<{
-                    onClick?: (() => any) | undefined;
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-                    click: () => any;
-                }, import('vue').PublicProps, {
-                    size: "xs" | "small" | "medium" | "large";
-                    disabled: boolean;
-                    color: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
-                    rounded: boolean;
-                    iconName: typeof import('../UiIcon/iconNames').iconNames[number] | null;
-                    disabledVariant: "primary" | "secondary";
-                    href: string;
-                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<{
-                    iconName?: typeof import('../UiIcon/iconNames').iconNames[number] | null;
-                    size?: "xs" | "small" | "medium" | "large";
-                    color?: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
-                    disabledVariant?: "primary" | "secondary";
-                    disabled?: boolean;
-                    href?: string;
-                    rounded?: boolean;
-                }> & Readonly<{
-                    onClick?: (() => any) | undefined;
-                }>, {}, {}, {}, {}, {
-                    size: "xs" | "small" | "medium" | "large";
-                    disabled: boolean;
-                    color: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
-                    rounded: boolean;
-                    iconName: typeof import('../UiIcon/iconNames').iconNames[number] | null;
-                    disabledVariant: "primary" | "secondary";
-                    href: string;
-                }>;
-                __isFragment?: never;
-                __isTeleport?: never;
-                __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<Readonly<{
-                iconName?: typeof import('../UiIcon/iconNames').iconNames[number] | null;
-                size?: "xs" | "small" | "medium" | "large";
-                color?: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
-                disabledVariant?: "primary" | "secondary";
-                disabled?: boolean;
-                href?: string;
-                rounded?: boolean;
-            }> & Readonly<{
-                onClick?: (() => any) | undefined;
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-                click: () => any;
-            }, string, {
-                size: "xs" | "small" | "medium" | "large";
-                disabled: boolean;
-                color: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
-                rounded: boolean;
-                iconName: typeof import('../UiIcon/iconNames').iconNames[number] | null;
-                disabledVariant: "primary" | "secondary";
-                href: string;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-                $slots: {
-                    default?(_: {}): any;
-                };
-            });
-            UiIconButton: import('vue').DefineComponent<{
-                iconName: typeof import('../UiIcon/iconNames').iconNames[number];
-                title?: string;
-                disabled?: boolean;
-                backgroundColor?: "blue" | "none" | "gray-hover";
-                iconColor?: "blue" | "gray" | "white";
-                size?: "small" | "medium" | "large" | "xl";
-            }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-                click: (payload: any) => any;
-            }, string, import('vue').PublicProps, Readonly<{
-                iconName: typeof import('../UiIcon/iconNames').iconNames[number];
-                title?: string;
-                disabled?: boolean;
-                backgroundColor?: "blue" | "none" | "gray-hover";
-                iconColor?: "blue" | "gray" | "white";
-                size?: "small" | "medium" | "large" | "xl";
-            }> & Readonly<{
-                onClick?: ((payload: any) => any) | undefined;
-            }>, {
-                size: "small" | "medium" | "large" | "xl";
-                disabled: boolean;
-                title: string;
-                backgroundColor: "blue" | "none" | "gray-hover";
-                iconColor: "blue" | "gray" | "white";
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
-            UiIcon: import('vue').DefineComponent<{
-                name: typeof import('../UiIcon/iconNames').iconNames[number];
-                size?: "xs" | "small" | "medium" | "large" | "xl" | "2xl";
-                sizeClasses?: string;
-            }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-                name: typeof import('../UiIcon/iconNames').iconNames[number];
-                size?: "xs" | "small" | "medium" | "large" | "xl" | "2xl";
-                sizeClasses?: string;
-            }> & Readonly<{}>, {
-                size: "xs" | "small" | "medium" | "large" | "xl" | "2xl";
-                sizeClasses: string;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-            UiChip: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-                    cursorStyle?: "default" | "text" | "pointer";
-                    isVisible?: boolean;
-                    size?: "small" | "medium" | "big";
-                }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-                    size: "small" | "medium" | "big";
-                    cursorStyle: "default" | "text" | "pointer";
-                    isVisible: boolean;
-                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<{
-                    cursorStyle?: "default" | "text" | "pointer";
-                    isVisible?: boolean;
-                    size?: "small" | "medium" | "big";
-                }> & Readonly<{}>, {}, {}, {}, {}, {
-                    size: "small" | "medium" | "big";
-                    cursorStyle: "default" | "text" | "pointer";
-                    isVisible: boolean;
-                }>;
-                __isFragment?: never;
-                __isTeleport?: never;
-                __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<Readonly<{
-                cursorStyle?: "default" | "text" | "pointer";
-                isVisible?: boolean;
-                size?: "small" | "medium" | "big";
-            }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                size: "small" | "medium" | "big";
-                cursorStyle: "default" | "text" | "pointer";
-                isVisible: boolean;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-                $slots: {
-                    default?(_: {}): any;
-                };
-            });
-        };
-        setup(): {
-            args: any;
-        };
-        template: string;
-    };
-};
+export declare const WithChips: Story;

package/dist/components/UiSearchBar/UiSearchBar.vue.d.ts

@@ -2,7 +2,6 @@ type __VLS_Props = {
     modelValue: string;
     placeholder?: string;
     backgroundColor?: "gray" | "white";
-    hiddenFilterRules?: number;
     isFilterChipEditable?: boolean;
     hasChips?: boolean;
     executeSearchButtonTitle?: string;
@@ -25,24 +24,23 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     searchInputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    focus: (...args: any[]) => void;
-    reset: (...args: any[]) => void;
-    search: (...args: any[]) => void;
-    blur: (...args: any[]) => void;
-    submit: (...args: any[]) => void;
-    "update:modelValue": (...args: any[]) => void;
+    reset: (args_0: string) => any;
+    search: (args_0: string) => any;
+    blur: (args_0: FocusEvent) => any;
+    focus: (args_0: FocusEvent) => any;
+    submit: (args_0: string) => any;
+    "update:modelValue": (args_0: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onReset?: ((...args: any[]) => any) | undefined;
-    onSearch?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
-    onSubmit?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onReset?: ((args_0: string) => any) | undefined;
+    onSearch?: ((args_0: string) => any) | undefined;
+    onBlur?: ((args_0: FocusEvent) => any) | undefined;
+    onFocus?: ((args_0: FocusEvent) => any) | undefined;
+    onSubmit?: ((args_0: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
 }>, {
     modelValue: string;
     placeholder: string;
     backgroundColor: "gray" | "white";
-    hiddenFilterRules: number;
     isFilterChipEditable: boolean;
     hasChips: boolean;
     executeSearchButtonTitle: string;