@wikicasa-dev/components 2.0.24 → 2.0.26

package/dist/BaseAutocomplete.js

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

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

@@ -26,6 +26,7 @@ declare const _default: <T, LabelID extends string | number | undefined>(__VLS_p
         closeDropdownOnBodyPressed?: boolean;
         inputClasses?: ClassTypeProp;
         fieldsetClasses?: ClassTypeProp;
+        dataCy?: string;
     })> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         select: () => void;

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

@@ -8,10 +8,10 @@ function Q(t, p) {
   return (...v) => new Promise((d, u) => {
     t.id && clearTimeout(t.id), t.id = setTimeout(() => {
       try {
-        const a = p(...v);
-        d(a);
-      } catch (a) {
-        u(a);
+        const i = p(...v);
+        d(i);
+      } catch (i) {
+        u(i);
       }
     }, t.delay);
   });
@@ -30,7 +30,8 @@ const R = ["innerHTML"], le = /* @__PURE__ */ T({
     dropdownClasses: { default: "" },
     closeDropdownOnBodyPressed: { type: Boolean, default: !0 },
     inputClasses: {},
-    fieldsetClasses: {}
+    fieldsetClasses: {},
+    dataCy: { default: "" }
   }, {
     modelValue: {
       default() {
@@ -44,7 +45,7 @@ const R = ["innerHTML"], le = /* @__PURE__ */ T({
     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);
+    ), u = v, i = 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);
     });
@@ -87,7 +88,7 @@ const R = ["innerHTML"], le = /* @__PURE__ */ T({
           return "";
       }
     }), P = async (e) => {
-      if (a.value !== e && (u("changedValue", e), a.value = e, !!t.onInputChangeCb)) {
+      if (i.value !== e && (u("changedValue", e), i.value = e, !!t.onInputChangeCb)) {
         if (!e || c.value) {
           n.value = [], c.value = !1, w.value = -1, h.value = -1, d.value && (d.value.label = ""), o.value = !1, await m.value(null);
           return;
@@ -95,14 +96,14 @@ const R = ["innerHTML"], le = /* @__PURE__ */ T({
         t.disableCb || (n.value = await m.value(e), o.value = !!n.value.length);
       }
     }, g = (e, l) => {
-      t.onOptionSelectedCb && t.onOptionSelectedCb(e), t.cleanupOnClose && (n.value = []), c.value = !0, a.value = e.label, d.value = e, o.value = !1, w.value = l;
+      t.onOptionSelectedCb && t.onOptionSelectedCb(e), t.cleanupOnClose && (n.value = []), c.value = !0, i.value = e.label, d.value = e, o.value = !1, w.value = l;
     }, D = () => {
       n.value.length && t.keepState !== "closed" && (o.value = !0);
     };
     return f(
       d,
       (e, l) => {
-        e === l || e?.label === a.value || (a.value = e?.label || "");
+        e === l || e?.label === i.value || (i.value = e?.label || "");
       },
       { immediate: !0 }
     ), f(w, (e) => {
@@ -122,7 +123,7 @@ const R = ["innerHTML"], le = /* @__PURE__ */ T({
       }
     }), (e, l) => (C(), S(q, {
       class: H(e.$attrs["root-classes"]),
-      "data-cy": `ac_${e.$attrs.id}`,
+      "data-cy": e.dataCy ? `ac_${e.dataCy}` : `ac_${e.$attrs.id}`,
       "dropdown-element": "ul",
       "dropdown-classes": [
         { "bordered-dropdown": e.theme === "bordered" },
@@ -139,8 +140,8 @@ const R = ["innerHTML"], le = /* @__PURE__ */ T({
       "keep-state": !n.value.length || e.keepState === "closed" ? "closed" : "opened",
       "close-when-clicked-outside": e.closeDropdownOnBodyPressed,
       "activate-keyboard-controller": !1,
-      "onUpdate:dropdownState": l[3] || (l[3] = (i) => o.value = i),
-      onClick: l[4] || (l[4] = (i) => {
+      "onUpdate:dropdownState": l[3] || (l[3] = (a) => o.value = a),
+      onClick: l[4] || (l[4] = (a) => {
         u("click"), D();
       })
     }, {
@@ -149,9 +150,9 @@ const R = ["innerHTML"], le = /* @__PURE__ */ T({
           id: `ac_input_${e.$attrs.id}`,
           ref_key: "baseInput",
           ref: y,
-          "data-cy": `ac_input_${e.$attrs.id}`,
+          "data-cy": e.dataCy ? `ac_input_${e.dataCy}` : `ac_input_${e.$attrs.id}`,
           "label-text": e.label,
-          "model-value": a.value,
+          "model-value": i.value,
           "is-valid": e.isValid,
           disabled: e.$attrs.disabled,
           placeholder: e.$attrs.placeholder,
@@ -163,30 +164,30 @@ const R = ["innerHTML"], le = /* @__PURE__ */ T({
             "!uikit-ml-0 !uikit-w-full"
           ],
           "fieldset-classes": [I.value, e.fieldsetClasses],
-          "onUpdate:modelValue": l[0] || (l[0] = (i) => P(i === void 0 ? "" : `${i}`)),
-          onKeydown: l[1] || (l[1] = (i) => u("keydown", i)),
+          "onUpdate:modelValue": l[0] || (l[0] = (a) => P(a === void 0 ? "" : `${a}`)),
+          onKeydown: l[1] || (l[1] = (a) => u("keydown", a)),
           onKeydownEnterPressed: l[2] || (l[2] = () => u("keydownEnterPressed"))
         }, {
           leftIcon: s(() => [
             V(e.$slots, "lefticon")
           ]),
-          righticon: s(({ handleClean: i }) => [
-            V(e.$slots, "righticon", { handleClean: i })
+          righticon: s(({ handleClean: a }) => [
+            V(e.$slots, "righticon", { handleClean: a })
           ]),
           _: 3
         }, 8, ["id", "data-cy", "label-text", "model-value", "is-valid", "disabled", "placeholder", "with-left-icon", "with-right-icon", "input-class", "fieldset-classes"])
       ]),
       default: s(() => [
-        (C(!0), A(K, null, N(n.value, (i, b) => (C(), S(G, {
+        (C(!0), A(K, null, N(n.value, (a, b) => (C(), S(G, {
           key: b,
           active: U(h) === b,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
-          onClick: (E) => g(i, b),
+          onClick: (E) => g(a, b),
           onMouseover: (E) => h.value = b
         }, {
           default: s(() => [
             W("span", {
-              innerHTML: i.label
+              innerHTML: a.label
             }, null, 8, R)
           ]),
           _: 2

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.DdmSUyxZ.js";
 import { _ as I } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.ClV6kObA.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.CCR6X0si.js";
+import { _ as k } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.Dc3hSghV.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.24",
+  "version": "2.0.26",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",