@wikicasa-dev/components 1.8.2 → 1.8.4

package/dist/BaseFloatingLabel.js

@@ -1,48 +1,39 @@
 import { defineComponent as s, openBlock as a, createElementBlock as l, normalizeClass as t, withModifiers as o, createElementVNode as n, createCommentVNode as r } from "vue";
-import { _ as u } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-import './assets/BaseFloatingLabel.css';const d = s({
-  name: "BaseFloatingLabel",
+import { _ as d } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/BaseFloatingLabel.css';const u = ["for"], k = ["innerHTML"], m = /* @__PURE__ */ s({
+  __name: "BaseFloatingLabel",
   props: {
-    labelState: {
-      type: String,
-      default: () => "inline-label"
-    },
-    isValid: {
-      type: Boolean,
-      default: () => null
-    },
-    labelText: {
-      type: String,
-      required: !0
-    },
-    disabled: {
-      type: [String, Boolean],
-      default: !1
-    }
+    labelState: { default: "inline-label" },
+    isValid: { default: null },
+    labelText: {},
+    disabled: { type: [String, Boolean], default: !1 }
   },
-  emits: ["click"]
-}), p = ["for"], k = ["innerHTML"];
-function m(e, i, c, f, b, y) {
-  return a(), l("label", {
-    for: e.$attrs.for,
-    class: t(["uikit-absolute uikit-left-15px uikit-h-5 uikit-text-sm", [
-      e.labelState,
-      { "uikit-text-w-secondary": e.disabled },
-      e.$attrs["label-classes"]
-    ]]),
-    onClick: i[0] || (i[0] = o(($) => e.$emit("click"), ["stop"]))
-  }, [
-    n("span", {
-      class: t(["uikit-text uikit-font-medium uikit-text-w-black", { "!uikit-text-w-secondary": e.disabled }]),
-      innerHTML: e.labelText
-    }, null, 10, k),
-    e.$attrs.required ? (a(), l("sup", {
-      key: 0,
-      class: t(["uikit-absolute -uikit-top-[0.3rem] uikit-text uikit-text-w-primary", { "uikit-text-w-secondary": e.disabled }])
-    }, " *", 2)) : r("", !0)
-  ], 10, p);
-}
-const g = /* @__PURE__ */ u(d, [["render", m], ["__scopeId", "data-v-bc398569"]]);
+  emits: ["click"],
+  setup(p, { emit: b }) {
+    return (e, i) => (a(), l("label", {
+      for: e.$attrs.for,
+      class: t(["uikit-absolute uikit-left-15px uikit-h-5 uikit-text-sm", [
+        e.labelState,
+        { "uikit-text-w-secondary": e.disabled },
+        e.$attrs["label-classes"]
+      ]]),
+      onClick: i[0] || (i[0] = o((f) => e.$emit("click"), ["stop"]))
+    }, [
+      n("span", {
+        class: t(["uikit-text uikit-font-medium uikit-text-w-black", { "!uikit-text-w-secondary": e.disabled }]),
+        innerHTML: e.labelText
+      }, null, 10, k),
+      e.$attrs.required ? (a(), l("sup", {
+        key: 0,
+        class: t(["uikit-absolute -uikit-top-[0.3rem] uikit-text", [
+          { "uikit-text-w-secondary": e.disabled },
+          { "uikit-text-w-danger": e.isValid === !1 },
+          { "uikit-text-w-primary": (e.isValid || e.isValid === null) && !e.disabled }
+        ]])
+      }, " *", 2)) : r("", !0)
+    ], 10, u));
+  }
+}), y = /* @__PURE__ */ d(m, [["__scopeId", "data-v-5a3dceb6"]]);
 export {
-  g as default
+  y as default
 };

package/dist/BaseModal.js

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

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

@@ -1,41 +1,27 @@
 import { Nullable } from '@wikicasa-dev/types';
 
 type LabelState = "inline-label" | "floating-label";
-declare const _default: import('vue').DefineComponent<{
-    labelState: {
-        type: () => LabelState;
-        default: () => LabelState;
-    };
-    isValid: {
-        type: () => Nullable<boolean>;
-        default: () => Nullable<boolean>;
-    };
-    labelText: {
-        type: StringConstructor;
-        required: true;
-    };
-    disabled: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: boolean;
-    };
-}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    labelState: {
-        type: () => LabelState;
-        default: () => LabelState;
-    };
-    isValid: {
-        type: () => Nullable<boolean>;
-        default: () => Nullable<boolean>;
-    };
-    labelText: {
-        type: StringConstructor;
-        required: true;
-    };
-    disabled: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: boolean;
-    };
-}>> & {
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    labelState?: LabelState;
+    isValid?: Nullable<boolean>;
+    labelText: string;
+    disabled?: string | boolean;
+}>, {
+    labelState: string;
+    isValid: null;
+    disabled: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    labelState?: LabelState;
+    isValid?: Nullable<boolean>;
+    labelText: string;
+    disabled?: string | boolean;
+}>, {
+    labelState: string;
+    isValid: null;
+    disabled: boolean;
+}>>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
     labelState: LabelState;
