@wikicasa-dev/components 2.0.28 → 2.0.30

package/dist/BaseTabView.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.Ar2KNVYH.js";
+import { _ as f } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.DjAQCt5a.js";
 export {
   f as default
 };

package/dist/CheckboxGroup.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.C1NwpE7V.js";
+import { _ as f } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.Cf8YnCGf.js";
 export {
   f as default
 };

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

@@ -57,8 +57,8 @@ declare const __VLS_component: import('vue').DefineComponent<{
     onClick?: (() => any) | undefined;
     "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
 }>, {
-    arrowWidth: number;
     dataCy: string;
+    arrowWidth: number;
     btnClasses: string;
     labelClasses: ClassType;
     dropdownClasses: ClassType;

package/dist/UIKit/Tab/BaseTabView.vue.d.ts

@@ -4,6 +4,7 @@ declare let __VLS_typeProps: {
     tabsPosition?: "top" | "bottom";
     tabViewDescription: string;
     tabListClasses?: ClassType;
+    dataCy?: string;
 };
 type __VLS_PublicProps = {
     "activeIdx"?: number | undefined;
@@ -20,8 +21,5 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
         tabElement: TabType;
     }) => any) | undefined;
     "onUpdate:activeIdx"?: ((activeIdx: number | undefined) => any) | undefined;
