@wikicasa-dev/components 2.2.8-alpha.12 → 2.2.8-alpha.13

package/dist/UIKit/BaseModal.d.ts

@@ -7,6 +7,10 @@ type __VLS_Props = {
     customModalHeaderClasses?: ClassTypeProp;
     customModalBodyClasses?: ClassTypeProp;
     customModalFooterClasses?: ClassTypeProp;
+    closeIcon?: Partial<{
+        size?: number;
+        classes?: ClassTypeProp;
+    }>;
     withCloseIcon?: boolean;
     showModal?: boolean;
     headerTitle?: string;

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

@@ -1,7 +1,7 @@
-import { defineComponent as T, ref as n, useTemplateRef as z, onUnmounted as H, watch as I, createBlock as O, openBlock as r, Teleport as $, createElementVNode as l, normalizeClass as s, withModifiers as y, createElementBlock as h, createCommentVNode as w, renderSlot as d, createVNode as D, unref as K, nextTick as N } from "vue";
+import { defineComponent as I, ref as n, useTemplateRef as T, onUnmounted as z, watch as H, createBlock as O, openBlock as r, Teleport as $, createElementVNode as l, normalizeClass as s, withModifiers as y, createElementBlock as h, createCommentVNode as w, renderSlot as d, createVNode as D, unref as K, nextTick as N } from "vue";
 import { isWindows as C, awaitableSetTimeout as S } from "@wikicasa-dev/utilities";
 import { CloseIcon as V } from "@wikicasa-dev/svg-icons";
-const F = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ T({
+const F = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ I({
   __name: "BaseModal",
   props: {
     id: { default: "base-bt-modal" },
@@ -11,6 +11,7 @@ const F = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ T({
     customModalHeaderClasses: {},
     customModalBodyClasses: {},
     customModalFooterClasses: {},
+    closeIcon: {},
     withCloseIcon: { type: Boolean, default: !0 },
     showModal: { type: Boolean, default: !0 },
     headerTitle: { default: "" },
@@ -24,7 +25,7 @@ const F = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ T({
   },
   emits: ["closed", "opened", "dialogClick"],
   setup(e, { emit: g }) {
-    const c = g, i = n(!1), m = n(null), a = z("modalDialog"), k = n(!1), u = n(!1), f = ({ key: t }) => {
+    const c = g, i = n(!1), m = n(null), a = T("modalDialog"), k = n(!1), u = n(!1), f = ({ key: t }) => {
       t === "Escape" && o();
     }, x = () => {
       document?.body.addEventListener("keydown", f);
@@ -53,9 +54,9 @@ const F = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ T({
         m.value?.classList.add("uikit-hidden"), c("closed");
       }, 250);
     };
-    return H(() => {
+    return z(() => {
       b(), document?.documentElement.classList.remove("uikit-no-scrolling"), C() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
-    }), I(
+    }), H(
       () => e.showModal,
       async (t) => {
         !t && !i.value ? k.value = !0 : k.value = !1, t && !i.value && await p(), !t && i.value && await o(), i.value = t;
@@ -102,16 +103,16 @@ const F = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ T({
               key: 0,
               id: "close-icon-btn",
               "data-cy": "bbt-default-close-icon-btn",
-              class: s(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent", e.closeIconBtnClasses]),
+              class: s(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent uikit-p-5px", e.closeIconBtnClasses]),
               type: "button",
               "aria-label": "Close",
               onClick: y(o, ["prevent", "stop"])
             }, [
               D(K(V), {
-                class: "bbt-close-icon uikit-box-border uikit-p-5px",
-                width: 30,
-                height: 30
-              })
+                class: s(["bbt-close-icon uikit-box-border", e.closeIcon?.classes]),
+                width: e.closeIcon?.size || 30,
+                height: e.closeIcon?.size || 30
+              }, null, 8, ["class", "width", "height"])
             ], 2)) : w("", !0),
             d(t.$slots, "header", { closeModal: o }, () => [
               l("span", {

package/package.json

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