@wikicasa-dev/components 2.1.4-alpha.22 → 2.1.4-alpha.23

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

@@ -1,10 +1,10 @@
-import { ClassType } from '@wikicasa-dev/types';
+import { ClassTypeProp } from '../types';
 type __VLS_Props = {
     id: string | number;
     accordionOpen: boolean;
-    accordionOpenClasses?: ClassType;
-    accordionClosedClasses?: ClassType;
-    accordionContentClasses?: ClassType;
+    accordionOpenClasses?: ClassTypeProp;
+    accordionClosedClasses?: ClassTypeProp;
+    accordionContentClasses?: ClassTypeProp;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;

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

@@ -1,19 +1,19 @@
-import { AccordionItem, ClassType } from '@wikicasa-dev/types';
+import { AccordionItem } from '@wikicasa-dev/types';
+import { ClassTypeProp } from '../types';
 type __VLS_Props = AccordionItem & {
     arrowColor?: `#${string}`;
     arrowWidth?: number;
     /** If true, when you click the container of the button and the title of the accordion, the accordion will expand */
     onContainerClickExpand?: boolean;
-    rootClasses?: ClassType;
     dataCy?: string;
-    btnClasses?: ClassType;
     itemProp?: string;
-    arrowClasses?: ClassType;
-    btnWrapperClasses?: ClassType;
-    accordionContentClasses?: ClassType;
-    accordionOpenClasses?: ClassType;
-    accordionCloseClasses?: ClassType;
-    accordionClasses?: ClassType;
+    btnClasses?: ClassTypeProp;
+    arrowClasses?: ClassTypeProp;
+    btnWrapperClasses?: ClassTypeProp;
+    accordionContentClasses?: ClassTypeProp;
+    accordionOpenClasses?: ClassTypeProp;
+    accordionCloseClasses?: ClassTypeProp;
+    accordionClasses?: ClassTypeProp;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -37,7 +37,7 @@ declare function __VLS_template(): {
         }): any;
     };
     refs: {};