-}>, {
-    tabListClasses: ClassType;
-    tabsPosition: "top" | "bottom";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/UIKit/types.d.ts

@@ -31,6 +31,7 @@ export type CheckboxButtonType<T = string | number, T1 = string | number, T2 = u
     checked?: boolean;
     reset?: boolean;
     payload?: T2;
+    dataCy?: string;
 };
 export type CheckboxButtonTypeObj = Omit<CheckboxButtonType, "checked"> & {
     checked: boolean;

package/dist/chunks/{BaseTabView.vue_vue_type_script_setup_true_lang.Ar2KNVYH.js → BaseTabView.vue_vue_type_script_setup_true_lang.DjAQCt5a.js}

@@ -1,40 +1,41 @@
-import { defineComponent as E, mergeModels as y, useModel as M, ref as u, useId as N, useSlots as S, computed as z, provide as b, watch as k, openBlock as n, createElementBlock as C, normalizeClass as I, createElementVNode as j, unref as p, toDisplayString as q, createBlock as o, createCommentVNode as v, Fragment as G, renderList as H, withCtx as J, resolveDynamicComponent as K } from "vue";
+import { defineComponent as E, mergeModels as T, useModel as M, ref as u, useId as N, useSlots as S, computed as z, provide as b, watch as C, openBlock as l, createElementBlock as k, normalizeClass as _, createElementVNode as j, unref as p, toDisplayString as q, createBlock as o, createCommentVNode as v, Fragment as G, renderList as H, withCtx as J, resolveDynamicComponent as K } from "vue";
 import { _ as O } from "./BaseTabPanel.vue_vue_type_script_setup_true_lang.DoZHWHt1.js";
-import { _ } from "./BaseTabList.vue_vue_type_script_setup_true_lang.CohlLou1.js";
-const Q = ["id"], Z = /* @__PURE__ */ E({
+import { _ as I } from "./BaseTabList.vue_vue_type_script_setup_true_lang.CohlLou1.js";
+const Q = ["data-cy"], R = ["id"], ee = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "BaseTabView",
-  props: /* @__PURE__ */ y({
+  props: /* @__PURE__ */ T({
     tabsPosition: { default: "top" },
     tabViewDescription: {},
-    tabListClasses: { default: "" }
+    tabListClasses: {},
+    dataCy: {}
   }, {
     activeIdx: { default: 0 },
     activeIdxModifiers: {}
   }),
-  emits: /* @__PURE__ */ y(["tabClicked"], ["update:activeIdx"]),
+  emits: /* @__PURE__ */ T(["tabClicked"], ["update:activeIdx"]),
   setup(g, { emit: P }) {
-    const B = P, r = M(g, "activeIdx"), $ = u(""), d = u(null), x = u(null), i = N(), f = S(), c = (e) => e.props ?? null, m = (e) => e.type.__name === "BaseTab", h = (e, a) => ({
+    const B = P, r = M(g, "activeIdx"), $ = u(""), d = u(null), A = u(null), i = N(), f = S(), c = (e) => e.props ?? null, m = (e) => e.type.__name === "BaseTab", h = (e, a) => ({
       renderFn: e,
-      tabId: T(a),
+      tabId: y(a),
       "active-tab-panel-idx": c(e)?.["active-tab-panel-idx"] ?? a,
       "header-title": c(e)?.["header-title"] || "",
       class: c(e)?.class || "",
       "tab-panel-classes": c(e)?.["tab-panel-classes"] || "",
       "data-cy": c(e)?.["data-cy"] || ""
-    }), l = z(() => f.default ? f.default().reduce((e, a) => (a.children && Array.isArray(a.children) ? a.children.forEach((t) => {
+    }), n = z(() => f.default ? f.default().reduce((e, a) => (a.children && Array.isArray(a.children) ? a.children.forEach((t) => {
       m(t) && e.push(h(t, e.length));
     }) : m(a) && e.push(h(a, e.length)), e), []) : []);
-    b("tabs", l), b("isTabActive", (e) => r.value === e);
-    const A = (e) => d.value === e, T = (e) => `base-tab-${e}-${i}`, F = (e) => `base-tab-panel-${e}-${i}`, V = (e) => l.value.find((a) => a["active-tab-panel-idx"] === e)?.tabId, w = (e) => {
-      $.value = T(e);
+    b("tabs", n), b("isTabActive", (e) => r.value === e);
+    const x = (e) => d.value === e, y = (e) => `base-tab-${e}-${i}`, F = (e) => `base-tab-panel-${e}-${i}`, V = (e) => n.value.find((a) => a["active-tab-panel-idx"] === e)?.tabId, w = (e) => {
+      $.value = y(e);
     }, D = (e) => {
-      const a = l.value.at(e ?? -1);
+      const a = n.value.at(e ?? -1);
       d.value = a?.["active-tab-panel-idx"] ?? null;
     };
     b("handleClick", (e, a) => {
       w(e), r.value = e, B("tabClicked", { tabIdx: e, tabElement: a });
-    }), k(
+    }), C(
       r,
       (e) => {
         D(e ?? -1);
@@ -48,48 +49,49 @@ const Q = ["id"], Z = /* @__PURE__ */ E({
         if (e[t] !== a[t]) return t;
       return null;
     };
-    return k(
-      () => l.value.map((e) => e["active-tab-panel-idx"]),
+    return C(
+      () => n.value.map((e) => e["active-tab-panel-idx"]),
       (e, a) => {
         const t = L(e, a);
         if (t === null) return;
-        const s = l.value[t]["active-tab-panel-idx"];
+        const s = n.value[t]["active-tab-panel-idx"];
         r.value !== t || s === void 0 || (d.value = s);
       }
-    ), (e, a) => (n(), C("div", {
+    ), (e, a) => (l(), k("div", {
       ref_key: "root",
-      ref: x,
-      class: I(e.$attrs.class)
+      ref: A,
+      class: _(e.$attrs.class),
+      "data-cy": e.dataCy
     }, [
       j("span", {
         id: `tablist-${p(i)}`,
         class: "uikit-sr-only"
-      }, q(e.tabViewDescription), 9, Q),
-      e.tabsPosition === "top" ? (n(), o(_, {
+      }, q(e.tabViewDescription), 9, R),
+      e.tabsPosition === "top" ? (l(), o(I, {
         key: 0,
         uid: p(i),
         "tab-list-classes": e.tabListClasses
       }, null, 8, ["uid", "tab-list-classes"])) : v("", !0),
-      (n(!0), C(G, null, H(l.value, (t, s) => (n(), o(O, {
+      (l(!0), k(G, null, H(n.value, (t, s) => (l(), o(O, {
         id: F(s),
         key: s,
         "labelled-by": V(s) || "",
-        active: A(s),
-        class: I(t["tab-panel-classes"])
+        active: x(s),
+        class: _(t["tab-panel-classes"])
       }, {
         default: J(() => [
-          t.renderFn.children && t.renderFn.children.default ? (n(), o(K(t.renderFn.children.default), { key: 0 })) : v("", !0)
+          t.renderFn.children && t.renderFn.children.default ? (l(), o(K(t.renderFn.children.default), { key: 0 })) : v("", !0)
         ]),
         _: 2
       }, 1032, ["id", "labelled-by", "active", "class"]))), 128)),
-      e.tabsPosition === "bottom" ? (n(), o(_, {
+      e.tabsPosition === "bottom" ? (l(), o(I, {
         key: 1,
         uid: p(i),
         "tab-list-classes": e.tabListClasses
       }, null, 8, ["uid", "tab-list-classes"])) : v("", !0)
-    ], 2));
+    ], 10, Q));
   }
 });
 export {
-  Z as _
+  ee as _
 };

package/dist/chunks/{CheckboxGroup.vue_vue_type_script_setup_true_lang.C1NwpE7V.js → CheckboxGroup.vue_vue_type_script_setup_true_lang.Cf8YnCGf.js}

@@ -21,12 +21,12 @@ const w = (a) => !a?.length, G = (a = "") => !a || !a.trim() ? "" : (a = a.trim(
     dataCy: { default: "" }
   },
   emits: ["resetted", "update:modelValue", "checkedGroup"],
-  setup(a, { emit: g }) {
-    const o = a, s = g, l = x(/* @__PURE__ */ new Map()), r = i(() => {
-      for (const e of o.checkboxData)
+  setup(a, { emit: C }) {
+    const c = a, s = C, l = x(/* @__PURE__ */ new Map()), r = i(() => {
+      for (const e of c.checkboxData)
         if (e.reset) return e;
       return null;
-    }), C = i(() => o.checkboxData.length), f = i(() => {
+    }), g = i(() => c.checkboxData.length), f = i(() => {
       let e = 0;
       return l.value.forEach((t) => {
         t.checked && e++;
@@ -34,7 +34,7 @@ const w = (a) => !a?.length, G = (a = "") => !a || !a.trim() ? "" : (a = a.trim(
     });
     (() => {
       const e = [];
-      for (const t of o.checkboxData)
+      for (const t of c.checkboxData)
         t.checked = !!t.checked, l.value.set(
           `${t.id}`,
           t
@@ -42,13 +42,13 @@ const w = (a) => !a?.length, G = (a = "") => !a || !a.trim() ? "" : (a = a.trim(
       s("update:modelValue", e);
     })();
     const u = (e, t) => {
-      const c = l.value.get(e);
-      if (c) {
+      const o = l.value.get(e);
+      if (o) {
         if (t) {
-          l.value.set(e, { ...c, ...t });
+          l.value.set(e, { ...o, ...t });
           return;
         }
-        l.value.set(e, { ...c, checked: !c.checked });
+        l.value.set(e, { ...o, checked: !o.checked });
       }
     }, k = () => {
       l.value.forEach((e) => {
@@ -56,19 +56,19 @@ const w = (a) => !a?.length, G = (a = "") => !a || !a.trim() ? "" : (a = a.trim(
       });
     }, p = () => {
       k(), s("update:modelValue", []), s("resetted");
-    }, d = (e) => l.value.get(o.getKey(e))?.checked ?? !1, h = (e) => {
-      if (w(o.checkboxData)) return;
+    }, d = (e) => l.value.get(c.getKey(e))?.checked ?? !1, h = (e) => {
+      if (w(c.checkboxData)) return;
       const t = l.value.get(e.id);
-      t?.reset && e.checked ? k() : r.value && !t?.reset && u(o.getKey(r.value), { checked: !1 }), u(`${e.id}`), o.autoCheckResetAll && r.value && f.value === C.value - 1 && l.value.forEach((n) => {
+      t?.reset && e.checked ? k() : r.value && !t?.reset && u(c.getKey(r.value), { checked: !1 }), u(`${e.id}`), c.autoCheckResetAll && r.value && f.value === g.value - 1 && l.value.forEach((n) => {
         n.checked = !!n.reset;
-      }), o.autoCheckResetEmpty && r.value && !f.value && (!o.manualToggleResetButton || !t?.reset) && u(o.getKey(r.value), { checked: !0 });
-      const c = [];
+      }), c.autoCheckResetEmpty && r.value && !f.value && (!c.manualToggleResetButton || !t?.reset) && u(c.getKey(r.value), { checked: !0 });
+      const o = [];
       l.value.forEach((n) => {
-        n.checked && c.push(n);
-      }), s("update:modelValue", c), s("checkedGroup", o.groupId);
+        n.checked && o.push(n);
+      }), s("update:modelValue", o), s("checkedGroup", c.groupId);
     };
     return D(
-      () => o.reset,
+      () => c.reset,
       (e) => {
         e && p();
       }
@@ -88,13 +88,13 @@ const w = (a) => !a?.length, G = (a = "") => !a || !a.trim() ? "" : (a = a.trim(
           checkboxesData: e.checkboxData,
           reset: p
         }, () => [
-          e.checkboxData ? (b(!0), B(I, { key: 0 }, R(e.checkboxData, (c, n, y) => (b(), A(V, {
-            id: e.getKey(c),
+          e.checkboxData ? (b(!0), B(I, { key: 0 }, R(e.checkboxData, (o, n, y) => (b(), A(V, {
+            id: e.getKey(o),
             key: y,
-            "data-cy": `checkbox_${K(G)(`${c.label}`)}`,
-            label: c.label,
+            "data-cy": o.dataCy ?? `checkbox_${K(G)(`${o.label}`)}`,
+            label: o.label,
             inline: e.formCheckInline,
-            "model-value": d(c),
+            "model-value": d(o),
             "container-class": [
               e.formCheckInline ? "uikit-mr-10px" : "uikit-mb-10px",
               e.checkboxContainerClasses

package/dist/index.js

@@ -4,9 +4,9 @@ import { _ as f } from "./chunks/BaseAccordionContent.vue_vue_type_script_setup_
 import { _ as m } from "./chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.Caagpb9M.js";
 import { _ as l } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.GPFf7fjA.js";
 import { default as d } from "./CheckboxBtn.js";
-import { _ as u } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.C1NwpE7V.js";
+import { _ as u } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.Cf8YnCGf.js";
 import { _ } from "./chunks/BaseTab.vue_vue_type_script_setup_true_lang.Cu67jd8K.js";
-import { _ as S } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.Ar2KNVYH.js";
+import { _ as S } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.DjAQCt5a.js";
 import { _ as g } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.CiJAhkRj.js";
 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";

package/package.json

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