@@ -43,3 +29,20 @@ declare const _default: import('vue').DefineComponent<{
     disabled: string | boolean;
 }, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/assets/BaseFloatingLabel.css

@@ -1 +1 @@
-.floating-label[data-v-bc398569]{top:-10px;left:1.25rem;border-radius:5px;font-size:14px;line-height:18px}.inline-label[data-v-bc398569]{top:.75rem;background-color:transparent;font-size:16px;line-height:20px}.inline-label>span[data-v-bc398569]{--tw-text-opacity: 1;color:rgb(109 118 135 / var(--tw-text-opacity))}.floating-label[data-v-bc398569],.inline-label[data-v-bc398569]{transition-property:top,left;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;will-change:top,left}
+.floating-label[data-v-5a3dceb6]{top:-10px;left:1.25rem;border-radius:5px;font-size:14px;line-height:18px}.inline-label[data-v-5a3dceb6]{top:.75rem;background-color:transparent;font-size:16px;line-height:20px}.inline-label>span[data-v-5a3dceb6]{--tw-text-opacity: 1;color:rgb(109 118 135 / var(--tw-text-opacity))}.floating-label[data-v-5a3dceb6],.inline-label[data-v-5a3dceb6]{transition-property:top,left;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;will-change:top,left}

package/dist/chunks/{BaseModal.vue_vue_type_style_index_0_lang.DRnvHI35.js → BaseModal.vue_vue_type_style_index_0_lang.DSPssuBQ.js}

@@ -1,9 +1,9 @@
-import { defineComponent as x, ref as k, watch as M, nextTick as B, openBlock as c, createBlock as f, Teleport as E, createElementVNode as a, normalizeClass as o, withModifiers as b, withCtx as L, createVNode as $, unref as T, createCommentVNode as y, renderSlot as d, createElementBlock as z } from "vue";
+import { defineComponent as x, ref as k, onUnmounted as M, watch as B, nextTick as E, openBlock as c, createBlock as b, Teleport as L, createElementVNode as a, normalizeClass as o, withModifiers as y, withCtx as $, createVNode as T, unref as z, createCommentVNode as h, renderSlot as d, createElementBlock as H } from "vue";
 import "./js.cookie.CkZE2oaL.js";
-import { _ as H } from "./BaseButton.vue_vue_type_script_setup_true_lang.dlLTK59i.js";
-import { l as O } from "./CloseIcon._moEkaop.js";
+import { _ as O } from "./BaseButton.vue_vue_type_script_setup_true_lang.dlLTK59i.js";
+import { l as I } from "./CloseIcon._moEkaop.js";
 import "./DownloadIcon.DHCHRETy.js";
