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

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

@@ -1,100 +1,39 @@
 import { StoryObj } from '@storybook/vue3';
-
 declare const meta: {
     title: string;
     component: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<"number" | "text" | "time" | "date" | "password" | "datetime-local">;
-                default: string;
-            };
-            disabled: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            label: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            readonly: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            id: {
-                type: import('vue').PropType<string>;
-                default: undefined;
-            };
-            modelValue: {
-                type: import('vue').PropType<string>;
-                required: true;
-            };
-            placeholder: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            autofocus: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            chevron: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            isDateTimePicker: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            autocomplete: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            isInvalid: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            errorMessage: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            showWarning: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            warningMessage: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            isTextarea: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            hasInfo: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            infoText: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            inputStatus: {
-                type: import('vue').PropType<"info" | "default" | "error" | "readonly" | "warning">;
-                default: string;
-            };
-            isUiAutocomplete: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-        }>> & Readonly<{
-            onBlur?: ((...args: any[]) => any) | undefined;
+        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<{
             onFocus?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...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;
+            blur: (...args: any[]) => void;
             input: (...args: any[]) => void;
             keyup: (...args: any[]) => void;
             "update:modelValue": (...args: any[]) => void;
@@ -118,97 +57,39 @@ declare const meta: {
             infoText: string;
             inputStatus: "default" | "info" | "readonly" | "warning" | "error";
             isUiAutocomplete: boolean;
-        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            inputRef: unknown;
+        }, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<"number" | "text" | "time" | "date" | "password" | "datetime-local">;
-                default: string;
-            };
-            disabled: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            label: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            readonly: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            id: {
-                type: import('vue').PropType<string>;
-                default: undefined;
-            };
-            modelValue: {
-                type: import('vue').PropType<string>;
-                required: true;
-            };
-            placeholder: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            autofocus: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            chevron: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            isDateTimePicker: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            autocomplete: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            isInvalid: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            errorMessage: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            showWarning: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            warningMessage: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            isTextarea: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            hasInfo: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            infoText: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            inputStatus: {
-                type: import('vue').PropType<"info" | "default" | "error" | "readonly" | "warning">;
-                default: string;
-            };
-            isUiAutocomplete: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-        }>> & Readonly<{
-            onBlur?: ((...args: any[]) => any) | undefined;
+        }, 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<{
             onFocus?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
             onInput?: ((...args: any[]) => any) | undefined;
             onKeyup?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -238,98 +119,38 @@ declare const meta: {
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-        type: {
-            type: import('vue').PropType<"number" | "text" | "time" | "date" | "password" | "datetime-local">;
-            default: string;
-        };
-        disabled: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        label: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        readonly: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        id: {
-            type: import('vue').PropType<string>;
-            default: undefined;
-        };
-        modelValue: {
-            type: import('vue').PropType<string>;
-            required: true;
-        };
-        placeholder: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        autofocus: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        chevron: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        isDateTimePicker: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        autocomplete: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        isInvalid: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        errorMessage: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        showWarning: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        warningMessage: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        isTextarea: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        hasInfo: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        infoText: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        inputStatus: {
-            type: import('vue').PropType<"info" | "default" | "error" | "readonly" | "warning">;
-            default: string;
-        };
-        isUiAutocomplete: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-    }>> & Readonly<{
-        onBlur?: ((...args: any[]) => any) | undefined;
+    } & 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<{
         onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...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;
+        blur: (...args: any[]) => void;
         input: (...args: any[]) => void;
         keyup: (...args: any[]) => void;
         "update:modelValue": (...args: any[]) => void;
@@ -429,98 +250,38 @@ declare const meta: {
     render: (args: any) => {
         components: {
             UiInput: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-                    type: {
-                        type: import('vue').PropType<"number" | "text" | "time" | "date" | "password" | "datetime-local">;
-                        default: string;
-                    };
-                    disabled: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    label: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    readonly: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    id: {
-                        type: import('vue').PropType<string>;
-                        default: undefined;
-                    };
-                    modelValue: {
-                        type: import('vue').PropType<string>;
-                        required: true;
-                    };
-                    placeholder: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    autofocus: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    chevron: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    isDateTimePicker: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    autocomplete: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    isInvalid: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    errorMessage: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    showWarning: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    warningMessage: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    isTextarea: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    hasInfo: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    infoText: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    inputStatus: {
-                        type: import('vue').PropType<"info" | "default" | "error" | "readonly" | "warning">;
-                        default: string;
-                    };
-                    isUiAutocomplete: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                }>> & Readonly<{
-                    onBlur?: ((...args: any[]) => any) | undefined;
+                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<{
                     onFocus?: ((...args: any[]) => any) | undefined;
+                    onBlur?: ((...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;
+                    blur: (...args: any[]) => void;
                     input: (...args: any[]) => void;
                     keyup: (...args: any[]) => void;
                     "update:modelValue": (...args: any[]) => void;
@@ -544,97 +305,39 @@ declare const meta: {
                     infoText: string;
                     inputStatus: "default" | "info" | "readonly" | "warning" | "error";
                     isUiAutocomplete: boolean;
-                }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                    inputRef: unknown;
+                }, any, import('vue').ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<import('vue').ExtractPropTypes<{
-                    type: {
-                        type: import('vue').PropType<"number" | "text" | "time" | "date" | "password" | "datetime-local">;
-                        default: string;
-                    };
-                    disabled: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    label: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    readonly: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    id: {
-                        type: import('vue').PropType<string>;
-                        default: undefined;
-                    };
-                    modelValue: {
-                        type: import('vue').PropType<string>;
-                        required: true;
-                    };
-                    placeholder: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    autofocus: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    chevron: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    isDateTimePicker: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    autocomplete: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    isInvalid: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    errorMessage: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    showWarning: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    warningMessage: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    isTextarea: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    hasInfo: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    infoText: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    inputStatus: {
-                        type: import('vue').PropType<"info" | "default" | "error" | "readonly" | "warning">;
-                        default: string;
-                    };
-                    isUiAutocomplete: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                }>> & Readonly<{
-                    onBlur?: ((...args: any[]) => any) | undefined;
+                }, 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<{
                     onFocus?: ((...args: any[]) => any) | undefined;
+                    onBlur?: ((...args: any[]) => any) | undefined;
                     onInput?: ((...args: any[]) => any) | undefined;
                     onKeyup?: ((...args: any[]) => any) | undefined;
                     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -664,98 +367,38 @@ declare const meta: {
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                type: {
-                    type: import('vue').PropType<"number" | "text" | "time" | "date" | "password" | "datetime-local">;
-                    default: string;
-                };
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                label: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                readonly: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                id: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                modelValue: {
-                    type: import('vue').PropType<string>;
-                    required: true;
-                };
-                placeholder: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                autofocus: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                chevron: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                isDateTimePicker: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                autocomplete: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                isInvalid: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                errorMessage: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                showWarning: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                warningMessage: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                isTextarea: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                hasInfo: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                infoText: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                inputStatus: {
-                    type: import('vue').PropType<"info" | "default" | "error" | "readonly" | "warning">;
-                    default: string;
-                };
-                isUiAutocomplete: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-            }>> & Readonly<{
-                onBlur?: ((...args: any[]) => any) | undefined;
+            } & 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<{
                 onFocus?: ((...args: any[]) => any) | undefined;
+                onBlur?: ((...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;
+                blur: (...args: any[]) => void;
                 input: (...args: any[]) => void;
                 keyup: (...args: any[]) => void;
                 "update:modelValue": (...args: any[]) => void;