@wikicasa-dev/components 2.0.12 → 2.0.14

package/dist/BaseModal.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.CautEumd.js";
+import { _ as f } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.cWjybS9o.js";
 export {
   f as default
 };

package/dist/CheckboxBtn.js

@@ -1,4 +1,4 @@
-import { defineComponent as b, useId as f, computed as h, openBlock as r, createElementBlock as s, normalizeClass as l, withModifiers as o, createElementVNode as u, renderSlot as m, toDisplayString as C, createCommentVNode as g } from "vue";
+import { defineComponent as b, useId as f, computed as h, openBlock as s, createElementBlock as r, normalizeClass as l, withModifiers as o, createElementVNode as u, renderSlot as m, toDisplayString as C, createCommentVNode as g } from "vue";
 import { _ as y } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
 import './assets/CheckboxBtn.css';const v = ["id"], V = ["id", "data-cy", "checked", "disabled"], B = ["for"], w = /* @__PURE__ */ b({
   __name: "CheckboxBtn",
@@ -30,9 +30,13 @@ import './assets/CheckboxBtn.css';const v = ["id"], V = ["id", "data-cy", "check
     }, p = () => {
       k(), i.handleLabelClick && a("click");
     };
-    return (e, t) => (r(), s("div", {
+    return (e, t) => (s(), r("div", {
       id: e.containerId,
-      class: l(["uikit-group uikit-relative uikit-items-center uikit-pl-30px hover:uikit-cursor-pointer", [{ "uikit-inline-flex": e.inline }, { "uikit-flex": !e.inline }]]),
+      class: l(["uikit-group uikit-relative uikit-items-center uikit-pl-30px hover:uikit-cursor-pointer", [
+        { "uikit-inline-flex": e.inline },
+        { "uikit-flex": !e.inline },
+        e.$attrs["wrapper-classes"]
+      ]]),
       onClick: o(p, ["stop"])
     }, [
       u("input", {
@@ -57,7 +61,7 @@ import './assets/CheckboxBtn.css';const v = ["id"], V = ["id", "data-cy", "check
           class: l(["uikit-text-sm group-hover:uikit-cursor-pointer", [e.labelClass, { "uikit-text-w-danger": e.isValid === !1 }]]),
           for: n.value
         }, C(e.label), 11, B),
-        e.required ? (r(), s("span", {
+        e.required ? (s(), r("span", {
           key: 0,
           class: l(["required after:uikit-content-['*']", [
             e.isValid !== !1 ? "after:uikit-text-w-primary" : "after:uikit-text-w-danger"
@@ -66,7 +70,7 @@ import './assets/CheckboxBtn.css';const v = ["id"], V = ["id", "data-cy", "check
       ], !0)
     ], 10, v));
   }
-}), z = /* @__PURE__ */ y(w, [["__scopeId", "data-v-be174811"]]);
+}), $ = /* @__PURE__ */ y(w, [["__scopeId", "data-v-505c1129"]]);
 export {
-  z as default
+  $ as default
 };

package/dist/UIKit/BaseModal.vue.d.ts

@@ -1,4 +1,4 @@
-import { ClassType } from '@wikicasa-dev/types';
+import { ClassTypeProp } from './types';
 declare function __VLS_template(): {
     slots: {
         header?(_: {
@@ -22,14 +22,13 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<{
     id?: string;
     size?: "modal-sm" | "modal-md" | "modal-lg" | "modal-xxl" | "modal-full";
-    customBackdropClasses?: ClassType;
-    customModalDialogClasses?: ClassType;
-    customModalHeaderClasses?: ClassType;
-    customModalBodyClasses?: ClassType;
-    customModalFooterClasses?: ClassType;
+    customBackdropClasses?: ClassTypeProp;
+    customModalDialogClasses?: ClassTypeProp;
+    customModalHeaderClasses?: ClassTypeProp;
+    customModalBodyClasses?: ClassTypeProp;
+    customModalFooterClasses?: ClassTypeProp;
     withCloseIcon?: boolean;
     showModal?: boolean;
-    closeIcon?: string;
     headerTitle?: string;
     autoClose?: number;
     fullHeight?: boolean;
@@ -38,20 +37,22 @@ declare const __VLS_component: import('vue').DefineComponent<{
      * If true, the modal will be centered in desktop mode
      */
     centered?: boolean;
+    dataCy?: string;
+    closeIconBtnClasses?: ClassTypeProp;
+    titleClasses?: ClassTypeProp;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     opened: () => any;
     closed: () => any;
 }, string, import('vue').PublicProps, Readonly<{
     id?: string;
     size?: "modal-sm" | "modal-md" | "modal-lg" | "modal-xxl" | "modal-full";
-    customBackdropClasses?: ClassType;
-    customModalDialogClasses?: ClassType;
-    customModalHeaderClasses?: ClassType;
-    customModalBodyClasses?: ClassType;
-    customModalFooterClasses?: ClassType;
+    customBackdropClasses?: ClassTypeProp;
+    customModalDialogClasses?: ClassTypeProp;
+    customModalHeaderClasses?: ClassTypeProp;
+    customModalBodyClasses?: ClassTypeProp;
+    customModalFooterClasses?: ClassTypeProp;
     withCloseIcon?: boolean;
     showModal?: boolean;
-    closeIcon?: string;
     headerTitle?: string;
     autoClose?: number;
     fullHeight?: boolean;
@@ -60,25 +61,13 @@ declare const __VLS_component: import('vue').DefineComponent<{
      * If true, the modal will be centered in desktop mode
      */
     centered?: boolean;
+    dataCy?: string;
+    closeIconBtnClasses?: ClassTypeProp;
+    titleClasses?: ClassTypeProp;
 }> & Readonly<{
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
-}>, {
-    id: string;
-    size: "modal-sm" | "modal-md" | "modal-lg" | "modal-xxl" | "modal-full";
-    headerTitle: string;
-    customBackdropClasses: ClassType;
-    customModalDialogClasses: ClassType;
-    customModalHeaderClasses: ClassType;
-    customModalBodyClasses: ClassType;
-    customModalFooterClasses: ClassType;
-    withCloseIcon: boolean;
-    showModal: boolean;
-    closeIcon: string;
-    fullHeight: boolean;
-    closeOnClickOut: boolean;
-    centered: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, 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 & {

package/dist/assets/CheckboxBtn.css

@@ -1 +1 @@
-.checked-bg[data-v-be174811]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg transform='translate(-307 -2432)'%3E%3Crect width='16' height='16' fill='%232b5dff' data-name='Rettangolo 2689' rx='3' transform='translate(307 2432)'/%3E%3Cpath fill='none' stroke='%23f4f7ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m319.499 2437.499-6 6Zm-9 3 3 3Z' data-name='Unione 5'/%3E%3C/g%3E%3C/svg%3E")}.checked-bg-invalid[data-v-be174811]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg transform='translate(-307 -2432)'%3E%3Crect width='16' height='16' fill='%23FA4F64' data-name='Rettangolo 2689' rx='3' transform='translate(307 2432)'/%3E%3Cpath fill='none' stroke='%23f4f7ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m319.499 2437.499-6 6Zm-9 3 3 3Z' data-name='Unione 5'/%3E%3C/g%3E%3C/svg%3E")}
+.checked-bg[data-v-505c1129]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg transform='translate(-307 -2432)'%3E%3Crect width='16' height='16' fill='%232b5dff' data-name='Rettangolo 2689' rx='3' transform='translate(307 2432)'/%3E%3Cpath fill='none' stroke='%23f4f7ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m319.499 2437.499-6 6Zm-9 3 3 3Z' data-name='Unione 5'/%3E%3C/g%3E%3C/svg%3E")}.checked-bg-invalid[data-v-505c1129]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg transform='translate(-307 -2432)'%3E%3Crect width='16' height='16' fill='%23FA4F64' data-name='Rettangolo 2689' rx='3' transform='translate(307 2432)'/%3E%3Cpath fill='none' stroke='%23f4f7ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m319.499 2437.499-6 6Zm-9 3 3 3Z' data-name='Unione 5'/%3E%3C/g%3E%3C/svg%3E")}

package/dist/chunks/{BaseModal.vue_vue_type_style_index_0_lang.CautEumd.js → BaseModal.vue_vue_type_style_index_0_lang.cWjybS9o.js}

@@ -1,76 +1,77 @@
-import { defineComponent as L, ref as d, onUnmounted as B, watch as E, openBlock as k, createBlock as y, Teleport as $, createElementVNode as l, normalizeClass as o, withModifiers as v, withCtx as T, createVNode as z, unref as H, createCommentVNode as h, renderSlot as n, createElementBlock as O, nextTick as I } from "vue";
+import { defineComponent as x, ref as u, onUnmounted as B, watch as L, openBlock as c, createBlock as E, Teleport as T, createElementVNode as l, normalizeClass as s, withModifiers as f, createElementBlock as y, createVNode as z, unref as H, createCommentVNode as v, renderSlot as n, nextTick as O } from "vue";
 import "./types-B0dZ7OiV.D29wNgoj.js";
-import { _ as K } from "./BaseButton.vue_vue_type_script_setup_true_lang.BWZPE2Gf.js";
-import { l as N } from "./CloseIcon.DIkr4soH.js";
+import { l as $ } from "./CloseIcon.DIkr4soH.js";
 import "./PharmacyIcon.56ql_DYl.js";
-import '../assets/BaseModal.css';const w = () => navigator?.userAgent.includes("Windows"), V = (a, r) => new Promise((s, u) => {
+import '../assets/BaseModal.css';const h = () => navigator?.userAgent.includes("Windows"), I = (o, d) => new Promise((a, t) => {
   setTimeout(() => {
     try {
-      a && a(), s();
+      o && o(), a();
     } catch {
-      u();
+      t();
     }
-  }, r);
-}), A = ["id", "data-cy"], D = ["innerHTML"], j = /* @__PURE__ */ L({
+  }, d);
+}), K = ["id", "data-cy"], N = ["innerHTML"], P = /* @__PURE__ */ x({
   __name: "BaseModal",
   props: {
     id: { default: "base-bt-modal" },
     size: { default: "modal-md" },
-    customBackdropClasses: { default: "" },
-    customModalDialogClasses: { default: "" },
-    customModalHeaderClasses: { default: "" },
-    customModalBodyClasses: { default: "" },
-    customModalFooterClasses: { default: "" },
+    customBackdropClasses: {},
+    customModalDialogClasses: {},
+    customModalHeaderClasses: {},
+    customModalBodyClasses: {},
+    customModalFooterClasses: {},
     withCloseIcon: { type: Boolean, default: !0 },
     showModal: { type: Boolean, default: !0 },
-    closeIcon: { default: "" },
     headerTitle: { default: "" },
     autoClose: {},
     fullHeight: { type: Boolean, default: !1 },
     closeOnClickOut: { type: Boolean, default: !0 },
-    centered: { type: Boolean, default: !1 }
+    centered: { type: Boolean, default: !1 },
+    dataCy: {},
+    closeIconBtnClasses: {},
+    titleClasses: {}
   },
   emits: ["closed", "opened"],
-  setup(a, { emit: r }) {
-    const s = a, u = r, t = d(!1), m = d(null), g = d(null), c = d(!1), p = ({ key: e }) => {
+  setup(o, { emit: d }) {
+    const a = d, t = u(!1), k = u(null), w = u(null), r = u(!1), m = ({ key: e }) => {
       e === "Escape" && i();
     }, C = () => {
-      document?.body.addEventListener("keydown", p);
-    }, f = () => {
-      document?.body.removeEventListener("keydown", p);
-    }, x = async () => {
-      t.value = !0, I(() => {
-        C(), document?.documentElement.classList.add("uikit-no-scrolling"), w() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
-      }), u("opened"), s.autoClose !== void 0 && setTimeout(() => {
+      document?.body.addEventListener("keydown", m);
+    }, p = () => {
+      document?.body.removeEventListener("keydown", m);
+    }, g = async () => {
+      t.value = !0, O(() => {
+        C(), document?.documentElement.classList.add("uikit-no-scrolling"), h() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
+      }), a("opened"), o.autoClose !== void 0 && setTimeout(() => {
         i();
-      }, s.autoClose);
+      }, o.autoClose);
     }, M = async () => {
-      s.closeOnClickOut && await i();
+      o.closeOnClickOut && await i();
     }, i = async () => {
-      t.value = !1, f(), document?.documentElement.classList.remove("uikit-no-scrolling"), navigator.userAgent.includes("Windows") ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling"), await V(() => {
-        m.value?.classList.add("uikit-hidden"), u("closed");
+      t.value = !1, p(), document?.documentElement.classList.remove("uikit-no-scrolling"), navigator.userAgent.includes("Windows") ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling"), await I(() => {
+        k.value?.classList.add("uikit-hidden"), a("closed");
       }, 250);
     };
     return B(() => {
-      f(), document?.documentElement.classList.remove("uikit-no-scrolling"), w() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
-    }), E(
-      () => s.showModal,
+      p(), document?.documentElement.classList.remove("uikit-no-scrolling"), h() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
+    }), L(
+      () => o.showModal,
       async (e) => {
-        !e && !t.value ? c.value = !0 : c.value = !1, e && !t.value && await x(), !e && t.value && await i(), t.value = e;
+        !e && !t.value ? r.value = !0 : r.value = !1, e && !t.value && await g(), !e && t.value && await i(), t.value = e;
       },
       { immediate: !0 }
-    ), (e, b) => (k(), y($, { to: "body" }, [
+    ), (e, b) => (c(), E(T, { to: "body" }, [
       l("div", {
         ref_key: "backdropEl",
-        ref: m,
-        class: o(["bbt-backdrop uikit-fixed uikit-left-0 uikit-top-0 uikit-h-full uikit-w-full", [
+        ref: k,
+        class: s(["bbt-backdrop uikit-fixed uikit-left-0 uikit-top-0 uikit-h-full uikit-w-full", [
           e.customBackdropClasses,
           {
             "uikit-animate-[backdrop-opacity_0.3s_ease-out_0s_backwards] uikit-bg-w-secondary/70": t.value
           },
           { "uikit-bg-transparent": !t.value },
           { "sm:uikit-pt-[30px]": !e.centered },
-          { hide: c.value }
+          { hide: r.value }
         ]]),
         style: { "z-index": "1062" },
         onClick: M
@@ -78,9 +79,9 @@ import '../assets/BaseModal.css';const w = () => navigator?.userAgent.includes("
         l("dialog", {
           id: e.id,
           ref_key: "modalEl",
-          ref: g,
-          "data-cy": e.$attrs["data-cy"],
-          class: o(["uikit-modal-dialog transition-y uikit-mx-auto uikit-block uikit-w-full uikit-overflow-y-auto uikit-overflow-x-hidden uikit-rounded uikit-border-none uikit-bg-transparent uikit-bg-white uikit-p-0 uikit-shadow-lg uikit-no-scrollbar uikit-safe-bottom max-sm:uikit-fixed max-sm:uikit-bottom-0 max-sm:uikit-max-h-[95%] max-sm:uikit-rounded-bl-none max-sm:uikit-rounded-br-none sm:uikit-h-auto", [
+          ref: w,
+          "data-cy": e.dataCy,
+          class: s(["uikit-modal-dialog transition-y uikit-mx-auto uikit-block uikit-w-full uikit-overflow-y-auto uikit-overflow-x-hidden uikit-rounded uikit-border-none uikit-bg-transparent uikit-bg-white uikit-p-0 uikit-shadow-lg uikit-no-scrollbar uikit-safe-bottom max-sm:uikit-fixed max-sm:uikit-bottom-0 max-sm:uikit-max-h-[95%] max-sm:uikit-rounded-bl-none max-sm:uikit-rounded-br-none sm:uikit-h-auto", [
             e.customModalDialogClasses,
             { show: t.value },
             { "closed uikit-overflow-hidden": !t.value },
@@ -88,55 +89,51 @@ import '../assets/BaseModal.css';const w = () => navigator?.userAgent.includes("
             `base-${e.size}`,
             e.fullHeight ? "uikit-h-[95%]" : "uikit-h-auto"
           ]]),
-          onClick: b[0] || (b[0] = v(() => {
+          onClick: b[0] || (b[0] = f(() => {
           }, ["stop"]))
         }, [
           l("div", {
-            class: o(["default-header uikit-sticky uikit-top-0 uikit-z-10 uikit-rounded-t uikit-border-0 uikit-bg-white uikit-px-4 uikit-pb-10px uikit-pt-20px sm:uikit-px-6", [e.customModalHeaderClasses]])
+            class: s(["default-header uikit-sticky uikit-top-0 uikit-z-10 uikit-rounded-t uikit-border-0 uikit-bg-white uikit-px-4 uikit-pb-10px uikit-pt-20px sm:uikit-px-6", [e.customModalHeaderClasses]])
           }, [
-            e.withCloseIcon ? (k(), y(K, {
+            e.withCloseIcon ? (c(), y("button", {
               key: 0,
               id: "close-icon-btn",
               "data-cy": "bbt-default-close-icon-btn",
-              class: o(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent", e.$attrs["close-icon-btn-classes"]]),
+              class: s(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent", e.closeIconBtnClasses]),
               type: "button",
               "aria-label": "Close",
-              "with-min-width": !0,
-              onClick: v(i, ["prevent", "stop"])
-            }, {
-              default: T(() => [
-                z(H(N), {
-                  class: "bbt-close-icon uikit-box-border uikit-p-5px",
-                  width: 30,
-                  height: 30
-                })
-              ]),
-              _: 1
-            }, 8, ["class"])) : h("", !0),
+              onClick: f(i, ["prevent", "stop"])
+            }, [
+              z(H($), {
+                class: "bbt-close-icon uikit-box-border uikit-p-5px",
+                width: 30,
+                height: 30
+              })
+            ], 2)) : v("", !0),
             n(e.$slots, "header", { closeModal: i }, () => [
               l("span", {
-                class: o(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", e.$attrs["title-classes"]]),
+                class: s(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", e.titleClasses]),
                 innerHTML: e.headerTitle
-              }, null, 10, D)
+              }, null, 10, N)
             ])
           ], 2),
           l("div", {
-            class: o(["uikit-bbt-body uikit-flex-auto uikit-overflow-y-auto uikit-overflow-x-hidden uikit-px-4 uikit-pb-0 uikit-no-scrollbar sm:uikit-px-6 sm:uikit-pb-25px", [e.customModalBodyClasses]])
+            class: s(["uikit-bbt-body uikit-flex-auto uikit-overflow-y-auto uikit-overflow-x-hidden uikit-px-4 uikit-pb-0 uikit-no-scrollbar sm:uikit-px-6 sm:uikit-pb-25px", [e.customModalBodyClasses]])
           }, [
             n(e.$slots, "body", { closeModal: i })
           ], 2),
-          e.$slots.footer ? (k(), O("div", {
+          e.$slots.footer ? (c(), y("div", {
             key: 0,
-            class: o(["uikit-bbt-footer uikit-sticky uikit-bottom-0 uikit-border-0 uikit-bg-white uikit-px-4 uikit-py-15px sm:uikit-px-6", e.customModalFooterClasses])
+            class: s(["uikit-bbt-footer uikit-sticky uikit-bottom-0 uikit-border-0 uikit-bg-white uikit-px-4 uikit-py-15px sm:uikit-px-6", e.customModalFooterClasses])
           }, [
             n(e.$slots, "footer", { closeModal: i })
-          ], 2)) : h("", !0),
+          ], 2)) : v("", !0),
           n(e.$slots, "fixed-bottom")
-        ], 10, A)
+        ], 10, K)
       ], 2)
     ]));
   }
 });
 export {
-  j as _
+  P as _
 };

package/dist/index.js

@@ -27,7 +27,7 @@ import { default as Z } from "./BaseTextarea.js";
 import { default as ee } from "./BaseToggle.js";
 import { default as re } from "./BaseTooltip.js";
 import { _ as te } from "./chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.2elmVcZt.js";
-import { _ as fe } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.CautEumd.js";
+import { _ as fe } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.cWjybS9o.js";
 import { default as me } from "./BaseSnackbar.js";
 import { default as le } from "./StaticSpinner.js";
 import { default as de } from "./BaseShimmerLoader.js";

package/package.json

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