-import '../assets/BaseModal.css';const I = (l, n) => new Promise((s, u) => {
+import '../assets/BaseModal.css';const K = (l, n) => new Promise((s, u) => {
   setTimeout(() => {
     try {
       l && l(), s();
@@ -11,7 +11,7 @@ import '../assets/BaseModal.css';const I = (l, n) => new Promise((s, u) => {
       u();
     }
   }, n);
-}), K = ["id", "data-cy"], N = ["innerHTML"], j = /* @__PURE__ */ x({
+}), N = ["id", "data-cy"], V = ["innerHTML"], j = /* @__PURE__ */ x({
   __name: "BaseModal",
   props: {
     id: { default: "base-bt-modal" },
@@ -32,11 +32,11 @@ import '../assets/BaseModal.css';const I = (l, n) => new Promise((s, u) => {
   },
   emits: ["closed", "opened"],
   setup(l, { emit: n }) {
-    const s = l, u = n, e = k(!1), r = k(null), h = k(null), m = ({ key: t }) => {
+    const s = l, u = n, e = k(!1), r = k(null), v = k(null), m = ({ key: t }) => {
       t === "Escape" && i();
     }, w = () => {
       document.body.addEventListener("keydown", m);
-    }, v = () => {
+    }, p = () => {
       document.body.removeEventListener("keydown", m);
     }, C = async () => {
       e.value = !0, w(), document.documentElement.classList.add("uikit-no-scrolling"), document.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px"), u("opened"), s.autoClose !== void 0 && setTimeout(() => {
@@ -45,19 +45,21 @@ import '../assets/BaseModal.css';const I = (l, n) => new Promise((s, u) => {
     }, g = async () => {
       s.closeOnClickOut && await i();
     }, i = async () => {
-      e.value = !1, v(), document.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px"), document.documentElement.classList.remove("uikit-no-scrolling"), await I(() => {
+      e.value = !1, p(), document.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px"), document.documentElement.classList.remove("uikit-no-scrolling"), await K(() => {
         r.value?.classList.add("uikit-hidden"), u("closed");
       }, 250);
     };
-    return M(
+    return M(() => {
+      p(), document.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px"), document.documentElement.classList.remove("uikit-no-scrolling");
+    }), B(
       () => s.showModal,
       async (t) => {
-        !t && !e.value && B(() => {
+        !t && !e.value && E(() => {
           r.value?.classList.add("uikit-hidden");
         }), t && !e.value && await C(), !t && e.value && await i(), e.value = t;
       },
       { immediate: !0 }
-    ), (t, p) => (c(), f(E, { to: "body" }, [
+    ), (t, f) => (c(), b(L, { to: "body" }, [
       a("div", {
         ref_key: "backdropEl",
         ref: r,
@@ -75,7 +77,7 @@ import '../assets/BaseModal.css';const I = (l, n) => new Promise((s, u) => {
         a("dialog", {
           id: t.id,
           ref_key: "modalEl",
-          ref: h,
+          ref: v,
           "data-cy": t.$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", [
             t.customModalDialogClasses,
@@ -85,13 +87,13 @@ import '../assets/BaseModal.css';const I = (l, n) => new Promise((s, u) => {
             `base-${t.size}`,
             t.fullHeight ? "uikit-h-[95%]" : "uikit-h-auto"
           ]]),
-          onClick: p[0] || (p[0] = b(() => {
+          onClick: f[0] || (f[0] = y(() => {
           }, ["stop"]))
         }, [
           a("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", [t.customModalHeaderClasses]])
           }, [
-            t.withCloseIcon ? (c(), f(H, {
+            t.withCloseIcon ? (c(), b(O, {
               key: 0,
               id: "close-icon-btn",
               "data-cy": "bbt-default-close-icon-btn",
@@ -99,22 +101,22 @@ import '../assets/BaseModal.css';const I = (l, n) => new Promise((s, u) => {
               type: "button",
               "aria-label": "Close",
               "is-empty": !0,
-              onClick: b(i, ["prevent", "stop"])
+              onClick: y(i, ["prevent", "stop"])
             }, {
-              default: L(() => [
-                $(T(O), {
+              default: $(() => [
+                T(z(I), {
                   class: "bbt-close-icon uikit-box-border uikit-p-5px",
                   width: 30,
                   height: 30
                 })
               ]),
               _: 1
-            }, 8, ["class"])) : y("", !0),
+            }, 8, ["class"])) : h("", !0),
             d(t.$slots, "header", { closeModal: i }, () => [
               a("span", {
                 class: o(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", t.$attrs["title-classes"]]),
                 innerHTML: t.headerTitle
-              }, null, 10, N)
+              }, null, 10, V)
             ])
           ], 2),
           a("div", {
@@ -122,14 +124,14 @@ import '../assets/BaseModal.css';const I = (l, n) => new Promise((s, u) => {
           }, [
             d(t.$slots, "body", { closeModal: i })
           ], 2),
-          t.$slots.footer ? (c(), z("div", {
+          t.$slots.footer ? (c(), H("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", t.customModalFooterClasses])
           }, [
             d(t.$slots, "footer", { closeModal: i })
-          ], 2)) : y("", !0),
+          ], 2)) : h("", !0),
           d(t.$slots, "fixed-bottom")
-        ], 10, K)
+        ], 10, N)
       ], 2)
     ]));
   }

package/dist/index.js

@@ -28,7 +28,7 @@ import { default as ee } from "./BaseTextarea.js";
 import { default as re } from "./BaseToggle.js";
 import { default as te } from "./BaseTooltip.js";
 import { _ as fe } from "./chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.Dj2egDaT.js";
-import { _ as me } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.DRnvHI35.js";
+import { _ as me } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.DSPssuBQ.js";
 import { default as le } from "./BaseSnackbar.js";
 import { default as de } from "./StaticSpinner.js";
 import { default as ue } from "./BaseShimmerLoader.js";

package/package.json

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