@wikicasa-dev/components 2.2.9-alpha.38 → 2.2.9-alpha.4

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.38",
+  "version": "2.2.9-alpha.4",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",
@@ -17,7 +17,6 @@
       "default": "./dist/index.js"
     },
     "./style": "./dist/assets/tailwind.css",
-    "./css/*": "./dist/assets/*.css",
     "./generic/*": {
       "import": "./dist/components/*.js",
       "types": "./dist/components/*.d.ts"
@@ -44,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.33-alpha.2",
+    "@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"
   },
@@ -64,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.33-alpha.2",
+    "@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;--dropdown-margin-top: 10px;margin-top:var(--dropdown-margin-top)}.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}

package/dist/composables/mock.d.ts

@@ -1,25 +0,0 @@
-import { Ref } from 'vue';
-interface KeyboardControllerProps {
-    optionsLength: Ref<number> | number;
-    isDropdownOpen?: Ref<boolean>;
-    disableSpaceHandler?: boolean;
-    activate?: boolean;
-    /**
-     * If true, the listener will be initialized on the document element
-     */
-    global?: boolean;
-    /**
-     * List of keys that will close the dropdown.
-     * For the full list of keys, see
-     * @link https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values
-     * @default "Escape" and "Enter"
-     */
-    closeKeys?: string[];
-}
-export declare const useKeyboardController: (props: KeyboardControllerProps) => {
-    activeIdx: Ref<number, number>;
-    selectedIdx: Ref<number, number>;
-    $reset: () => void;
-    onKeyDownHandler: (e: KeyboardEvent) => void;
-};
-export {};

package/dist/composables/mock.js

@@ -1,49 +0,0 @@
-import { ref as _, onMounted as A, onUnmounted as D, unref as p } from "vue";
-const u = "ArrowUp", a = "ArrowDown", c = "Enter", i = "Escape", v = " ", d = "PageUp", K = "Home", E = "PageDown", m = "End", O = (l) => {
-  const {
-    isDropdownOpen: t,
-    disableSpaceHandler: P,
-    global: f = !0,
-    closeKeys: Y = [i, c]
-  } = l, n = _(-1), o = _(-1), w = l.activate === void 0 ? !0 : l.activate, y = () => {
-    n.value = -1, o.value = -1, t && (t.value = !1);
-  }, k = (e) => {
-    t && Y.includes(e) && (t.value = !1);
-  }, r = (e) => {
-    if (!t?.value || ![
-      u,
-      a,
-      c,
-      i,
-      v,
-      d,
-      K,
-      E,
-      m
-    ].includes(e.key))
-      return;
-    const s = p(l.optionsLength);
-    if ([u, a, d, E].includes(e.key) && e.preventDefault(), e.key === u)
-      n.value = n.value === 0 ? s - 1 : n.value - 1;
-    else if (e.key === a)
-      n.value = (n.value + 1) % s;
-    else if (e.key === c || e.key === v) {
-      if (e.key === v && P) return;
-      o.value = n.value, k(e.key);
-    } else e.key === i ? (n.value = o.value, k(e.key)) : e.key === d || e.key === K ? n.value = 0 : (e.key === E || e.key === m) && (n.value = s - 1);
-    e.stopPropagation();
-  };
-  return w ? (A(() => {
-    !document || !f || document.addEventListener("keydown", r);
-  }), D(() => {
-    !document || !f || document.removeEventListener("keydown", r);
-  }), {
-    activeIdx: n,
-    selectedIdx: o,
-    onKeyDownHandler: r,
-    $reset: y
-  }) : { activeIdx: n, selectedIdx: o, $reset: y, onKeyDownHandler: r };
-};
-export {
-  O as useKeyboardController
-};