@wikicasa-dev/components 1.9.20 → 1.9.22

package/dist/CheckboxGroup.js

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

package/dist/UIKit/Checkbox/CheckboxGroup.vue.d.ts

@@ -1,19 +1,20 @@
 import { CheckboxButtonType, GetterIdType } from '@wikicasa-dev/types';
 
+type CheckboxGroupData<T extends string | number = string> = Record<T, CheckboxButtonType>;
 declare function __VLS_template(): {
     default?(_: {
         isActive: (elem: CheckboxButtonType) => boolean;
         handleChange: (checkboxValue: CheckboxButtonType) => void;
-        checkboxesData: Record<string, CheckboxButtonType>;
+        checkboxesData: CheckboxGroupData<string>;
     }): any;
     checkbox_elements?(_: {
         isActive: (elem: CheckboxButtonType) => boolean;
         handleChange: (checkboxValue: CheckboxButtonType) => void;
-        checkboxesData: Record<string, CheckboxButtonType>;
+        checkboxesData: CheckboxGroupData<string>;
     }): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    valuesObj?: Record<string, CheckboxButtonType>;
+    valuesObj?: CheckboxGroupData;
     formCheckInline?: boolean;
     customClass?: string;
     reset?: boolean;
@@ -32,13 +33,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     autoCheckResetAll: boolean;
     autoCheckResetEmpty: boolean;
     manualToggleResetButton: boolean;
-    getKey(): (checkBtn: CheckboxButtonType) => string | number;
+    getKey(): (checkBtn: CheckboxButtonType | string | number) => string | number;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (args_0: CheckboxButtonType[]) => void;
     resetted: () => void;
     checkedGroup: (args_0: string) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    valuesObj?: Record<string, CheckboxButtonType>;
+    valuesObj?: CheckboxGroupData;
     formCheckInline?: boolean;
     customClass?: string;
     reset?: boolean;
@@ -57,14 +58,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     autoCheckResetAll: boolean;
     autoCheckResetEmpty: boolean;
     manualToggleResetButton: boolean;
-    getKey(): (checkBtn: CheckboxButtonType) => string | number;
+    getKey(): (checkBtn: CheckboxButtonType | string | number) => string | number;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((args_0: CheckboxButtonType[]) => any) | undefined;
     onResetted?: (() => any) | undefined;
     onCheckedGroup?: ((args_0: string) => any) | undefined;
 }>, {
     reset: boolean;
-    valuesObj: Record<string, CheckboxButtonType>;
+    valuesObj: CheckboxGroupData;
     formCheckInline: boolean;
     customClass: string;
     autoCheckResetAll: boolean;

package/dist/chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.ClVBkga-.js

@@ -0,0 +1,98 @@
+import { defineComponent as y, useAttrs as C, ref as j, computed as i, watch as O, renderSlot as p, createElementVNode as B, normalizeClass as E, openBlock as m, createElementBlock as $, Fragment as R, renderList as w, createBlock as A, unref as K, createCommentVNode as L } from "vue";
+import "./types-B0dZ7OiV.D29wNgoj.js";
+import { s as G } from "./ObjectUtils.BOUbloeg.js";
+import D from "../CheckboxBtn.js";
+const I = (l = "") => !l || !l.trim() ? "" : (l = l.trim(), l.replace(" ", "-").toLowerCase()), M = ["id", "data-cy"], q = /* @__PURE__ */ y({
+  inheritAttrs: !1,
+  __name: "CheckboxGroup",
+  props: {
+    valuesObj: { default() {
+      return {};
+    } },
+    formCheckInline: { type: Boolean, default: !1 },
+    customClass: { default: "" },
+    reset: { type: Boolean, default: !1 },
+    autoCheckResetAll: { type: Boolean, default: !1 },
+    autoCheckResetEmpty: { type: Boolean, default: !1 },
+    manualToggleResetButton: { type: Boolean, default: !1 },
+    getKey: { default() {
+      return (l) => typeof l == "string" || typeof l == "number" ? l : l.id;
+    } }
+  },
+  emits: ["resetted", "update:modelValue", "checkedGroup"],
+  setup(l, { emit: k }) {
+    const v = C(), t = l, n = k, r = j(/* @__PURE__ */ new Map()), o = i(() => {
+      for (const e in t.valuesObj) {
+        const a = t.valuesObj[e];
+        if (a.reset) return a;
+      }
+      return null;
+    }), b = i(
+      () => Object.keys(t.valuesObj).length
+    ), f = i(() => {
+      let e = 0;
+      return r.value.forEach((a) => {
+        a.checked && e++;
+      }), e;
+    });
+    O(
+      () => t.reset,
+      (e) => {
+        e && (h(), n("update:modelValue", []), n("resetted"));
+      }
+    ), (() => {
+      for (const e in t.valuesObj) {
+        const a = t.valuesObj[e];
+        a.checked = !!a.checked, r.value.set(e, a);
+      }
+    })();
+    const c = (e, a) => {
+      const s = r.value.get(e);
+      s && r.value.set(e, { ...s, ...a });
+    }, h = () => {
+      r.value.forEach((e) => {
+        e.checked = !1;
+      });
+    }, u = (e) => r.value.get(t.getKey(e))?.checked ?? !1, d = (e) => {
+      if (!t.valuesObj || G(t.valuesObj)) return;
+      t.valuesObj[e.id].reset && e.checked ? h() : o.value && !t.valuesObj[e.id].reset && c(t.getKey(o.value), { checked: !1 }), c(e.id, { checked: !!e.checked }), t.autoCheckResetAll && o.value && f.value === b.value - 1 && r.value.forEach((s) => {
+        s.checked = !!s.reset;
+      }), t.autoCheckResetEmpty && o.value && !f.value && (!t.manualToggleResetButton || !t.valuesObj[e.id].reset) && c(t.getKey(o.value), { checked: !0 });
+      const a = [];
+      r.value.forEach((s) => {
+        s.checked && a.push(s);
+      }), n("update:modelValue", a), n("checkedGroup", v["group-id"] || "");
+    };
+    return (e, a) => p(e.$slots, "default", {
+      isActive: u,
+      handleChange: d,
+      checkboxesData: e.valuesObj
+    }, () => [
+      B("div", {
+        id: e.$attrs["group-id"] || "",
+        class: E(["checkbox-group-container", e.$attrs.class || ""]),
+        "data-cy": e.$attrs["data-cy"] || ""
+      }, [
+        p(e.$slots, "checkbox_elements", {
+          isActive: u,
+          handleChange: d,
+          checkboxesData: e.valuesObj
+        }, () => [
+          e.valuesObj ? (m(!0), $(R, { key: 0 }, w(e.valuesObj, (s, T, g) => (m(), A(D, {
+            id: e.getKey(s),
+            key: g,
+            "data-cy": `checkbox_${K(I)(`${s.label}`)}`,
+            label: s.label,
+            inline: e.formCheckInline,
+            "wrapper-margin-y": e.$attrs["checkbox-padding-y"],
+            "model-value": u(s),
+            onChange: d
+          }, null, 8, ["id", "data-cy", "label", "inline", "wrapper-margin-y", "model-value"]))), 128)) : L("", !0)
+        ])
+      ], 10, M)
+    ]);
+  }
+});
+export {
+  q as _
+};

package/dist/index.js

@@ -4,7 +4,7 @@ import { _ as f } from "./chunks/BaseAccordionContent.vue_vue_type_script_setup_
 import { _ as m } from "./chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.CR-nWss7.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 i } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.hSeL05pn.js";
+import { _ as i } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.ClVBkga-.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.RbxW2M0Y.js";
 import { _ as g } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.DR6a7QAi.js";

package/package.json

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

package/dist/chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.hSeL05pn.js

@@ -1,99 +0,0 @@
-import { defineComponent as O, useAttrs as v, reactive as g, computed as d, watch as y, onBeforeMount as C, renderSlot as k, createElementVNode as V, normalizeClass as B, openBlock as b, createElementBlock as $, Fragment as R, renderList as A, createBlock as K, unref as w, createCommentVNode as E } from "vue";
-import "./types-B0dZ7OiV.D29wNgoj.js";
-import { s as L } from "./ObjectUtils.BOUbloeg.js";
-import G from "../CheckboxBtn.js";
-const D = (l = "") => !l || !l.trim() ? "" : (l = l.trim(), l.replace(" ", "-").toLowerCase()), I = ["id", "data-cy"], S = /* @__PURE__ */ O({
-  inheritAttrs: !1,
-  __name: "CheckboxGroup",
-  props: {
-    valuesObj: { default() {
-      return {};
-    } },
-    formCheckInline: { type: Boolean, default: !1 },
-    customClass: { default: "" },
-    reset: { type: Boolean, default: !1 },
-    autoCheckResetAll: { type: Boolean, default: !1 },
-    autoCheckResetEmpty: { type: Boolean, default: !1 },
-    manualToggleResetButton: { type: Boolean, default: !1 },
-    getKey: { default() {
-      return (l) => l.id;
-    } }
-  },
-  emits: ["resetted", "update:modelValue", "checkedGroup"],
-  setup(l, { emit: f }) {
-    const m = v(), t = l, o = f, s = g({
-      checkedValuesObj: {}
-    }), c = d(() => {
-      for (const e in t.valuesObj) {
-        const a = t.valuesObj[e];
-        if (a.reset) return a;
-      }
-      return null;
-    }), p = d(
-      () => Object.keys(t.valuesObj).length
-    ), h = d(
-      () => Object.values(s.checkedValuesObj).reduce(
-        (e, a) => a.checked ? e + 1 : e,
-        0
-      )
-    );
-    y(
-      () => t.reset,
-      (e) => {
-        e && (i(), o("update:modelValue", []), o("resetted"));
-      }
-    ), C(() => {
-      for (const e in t.valuesObj) {
-        const a = t.valuesObj[e];
-        a.checked = !!a.checked, s.checkedValuesObj[e] = a;
-      }
-    });
-    const i = () => {
-      for (const e in s.checkedValuesObj)
-        s.checkedValuesObj[e].checked = !1;
-    }, n = (e) => s.checkedValuesObj[t.getKey(e)].checked, u = (e) => {
-      if (!(!t.valuesObj || L(t.valuesObj))) {
-        if (t.valuesObj[e.id].reset && e.checked ? i() : c.value && !t.valuesObj[e.id].reset && (s.checkedValuesObj[t.getKey(c.value)].checked = !1), s.checkedValuesObj[e.id].checked = !!e.checked, t.autoCheckResetAll && c.value && h.value === p.value - 1)
-          for (const a in s.checkedValuesObj)
-            s.checkedValuesObj[a].checked = !!s.checkedValuesObj[a].reset;
-        t.autoCheckResetEmpty && c.value && !h.value && (!t.manualToggleResetButton || !t.valuesObj[e.id].reset) && (s.checkedValuesObj[t.getKey(c.value)].checked = !0), o(
-          "update:modelValue",
-          Object.values(s.checkedValuesObj).filter(
-            (a) => a.checked
-          )
-        ), o("checkedGroup", m["group-id"] || "");
-      }
-    };
-    return (e, a) => k(e.$slots, "default", {
-      isActive: n,
-      handleChange: u,
-      checkboxesData: e.valuesObj
-    }, () => [
-      V("div", {
-        id: e.$attrs["group-id"] || "",
-        class: B(["checkbox-group-container", e.$attrs.class || ""]),
-        "data-cy": e.$attrs["data-cy"] || ""
-      }, [
-        k(e.$slots, "checkbox_elements", {
-          isActive: n,
-          handleChange: u,
-          checkboxesData: e.valuesObj
-        }, () => [
-          e.valuesObj ? (b(!0), $(R, { key: 0 }, A(e.valuesObj, (r, N, j) => (b(), K(G, {
-            id: e.getKey(r),
-            key: j,
-            "data-cy": `checkbox_${w(D)(`${r.label}`)}`,
-            label: r.label,
-            inline: e.formCheckInline,
-            "wrapper-margin-y": e.$attrs["checkbox-padding-y"],
-            "model-value": n(r),
-            onChange: u
-          }, null, 8, ["id", "data-cy", "label", "inline", "wrapper-margin-y", "model-value"]))), 128)) : E("", !0)
-        ])
-      ], 10, I)
-    ]);
-  }
-});
-export {
-  S as _
-};