@wikicasa-dev/components 2.0.14 → 2.0.15

package/dist/BaseAutocomplete.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.i1drmEOH.js";
+import { _ as f } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.CCR6X0si.js";
 export {
   f as default
 };

package/dist/UIKit/AccessibleSelect.vue.d.ts

@@ -1,57 +1,54 @@
 import { AccessibleSelectOptions } from './types';
 import { ClassType, Optional } from '@wikicasa-dev/types';
-declare let __VLS_typeProps: {
-    label?: string;
-    dropdownPosition?: "top" | "bottom";
-    namespace?: string;
-    options: AccessibleSelectOptions[];
-    isValid?: boolean | null;
-    feedback?: Partial<{
-        valid: string;
-        invalid: string;
-    }>;
-    /**
-     * If true, we will close the dropdown when we touch the body of the document
-     */
-    closeOnBodyPressed?: boolean;
-    border?: boolean;
-    fieldsetClasses?: ClassType;
-    legendClasses?: ClassType;
-    dropdownClasses?: ClassType;
-    labelClasses?: ClassType;
-    btnClasses?: ClassType;
-    dropdownItemClasses?: ClassType;
-    btnTextClasses?: ClassType;
-    arrowIcon?: Partial<{
-        width: number;
-        height: number;
-        strokeColor: `#${string}`;
-        classes: ClassType;
-    }>;
-    dataCy?: string;
-};
-type __VLS_PublicProps = {
-    modelValue?: Optional<AccessibleSelectOptions>;
-} & typeof __VLS_typeProps;
-declare function __VLS_template(): {
+declare const _default: <T, LabelID extends string | number | undefined>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((modelValue: Optional<AccessibleSelectOptions<T, LabelID>>) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & ({
+        modelValue?: Optional<AccessibleSelectOptions<T, LabelID>>;
+    } & {
+        label?: string;
+        dropdownPosition?: "top" | "bottom";
+        namespace?: string;
+        options: AccessibleSelectOptions<T, LabelID>[];
+        isValid?: boolean | null;
+        feedback?: Partial<{
+            valid: string;
+            invalid: string;
+        }>;
+        /**
+         * If true, we will close the dropdown when we touch the body of the document
+         */
+        closeOnBodyPressed?: boolean;
+        border?: boolean;
+        fieldsetClasses?: ClassType;
+        legendClasses?: ClassType;
+        dropdownClasses?: ClassType;
+        labelClasses?: ClassType;
+        btnClasses?: ClassType;
+        dropdownItemClasses?: ClassType;
+        btnTextClasses?: ClassType;
+        arrowIcon?: Partial<{
+            width: number;
+            height: number;
+            strokeColor: `#${string}`;
+            classes: ClassType;
+        }>;
+        dataCy?: string;
+    })> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
     slots: {
         lefticon?(_: {}): any;
     };
-    refs: {
-        btnEl: HTMLButtonElement;
+    emit: {
+        'update:modelValue': [modelValue: Optional<AccessibleSelectOptions<T, LabelID>>];
     };
-    attrs: Partial<{}>;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: Optional<AccessibleSelectOptions>) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: Optional<AccessibleSelectOptions>) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/UIKit/BaseAutocomplete.vue.d.ts

@@ -1,197 +1,51 @@
 import { Nullable, BaseAutocompleteThemes } from '@wikicasa-dev/types';
 import { AccessibleSelectOptions, ClassTypeProp } from './types';
-type ModelValueType<T = unknown> = AccessibleSelectOptions<T>;
-declare let __VLS_typeProps: {
-    isValid?: Nullable<boolean>;
-    theme?: BaseAutocompleteThemes;
-    label?: string;
-    disableCb?: boolean;
-    onInputChangeCb: (v: string) => Promise<AccessibleSelectOptions[]>;
-    onOptionSelectedCb?: Nullable<(v: AccessibleSelectOptions) => void>;
-    keepState?: Nullable<"closed" | "open">;
-    cleanupOnClose?: boolean;
-    dropdownClasses?: string;
-    /**
-     * If true, we will close the dropdown when the user clicks or touches the body of the document
-     */
-    closeDropdownOnBodyPressed?: boolean;
-    inputClasses?: ClassTypeProp;
-    fieldsetClasses?: ClassTypeProp;
-};
-type __VLS_PublicProps = {
-    modelValue?: ModelValueType | undefined;
-} & typeof __VLS_typeProps;
-declare function __VLS_template(): {
+declare const _default: <T, LabelID extends string | number | undefined>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onClick?: (() => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((modelValue: AccessibleSelectOptions<T, LabelID> | undefined) => any) | undefined;
+        readonly onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
+        readonly onKeydownEnterPressed?: (() => any) | undefined;
+        readonly "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
+        readonly onChangedValue?: ((args_0: string) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick" | "onKeydown" | "onUpdate:modelValue" | "onKeydownEnterPressed" | "onUpdate:dropdownState" | "onChangedValue"> & ({
+        modelValue?: AccessibleSelectOptions<T, LabelID> | undefined;
+    } & {
+        isValid?: Nullable<boolean>;
+        theme?: BaseAutocompleteThemes;
+        label?: string;
+        disableCb?: boolean;
+        onInputChangeCb: (v: string) => Promise<AccessibleSelectOptions<T, LabelID>[]>;
+        onOptionSelectedCb?: Nullable<(v: AccessibleSelectOptions<T, LabelID>) => void>;
+        keepState?: Nullable<"closed" | "open">;
+        cleanupOnClose?: boolean;
+        dropdownClasses?: string;
+        /**
+         * If true, we will close the dropdown when the user clicks or touches the body of the document
+         */
+        closeDropdownOnBodyPressed?: boolean;
+        inputClasses?: ClassTypeProp;
+        fieldsetClasses?: ClassTypeProp;
+    })> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{
+        select: () => void;
+    }>): void;
+    attrs: any;
     slots: {
         lefticon?(_: {}): any;
         righticon?(_: {
             handleClean: () => void;
         }): any;
     };
-    refs: {
-        baseInput: ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly modelValue?: string | number | undefined;
-                readonly inputClass?: import('./types').ClassType | import('./types').ClassType[];
-                readonly labelText?: string | undefined;
-                readonly feedback?: import('./types').FeedbackLabels | undefined;
-                readonly isValid?: Nullable<boolean> | undefined;
-                readonly keepFloatingLabel?: boolean | undefined;
-                readonly formatter?: Nullable<Partial<{
-                    formatFn: (n: number | string) => string;
-                    unFormatFn: (v: string) => string | number | null;
-                }>> | undefined;
-                readonly labelClasses?: ClassTypeProp;
-                readonly fieldsetClasses?: ClassTypeProp;
-                readonly labelTextClasses?: ClassTypeProp;
-                readonly withLeftIcon?: boolean | undefined;
-                readonly withRightIcon?: boolean | undefined;
-                readonly dataCy?: string | undefined;
-                readonly onClick?: ((args_0: MouseEvent) => any) | undefined;
-                readonly "onUpdate:modelValue"?: ((modelValue: string | number | undefined) => any) | undefined;
-                readonly onFocusin?: (() => any) | undefined;
-                readonly onFocusout?: (() => any) | undefined;
-                readonly onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
-                readonly onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
-                readonly onKeydownEnterPressed?: (() => any) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: ((event: "click", args_0: MouseEvent) => void) & ((event: "update:modelValue", modelValue: string | number | undefined) => void) & ((event: "focusin") => void) & ((event: "focusout") => void) & ((event: "keydown", args_0: KeyboardEvent) => void) & ((event: "keyup", args_0: KeyboardEvent) => void) & ((event: "keydownEnterPressed") => void);
-            $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<{
-                modelValue?: string | number | undefined;
-            } & {
-                inputClass?: import('./types').ClassType | import('./types').ClassType[];
-                labelText?: string;
-                feedback?: import('./types').FeedbackLabels;
-                isValid?: Nullable<boolean>;
-                keepFloatingLabel?: boolean;
-                formatter?: Nullable<Partial<{
-                    formatFn: (n: number | string) => string;
-                    unFormatFn: (v: string) => string | number | null;
-                }>>;
-                labelClasses?: ClassTypeProp;
-                fieldsetClasses?: ClassTypeProp;
-                labelTextClasses?: ClassTypeProp;
-                withLeftIcon?: boolean;
-                withRightIcon?: boolean;
-                dataCy?: string;
-            }> & Readonly<{
-                onClick?: ((args_0: MouseEvent) => any) | undefined;
-                "onUpdate:modelValue"?: ((modelValue: string | number | undefined) => any) | undefined;
-                onFocusin?: (() => any) | undefined;
-                onFocusout?: (() => any) | undefined;
-                onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
-                onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
-                onKeydownEnterPressed?: (() => any) | undefined;
-            }>, {
-                select: () => void;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                click: (args_0: MouseEvent) => any;
-                "update:modelValue": (modelValue: string | number | undefined) => any;
-                focusin: () => any;
-                focusout: () => any;
-                keydown: (args_0: KeyboardEvent) => any;
-                keyup: (args_0: KeyboardEvent) => any;
-                keydownEnterPressed: () => any;
-            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{}> & Omit<Readonly<{
-            modelValue?: string | number | undefined;
-        } & {
-            inputClass?: import('./types').ClassType | import('./types').ClassType[];
-            labelText?: string;
-            feedback?: import('./types').FeedbackLabels;
-            isValid?: Nullable<boolean>;
-            keepFloatingLabel?: boolean;
-            formatter?: Nullable<Partial<{
-                formatFn: (n: number | string) => string;
-                unFormatFn: (v: string) => string | number | null;
-            }>>;
-            labelClasses?: ClassTypeProp;
-            fieldsetClasses?: ClassTypeProp;
-            labelTextClasses?: ClassTypeProp;
-            withLeftIcon?: boolean;
-            withRightIcon?: boolean;
-            dataCy?: string;
-        }> & Readonly<{
-            onClick?: ((args_0: MouseEvent) => any) | undefined;
-            "onUpdate:modelValue"?: ((modelValue: string | number | undefined) => any) | undefined;
-            onFocusin?: (() => any) | undefined;
-            onFocusout?: (() => any) | undefined;
-            onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
-            onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
-            onKeydownEnterPressed?: (() => any) | undefined;
-        }>, "select"> & import('vue').ShallowUnwrapRef<{
-            select: () => void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: {
-                leftIcon?(_: {}): any;
-                righticon?(_: {
-                    handleClean: () => void;
-                    handleShowPasswd: () => void;
-                    curType: import('@wikicasa-dev/types').InputTypeHTMLAttribute;
-                }): any;
-                feedback?(_: {}): any;
-                "under-label"?(_: {}): any;
-            };
-        }) | null;
+    emit: (((evt: "click") => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "keydownEnterPressed") => void) & ((evt: "update:dropdownState", args_0: boolean) => void) & ((evt: "changedValue", args_0: string) => void)) & {
+        'update:modelValue': [modelValue: AccessibleSelectOptions<T, LabelID> | undefined];
     };
-    attrs: Partial<{}>;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
-    select: () => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: () => any;
-    "update:modelValue": (modelValue: ModelValueType<unknown> | undefined) => any;
-    keydown: (args_0: KeyboardEvent) => any;
-    keydownEnterPressed: () => any;
-    "update:dropdownState": (args_0: boolean) => any;
-    changedValue: (args_0: string) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onClick?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((modelValue: ModelValueType<unknown> | undefined) => any) | undefined;
-    onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
-    onKeydownEnterPressed?: (() => any) | undefined;
-    "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
-    onChangedValue?: ((args_0: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/chunks/{BaseAutocomplete.vue_vue_type_script_setup_true_lang.i1drmEOH.js → BaseAutocomplete.vue_vue_type_script_setup_true_lang.CCR6X0si.js}

@@ -41,7 +41,10 @@ const R = ["innerHTML"], le = /* @__PURE__ */ T({
   }),
   emits: /* @__PURE__ */ $(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
   setup(t, { expose: p, emit: v }) {
-    const d = L(t, "modelValue"), u = v, a = r(""), n = r([]), m = r(null), c = r(!1), o = r(!1), y = r(null), B = k(() => n.value.length);
+    const d = L(
+      t,
+      "modelValue"
+    ), u = v, a = r(""), n = r([]), m = r(null), c = r(!1), o = r(!1), y = r(null), B = k(() => n.value.length);
     F(() => {
       m.value = Q({ delay: 300 }, t.onInputChangeCb);
     });

package/dist/index.js

@@ -11,7 +11,7 @@ import { _ as g } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang
 import { _ as h } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.BalzO73O.js";
 import { _ as I } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.CfwgKf93.js";
 import { _ as w } from "./chunks/BaseAlert.vue_vue_type_style_index_0_lang.BtqP_iYL.js";
-import { _ as k } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.i1drmEOH.js";
+import { _ as k } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.CCR6X0si.js";
 import { _ as v } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
 import { _ as G } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.BWZPE2Gf.js";
 import { default as O } from "./BaseCard.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.0.14",
+  "version": "2.0.15",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",