@wikicasa-dev/components 2.3.1-alpha.0 → 2.3.1-alpha.10

package/dist/packages/components/lib/UIKit/BaseSnackbar.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as x, mergeModels as I, useModel as w, ref as b, watch as y, nextTick as $, createBlock as s, openBlock as r, unref as i, withCtx as a, renderSlot as f, createVNode as n, normalizeClass as m, createCommentVNode as p, normalizeStyle as B } from "vue";
+import { defineComponent as x, mergeModels as b, useModel as w, ref as I, watch as y, nextTick as $, createBlock as s, openBlock as r, unref as i, withCtx as a, renderSlot as f, createVNode as n, normalizeClass as m, createCommentVNode as p, normalizeStyle as B } from "vue";
 import { CloseIcon as V } from "@wikicasa-dev/svg-icons";
 import { ToastProvider as D, ToastRoot as M, ToastTitle as P, ToastDescription as z, ToastClose as S, ToastAction as A, ProgressRoot as N, ProgressIndicator as R, ToastPortal as U, ToastViewport as h } from "reka-ui";
 const q = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "BaseSnackbar",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ b({
     alertClass: { default: "primary" },
     duration: { default: 3e3 },
-    swipeDirection: { default: "right" },
+    swipeDirection: { default: "left" },
     to: { type: [String, Boolean], default: "body" },
     dataCy: { default: "" },
     withCloseIcon: { type: Boolean, default: !0 },
@@ -21,26 +21,26 @@ const q = /* @__PURE__ */ x({
   }),
   emits: ["update:open", "update:refresh"],
   setup(t) {
-    const l = w(t, "open"), v = w(t, "refresh"), o = b(0);
+    const l = w(t, "open"), v = w(t, "refresh"), o = I(0);
     let k, c;
-    const g = (e = 3e3) => {
+    const T = (e = 3e3) => {
       o.value = 0;
       const u = Date.now();
       c = setInterval(() => {
         const C = Date.now() - u;
         o.value = Math.min(100, C / e * 100), o.value >= 100 && clearInterval(c);
       }, 30);
-    }, T = () => {
+    }, g = () => {
       clearTimeout(k), k = setTimeout(() => {
         l.value = !1;
-      }, t.duration), g(t.duration);
+      }, t.duration), T(t.duration);
     };
     return y(
       l,
       (e) => {
         $(() => {
           if (e) {
-            T();
+            g();
             return;
           }
           clearInterval(c), clearTimeout(k), o.value = 0;
@@ -60,7 +60,7 @@ const q = /* @__PURE__ */ x({
           open: l.value,
           "onUpdate:open": u[1] || (u[1] = (d) => l.value = d),
           duration: t.duration,
-          class: m(["uikit-toast-root uikit-relative uikit-flex uikit-gap-[8px] uikit-overflow-hidden uikit-rounded-[4px] uikit-p-[16px] uikit-text-16 uikit-font-medium uikit-shadow-surface sm:uikit-max-w-[460px]", ["uikit-alert", `uikit-alert-w-${t.alertClass}`, e.$attrs.class]]),
+          class: m(["uikit-toast-root uikit-relative uikit-box-border uikit-flex uikit-gap-[8px] uikit-overflow-hidden uikit-rounded-[4px] uikit-p-[16px] uikit-text-16 uikit-font-medium uikit-shadow-surface sm:uikit-max-w-[460px]", ["uikit-alert", `uikit-alert-w-${t.alertClass}`, e.$attrs.class]]),
           "data-cy": t.dataCy,
           type: t.type
         }, {

package/dist/packages/components/lib/UIKit/BaseToggle.vue.js

@@ -1,38 +1,40 @@
-import { defineComponent as s, mergeModels as n, useModel as d, createElementBlock as k, openBlock as c, renderSlot as u, createVNode as a, createCommentVNode as m, unref as o, withCtx as f, createElementVNode as p } from "vue";
+import { defineComponent as s, mergeModels as d, useModel as n, createElementBlock as k, openBlock as c, renderSlot as a, createVNode as u, createCommentVNode as m, unref as o, withCtx as f, createElementVNode as p } from "vue";
 import { SwitchRoot as b, SwitchThumb as h } from "reka-ui";
-const g = { class: "uikit-flex uikit-items-center uikit-gap-[8px]" }, w = ["innerHTML"], y = /* @__PURE__ */ s({
+const g = { class: "uikit-flex uikit-items-center uikit-gap-[8px]" }, w = ["innerHTML"], V = /* @__PURE__ */ s({
   inheritAttrs: !1,
   __name: "BaseToggle",
-  props: /* @__PURE__ */ n({
-    label: {}
+  props: /* @__PURE__ */ d({
+    label: {},
+    dataCy: {}
   }, {
     modelValue: { type: Boolean, default: !1 },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t) {
-    const i = d(t, "modelValue");
-    return (e, l) => (c(), k("div", g, [
-      u(e.$slots, "leftLabel"),
-      a(o(b), {
+  setup(e) {
+    const i = n(e, "modelValue");
+    return (t, l) => (c(), k("div", g, [
+      a(t.$slots, "leftLabel"),
+      u(o(b), {
         modelValue: i.value,
         "onUpdate:modelValue": l[0] || (l[0] = (r) => i.value = r),
+        "data-cy": e.dataCy,
         class: "uikit-flex uikit-h-[20px] uikit-w-[40px] uikit-cursor-pointer uikit-rounded-full uikit-p-0 uikit-transition-[background] uikit-will-change-[background] focus-visible:uikit-outline-w-primary data-[state=checked]:uikit-bg-w-primary data-[state=unchecked]:uikit-bg-w-cultured"
       }, {
         default: f(() => [
-          a(o(h), { class: "uikit-box-border uikit-flex uikit-size-[20px] uikit-translate-x-0 uikit-items-center uikit-justify-center uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-lightgray uikit-bg-white uikit-shadow-xl uikit-transition-transform uikit-will-change-transform data-[state=checked]:uikit-translate-x-full" })
+          u(o(h), { class: "uikit-box-border uikit-flex uikit-size-[20px] uikit-translate-x-0 uikit-items-center uikit-justify-center uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-lightgray uikit-bg-white uikit-shadow-xl uikit-transition-transform uikit-will-change-transform data-[state=checked]:uikit-translate-x-full" })
         ]),
         _: 1
-      }, 8, ["modelValue"]),
-      e.$slots.leftLabel ? m("", !0) : u(e.$slots, "rightLabel", { key: 0 }, () => [
+      }, 8, ["modelValue", "data-cy"]),
+      t.$slots.leftLabel ? m("", !0) : a(t.$slots, "rightLabel", { key: 0 }, () => [
         p("span", {
           class: "uikit-ml-[10px]",
-          innerHTML: t.label
+          innerHTML: e.label
         }, null, 8, w)
       ])
     ]));
   }
 });
 export {
-  y as default
+  V as default
 };

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

@@ -0,0 +1,33 @@
+import { defineComponent as n, createPropsRestProxy as p, createBlock as u, openBlock as i, unref as m, mergeProps as s, withCtx as c, renderSlot as y, normalizeProps as f, guardReactiveProps as C } from "vue";
+import { CheckboxRoot as B } from "reka-ui";
+const V = /* @__PURE__ */ n({
+  __name: "CheckboxGroupItemPrimitive",
+  props: {
+    dataCy: {},
+    value: {},
+    defaultValue: { type: [Boolean, String] },
+    modelValue: { type: [Boolean, String, null] },
+    disabled: { type: Boolean },
+    id: {},
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: a }) {
+    const r = p(t, ["dataCy"]), l = a;
+    return (d, o) => (i(), u(m(B), s(r, {
+      "data-cy": t.dataCy,
+      "onUpdate:modelValue": o[0] || (o[0] = (e) => l("update:modelValue", e))
+    }), {
+      default: c((e) => [
+        y(d.$slots, "default", f(C(e)))
+      ]),
+      _: 3
+    }, 16, ["data-cy"]));
+  }
+});
+export {
+  V as default
+};

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

@@ -0,0 +1,35 @@
+import { defineComponent as n, createPropsRestProxy as p, createBlock as u, openBlock as i, unref as s, mergeProps as m, withCtx as c, renderSlot as y } from "vue";
+import { CheckboxGroupRoot as f } from "reka-ui";
+const x = /* @__PURE__ */ n({
+  __name: "CheckboxGroupPrimitive",
+  props: {
+    dataCy: {},
+    defaultValue: {},
+    modelValue: {},
+    rovingFocus: { type: Boolean },
+    disabled: { type: Boolean },
+    as: {},
+    asChild: { type: Boolean },
+    dir: {},
+    orientation: {},
+    loop: { type: Boolean },
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const a = p(e, ["dataCy"]), r = t;
+    return (l, o) => (i(), u(s(f), m(a, {
+      "data-cy": e.dataCy,
+      "onUpdate:modelValue": o[0] || (o[0] = (d) => r("update:modelValue", d))
+    }), {
+      default: c(() => [
+        y(l.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["data-cy"]));
+  }
+});
+export {
+  x as default
+};

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

@@ -0,0 +1,31 @@
+import { defineComponent as n, createPropsRestProxy as d, createBlock as l, openBlock as p, unref as m, mergeProps as c, withCtx as u, renderSlot as y, normalizeProps as f, guardReactiveProps as C } from "vue";
+import { RadioGroupItem as P } from "reka-ui";
+const v = /* @__PURE__ */ n({
+  __name: "RadioGroupItemPrimitive",
+  props: {
+    dataCy: {},
+    id: {},
+    value: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["select"],
+  setup(t, { emit: a }) {
+    const r = d(t, ["dataCy"]), s = a;
+    return (i, o) => (p(), l(m(P), c(r, {
+      "data-cy": t.dataCy,
+      onSelect: o[0] || (o[0] = (e) => s("select", e))
+    }), {
+      default: u((e) => [
+        y(i.$slots, "default", f(C(e)))
+      ]),
+      _: 3
+    }, 16, ["data-cy"]));
+  }
+});
+export {
+  v as default
+};

package/dist/types/index.d.ts

@@ -1,5 +1,4 @@
 export * from '../UIKit/types';
-export type { AccordionItemDecorated, AccordionItem, } from '../UIKit/Accordion/BaseAccordion';
 export type { CheckboxGroupProps, CheckboxButtonType, } from '../UIKit/Checkbox/CheckboxGroup';
 export type { BaseTabProps } from '../UIKit/Tab/BaseTabView';
 export type { RadioButtonType } from '../UIKit/Radio/RadioGroup';
@@ -10,4 +9,13 @@ 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 { RadioGroupItemPrimitiveProps } from '../UIKit/Radio/v2/RadioGroupItemPrimitive';
 export type { CheckboxButtonGroupProps, CheckboxButtonItem, } from '../UIKit/Checkbox/v2/CheckboxButtonGroup';
+export type { CheckboxGroupPrimitiveProps } from '../UIKit/Checkbox/v2/CheckboxGroupPrimitive';
+export type { CheckboxGroupItemPrimitiveProps } from '../UIKit/Checkbox/v2/CheckboxGroupItemPrimitive';
+export type { BaseAccordionProps } from '../UIKit/Accordion/BaseAccordion';
+export type { BaseAccordionItemProps } from '../UIKit/Accordion/BaseAccordionItem';
+export type { AccordionContentPrimitiveProps } from '../UIKit/Accordion/AccordionContentPrimitive';
+export type { AccordionHeaderPrimitiveProps } from '../UIKit/Accordion/AccordionHeaderPrimitive';
+export type { AccordionItemPrimitiveProps } from '../UIKit/Accordion/AccordionItemPrimitive';
+export type { AccordionTriggerPrimitiveProps } from '../UIKit/Accordion/AccordionTriggerPrimitive';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.3.1-alpha.0",
+  "version": "2.3.1-alpha.10",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",
@@ -44,8 +44,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.4",
+    "@wikicasa-dev/svg-icons": "^1.3.0",
+    "@wikicasa-dev/vue-composables": "^0.1.0",
     "@wikicasa-dev/types": "^2.5.0",
     "@wikicasa-dev/utilities": "^1.2.0"
   },

package/dist/UIKit/Accordion/BaseAccordionBtn.d.ts

@@ -1,34 +0,0 @@
-type __VLS_Props = {
-    id: string | number;
-    arrowWidth?: number;
-    arrowColor?: `#${string}`;
-    onContainerClickExpand?: boolean;
-    accordionOpen?: boolean;
-    toggleAccordion: () => void;
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        'custom-content'?(_: {}): any;
-        custom_btn?(_: {
-            btnId: string;
-            isOpen: boolean;
-            toggleAccordion: () => void;
-        }): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: () => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/UIKit/Accordion/BaseAccordionBtn.js

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

package/dist/UIKit/Accordion/BaseAccordionContent.d.ts

@@ -1,30 +0,0 @@
-import { ClassTypeProp } from '../types';
-type __VLS_Props = {
-    id: string | number;
-    accordionOpen: boolean;
-    accordionOpenClasses?: ClassTypeProp;
-    accordionClosedClasses?: ClassTypeProp;
-    accordionContentClasses?: ClassTypeProp;
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        'custom-accordion-content'?(_: {
-            isOpen: boolean;
-        }): any;
-        default?(_: {
-            isOpen: boolean;
-        }): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/UIKit/Accordion/BaseAccordionContent.js

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

package/dist/packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js

@@ -1,59 +0,0 @@
-import { defineComponent as l, createElementBlock as s, openBlock as d, normalizeClass as n, renderSlot as i, createElementVNode as u, withModifiers as k, createVNode as m, unref as f } from "vue";
-import { ArrowIcon as g } from "@wikicasa-dev/svg-icons";
-const C = ["id"], w = ["aria-expanded", "aria-controls"], b = /* @__PURE__ */ l({
-  inheritAttrs: !1,
-  __name: "BaseAccordionBtn",
-  props: {
-    id: {},
-    arrowWidth: { default: 12 },
-    arrowColor: {},
-    onContainerClickExpand: { type: Boolean, default: !1 },
-    accordionOpen: { type: Boolean, default: !1 },
-    toggleAccordion: { type: Function }
-  },
-  emits: ["click"],
-  setup(t, { emit: r }) {
-    const a = r;
-    return (o, e) => (d(), s("div", {
-      id: `${t.id}`,
-      class: n(["uikit-flex uikit-items-center uikit-justify-around", [
-        o.$attrs["btn-wrapper-classes"],
-        t.onContainerClickExpand ? "uikit-cursor-pointer" : ""
-      ]]),
-      onClick: e[1] || (e[1] = (c) => t.onContainerClickExpand && t.toggleAccordion())
-    }, [
-      i(o.$slots, "custom-content"),
-      i(o.$slots, "custom_btn", {
-        btnId: `btn-${t.id}`,
-        isOpen: t.accordionOpen,
-        toggleAccordion: t.toggleAccordion
-      }, () => [
-        u("button", {
-          type: "button",
-          class: n(["uikit-border-0 uikit-bg-transparent", o.$attrs["btn-classes"]]),
-          "aria-expanded": t.accordionOpen,
-          "aria-controls": `accordion-text-${t.id}`,
-          onClick: e[0] || (e[0] = k((c) => {
-            t.toggleAccordion(), a("click");
-          }, ["prevent", "stop"]))
-        }, [
-          m(f(g), {
-            class: n([
-              "uikit-transition-transform motion-reduce:uikit-transition-none",
-              [
-                t.accordionOpen ? "uikit-rotate-180" : "",
-                o.$attrs["arrow-classes"]
-              ]
-            ]),
-            "stroke-color": t.arrowColor ?? "#222",
-            width: t.arrowWidth,
-            height: t.arrowWidth
-          }, null, 8, ["stroke-color", "class", "width", "height"])
-        ], 10, w)
-      ])
-    ], 10, C));
-  }
-});
-export {
-  b as default
-};

package/dist/packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js

@@ -1,34 +0,0 @@
-import { defineComponent as n, createElementBlock as a, openBlock as c, normalizeClass as o, renderSlot as t, createElementVNode as d } from "vue";
-const s = ["id", "aria-labelledby"], u = /* @__PURE__ */ n({
-  __name: "BaseAccordionContent",
-  props: {
-    id: {},
-    accordionOpen: { type: Boolean },
-    accordionOpenClasses: {},
-    accordionClosedClasses: {},
-    accordionContentClasses: {}
-  },
-  setup(i) {
-    return (e, r) => (c(), a("div", {
-      id: `accordion-text-${i.id}`,
-      role: "region",
-      "aria-labelledby": `accordion-title-${i.id}`,
-      class: o(["uikit-grid uikit-overflow-hidden uikit-px-5 uikit-text-sm uikit-text-w-black uikit-transition-[grid-template-rows,opacity,padding,margin] uikit-duration-300 uikit-ease-in-out", [
-        i.accordionOpen ? i.accordionOpenClasses : i.accordionClosedClasses,
-        i.accordionOpen ? "uikit-grid-rows-[1fr] uikit-opacity-100" : "uikit-grid-rows-[0fr] uikit-opacity-0",
-        e.$attrs["accordion-classes"]
-      ]])
-    }, [
-      t(e.$slots, "custom-accordion-content", { isOpen: i.accordionOpen }, () => [
-        d("div", {
-          class: o(["uikit-overflow-hidden", i.accordionContentClasses])
-        }, [
-          t(e.$slots, "default", { isOpen: i.accordionOpen })
-        ], 2)
-      ])
-    ], 10, s));
-  }
-});
-export {
-  u as default
-};