@dpa-id-components/dpa-shared-components 9.4.0 → 9.4.1

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

@@ -0,0 +1,100 @@
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    value?: any;
+    checkBoxMenu?: boolean | undefined;
+    isChecked?: boolean | undefined;
+    selected?: boolean | undefined;
+    selectable?: boolean | undefined;
+    overrideClasses?: string | undefined;
+    checkBoxColor?: "blue" | "gray" | undefined;
+    iconName?: string | null | undefined;
+    imageSrc?: string | undefined;
+    imageShape?: "rounded" | "square" | undefined;
+    iconSize?: "small" | "medium" | "large" | undefined;
+    checkboxSize?: "small" | "medium" | undefined;
+    disabled?: boolean | undefined;
+}>, {
+    value: string;
+    checkBoxMenu: boolean;
+    isChecked: boolean;
+    selected: boolean;
+    selectable: boolean;
+    overrideClasses: string;
+    checkBoxColor: string;
+    iconName: null;
+    iconSize: string;
+    imageSrc: string;
+    imageShape: string;
+    checkboxSize: string;
+    disabled: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "list-item-click": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    value?: any;
+    checkBoxMenu?: boolean | undefined;
+    isChecked?: boolean | undefined;
+    selected?: boolean | undefined;
+    selectable?: boolean | undefined;
+    overrideClasses?: string | undefined;
+    checkBoxColor?: "blue" | "gray" | undefined;
+    iconName?: string | null | undefined;
+    imageSrc?: string | undefined;
+    imageShape?: "rounded" | "square" | undefined;
+    iconSize?: "small" | "medium" | "large" | undefined;
+    checkboxSize?: "small" | "medium" | undefined;
+    disabled?: boolean | undefined;
+}>, {
+    value: string;
+    checkBoxMenu: boolean;
+    isChecked: boolean;
+    selected: boolean;
+    selectable: boolean;
+    overrideClasses: string;
+    checkBoxColor: string;
+    iconName: null;
+    iconSize: string;
+    imageSrc: string;
+    imageShape: string;
+    checkboxSize: string;
+    disabled: boolean;
+}>>> & {
+    "onList-item-click"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    value: any;
+    checkBoxMenu: boolean;
+    isChecked: boolean;
+    selected: boolean;
+    selectable: boolean;
+    overrideClasses: string;
+    checkBoxColor: "blue" | "gray";
+    iconName: string | null;
+    imageSrc: string;
+    imageShape: "rounded" | "square";
+    iconSize: "small" | "medium" | "large";
+    checkboxSize: "small" | "medium";
+}, {}>, {
+    default?(_: {}): 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/UiMenu/UiMenu.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,586 @@
+import { StoryObj } from '@storybook/vue3';
+
+declare const meta: {
+    title: string;
+    component: import('vue').DefineComponent<{
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        imageShape: {
+            type: import('vue').PropType<"rounded" | "square">;
+            default: string;
+        };
+        iconSize: {
+            type: import('vue').PropType<"small" | "medium" | "large">;
+            default: string;
+        };
+        checkboxSize: {
+            type: import('vue').PropType<"small" | "medium">;
+            default: string;
+        };
+        options: {
+            type: import('vue').PropType<{
+                label: string;
+                imageSrc?: string | undefined;
+                selected: boolean;
+                value: any;
+            }[]>;
+            required: true;
+        };
+        active: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        iconLeft: {
+            type: import('vue').PropType<string | null>;
+            default: null;
+        };
+        hasAutoFocus: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        isOpen: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        defaultTitle: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        noTitle: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        multiLabel: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        filterButtonSize: {
+            type: import('vue').PropType<"xs" | "small">;
+            default: string;
+        };
+        buttonVariant: {
+            type: import('vue').PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank">;
+            default: string;
+        };
+        listVariant: {
+            type: import('vue').PropType<"checkbox" | "selectable" | "blank">;
+            default: string;
+        };
+        checkboxColor: {
+            type: import('vue').PropType<"blue" | "gray">;
+            default: string;
+        };
+        hasResetOption: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        disabledReset: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        resetLabel: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        searchPlaceholder: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        hasSearch: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        floatingStylesActive: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        close: (...args: any[]) => void;
+        reset: (...args: any[]) => void;
+        input: (...args: any[]) => void;
+        open: (...args: any[]) => void;
+        "option-selected": (...args: any[]) => void;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        imageShape: {
+            type: import('vue').PropType<"rounded" | "square">;
+            default: string;
+        };
+        iconSize: {
+            type: import('vue').PropType<"small" | "medium" | "large">;
+            default: string;
+        };
+        checkboxSize: {
+            type: import('vue').PropType<"small" | "medium">;
+            default: string;
+        };
+        options: {
+            type: import('vue').PropType<{
+                label: string;
+                imageSrc?: string | undefined;
+                selected: boolean;
+                value: any;
+            }[]>;
+            required: true;
+        };
+        active: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        iconLeft: {
+            type: import('vue').PropType<string | null>;
+            default: null;
+        };
+        hasAutoFocus: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        isOpen: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        defaultTitle: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        noTitle: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        multiLabel: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        filterButtonSize: {
+            type: import('vue').PropType<"xs" | "small">;
+            default: string;
+        };
+        buttonVariant: {
+            type: import('vue').PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank">;
+            default: string;
+        };
+        listVariant: {
+            type: import('vue').PropType<"checkbox" | "selectable" | "blank">;
+            default: string;
+        };
+        checkboxColor: {
+            type: import('vue').PropType<"blue" | "gray">;
+            default: string;
+        };
+        hasResetOption: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        disabledReset: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        resetLabel: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        searchPlaceholder: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        hasSearch: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        floatingStylesActive: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        onInput?: ((...args: any[]) => any) | undefined;
+        onReset?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
+        onOpen?: ((...args: any[]) => any) | undefined;
+        "onOption-selected"?: ((...args: any[]) => any) | undefined;
+    }, {
+        disabled: boolean;
+        imageShape: "rounded" | "square";
+        iconSize: "small" | "medium" | "large";
+        checkboxSize: "small" | "medium";
+        active: boolean;
+        iconLeft: string | null;
+        hasAutoFocus: boolean;
+        isOpen: boolean;
+        defaultTitle: string;
+        noTitle: boolean;
+        multiLabel: string;
+        filterButtonSize: "xs" | "small";
+        buttonVariant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank";
+        listVariant: "checkbox" | "selectable" | "blank";
+        checkboxColor: "blue" | "gray";
+        hasResetOption: boolean;
+        disabledReset: boolean;
+        resetLabel: string;
+        searchPlaceholder: string;
+        hasSearch: boolean;
+        floatingStylesActive: boolean;
+    }, {}>;
+    argTypes: {
+        defaultTitle: {
+            control: "text";
+        };
+        multiLabel: {
+            control: "text";
+        };
+        buttonVariant: {
+            control: "select";
+            options: string[];
+        };
+        listVariant: {
+            control: "select";
+            options: string[];
+        };
+        checkboxColor: {
+            control: "select";
+            options: string[];
+        };
+        filterButtonSize: {
+            control: "select";
+            options: string[];
+        };
+        iconSize: {
+            control: "select";
+            options: string[];
+        };
+        iconLeft: {
+            control: "select";
+            options: string[];
+        };
+        imageShape: {
+            control: "select";
+            options: string[];
+        };
+        checkboxSize: {
+            control: "select";
+            options: string[];
+        };
+        isOpen: {
+            control: false;
+        };
+        disabled: {
+            control: "boolean";
+        };
+        active: {
+            control: "boolean";
+        };
+        hasResetOption: {
+            control: "boolean";
+        };
+        disabledReset: {
+            control: false;
+        };
+        resetLabel: {
+            control: "text";
+        };
+        searchPlaceholder: {
+            control: "text";
+        };
+        hasSearch: {
+            control: "boolean";
+        };
+        options: {
+            control: false;
+        };
+        noTitle: {
+            control: "boolean";
+        };
+    };
+    args: {
+        defaultTitle: string;
+        multiLabel: string;
+        buttonVariant: "white-rounded";
+        listVariant: "blank";
+        checkboxColor: "blue";
+        iconSize: "small";
+        iconLeft: string;
+        imageShape: "square";
+        checkboxSize: "medium";
+        disabled: false;
+        active: false;
+        hasResetOption: false;
+        resetLabel: string;
+        searchPlaceholder: string;
+        hasSearch: false;
+        noTitle: false;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithBlankButton: {
+    render: (args: any) => {
+        setup(): {
+            args: any;
+            isOpen: import('vue').Ref<boolean>;
+            resetIsDisabled: import('vue').ComputedRef<boolean>;
+            onClose: () => boolean;
+            onOpen: () => boolean;
+            onSelect: (e: {
+                index: number;
+                value: string;
+            }) => void;
+            onInput: (e: string) => void;
+            onReset: () => void;
+            filteredOptions: import('vue').Ref<{
+                label: string;
+                value: string;
+                selected: boolean;
+            }[]>;
+            options: import('vue').Ref<{
+                label: string;
+                value: string;
+                selected: boolean;
+            }[]>;
+        };
+        components: {
+            UiMenu: import('vue').DefineComponent<{
+                disabled: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                imageShape: {
+                    type: import('vue').PropType<"rounded" | "square">;
+                    default: string;
+                };
+                iconSize: {
+                    type: import('vue').PropType<"small" | "medium" | "large">;
+                    default: string;
+                };
+                checkboxSize: {
+                    type: import('vue').PropType<"small" | "medium">;
+                    default: string;
+                };
+                options: {
+                    type: import('vue').PropType<{
+                        label: string;
+                        imageSrc?: string | undefined;
+                        selected: boolean;
+                        value: any;
+                    }[]>;
+                    required: true;
+                };
+                active: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                iconLeft: {
+                    type: import('vue').PropType<string | null>;
+                    default: null;
+                };
+                hasAutoFocus: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                isOpen: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                defaultTitle: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                noTitle: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                multiLabel: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                filterButtonSize: {
+                    type: import('vue').PropType<"xs" | "small">;
+                    default: string;
+                };
+                buttonVariant: {
+                    type: import('vue').PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank">;
+                    default: string;
+                };
+                listVariant: {
+                    type: import('vue').PropType<"checkbox" | "selectable" | "blank">;
+                    default: string;
+                };
+                checkboxColor: {
+                    type: import('vue').PropType<"blue" | "gray">;
+                    default: string;
+                };
+                hasResetOption: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                disabledReset: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                resetLabel: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                searchPlaceholder: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                hasSearch: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                floatingStylesActive: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                close: (...args: any[]) => void;
+                reset: (...args: any[]) => void;
+                input: (...args: any[]) => void;
+                open: (...args: any[]) => void;
+                "option-selected": (...args: any[]) => void;
+            }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                disabled: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                imageShape: {
+                    type: import('vue').PropType<"rounded" | "square">;
+                    default: string;
+                };
+                iconSize: {
+                    type: import('vue').PropType<"small" | "medium" | "large">;
+                    default: string;
+                };
+                checkboxSize: {
+                    type: import('vue').PropType<"small" | "medium">;
+                    default: string;
+                };
+                options: {
+                    type: import('vue').PropType<{
+                        label: string;
+                        imageSrc?: string | undefined;
+                        selected: boolean;
+                        value: any;
+                    }[]>;
+                    required: true;
+                };
+                active: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                iconLeft: {
+                    type: import('vue').PropType<string | null>;
+                    default: null;
+                };
+                hasAutoFocus: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                isOpen: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                defaultTitle: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                noTitle: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                multiLabel: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                filterButtonSize: {
+                    type: import('vue').PropType<"xs" | "small">;
+                    default: string;
+                };
+                buttonVariant: {
+                    type: import('vue').PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank">;
+                    default: string;
+                };
+                listVariant: {
+                    type: import('vue').PropType<"checkbox" | "selectable" | "blank">;
+                    default: string;
+                };
+                checkboxColor: {
+                    type: import('vue').PropType<"blue" | "gray">;
+                    default: string;
+                };
+                hasResetOption: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                disabledReset: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                resetLabel: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                searchPlaceholder: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                hasSearch: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                floatingStylesActive: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+            }>> & {
+                onInput?: ((...args: any[]) => any) | undefined;
+                onReset?: ((...args: any[]) => any) | undefined;
+                onClose?: ((...args: any[]) => any) | undefined;
+                onOpen?: ((...args: any[]) => any) | undefined;
+                "onOption-selected"?: ((...args: any[]) => any) | undefined;
+            }, {
+                disabled: boolean;
+                imageShape: "rounded" | "square";
+                iconSize: "small" | "medium" | "large";
+                checkboxSize: "small" | "medium";
+                active: boolean;
+                iconLeft: string | null;
+                hasAutoFocus: boolean;
+                isOpen: boolean;
+                defaultTitle: string;
+                noTitle: boolean;
+                multiLabel: string;
+                filterButtonSize: "xs" | "small";
+                buttonVariant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank";
+                listVariant: "checkbox" | "selectable" | "blank";
+                checkboxColor: "blue" | "gray";
+                hasResetOption: boolean;
+                disabledReset: boolean;
+                resetLabel: string;
+                searchPlaceholder: string;
+                hasSearch: boolean;
+                floatingStylesActive: boolean;
+            }, {}>;
+        };
+        template: string;
+        methods: {
+            open: import('@storybook/addon-actions').HandlerFunction;
+            close: import('@storybook/addon-actions').HandlerFunction;
+            optionSelected: import('@storybook/addon-actions').HandlerFunction;
+            input: import('@storybook/addon-actions').HandlerFunction;
+            reset: import('@storybook/addon-actions').HandlerFunction;
+        };
+    };
+    args: {
+        buttonVariant: string;
+    };
+};
+export declare const WithCheckboxes: Story;
+export declare const WithCheckmark: Story;
+export declare const WithResetAndSearch: Story;
+export declare const WithImages: Story;