-    rootEl: any;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -50,7 +50,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onAccordionOpened?: ((a: AccordionItem) => any) | undefined;
     onAccordionClosed?: ((a: AccordionItem) => any) | undefined;
     "onUpdate:accordionState"?: ((args_0: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, 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 & {

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

@@ -1,10 +1,9 @@
-import { defineComponent as h, ref as $, inject as C, watch as l, unref as d, createElementBlock as v, openBlock as u, normalizeClass as m, createBlock as y, createCommentVNode as g, renderSlot as s, createElementVNode as f, withModifiers as O, createVNode as k, withCtx as c } from "vue";
-import A from "./BaseAccordionBtn.vue.js";
-import B from "./BaseAccordionContent.vue.js";
+import { defineComponent as h, ref as $, inject as p, watch as l, unref as d, createElementBlock as C, openBlock as u, createBlock as y, createCommentVNode as g, renderSlot as s, createElementVNode as v, withModifiers as O, normalizeClass as f, createVNode as k, withCtx as c } from "vue";
+import B from "./BaseAccordionBtn.vue.js";
+import A from "./BaseAccordionContent.vue.js";
 import { ArrowIcon as E } from "../../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
 import "../../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
 const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M = ["itemprop", "innerHTML"], P = /* @__PURE__ */ h({
-  inheritAttrs: !1,
   __name: "BaseAccordionItem",
   props: {
     title: {},
@@ -13,10 +12,9 @@ const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M
     arrowColor: {},
     arrowWidth: { default: 12 },
     onContainerClickExpand: { type: Boolean, default: !1 },
-    rootClasses: {},
     dataCy: {},
-    btnClasses: {},
     itemProp: {},
+    btnClasses: {},
     arrowClasses: {},
     btnWrapperClasses: {},
     accordionContentClasses: {},
@@ -25,34 +23,34 @@ const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M
     accordionClasses: {}
   },
   emits: ["click", "accordionOpened", "accordionClosed", "update:accordionState"],
-  setup(i, { emit: w }) {
-    const a = w, o = $(!1), r = C(
+  setup(t, { emit: w }) {
+    const a = w, o = $(!1), r = p(
       "accordionItems",
       () => {
       },
       !0
-    ), b = C(
+    ), b = p(
       "handleClick",
       () => {
       },
       !0
-    ), p = (e, t = !1) => {
-      a(t ? "accordionOpened" : "accordionClosed", e), a("update:accordionState", t);
+    ), m = (e, i = !1) => {
+      a(i ? "accordionOpened" : "accordionClosed", e), a("update:accordionState", i);
     };
-    r && (r.value[i.id] = { id: i.id, title: i.title, active: i.active }), l(
+    r && (r.value[t.id] = { id: t.id, title: t.title, active: t.active }), l(
       () => d(r),
       (e) => {
-        const t = e?.[i.id];
-        !t || o.value === t.active || (o.value = t.active ?? !1, p(
-          { id: i.id, title: i.title, active: t.active },
-          t.active
+        const i = e?.[t.id];
+        !i || o.value === i.active || (o.value = i.active ?? !1, m(
+          { id: t.id, title: t.title, active: i.active },
+          i.active
         ));
       },
       { deep: !0, immediate: !0 }
     ), l(o, (e) => {
-      o.value = e, p({ id: i.id, title: i.title, active: o.value }, e);
+      o.value = e, m({ id: t.id, title: t.title, active: o.value }, e);
     }), l(
-      () => i.active,
+      () => t.active,
       (e) => {
         o.value = e;
       },
@@ -61,36 +59,31 @@ const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M
     const n = () => {
       o.value = !o.value;
     };
-    return (e, t) => (u(), v("div", {
-      class: m(e.rootClasses)
-    }, [
-      !e.$slots.custom_content && !e.$slots.custom_btn && !e.$slots.custom_accordion ? (u(), v("div", W, [
-        f("button", {
+    return (e, i) => (u(), C("div", null, [
+      !e.$slots.custom_content && !e.$slots.custom_btn && !e.$slots.custom_accordion ? (u(), C("div", W, [
+        v("button", {
           id: `accordion-title-${e.id}`,
           type: "button",
-          class: m(["uikit-flex uikit-w-full uikit-items-center uikit-justify-between uikit-border-0 uikit-bg-white uikit-px-[20px] uikit-py-md uikit-text-left uikit-font-semibold uikit-transition-colors active:max-sm:uikit-bg-w-cultured hover:sm:uikit-bg-w-cultured", e.btnClasses]),
+          class: f(["uikit-flex uikit-w-full uikit-items-center uikit-justify-between uikit-border-0 uikit-bg-white uikit-px-[20px] uikit-py-md uikit-text-left uikit-font-semibold uikit-transition-colors active:max-sm:uikit-bg-w-cultured hover:sm:uikit-bg-w-cultured", e.btnClasses]),
           "data-cy": e.dataCy,
           "aria-expanded": o.value,
           "aria-controls": `accordion-text-${e.id}`,
-          onClick: t[0] || (t[0] = O((N) => {
+          onClick: i[0] || (i[0] = O((N) => {
             n(), d(b)?.({ id: e.id, title: e.title, active: o.value }), a("click");
           }, ["prevent", "stop"]))
         }, [
-          f("span", {
+          v("span", {
             itemprop: e.itemProp,
             innerHTML: e.title
           }, null, 8, M),
           k(d(E), {
-            class: m([
-              "uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none",
-              [o.value ? "uikit-rotate-180" : "", e.arrowClasses]
-            ]),
+            class: f(["uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", [o.value ? "uikit-rotate-180" : "", e.arrowClasses]]),
             "arrow-classes": e.arrowClasses,
             width: e.arrowWidth,
             height: e.arrowWidth
           }, null, 8, ["class", "arrow-classes", "width", "height"])
         ], 10, I)
-      ])) : (e.$slots.custom_content || e.$slots.custom_btn) && !e.$slots.custom_accordion ? (u(), y(A, {
+      ])) : (e.$slots.custom_content || e.$slots.custom_btn) && !e.$slots.custom_accordion ? (u(), y(B, {
         key: 1,
         id: e.id,
         "btn-wrapper-classes": e.btnWrapperClasses,
@@ -118,7 +111,7 @@ const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M
         isOpen: o.value,
         toggleAccordion: n
       }, () => [
-        k(B, {
+        k(A, {
           id: e.id,
           "accordion-open": o.value,
           "accordion-open-classes": e.accordionOpenClasses,
@@ -135,7 +128,7 @@ const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M
           _: 3
         }, 8, ["id", "accordion-open", "accordion-open-classes", "accordion-close-classes", "accordion-content-classes", "accordion-classes"])
       ])
-    ], 2));
+    ]));
   }
 });
 export {

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

@@ -80,7 +80,7 @@ const _ = ["onClick"], ee = ["innerHTML"], se = /* @__PURE__ */ H({
     }), (e, t) => (m(), b(R, {
       open: n.value,
       "onUpdate:open": t[3] || (t[3] = (l) => n.value = l),
-      class: U(e.$attrs["root-classes"]),
+      class: U(e.$attrs.class),
       "data-cy": e.dataCy ? e.dataCy : `ac_${e.$attrs.id}`,
       "dropdown-element": "ul",
       "dropdown-classes": ["!uikit-max-h-[210px] uikit-z-30", e.dropdownClasses],

package/package.json

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