npm - @dpa-id-components/dpa-shared-components - Versions diffs - 12.0.1 → 12.1.0 - Mend

@dpa-id-components/dpa-shared-components 12.0.1 → 12.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (38) hide show

package/dist/components/UiInput/UiInput.stories.d.ts CHANGED Viewed

@@ -24,16 +24,16 @@ declare const meta: {
             inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
             isUiAutocomplete?: boolean;
         }> & Readonly<{
-            onFocus?: ((...args: any[]) => any) | undefined;
             onBlur?: ((...args: any[]) => any) | undefined;
+            onFocus?: ((...args: any[]) => any) | undefined;
             onInput?: ((...args: any[]) => any) | undefined;
             onKeyup?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         }>, {
             inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            focus: (...args: any[]) => void;
             blur: (...args: any[]) => void;
+            focus: (...args: any[]) => void;
             input: (...args: any[]) => void;
             keyup: (...args: any[]) => void;
             "update:modelValue": (...args: any[]) => void;
@@ -88,8 +88,8 @@ declare const meta: {
             inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
             isUiAutocomplete?: boolean;
         }> & Readonly<{
-            onFocus?: ((...args: any[]) => any) | undefined;
             onBlur?: ((...args: any[]) => any) | undefined;
+            onFocus?: ((...args: any[]) => any) | undefined;
             onInput?: ((...args: any[]) => any) | undefined;
             onKeyup?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -141,16 +141,16 @@ declare const meta: {
         inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
         isUiAutocomplete?: boolean;
     }> & Readonly<{
-        onFocus?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
         onInput?: ((...args: any[]) => any) | undefined;
         onKeyup?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, {
         inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        focus: (...args: any[]) => void;
         blur: (...args: any[]) => void;
+        focus: (...args: any[]) => void;
         input: (...args: any[]) => void;
         keyup: (...args: any[]) => void;
         "update:modelValue": (...args: any[]) => void;
@@ -195,12 +195,6 @@ declare const meta: {
             };
             options: string[];
         };
-        min: {
-            control: string;
-        };
-        max: {
-            control: string;
-        };
         label: {
             control: "text";
         };
@@ -247,7 +241,184 @@ declare const meta: {
         warningMessage: string;
         isTextarea: false;
     };
-    render: (args: any) => {
+    render: (args: import('@storybook/vue3').ComponentPropsAndSlots<{
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            id?: string;
+            modelValue: string;
+            type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+            label?: string;
+            placeholder?: string;
+            autofocus?: boolean;
+            chevron?: boolean;
+            readonly?: boolean;
+            disabled?: boolean;
+            isDateTimePicker?: boolean;
+            autocomplete?: string;
+            isInvalid?: boolean;
+            errorMessage?: string;
+            showWarning?: boolean;
+            warningMessage?: string;
+            isTextarea?: boolean;
+            hasInfo?: boolean;
+            infoText?: string;
+            inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+            isUiAutocomplete?: boolean;
+        }> & Readonly<{
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onInput?: ((...args: any[]) => any) | undefined;
+            onKeyup?: ((...args: any[]) => any) | undefined;
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            blur: (...args: any[]) => void;
+            focus: (...args: any[]) => void;
+            input: (...args: any[]) => void;
+            keyup: (...args: any[]) => void;
+            "update:modelValue": (...args: any[]) => void;
+        }, import('vue').PublicProps, {
+            type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+            disabled: boolean;
+            label: string;
+            readonly: boolean;
+            id: string;
+            placeholder: string;
+            autofocus: boolean;
+            chevron: boolean;
+            isDateTimePicker: boolean;
+            autocomplete: string;
+            isInvalid: boolean;
+            errorMessage: string;
+            showWarning: boolean;
+            warningMessage: string;
+            isTextarea: boolean;
+            hasInfo: boolean;
+            infoText: string;
+            inputStatus: "default" | "info" | "readonly" | "warning" | "error";
+            isUiAutocomplete: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            inputRef: unknown;
+        }, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            id?: string;
+            modelValue: string;
+            type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+            label?: string;
+            placeholder?: string;
+            autofocus?: boolean;
+            chevron?: boolean;
+            readonly?: boolean;
+            disabled?: boolean;
+            isDateTimePicker?: boolean;
+            autocomplete?: string;
+            isInvalid?: boolean;
+            errorMessage?: string;
+            showWarning?: boolean;
+            warningMessage?: string;
+            isTextarea?: boolean;
+            hasInfo?: boolean;
+            infoText?: string;
+            inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+            isUiAutocomplete?: boolean;
+        }> & Readonly<{
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onInput?: ((...args: any[]) => any) | undefined;
+            onKeyup?: ((...args: any[]) => any) | undefined;
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+        }, {}, {}, {}, {
+            type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+            disabled: boolean;
+            label: string;
+            readonly: boolean;
+            id: string;
+            placeholder: string;
+            autofocus: boolean;
+            chevron: boolean;
+            isDateTimePicker: boolean;
+            autocomplete: string;
+            isInvalid: boolean;
+            errorMessage: string;
+            showWarning: boolean;
+            warningMessage: string;
+            isTextarea: boolean;
+            hasInfo: boolean;
+            infoText: string;
+            inputStatus: "default" | "info" | "readonly" | "warning" | "error";
+            isUiAutocomplete: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        id?: string;
+        modelValue: string;
+        type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+        label?: string;
+        placeholder?: string;
+        autofocus?: boolean;
+        chevron?: boolean;
+        readonly?: boolean;
+        disabled?: boolean;
+        isDateTimePicker?: boolean;
+        autocomplete?: string;
+        isInvalid?: boolean;
+        errorMessage?: string;
+        showWarning?: boolean;
+        warningMessage?: string;
+        isTextarea?: boolean;
+        hasInfo?: boolean;
+        infoText?: string;
+        inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+        isUiAutocomplete?: boolean;
+    }> & Readonly<{
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onInput?: ((...args: any[]) => any) | undefined;
+        onKeyup?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        blur: (...args: any[]) => void;
+        focus: (...args: any[]) => void;
+        input: (...args: any[]) => void;
+        keyup: (...args: any[]) => void;
+        "update:modelValue": (...args: any[]) => void;
+    }, string, {
+        type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+        disabled: boolean;
+        label: string;
+        readonly: boolean;
+        id: string;
+        placeholder: string;
+        autofocus: boolean;
+        chevron: boolean;
+        isDateTimePicker: boolean;
+        autocomplete: string;
+        isInvalid: boolean;
+        errorMessage: string;
+        showWarning: boolean;
+        warningMessage: string;
+        isTextarea: boolean;
+        hasInfo: boolean;
+        infoText: string;
+        inputStatus: "default" | "info" | "readonly" | "warning" | "error";
+        isUiAutocomplete: boolean;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            buttons?(_: {}): any;
+        };
+    })>) => {
         components: {
             UiInput: {
                 new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
@@ -272,16 +443,16 @@ declare const meta: {
                     inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
                     isUiAutocomplete?: boolean;
                 }> & Readonly<{
-                    onFocus?: ((...args: any[]) => any) | undefined;
                     onBlur?: ((...args: any[]) => any) | undefined;
+                    onFocus?: ((...args: any[]) => any) | undefined;
                     onInput?: ((...args: any[]) => any) | undefined;
                     onKeyup?: ((...args: any[]) => any) | undefined;
                     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 }>, {
                     inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    focus: (...args: any[]) => void;
                     blur: (...args: any[]) => void;
+                    focus: (...args: any[]) => void;
                     input: (...args: any[]) => void;
                     keyup: (...args: any[]) => void;
                     "update:modelValue": (...args: any[]) => void;
@@ -336,8 +507,8 @@ declare const meta: {
                     inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
                     isUiAutocomplete?: boolean;
                 }> & Readonly<{
-                    onFocus?: ((...args: any[]) => any) | undefined;
                     onBlur?: ((...args: any[]) => any) | undefined;
+                    onFocus?: ((...args: any[]) => any) | undefined;
                     onInput?: ((...args: any[]) => any) | undefined;
                     onKeyup?: ((...args: any[]) => any) | undefined;
                     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -389,16 +560,16 @@ declare const meta: {
                 inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
                 isUiAutocomplete?: boolean;
             }> & Readonly<{
-                onFocus?: ((...args: any[]) => any) | undefined;
                 onBlur?: ((...args: any[]) => any) | undefined;
+                onFocus?: ((...args: any[]) => any) | undefined;
                 onInput?: ((...args: any[]) => any) | undefined;
                 onKeyup?: ((...args: any[]) => any) | undefined;
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
                 inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                focus: (...args: any[]) => void;
                 blur: (...args: any[]) => void;
+                focus: (...args: any[]) => void;
                 input: (...args: any[]) => void;
                 keyup: (...args: any[]) => void;
                 "update:modelValue": (...args: any[]) => void;
@@ -429,7 +600,184 @@ declare const meta: {
             });
         };
         setup(this: void): {
-            args: any;
+            args: import('@storybook/vue3').ComponentPropsAndSlots<{
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                    id?: string;
+                    modelValue: string;
+                    type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+                    label?: string;
+                    placeholder?: string;
+                    autofocus?: boolean;
+                    chevron?: boolean;
+                    readonly?: boolean;
+                    disabled?: boolean;
+                    isDateTimePicker?: boolean;
+                    autocomplete?: string;
+                    isInvalid?: boolean;
+                    errorMessage?: string;
+                    showWarning?: boolean;
+                    warningMessage?: string;
+                    isTextarea?: boolean;
+                    hasInfo?: boolean;
+                    infoText?: string;
+                    inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+                    isUiAutocomplete?: boolean;
+                }> & Readonly<{
+                    onBlur?: ((...args: any[]) => any) | undefined;
+                    onFocus?: ((...args: any[]) => any) | undefined;
+                    onInput?: ((...args: any[]) => any) | undefined;
+                    onKeyup?: ((...args: any[]) => any) | undefined;
+                    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    blur: (...args: any[]) => void;
+                    focus: (...args: any[]) => void;
+                    input: (...args: any[]) => void;
+                    keyup: (...args: any[]) => void;
+                    "update:modelValue": (...args: any[]) => void;
+                }, import('vue').PublicProps, {
+                    type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+                    disabled: boolean;
+                    label: string;
+                    readonly: boolean;
+                    id: string;
+                    placeholder: string;
+                    autofocus: boolean;
+                    chevron: boolean;
+                    isDateTimePicker: boolean;
+                    autocomplete: string;
+                    isInvalid: boolean;
+                    errorMessage: string;
+                    showWarning: boolean;
+                    warningMessage: string;
+                    isTextarea: boolean;
+                    hasInfo: boolean;
+                    infoText: string;
+                    inputStatus: "default" | "info" | "readonly" | "warning" | "error";
+                    isUiAutocomplete: boolean;
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                    inputRef: unknown;
+                }, any, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<{
+                    id?: string;
+                    modelValue: string;
+                    type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+                    label?: string;
+                    placeholder?: string;
+                    autofocus?: boolean;
+                    chevron?: boolean;
+                    readonly?: boolean;
+                    disabled?: boolean;
+                    isDateTimePicker?: boolean;
+                    autocomplete?: string;
+                    isInvalid?: boolean;
+                    errorMessage?: string;
+                    showWarning?: boolean;
+                    warningMessage?: string;
+                    isTextarea?: boolean;
+                    hasInfo?: boolean;
+                    infoText?: string;
+                    inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+                    isUiAutocomplete?: boolean;
+                }> & Readonly<{
+                    onBlur?: ((...args: any[]) => any) | undefined;
+                    onFocus?: ((...args: any[]) => any) | undefined;
+                    onInput?: ((...args: any[]) => any) | undefined;
+                    onKeyup?: ((...args: any[]) => any) | undefined;
+                    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+                }, {}, {}, {}, {
+                    type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+                    disabled: boolean;
+                    label: string;
+                    readonly: boolean;
+                    id: string;
+                    placeholder: string;
+                    autofocus: boolean;
+                    chevron: boolean;
+                    isDateTimePicker: boolean;
+                    autocomplete: string;
+                    isInvalid: boolean;
+                    errorMessage: string;
+                    showWarning: boolean;
+                    warningMessage: string;
+                    isTextarea: boolean;
+                    hasInfo: boolean;
+                    infoText: string;
+                    inputStatus: "default" | "info" | "readonly" | "warning" | "error";
+                    isUiAutocomplete: boolean;
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import('vue').ComponentOptionsBase<Readonly<{
+                id?: string;
+                modelValue: string;
+                type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+                label?: string;
+                placeholder?: string;
+                autofocus?: boolean;
+                chevron?: boolean;
+                readonly?: boolean;
+                disabled?: boolean;
+                isDateTimePicker?: boolean;
+                autocomplete?: string;
+                isInvalid?: boolean;
+                errorMessage?: string;
+                showWarning?: boolean;
+                warningMessage?: string;
+                isTextarea?: boolean;
+                hasInfo?: boolean;
+                infoText?: string;
+                inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+                isUiAutocomplete?: boolean;
+            }> & Readonly<{
+                onBlur?: ((...args: any[]) => any) | undefined;
+                onFocus?: ((...args: any[]) => any) | undefined;
+                onInput?: ((...args: any[]) => any) | undefined;
+                onKeyup?: ((...args: any[]) => any) | undefined;
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                blur: (...args: any[]) => void;
+                focus: (...args: any[]) => void;
+                input: (...args: any[]) => void;
+                keyup: (...args: any[]) => void;
+                "update:modelValue": (...args: any[]) => void;
+            }, string, {
+                type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+                disabled: boolean;
+                label: string;
+                readonly: boolean;
+                id: string;
+                placeholder: string;
+                autofocus: boolean;
+                chevron: boolean;
+                isDateTimePicker: boolean;
+                autocomplete: string;
+                isInvalid: boolean;
+                errorMessage: string;
+                showWarning: boolean;
+                warningMessage: string;
+                isTextarea: boolean;
+                hasInfo: boolean;
+                infoText: string;
+                inputStatus: "default" | "info" | "readonly" | "warning" | "error";
+                isUiAutocomplete: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: {
+                    buttons?(_: {}): any;
+                };
+            })>;
             value: import('vue').Ref<string, string>;
         };
         template: string;
@@ -442,17 +790,8 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const WithLabel: {
-    args: {
-        label: string;
-    };
-};
-export declare const WithPlaceholder: {
-    args: {
-        label: string;
-        placeholder: string;
-    };
-};
+export declare const WithLabel: Story;
+export declare const WithPlaceholder: Story;
 export declare const Readonly: Story;
 export declare const WithErrorText: Story;
 export declare const WithWarningText: Story;

package/dist/components/UiInput/UiInput.vue.d.ts CHANGED Viewed

@@ -34,14 +34,14 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    focus: (...args: any[]) => void;
     blur: (...args: any[]) => void;
+    focus: (...args: any[]) => void;
     input: (...args: any[]) => void;
     keyup: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
     onKeyup?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;