@wikicasa-dev/components 2.2.9-alpha.28 → 2.2.9-alpha.3

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

@@ -1,7 +1,7 @@
-import { defineComponent as m, useId as s, watch as f, createElementBlock as h, openBlock as d, createVNode as o, renderSlot as b, unref as l, normalizeClass as C, withCtx as u, createBlock as x, createCommentVNode as y, createTextVNode as V, toDisplayString as g } from "vue";
-import { CheckIcon as B } from "@wikicasa-dev/svg-icons";
-import { CheckboxRoot as p, CheckboxIndicator as w } from "reka-ui";
-const z = /* @__PURE__ */ m({
+import { defineComponent as m, useId as f, computed as h, watch as b, createElementBlock as C, openBlock as u, createVNode as c, renderSlot as x, unref as i, normalizeClass as y, withCtx as n, createBlock as V, createCommentVNode as g, createTextVNode as B, toDisplayString as w } from "vue";
+import { CheckIcon as p } from "@wikicasa-dev/svg-icons";
+import { CheckboxRoot as I, CheckboxIndicator as v } from "reka-ui";
+const N = ["for"], j = /* @__PURE__ */ m({
   __name: "CheckboxBtn",
   props: {
     id: {},
@@ -15,59 +15,61 @@ const z = /* @__PURE__ */ m({
     modelValue: { type: Boolean, default: !1 }
   },
   emits: ["click", "update:modelValue", "change"],
-  setup(e, { emit: c }) {
-    const n = s(), a = c;
-    f(
+  setup(e, { emit: r }) {
+    const l = f(), d = h(() => `${e.id ?? l}`), a = r;
+    b(
       () => e.checked,
       (t) => {
         t !== void 0 && a("update:modelValue", t);
       }
     );
-    const r = (t) => {
+    const k = (t) => {
       t !== "indeterminate" && (a("change", {
-        id: e.id ?? n,
+        id: e.id ?? l,
         label: e.label,
         checked: t
       }), a("update:modelValue", t));
     };
-    return (t, i) => (d(), h("label", {
+    return (t, o) => (u(), C("label", {
       class: "uikit-checkbox-btn uikit-flex uikit-items-center uikit-gap-[12px]",
-      onClick: i[0] || (i[0] = (k) => a("click", k))
+      for: d.value,
+      onClick: o[0] || (o[0] = (s) => a("click", s))
     }, [
-      o(l(p), {
+      c(i(I), {
+        id: d.value,
         "model-value": e.modelValue,
         "data-cy": e.dataCy,
         disabled: e.disabled,
-        class: C(["uikit-inline-flex uikit-size-[20px] uikit-items-center uikit-justify-center uikit-rounded-[4px] uikit-p-0 data-[state='unchecked']:uikit-border data-[state='unchecked']:uikit-border-solid data-[state='unchecked']:uikit-border-w-lightgray", [
+        class: y(["uikit-inline-flex uikit-size-[20px] uikit-items-center uikit-justify-center uikit-rounded-[4px] uikit-p-0 data-[state='unchecked']:uikit-border data-[state='unchecked']:uikit-border-solid data-[state='unchecked']:uikit-border-w-lightgray", [
           {
             "uikit-bg-white": !e.modelValue,
             "uikit-bg-w-primary": e.modelValue
           },
           e.inputClass
         ]]),
-        "onUpdate:modelValue": r
+        "onUpdate:modelValue": k
       }, {
-        default: u(() => [
-          o(l(w), { class: "uikit-flex" }, {
-            default: u(() => [
-              e.modelValue === !0 ? (d(), x(l(B), {
+        default: n(() => [
+          c(i(v), { class: "uikit-flex" }, {
+            default: n(() => [
+              e.modelValue === !0 ? (u(), V(i(p), {
                 key: 0,
                 "fill-color": "#fff",
                 width: 12,
                 height: 14
-              })) : y("", !0)
+              })) : g("", !0)
             ]),
             _: 1
           })
         ]),
         _: 1
-      }, 8, ["model-value", "data-cy", "disabled", "class"]),
-      b(t.$slots, "label", {}, () => [
-        V(g(e.label), 1)
+      }, 8, ["id", "model-value", "data-cy", "disabled", "class"]),
+      x(t.$slots, "label", {}, () => [
+        B(w(e.label), 1)
       ])
-    ]));
+    ], 8, N));
   }
 });
 export {
-  z as default
+  j as default
 };

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

@@ -1,8 +1,8 @@
-import { defineComponent as v, ref as D, computed as h, watch as E, renderSlot as b, createElementVNode as $, normalizeClass as g, createElementBlock as B, createCommentVNode as A, openBlock as C, Fragment as I, renderList as R, createBlock as K, unref as V } from "vue";
+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__ */ v({
+const T = ["id", "data-cy"], j = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "CheckboxGroup",
   props: {
@@ -20,14 +20,14 @@ const T = ["id", "data-cy"], j = /* @__PURE__ */ v({
     dataCy: { default: "" }
   },
   emits: ["resetted", "update:modelValue", "checkedGroup"],
-  setup(a, { emit: y }) {
-    const o = a, s = y, l = D(
+  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;
-    }), x = h(() => o.checkboxData.length), f = h(() => {
+    }), y = h(() => o.checkboxData.length), f = h(() => {
       let e = 0;
       return l.value.forEach((t) => {
         t.checked && e++;
@@ -60,7 +60,7 @@ const T = ["id", "data-cy"], j = /* @__PURE__ */ v({
     }, d = (e) => l.value.get(o.getKey(e))?.checked ?? !1, i = (e) => {
       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 === x.value - 1 && l.value.forEach((n) => {
+      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 || !t?.reset) && u(o.getKey(r.value), { checked: !0 });
       const c = [];
@@ -68,7 +68,7 @@ const T = ["id", "data-cy"], j = /* @__PURE__ */ v({
         n.checked && c.push(n);
       }), s("update:modelValue", c), s("checkedGroup", o.groupId);
     };
-    return E(
+    return D(
       () => o.reset,
       (e) => {
         e && m();
@@ -78,9 +78,9 @@ const T = ["id", "data-cy"], j = /* @__PURE__ */ v({
       handleChange: i,
       checkboxesData: a.checkboxData
     }, () => [
-      $("div", {
+      E("div", {
         id: a.groupId,
-        class: g(["checkbox-group-container", e.$attrs.class || ""]),
+        class: $(["checkbox-group-container", e.$attrs.class || ""]),
         "data-cy": a.dataCy
       }, [
         b(e.$slots, "checkbox_elements", {
@@ -89,19 +89,19 @@ const T = ["id", "data-cy"], j = /* @__PURE__ */ v({
           checkboxesData: a.checkboxData,
           reset: m
         }, () => [
-          a.checkboxData ? (C(!0), B(I, { key: 0 }, R(a.checkboxData, (c, n) => (C(), K(N, {
+          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_${V(L)(`${c.label}`)}`,
             label: c.label,
             inline: a.formCheckInline,
             "model-value": d(c),
-            class: g([
+            "container-class": [
               a.formCheckInline ? "uikit-mr-10px" : "uikit-mb-10px",
               a.checkboxContainerClasses
-            ]),
-            onChange: t[0] || (t[0] = (p) => i(p))
-          }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "class"]))), 128)) : A("", !0)
+            ],
+            onChange: t[0] || (t[0] = (x) => i(x))
+          }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "container-class"]))), 128)) : A("", !0)
         ])
       ], 10, T)
     ]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.2.9-alpha.28",
+  "version": "2.2.9-alpha.3",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",
@@ -43,8 +43,8 @@
   "peerDependencies": {
     "vue": "^3.5.0",
     "date-fns": "^4.0.0",
-    "@wikicasa-dev/svg-icons": "^1.2.28-alpha.1",
-    "@wikicasa-dev/vue-composables": "^0.0.32",
+    "@wikicasa-dev/svg-icons": "^1.2.24",
+    "@wikicasa-dev/vue-composables": "^0.0.29",
     "@wikicasa-dev/types": "^2.4.0",
     "@wikicasa-dev/utilities": "^1.2.0"
   },
@@ -63,8 +63,8 @@
     "@vitejs/plugin-vue": "^6.0.2",
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.6.0",
-    "@wikicasa-dev/svg-icons": "1.2.28-alpha.1",
-    "@wikicasa-dev/vue-composables": "0.0.32",
+    "@wikicasa-dev/svg-icons": "1.2.24",
+    "@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",

package/dist/assets/AccessibleSelect.css

@@ -1 +0,0 @@
-.uikit-select-dropdown.uikit-dropdown-content{--dropdown-border-color: #B4C2F0;--dropdown-max-height: 225px;--dropdown-min-width: unset}.uikit-select-dropdown.uikit-dropdown-content[data-side=down]{--dropdown-border-top-width: 1px;--dropdown-border-top-left-radius: 12px;--dropdown-border-top-right-radius: 12px;--dropdown-border-bottom-left-radius: 12px;--dropdown-border-bottom-right-radius: 12px}