@wikicasa-dev/components 2.2.9-alpha.66 → 2.2.9-alpha.8

package/dist/packages/components/lib/UIKit/Radio/RadioGroup.vue.js

@@ -1,64 +1,60 @@
-import { defineComponent as k, mergeModels as f, useModel as m, ref as R, watch as v, renderSlot as h, createElementVNode as g, normalizeClass as C, createElementBlock as B, openBlock as $, Fragment as M, renderList as b, createBlock as A } from "vue";
-import E from "./RadioButton.vue.js";
-const w = ["data-cy"], G = /* @__PURE__ */ k({
+import { defineComponent as C, mergeModels as d, useModel as h, ref as $, watch as V, renderSlot as u, createElementVNode as p, normalizeClass as c, createElementBlock as k, openBlock as m, Fragment as y, renderList as R, createBlock as g } from "vue";
+import B from "./RadioButton.vue.js";
+const b = ["data-cy"], z = /* @__PURE__ */ C({
   inheritAttrs: !1,
   __name: "RadioGroup",
-  props: /* @__PURE__ */ f({
+  props: /* @__PURE__ */ d({
     radioValues: { default: () => [] },
     dataCy: {},
     radioContainerClasses: {}
   }, {
     resetRadio: { type: Boolean, default: !1 },
-    resetRadioModifiers: {},
-    refresh: { type: Boolean, default: !1 },
-    refreshModifiers: {}
+    resetRadioModifiers: {}
   }),
-  emits: /* @__PURE__ */ f(["update:modelValue"], ["update:resetRadio", "update:refresh"]),
-  setup(l, { emit: V }) {
-    const o = V, n = m(l, "resetRadio"), i = m(l, "refresh"), a = R(null), t = (e) => {
-      a.value = e, o("update:modelValue", e);
+  emits: /* @__PURE__ */ d(["update:modelValue"], ["update:resetRadio"]),
+  setup(t, { emit: f }) {
+    const n = f, i = h(t, "resetRadio"), a = $(null), l = (e) => {
+      a.value = e, n("update:modelValue", e);
     }, s = () => {
-      a.value = null, n.value = !1, o("update:modelValue", null);
-    }, d = (e) => a.value ? `${a.value.id}` == `${e.id}` : !1, u = () => {
-      for (const e of l.radioValues)
+      a.value = null, i.value = !1, n("update:modelValue", null);
+    }, r = (e) => a.value ? `${a.value.id}` == `${e.id}` : !1;
+    return (() => {
+      for (const e of t.radioValues)
         if (e.active) {
-          t(e);
+          l(e);
           return;
         }
-    };
-    return u(), v(n, (e) => {
+    })(), V(i, (e) => {
       e && s();
-    }), v(i, (e) => {
-      e && (u(), i.value = !1);
-    }), (e, c) => h(e.$slots, "default", {
-      handleClick: t,
+    }), (e, A) => u(e.$slots, "default", {
+      handleClick: l,
       activeValue: a.value,
       reset: s,
-      isActive: d
+      isActive: r
     }, () => [
-      g("div", {
-        class: C(["radio-group-container", e.$attrs.class]),
-        "data-cy": l.dataCy
+      p("div", {
+        class: c(["radio-group-container", e.$attrs.class]),
+        "data-cy": t.dataCy
       }, [
-        h(e.$slots, "radio_elements", {
-          handleClick: t,
+        u(e.$slots, "radio_elements", {
+          handleClick: l,
           activeValue: a.value,
           reset: s,
-          isActive: d
+          isActive: r
         }, () => [
-          ($(!0), B(M, null, b(l.radioValues, (r, p) => ($(), A(E, {
-            id: r.id,
-            key: p,
-            class: C(l.radioContainerClasses),
-            label: `${r.label}`,
-            "model-value": `${r.id}` == `${a.value?.id}`,
-            onChange: c[0] || (c[0] = (y) => t(y))
+          (m(!0), k(y, null, R(t.radioValues, (o, v) => (m(), g(B, {
+            id: o.id,
+            key: v,
+            class: c(t.radioContainerClasses),
+            label: `${o.label}`,
+            "model-value": `${o.id}` == `${a.value?.id}`,
+            onChange: l
           }, null, 8, ["id", "class", "label", "model-value"]))), 128))
         ])
-      ], 10, w)
+      ], 10, b)
     ]);
   }
 });
 export {
-  G as default
+  z as default
 };

package/dist/types/index.d.ts

@@ -8,6 +8,3 @@ export type { BaseComplexToggleProps, ToggleType, } from '../UIKit/BaseComplexTo
 export type { SnackbarProps } from '../UIKit/BaseSnackbar';
 export type { ChartOptions, ChartData } from 'chart.js';
 export type { BaseAutocompleteThemes } from '../UIKit/BaseAutocomplete';
-export type { RadioButtonGroupProps } from '../UIKit/Radio/v2/RadioButtonGroup';
-export type { RadioButtonItemProps } from '../UIKit/Radio/v2/RadioButtonItem';
-export type { CheckboxButtonGroupProps, CheckboxButtonItem, } from '../UIKit/Checkbox/v2/CheckboxButtonGroup';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.2.9-alpha.66",
+  "version": "2.2.9-alpha.8",
   "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,9 +43,9 @@
   "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.4",
-    "@wikicasa-dev/types": "^2.5.0",
+    "@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"
   },
   "dependencies": {
@@ -64,10 +63,10 @@
     "@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.4",
+    "@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.5.0",
+    "@wikicasa-dev/types": "2.4.6",
     "@wikicasa-dev/utilities": "1.2.0",
     "autoprefixer": "^10.4.22",
     "date-fns": "4.1.0",

package/dist/UIKit/Checkbox/v2/CheckboxButtonGroup.d.ts

@@ -1,40 +0,0 @@
-import { CheckboxRootProps, AcceptableValue } from 'reka-ui';
-export interface CheckboxButtonGroupProps {
-    dataCy?: string;
-    items?: CheckboxButtonItem[];
-    /**
-     * Value of the reset button
-     */
-    resetValue?: AcceptableValue;
-}
-export interface CheckboxButtonItem {
-    dataCy?: string;
-    value: CheckboxRootProps["value"];
-    required?: boolean;
-    label: string;
-}
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
-    modelValue?: NonNullable<AcceptableValue>[];
-    reset?: boolean;
-} & CheckboxButtonGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: NonNullable<AcceptableValue>[]) => any;
-    "update:reset": (value: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    modelValue?: NonNullable<AcceptableValue>[];
-    reset?: boolean;
-} & CheckboxButtonGroupProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: NonNullable<AcceptableValue>[]) => any) | undefined;
-    "onUpdate:reset"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
-    default?(_: {
-        isChecked: (value: CheckboxRootProps["value"]) => boolean;
-        handleCheck: (value: CheckboxRootProps["value"], checked: boolean) => void;
-        handleResetCheck: (checked: boolean) => void;
-    }): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/UIKit/Checkbox/v2/CheckboxButtonGroup.js

@@ -1,4 +0,0 @@
-import f from "../../../packages/components/lib/UIKit/Checkbox/v2/CheckboxButtonGroup.vue.js";
-export {
-  f as default
-};

package/dist/UIKit/Radio/v2/RadioButtonGroup.d.ts

@@ -1,29 +0,0 @@
-import { AcceptableValue, RadioGroupRootProps, RadioGroupItemProps } from 'reka-ui';
-export type RadioButtonItem = {
-    dataCy?: string;
-    value: RadioGroupItemProps["value"];
-    required?: RadioGroupItemProps["required"];
-    as?: RadioGroupItemProps["as"];
-    label: string;
-};
-export interface RadioButtonGroupProps extends RadioGroupRootProps {
-    dataCy?: string;
-    items?: RadioButtonItem[];
-}
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
-    modelValue?: AcceptableValue;
-} & RadioButtonGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: AcceptableValue) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    modelValue?: AcceptableValue;
-} & RadioButtonGroupProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: AcceptableValue) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/UIKit/Radio/v2/RadioButtonGroup.js

@@ -1,4 +0,0 @@
-import f from "../../../packages/components/lib/UIKit/Radio/v2/RadioButtonGroup.vue.js";
-export {
-  f as default
-};

package/dist/UIKit/Radio/v2/RadioButtonItem.d.ts

@@ -1,16 +0,0 @@
-import { RadioGroupItemProps } from 'reka-ui';
-import { ClassTypeProp } from '../../types';
-export interface RadioButtonItemProps extends RadioGroupItemProps {
-    itemClasses?: ClassTypeProp;
-    labelClasses?: ClassTypeProp;
-    dataCy?: string;
-}
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<RadioButtonItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<RadioButtonItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/UIKit/Radio/v2/RadioButtonItem.js

@@ -1,5 +0,0 @@
-import o from "../../../packages/components/lib/UIKit/Radio/v2/RadioButtonItem.vue.js";
-import '../../../assets/RadioButtonItem.css';/* empty css                                                                   */
-export {
-  o as default
-};

package/dist/assets/AccessibleSelect.css

@@ -1 +0,0 @@
-.uikit-select-wrapper{--btn-height: 48px}.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/assets/RadioButtonItem.css

@@ -1 +0,0 @@
-.uikit-radio-btn{--font-size: 16px;font-size:var(--font-size)}.uikit-radio-btn .uikit-radio-group-item[data-state=checked]:focus .uikit-radio-group-indicator{width:10px;height:10px}

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
-};

package/dist/packages/components/lib/UIKit/Checkbox/v2/CheckboxButtonGroup.vue.js

@@ -1,78 +0,0 @@
-import { defineComponent as v, mergeModels as k, useModel as f, provide as m, watch as y, createElementBlock as h, openBlock as n, renderSlot as C, Fragment as g, renderList as B, createBlock as x, withCtx as M, createTextVNode as b, toDisplayString as U } from "vue";
-import q from "../CheckboxBtn.vue.js";
-import '../../../../../../assets/CheckboxBtn.css';/* empty css                  */
-const w = ["data-cy"], I = /* @__PURE__ */ v({
-  __name: "CheckboxButtonGroup",
-  props: /* @__PURE__ */ k({
-    dataCy: {},
-    items: { default: () => [] },
-    resetValue: {}
-  }, {
-    modelValue: {
-      default: () => []
-    },
-    modelModifiers: {},
-    reset: { type: Boolean, default: !1 },
-    resetModifiers: {}
-  }),
-  emits: ["update:modelValue", "update:reset"],
-  setup(l) {
-    const a = f(l, "modelValue"), o = f(l, "reset"), r = /* @__PURE__ */ new Map(), c = (e) => e ? a.value.includes(e) : !1, i = (e, u) => {
-      if (!e) return;
-      let t = [];
-      if (u ? t = [...a.value, e] : t = a.value.filter((d) => d !== e), !l.resetValue) {
-        a.value = t;
-        return;
-      }
-      t = t.filter((d) => d !== l.resetValue);
-      const s = Array.from(r.keys()).filter(
-        (d) => !t.includes(d)
-      );
-      console.log("DEBUG:handleCheck => update", {
-        registeredItems: r,
-        checkedList: t,
-        uncheckedList: s
-      }), s.length === r.size && (t = [l.resetValue], r.get(l.resetValue)?.focus?.()), t.length === r.size - 1 && (t = [l.resetValue], r.get(l.resetValue)?.focus?.()), a.value = t;
-    }, V = (e) => {
-      if (l.resetValue) {
-        if (console.log("DEBUG:handleResetCheck", { resetValue: l.resetValue }), e) {
-          a.value = [l.resetValue];
-          return;
-        }
-        a.value = a.value.filter((u) => u !== l.resetValue);
-      }
-    };
-    return m(
-      "addItem",
-      (e, u) => {
-        !e || !u || r.set(e, u);
-      }
-    ), m("removeItem", (e) => {
-      e && r.delete(e);
-    }), y(o, (e) => {
-      e && (a.value = [], o.value = !1);
-    }), (e, u) => (n(), h("div", { "data-cy": l.dataCy }, [
-      C(e.$slots, "default", {
-        isChecked: c,
-        handleCheck: i,
-        handleResetCheck: V
-      }, () => [
-        (n(!0), h(g, null, B(l.items, (t) => (n(), x(q, {
-          key: `checkbox-item-${t.value}`,
-          required: t.required,
-          "data-cy": t.dataCy,
-          "model-value": c(t.value),
-          "onUpdate:modelValue": (s) => i(t.value, s)
-        }, {
-          label: M(() => [
-            b(U(t.label), 1)
-          ]),
-          _: 2
-        }, 1032, ["required", "data-cy", "model-value", "onUpdate:modelValue"]))), 128))
-      ])
-    ], 8, w));
-  }
-});
-export {
-  I as default
-};

package/dist/packages/components/lib/UIKit/Radio/v2/RadioButtonGroup.vue.js

@@ -1,49 +0,0 @@
-import { defineComponent as s, mergeModels as f, createPropsRestProxy as p, useModel as c, createBlock as d, openBlock as o, unref as y, mergeProps as u, withCtx as m, renderSlot as V, createElementBlock as B, Fragment as C, renderList as g, createTextVNode as k, toDisplayString as x } from "vue";
-import { RadioGroupRoot as R } from "reka-ui";
-import v from "./RadioButtonItem.vue.js";
-import '../../../../../../assets/RadioButtonItem.css';/* empty css                     */
-const S = /* @__PURE__ */ s({
-  __name: "RadioButtonGroup",
-  props: /* @__PURE__ */ f({
-    dataCy: {},
-    items: { default: () => [] },
-    modelValue: {},
-    defaultValue: {},
-    disabled: { type: Boolean },
-    orientation: {},
-    dir: {},
-    loop: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    name: {},
-    required: { type: Boolean }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const n = p(e, ["dataCy", "items"]), a = c(e, "modelValue");
-    return (i, l) => (o(), d(y(R), u({ "data-cy": e.dataCy }, n, {
-      modelValue: a.value,
-      "onUpdate:modelValue": l[0] || (l[0] = (t) => a.value = t)
-    }), {
-      default: m(() => [
-        V(i.$slots, "default", {}, () => [
-          (o(!0), B(C, null, g(e.items, ({ label: t, ...r }) => (o(), d(v, u({ ref_for: !0 }, r, {
-            key: `radio-item-${r.value}`
-          }), {
-            default: m(() => [
-              k(x(t), 1)
-            ]),
-            _: 2
-          }, 1040))), 128))
-        ])
-      ]),
-      _: 3
-    }, 16, ["data-cy", "modelValue"]));
-  }
-});
-export {
-  S as default
-};

package/dist/packages/components/lib/UIKit/Radio/v2/RadioButtonItem.vue.js

@@ -1,45 +0,0 @@
-import { defineComponent as l, createPropsRestProxy as n, useId as c, computed as k, createElementBlock as a, openBlock as s, createVNode as r, createCommentVNode as m, unref as u, mergeProps as p, withCtx as f, normalizeClass as y, renderSlot as C } from "vue";
-import { RadioGroupItem as b, RadioGroupIndicator as h } from "reka-ui";
-const x = { class: "uikit-radio-btn uikit-flex uikit-items-center uikit-gap-x-[8px]" }, g = ["for"], v = /* @__PURE__ */ l({
-  __name: "RadioButtonItem",
-  props: {
-    itemClasses: {},
-    labelClasses: {},
-    dataCy: {},
-    id: {},
-    value: {},
-    disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    name: {},
-    required: { type: Boolean }
-  },
-  setup(e) {
-    const i = n(e, ["itemClasses", "labelClasses", "dataCy"]), d = c(), t = k(() => i.id ?? d);
-    return (o, w) => (s(), a("div", x, [
-      r(u(b), p(i, {
-        id: t.value,
-        "data-cy": e.dataCy,
-        class: [
-          "uikit-radio-group-item uikit-inline-flex uikit-size-[18px] uikit-shrink-0 uikit-cursor-default uikit-items-center uikit-justify-center uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white uikit-p-0 uikit-shadow-sm uikit-outline-none focus:uikit-border-2 focus:uikit-border-w-primary",
-          e.itemClasses
-        ]
-      }), {
-        default: f(() => [
-          r(u(h), { class: "uikit-radio-group-indicator uikit-size-[12px] uikit-rounded-[50%] uikit-bg-w-primary" })
-        ]),
-        _: 1
-      }, 16, ["id", "data-cy", "class"]),
-      o.$slots.default ? (s(), a("label", {
-        key: 0,
-        for: t.value,
-        class: y(e.labelClasses)
-      }, [
-        C(o.$slots, "default")
-      ], 10, g)) : m("", !0)
-    ]));
-  }
-});
-export {
-  v as default
-};