@wikicasa-dev/components 1.2.58 → 1.3.1

package/dist/BaseAutocomplete.js

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

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

@@ -34,7 +34,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<Nullable<(v: AccessibleSelectOptions) => void>>;
         default: null;
     };
-    manualClose: {
+    cleanupOnClose: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
@@ -42,7 +42,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     select: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
-    dropdownClosed: () => void;
+    keydown: (args_0: KeyboardEvent) => void;
+    dropdownClosed: (args_0: boolean) => void;
     changedValue: (args_0: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: import("vue").PropType<ModelValueType<unknown> | undefined>;
@@ -78,13 +79,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<Nullable<(v: AccessibleSelectOptions) => void>>;
         default: null;
     };
-    manualClose: {
+    cleanupOnClose: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
 }>> & {
+    onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
     onClick?: (() => any) | undefined;
-    onDropdownClosed?: (() => any) | undefined;
+    onDropdownClosed?: ((args_0: boolean) => any) | undefined;
     onChangedValue?: ((args_0: string) => any) | undefined;
 }, {
     label: string;
@@ -94,7 +96,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     keepState: Nullable<"closed" | "open">;
     disableCb: boolean;
     onOptionSelectedCb: Nullable<(v: AccessibleSelectOptions) => void>;
-    manualClose: boolean;
+    cleanupOnClose: boolean;
 }, {}>, {
     lefticon?(_: {}): any;
     righticon?(_: {

package/dist/chunks/{BaseAutocomplete.vue_vue_type_script_setup_true_lang.3aynnDI5.js → BaseAutocomplete.vue_vue_type_script_setup_true_lang.KqJ6OB8f.js}

@@ -1,24 +1,24 @@
-import { defineComponent as z, mergeModels as V, useModel as E, ref as s, computed as f, onBeforeMount as N, watch as C, openBlock as g, createBlock as S, normalizeClass as U, withCtx as b, createVNode as A, renderSlot as B, createElementBlock as F, Fragment as K, renderList as P, unref as W, createElementVNode as j } from "vue";
-import q from "../BaseInput.js";
-import { _ as G } from "./BaseDropDown.vue_vue_type_script_setup_true_lang.C4VH7V0e.js";
+import { defineComponent as H, mergeModels as S, useModel as z, ref as s, computed as k, onBeforeMount as E, watch as C, openBlock as g, createBlock as V, normalizeClass as J, withCtx as c, createVNode as K, renderSlot as B, createElementBlock as U, Fragment as A, renderList as F, unref as P, createElementVNode as W } from "vue";
+import j from "../BaseInput.js";
+import { _ as q } from "./BaseDropDown.vue_vue_type_script_setup_true_lang.C4VH7V0e.js";
 import "./js.cookie.BQua9eWh.js";
-import { _ as J } from "./SelectItem.vue_vue_type_script_setup_true_lang.BOLdDTLM.js";
+import { _ as G } from "./SelectItem.vue_vue_type_script_setup_true_lang.BOLdDTLM.js";
 import { useKeyboardController as Q } from "../useKeyboardController.js";
-function R(i, k) {
-  return (...m) => new Promise((t, a) => {
-    i.id && clearTimeout(i.id), i.id = setTimeout(() => {
+function R(u, f) {
+  return (...v) => new Promise((t, n) => {
+    u.id && clearTimeout(u.id), u.id = setTimeout(() => {
       try {
-        const n = k(...m);
-        t(n);
-      } catch (n) {
-        a(n);
+        const i = f(...v);
+        t(i);
+      } catch (i) {
+        n(i);
       }
-    }, i.delay);
+    }, u.delay);
   });
 }
-const X = ["innerHTML"], oe = /* @__PURE__ */ z({
+const X = ["innerHTML"], oe = /* @__PURE__ */ H({
   __name: "BaseAutocomplete",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ S({
     border: { type: Boolean, default: !0 },
     isValid: { default: null },
     theme: { default: "" },
@@ -26,8 +26,8 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ z({
     disableCb: { type: Boolean, default: !1 },
     onInputChangeCb: {},
     onOptionSelectedCb: { default: null },
-    manualClose: { type: Boolean, default: !1 },
-    keepState: { default: null }
+    keepState: { default: null },
+    cleanupOnClose: { type: Boolean, default: !0 }
   }, {
     modelValue: {
       default() {
@@ -36,17 +36,17 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ z({
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ V(["dropdownClosed", "changedValue", "click"], ["update:modelValue"]),
-  setup(i, { expose: k, emit: m }) {
-    const t = i, a = E(i, "modelValue"), n = m, d = s(""), r = s([]), v = s(null), c = s(!1), l = s(!1), $ = s(null), M = f(() => r.value.length);
-    N(() => {
-      d.value = a.value?.label || "", v.value = R({ delay: 300 }, t.onInputChangeCb);
+  emits: /* @__PURE__ */ S(["dropdownClosed", "changedValue", "click", "keydown"], ["update:modelValue"]),
+  setup(u, { expose: f, emit: v }) {
+    const t = u, n = z(u, "modelValue"), i = v, d = s(""), a = s([]), m = s(null), p = s(!1), l = s(!1), y = s(null), O = k(() => a.value.length);
+    E(() => {
+      d.value = n.value?.label || "", m.value = R({ delay: 300 }, t.onInputChangeCb);
     });
     const { activeIdx: h, selectedIdx: w } = Q({
-      optionsLength: M,
+      optionsLength: O,
       isDropdownOpen: l,
       disableSpaceHandler: !0
-    }), I = f(() => {
+    }), M = k(() => {
       switch (t.theme) {
         case "bordered":
           return "";
@@ -57,7 +57,7 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ z({
         default:
           return "";
       }
-    }), O = f(() => {
+    }), I = k(() => {
       switch (t.theme) {
         case "bordered":
           return "";
@@ -68,8 +68,8 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ z({
         default:
           return "";
       }
-    }), T = f(() => {
-      let e = "uikit-rounded-b-xl uikit-shadow uikit-rounded-t-none uikit-mb-0 !uikit-mt-0 uikit-text-w-black !uikit-rounded-b-xl !uikit-rounded-t-none";
+    }), T = k(() => {
+      const e = "uikit-rounded-b-xl uikit-shadow uikit-rounded-t-none uikit-mb-0 !uikit-mt-0 uikit-text-w-black !uikit-rounded-b-xl !uikit-rounded-t-none";
       switch (t.theme) {
         case "bordered":
           return "before:uikit-content-[''] before:uikit-absolute before:uikit-w-1/2 before:uikit-border-b before:uikit-border-b-w-lavender before:[border-bottom-style:solid] before:uikit-right-1/4 uikit-rounded-b-xl uikit-shadow uikit-rounded-t-none uikit-mt-5px uikit-mb-0";
@@ -81,36 +81,36 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ z({
           return "";
       }
     }), L = async (e) => {
-      if (d.value !== e && (n("changedValue", e), d.value = e, !!t.onInputChangeCb)) {
-        if (a.value && !e && (a.value.label = "", l.value = !1), !e || c.value) {
-          r.value = [], c.value = !1, w.value = -1, h.value = -1, await v.value(null);
+      if (d.value !== e && (i("changedValue", e), d.value = e, !!t.onInputChangeCb)) {
+        if (n.value && !e && (n.value.label = "", l.value = !1), !e || p.value) {
+          a.value = [], p.value = !1, w.value = -1, h.value = -1, await m.value(null);
           return;
         }
-        t.disableCb || (r.value = await v.value(e), r.value.length && (l.value = !0));
+        t.disableCb || (a.value = await m.value(e), console.log({ options: JSON.parse(JSON.stringify(a.value)) }), a.value.length && (l.value = !0));
       }
-    }, y = (e, o) => {
-      t.onOptionSelectedCb && t.onOptionSelectedCb(e), c.value = !0, d.value = e.label, a.value = e, l.value = !1, w.value = o;
-    }, D = () => {
-      r.value.length && t.keepState !== "closed" && (l.value = !0);
+    }, $ = (e, o) => {
+      t.onOptionSelectedCb && t.onOptionSelectedCb(e), p.value = !0, d.value = e.label, n.value = e, l.value = !1, w.value = o;
+    }, N = () => {
+      a.value.length && t.keepState !== "closed" && (l.value = !0);
     };
-    return C(a, (e, o) => {
+    return C(n, (e, o) => {
       e !== o && (d.value = e?.label || "");
     }), C(w, (e) => {
       if (e === -1)
         return;
-      const o = r.value[e];
-      c.value && o.label === a.value?.label || y(o, e);
+      const o = a.value[e];
+      p.value && o.label === n.value?.label || $(o, e);
     }), C(
-      () => t.manualClose,
+      () => t.keepState,
       (e) => {
-        e && (c.value && (r.value = []), n("dropdownClosed"));
+        e === "closed" ? l.value = !1 : e === "open" && a.value.length && (l.value = !0), t.cleanupOnClose && (a.value = []), i("dropdownClosed", l.value);
       }
-    ), k({
+    ), f({
       select: () => {
-        $.value?.select();
+        y.value?.select();
       }
-    }), (e, o) => (g(), S(G, {
-      class: U(e.$attrs["root-classes"]),
+    }), (e, o) => (g(), V(q, {
+      class: J(e.$attrs["root-classes"]),
       "data-cy": `ac_${e.$attrs.id}`,
       "dropdown-element": "ul",
       "dropdown-classes": [
@@ -125,20 +125,20 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ z({
         e.$attrs["dropdown-classes"]
       ],
       "open-dropdown": l.value,
-      "keep-state": r.value.length ? "" : "closed",
-      "onUpdate:dropdownState": o[0] || (o[0] = (u) => l.value = u),
-      onClick: o[1] || (o[1] = (u) => {
-        n("click"), D();
+      "keep-state": !a.value.length || t.keepState === "closed" ? "closed" : "opened",
+      "onUpdate:dropdownState": o[1] || (o[1] = (r) => l.value = r),
+      onClick: o[2] || (o[2] = (r) => {
+        i("click"), N();
       })
     }, {
-      btn_slot: b(() => [
-        A(q, {
+      btn_slot: c(() => [
+        K(j, {
           id: `ac_input_${e.$attrs.id}`,
           ref_key: "baseInput",
-          ref: $,
+          ref: y,
           "data-cy": `ac_input_${e.$attrs.id}`,
           "label-text": e.label,
-          "model-value": a.value?.label || "",
+          "model-value": n.value?.label || "",
           "is-valid": e.isValid,
           disabled: e.$attrs.disabled,
           placeholder: e.$attrs.placeholder,
@@ -146,31 +146,32 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ z({
           "with-right-icon": !!e.$slots.righticon,
           border: !e.theme,
           radius: !e.theme || e.theme === "bordered",
-          "input-class": [I.value, e.$attrs["input-classes"]],
-          "fieldset-classes": [O.value, e.$attrs["fieldset-classes"]],
+          "input-class": [M.value, e.$attrs["input-classes"]],
+          "fieldset-classes": [I.value, e.$attrs["fieldset-classes"]],
           "keep-floating-label": !!d.value,
-          "onUpdate:modelValue": L
+          "onUpdate:modelValue": L,
+          onKeydown: o[0] || (o[0] = (r) => i("keydown", r))
         }, {
-          leftIcon: b(() => [
+          leftIcon: c(() => [
             B(e.$slots, "lefticon")
           ]),
-          righticon: b(({ handleClean: u }) => [
-            B(e.$slots, "righticon", { handleClean: u })
+          righticon: c(({ handleClean: r }) => [
+            B(e.$slots, "righticon", { handleClean: r })
           ]),
           _: 3
         }, 8, ["id", "data-cy", "label-text", "model-value", "is-valid", "disabled", "placeholder", "with-left-icon", "with-right-icon", "border", "radius", "input-class", "fieldset-classes", "keep-floating-label"])
       ]),
-      default: b(() => [
-        (g(!0), F(K, null, P(r.value, (u, p) => (g(), S(J, {
-          key: p,
-          active: W(h) === p,
+      default: c(() => [
+        (g(!0), U(A, null, F(a.value, (r, b) => (g(), V(G, {
+          key: b,
+          active: P(h) === b,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
-          onClick: (H) => y(u, p),
-          onMouseover: (H) => h.value = p
+          onClick: (D) => $(r, b),
+          onMouseover: (D) => h.value = b
         }, {
-          default: b(() => [
-            j("span", {
-              innerHTML: u.label
+          default: c(() => [
+            W("span", {
+              innerHTML: r.label
             }, null, 8, X)
           ]),
           _: 2

package/dist/index.js

@@ -10,7 +10,7 @@ import { _ as c } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang
 import { _ as b } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.C-jm5z4e.js";
 import { _ as A } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.lyHlWiC5.js";
 import { _ as C } from "./chunks/BaseAlert.vue_vue_type_script_setup_true_lang.HqYdk4yE.js";
-import { _ as T } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.3aynnDI5.js";
+import { _ as T } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.KqJ6OB8f.js";
 import { _ as w } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
 import { _ as k } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.BrJbAMJ8.js";
 import { _ as F } from "./chunks/BaseCard.vue_vue_type_style_index_0_lang.w5aEohzG.js";

package/package.json

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