@wikicasa-dev/components 2.2.8-alpha.7 → 2.2.9-alpha.0

package/dist/packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js

@@ -1,7 +1,8 @@
-import { defineComponent as x, ref as p, computed as h, watch as v, renderSlot as b, createElementVNode as D, normalizeClass as E, createElementBlock as $, createCommentVNode as B, openBlock as g, Fragment as A, renderList as I, createBlock as R, unref as K } from "vue";
-import { stringToHyphened as V, isArrNullOrEmpty as L } from "@wikicasa-dev/utilities";
-import G from "./CheckboxBtn.vue.js";
-const N = ["id", "data-cy"], O = /* @__PURE__ */ x({
+import { defineComponent as p, ref as v, computed as h, watch as D, renderSlot as b, createElementVNode as E, normalizeClass as $, createElementBlock as B, createCommentVNode as A, openBlock as g, Fragment as I, renderList as R, createBlock as K, unref as V } from "vue";
+import { stringToHyphened as L, isArrNullOrEmpty as G } from "@wikicasa-dev/utilities";
+import N from "./CheckboxBtn.vue.js";
+import '../../../../../assets/CheckboxBtn.css';/* empty css                 */
+const T = ["id", "data-cy"], j = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "CheckboxGroup",
   props: {
@@ -14,36 +15,38 @@ const N = ["id", "data-cy"], O = /* @__PURE__ */ x({
     autoCheckResetAll: { type: Boolean, default: !1 },
     autoCheckResetEmpty: { type: Boolean, default: !1 },
     manualToggleResetButton: { type: Boolean, default: !1 },
-    getKey: { type: Function, default: (t) => typeof t == "string" || typeof t == "number" ? `${t}` : `${t.id}` },
+    getKey: { type: Function, default: (a) => typeof a == "string" || typeof a == "number" ? `${a}` : `${a.id}` },
     groupId: { default: "" },
     dataCy: { default: "" }
   },
   emits: ["resetted", "update:modelValue", "checkedGroup"],
-  setup(t, { emit: C }) {
-    const o = t, s = C, l = p(/* @__PURE__ */ new Map()), r = h(() => {
+  setup(a, { emit: C }) {
+    const o = a, s = C, l = v(
+      /* @__PURE__ */ new Map()
+    ), r = h(() => {
       for (const e of o.checkboxData)
         if (e.reset) return e;
       return null;
     }), y = h(() => o.checkboxData.length), f = h(() => {
       let e = 0;
-      return l.value.forEach((a) => {
-        a.checked && e++;
+      return l.value.forEach((t) => {
+        t.checked && e++;
       }), e;
     });
     (() => {
       const e = [];
-      for (const a of o.checkboxData)
-        a.checked = !!a.checked, l.value.set(
-          `${a.id}`,
-          a
-        ), a.checked && e.push(a);
+      for (const t of o.checkboxData)
+        l.value.set(`${t.id}`, {
+          ...t,
+          checked: !!t.checked
+        }), t.checked && e.push(t);
       s("update:modelValue", e);
     })();
-    const u = (e, a) => {
+    const u = (e, t) => {
       const c = l.value.get(e);
       if (c) {
-        if (a) {
-          l.value.set(e, { ...c, ...a });
+        if (t) {
+          l.value.set(e, { ...c, ...t });
           return;
         }
         l.value.set(e, { ...c, checked: !c.checked });
@@ -55,55 +58,55 @@ const N = ["id", "data-cy"], O = /* @__PURE__ */ x({
     }, m = () => {
       k(), s("update:modelValue", []), s("resetted");
     }, d = (e) => l.value.get(o.getKey(e))?.checked ?? !1, i = (e) => {
-      if (L(o.checkboxData)) return;
-      const a = l.value.get(e.id);
-      a?.reset && e.checked ? k() : r.value && !a?.reset && u(o.getKey(r.value), { checked: !1 }), u(`${e.id}`), o.autoCheckResetAll && r.value && f.value === y.value - 1 && l.value.forEach((n) => {
+      if (G(o.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 === y.value - 1 && l.value.forEach((n) => {
         n.checked = !!n.reset;
-      }), o.autoCheckResetEmpty && r.value && !f.value && (!o.manualToggleResetButton || !a?.reset) && u(o.getKey(r.value), { checked: !0 });
+      }), o.autoCheckResetEmpty && r.value && !f.value && (!o.manualToggleResetButton || !t?.reset) && u(o.getKey(r.value), { checked: !0 });
       const c = [];
       l.value.forEach((n) => {
         n.checked && c.push(n);
       }), s("update:modelValue", c), s("checkedGroup", o.groupId);
     };
-    return v(
+    return D(
       () => o.reset,
       (e) => {
         e && m();
       }
-    ), (e, a) => b(e.$slots, "default", {
+    ), (e, t) => b(e.$slots, "default", {
       isActive: d,
       handleChange: i,
-      checkboxesData: t.checkboxData
+      checkboxesData: a.checkboxData
     }, () => [
-      D("div", {
-        id: t.groupId,
-        class: E(["checkbox-group-container", e.$attrs.class || ""]),
-        "data-cy": t.dataCy
+      E("div", {
+        id: a.groupId,
+        class: $(["checkbox-group-container", e.$attrs.class || ""]),
+        "data-cy": a.dataCy
       }, [
         b(e.$slots, "checkbox_elements", {
           isActive: d,
           handleChange: i,
-          checkboxesData: t.checkboxData,
+          checkboxesData: a.checkboxData,
           reset: m
         }, () => [
-          t.checkboxData ? (g(!0), $(A, { key: 0 }, I(t.checkboxData, (c, n) => (g(), R(G, {
-            id: t.getKey(c),
+          a.checkboxData ? (g(!0), B(I, { key: 0 }, R(a.checkboxData, (c, n) => (g(), K(N, {
+            id: a.getKey(c),
             key: n,
-            "data-cy": c.dataCy ?? `checkbox_${K(V)(`${c.label}`)}`,
+            "data-cy": c.dataCy ?? `checkbox_${V(L)(`${c.label}`)}`,
             label: c.label,
-            inline: t.formCheckInline,
+            inline: a.formCheckInline,
             "model-value": d(c),
             "container-class": [
-              t.formCheckInline ? "uikit-mr-10px" : "uikit-mb-10px",
-              t.checkboxContainerClasses
+              a.formCheckInline ? "uikit-mr-10px" : "uikit-mb-10px",
+              a.checkboxContainerClasses
             ],
-            onChange: i
-          }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "container-class"]))), 128)) : B("", !0)
+            onChange: t[0] || (t[0] = (x) => i(x))
+          }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "container-class"]))), 128)) : A("", !0)
         ])
-      ], 10, N)
+      ], 10, T)
     ]);
   }
 });
 export {
-  O as default
+  j as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.2.8-alpha.7",
+  "version": "2.2.9-alpha.0",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",
@@ -44,7 +44,7 @@
     "vue": "^3.5.0",
     "date-fns": "^4.0.0",
     "@wikicasa-dev/svg-icons": "^1.2.24",
-    "@wikicasa-dev/vue-composables": "^0.0.27",
+    "@wikicasa-dev/vue-composables": "^0.0.29",
     "@wikicasa-dev/types": "^2.4.0",
     "@wikicasa-dev/utilities": "^1.2.0"
   },
@@ -64,7 +64,7 @@
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.6.0",
     "@wikicasa-dev/svg-icons": "1.2.24",
-    "@wikicasa-dev/vue-composables": "0.0.27",
+    "@wikicasa-dev/vue-composables": "0.0.29",
     "@wikicasa-dev/tailwind-plugins": "^0.0.3",
     "@wikicasa-dev/types": "2.4.6",
     "@wikicasa-dev/utilities": "1.2.0",