@schwarzdavid/ui-kit 0.0.1-alpha.14 → 0.0.1-alpha.16

package/dist/main.js

@@ -104,7 +104,7 @@ function ee() {
     removeFromQueue: r
   };
 }
-var x = /* @__PURE__ */ ((e) => (e.SUCCESS = "success", e.INFO = "info", e.WARNING = "warning", e.ERROR = "error", e))(x || {});
+var D = /* @__PURE__ */ ((e) => (e.SUCCESS = "success", e.INFO = "info", e.WARNING = "warning", e.ERROR = "error", e))(D || {});
 const Se = { key: 0 }, je = { key: 1 }, Me = /* @__PURE__ */ k({
   __name: "ToastEntry",
   props: {
@@ -112,15 +112,15 @@ const Se = { key: 0 }, je = { key: 1 }, Me = /* @__PURE__ */ k({
   },
   setup(e) {
     const a = {
-      [x.ERROR]: "mdi-alert-circle-outline",
-      [x.SUCCESS]: "mdi-check-circle-outline",
-      [x.INFO]: "mdi-information-outline",
-      [x.WARNING]: "mdi-alert-circle-outline"
+      [D.ERROR]: "mdi-alert-circle-outline",
+      [D.SUCCESS]: "mdi-check-circle-outline",
+      [D.INFO]: "mdi-information-outline",
+      [D.WARNING]: "mdi-alert-circle-outline"
     }, t = {
-      [x.ERROR]: "error",
-      [x.SUCCESS]: "success",
-      [x.INFO]: "primary",
-      [x.WARNING]: "warning"
+      [D.ERROR]: "error",
+      [D.SUCCESS]: "success",
+      [D.INFO]: "primary",
+      [D.WARNING]: "warning"
     }, r = e, o = ee(), u = E(-1), c = y(() => a[r.entry.type]), n = y(() => t[r.entry.type]), { t: i } = me({ useScope: "global" });
     function f() {
       window.clearTimeout(u.value), o.removeFromQueue(r.entry.id);
@@ -129,7 +129,7 @@ const Se = { key: 0 }, je = { key: 1 }, Me = /* @__PURE__ */ k({
       u.value = window.setTimeout(() => {
         f();
       }, r.entry.timeout);
-    }), (_, D) => (m(), p(l(Ve), {
+    }), (_, V) => (m(), p(l(Ve), {
       theme: "dark",
       class: "toast-entry",
       closable: "",
@@ -248,7 +248,7 @@ const $e = /* @__PURE__ */ k({
       component: t.data.component,
       props: t.data.props
     } : null), _ = y(() => t.data.defaultCta === !1 ? null : Q({}, u, t.data.defaultCta));
-    function D(v) {
+    function V(v) {
       R(v) ? v.action() : b(v.value);
     }
     function R(v) {
@@ -262,7 +262,7 @@ const $e = /* @__PURE__ */ k({
     }
     return (v, T) => (m(), p(l(K), {
       modelValue: n.value,
-      "onUpdate:modelValue": T[1] || (T[1] = (V) => n.value = V),
+      "onUpdate:modelValue": T[1] || (T[1] = (w) => n.value = w),
       "max-width": v.data.width ?? Ge,
       onAfterLeave: h
     }, {
@@ -282,7 +282,7 @@ const $e = /* @__PURE__ */ k({
               s(l(A), {
                 icon: "$close",
                 variant: "text",
-                onClick: T[0] || (T[0] = (V) => b(null))
+                onClick: T[0] || (T[0] = (w) => b(null))
               })
             ]),
             i.value ? (m(), p(l(se), { key: 0 }, {
@@ -299,16 +299,16 @@ const $e = /* @__PURE__ */ k({
             f.value ? (m(), p(F(f.value.component), re($({ key: 1 }, f.value.props)), null, 16)) : S("", !0),
             s(l(q), { class: "justify-end" }, {
               default: d(() => [
-                (m(!0), U(M, null, J(v.data.additionalCta ?? [], (V, I) => (m(), p(l(A), {
+                (m(!0), U(M, null, J(v.data.additionalCta ?? [], (w, I) => (m(), p(l(A), {
                   key: I,
                   color: "primary",
                   variant: "text",
-                  onClick: () => D(V)
+                  onClick: () => V(w)
                 }, {
                   default: d(() => [
                     s(C, {
-                      translate: V.translateText,
-                      content: V.text
+                      translate: w.translateText,
+                      content: w.text
                     }, null, 8, ["translate", "content"])
                   ]),
                   _: 2
@@ -356,14 +356,14 @@ const Ke = /* @__PURE__ */ k({
     const t = e, r = a, o = {
       [L.SMALL]: 650,
       [L.LARGE]: 1200
-    }, u = H(t.data.saveCta, "save"), c = H(t.data.abortCta, "cancel"), n = E(!0), i = E(ne(t.data.initialValue) ?? null), f = E(null), { mobile: _ } = fe(), D = y(() => t.data.required && !i.value), R = y(() => o[t.data.size ?? L.SMALL]), b = y(() => t.data.size === L.LARGE ? _.value : !1), h = y(() => t.data.size === L.LARGE ? "secondary" : "primary");
+    }, u = H(t.data.saveCta, "save"), c = H(t.data.abortCta, "cancel"), n = E(!0), i = E(ne(t.data.initialValue) ?? null), f = E(null), { mobile: _ } = fe(), V = y(() => t.data.required && !i.value), R = y(() => o[t.data.size ?? L.SMALL]), b = y(() => t.data.size === L.LARGE ? _.value : !1), h = y(() => t.data.size === L.LARGE ? "secondary" : "primary");
     function v() {
       return t.data.props ?? {};
     }
     function T() {
       i.value = ne(t.data.initialValue) ?? null, n.value = !1;
     }
-    function V() {
+    function w() {
       n.value = !1;
     }
     function I() {
@@ -373,12 +373,12 @@ const Ke = /* @__PURE__ */ k({
       }
       r("resolve", i.value);
     }
-    return (w, O) => (m(), p(l(K), {
+    return (x, O) => (m(), p(l(K), {
       modelValue: n.value,
       "onUpdate:modelValue": O[1] || (O[1] = (P) => n.value = P),
       "max-width": R.value,
       fullscreen: b.value,
-      scrollable: w.data.size === l(L).LARGE,
+      scrollable: x.data.size === l(L).LARGE,
       onAfterLeave: I
     }, {
       default: d(() => [
@@ -389,8 +389,8 @@ const Ke = /* @__PURE__ */ k({
                 s(l(ie), null, {
                   default: d(() => [
                     s(C, {
-                      translate: w.data.translateTitle,
-                      content: w.data.title
+                      translate: x.data.translateTitle,
+                      content: x.data.title
                     }, null, 8, ["translate", "content"])
                   ]),
                   _: 1
@@ -408,7 +408,7 @@ const Ke = /* @__PURE__ */ k({
               ]),
               _: 1
             }),
-            f.value ? (m(), p(F(w.data.component), $({ key: 0 }, v(), {
+            f.value ? (m(), p(F(x.data.component), $({ key: 0 }, v(), {
               modelValue: i.value,
               "onUpdate:modelValue": O[0] || (O[0] = (P) => i.value = P),
               toolbar: f.value
@@ -432,8 +432,8 @@ const Ke = /* @__PURE__ */ k({
                 s(l(A), {
                   variant: "elevated",
                   color: h.value,
-                  disabled: D.value,
-                  onClick: V
+                  disabled: V.value,
+                  onClick: w
                 }, {
                   default: d(() => [
                     s(C, {
@@ -471,14 +471,14 @@ const Ke = /* @__PURE__ */ k({
     const f = E(!0), _ = y(() => Object.hasOwn(t.data, "content") ? {
       content: t.data.content,
       translateContent: t.data.translateContent
-    } : null), D = y(() => Object.hasOwn(t.data, "component") ? {
+    } : null), V = y(() => Object.hasOwn(t.data, "component") ? {
       component: t.data.component,
       props: t.data.props
     } : null), R = y(() => Q({}, c, t.data.confirmCta)), b = y(() => Q({}, n, t.data.rejectCta)), h = y(() => t.data.highlightCta ?? "confirm"), v = y(() => t.data.level ?? "primary");
     function T() {
       f.value = !1;
     }
-    function V() {
+    function w() {
       i = !0, f.value = !1;
     }
     function I() {
@@ -488,11 +488,11 @@ const Ke = /* @__PURE__ */ k({
       }
       r("resolve", i);
     }
-    return (w, O) => (m(), p(l(K), {
+    return (x, O) => (m(), p(l(K), {
       modelValue: f.value,
       "onUpdate:modelValue": O[0] || (O[0] = (P) => f.value = P),
-      persistent: !!w.data.permanent,
-      "max-width": w.data.maxWidth ?? Ye,
+      persistent: !!x.data.permanent,
+      "max-width": x.data.maxWidth ?? Ye,
       onAfterLeave: I
     }, {
       default: d(() => [
@@ -502,13 +502,13 @@ const Ke = /* @__PURE__ */ k({
               s(l(ue), null, {
                 default: d(() => [
                   s(C, {
-                    translate: w.data.translateTitle,
-                    content: w.data.title
+                    translate: x.data.translateTitle,
+                    content: x.data.title
                   }, null, 8, ["translate", "content"])
                 ]),
                 _: 1
               }),
-              w.data.permanent ? S("", !0) : (m(), p(l(A), {
+              x.data.permanent ? S("", !0) : (m(), p(l(A), {
                 key: 0,
                 icon: "$close",
                 variant: "text",
@@ -524,7 +524,7 @@ const Ke = /* @__PURE__ */ k({
               ]),
               _: 1
             })) : S("", !0),
-            D.value ? (m(), p(F(D.value.component), re($({ key: 1 }, D.value.props)), null, 16)) : S("", !0),
+            V.value ? (m(), p(F(V.value.component), re($({ key: 1 }, V.value.props)), null, 16)) : S("", !0),
             s(l(q), { class: "justify-end" }, {
               default: d(() => [
                 N("div", {
@@ -546,7 +546,7 @@ const Ke = /* @__PURE__ */ k({
                   s(l(A), {
                     variant: h.value === "confirm" ? "elevated" : "text",
                     color: v.value,
-                    onClick: V
+                    onClick: w
                   }, {
                     default: d(() => [
                       s(C, {
@@ -600,7 +600,7 @@ const tt = /* @__PURE__ */ k({
   },
   emits: ["resolve", "reject"],
   setup(e, { emit: a }) {
-    const t = e, r = a, o = H(t.data.saveCta, "save"), u = H(t.data.abortCta, "cancel"), c = De("formComponent"), n = E(!0), i = Ee(), { loading: f, action: _ } = et(v), D = y(() => ({
+    const t = e, r = a, o = H(t.data.saveCta, "save"), u = H(t.data.abortCta, "cancel"), c = De("formComponent"), n = E(!0), i = Ee(), { loading: f, action: _ } = et(v), V = y(() => ({
       global: {
         disabled: f.value
       }
@@ -616,22 +616,22 @@ const tt = /* @__PURE__ */ k({
       if (!c.value)
         throw new Error("Form component not mounted");
       const I = await c.value.finish();
-      typeof t.data.action == "function" ? R = await t.data.action(I) : R = I;
+      typeof t.data.action == "function" ? R = await t.data.action(I) : R = I, w();
     }
     function T() {
       n.value = !1;
     }
-    function V() {
+    function w() {
       if (t.data.rejectOnEmpty && R === null) {
         r("reject");
         return;
       }
       r("resolve", R);
     }
-    return (I, w) => (m(), p(l(K), {
+    return (I, x) => (m(), p(l(K), {
       modelValue: n.value,
-      "onUpdate:modelValue": w[0] || (w[0] = (O) => n.value = O),
-      onAfterLeave: V,
+      "onUpdate:modelValue": x[0] || (x[0] = (O) => n.value = O),
+      onAfterLeave: w,
       "max-width": "1200",
       scrollable: ""
     }, {
@@ -657,7 +657,7 @@ const tt = /* @__PURE__ */ k({
               ]),
               _: 1
             }),
-            s(l(he), { defaults: D.value }, {
+            s(l(he), { defaults: V.value }, {
               default: d(() => [
                 (m(), p(F(I.data.component), $({
                   ref_key: "formComponent",
@@ -744,13 +744,13 @@ function mt() {
       content: c,
       level: n
     }), new Promise((f, _) => {
-      const D = {
+      const V = {
         component: Ze,
         props: { data: i },
         resolve: f,
         reject: _
       };
-      e.addToQueue(D);
+      e.addToQueue(V);
     });
   }
   function o(u) {
@@ -781,7 +781,7 @@ function ft() {
         resolve: i,
         timeout: (n == null ? void 0 : n.timeout) ?? a,
         translateMessage: (n == null ? void 0 : n.translateMessage) ?? !0,
-        type: x.INFO
+        type: D.INFO
       });
     });
   }
@@ -792,7 +792,7 @@ function ft() {
         resolve: i,
         timeout: (n == null ? void 0 : n.timeout) ?? a,
         translateMessage: (n == null ? void 0 : n.translateMessage) ?? !0,
-        type: x.WARNING
+        type: D.WARNING
       });
     });
   }
@@ -803,7 +803,7 @@ function ft() {
         resolve: i,
         timeout: (n == null ? void 0 : n.timeout) ?? a,
         translateMessage: (n == null ? void 0 : n.translateMessage) ?? !0,
-        type: x.ERROR
+        type: D.ERROR
       });
     });
   }
@@ -814,7 +814,7 @@ function ft() {
         resolve: i,
         timeout: (n == null ? void 0 : n.timeout) ?? a,
         translateMessage: (n == null ? void 0 : n.translateMessage) ?? !0,
-        type: x.SUCCESS
+        type: D.SUCCESS
       });
     });
   }

package/dist/validators.d.ts

@@ -1,5 +1,6 @@
 import { ComputedRef } from 'vue';
 import { PartialDeep } from 'type-fest';
+import { Primitive } from 'type-fest';
 import { Ref } from 'vue';
 import { TranslationFunction } from '@vuelidate/validators';
 import { Validation } from '@vuelidate/core';
@@ -64,7 +65,7 @@ export declare const url: ValidationRuleWithoutParams<any>;
 export declare const useVuelidateErrors: <T extends object>(validation: Ref<Validation<ValidationArgs<T>, T>>) => ComputedRef<ValidationErrors<T>>;
 
 export declare type ValidationErrors<T extends object> = {
-    [key in keyof T]: T[key] extends object ? T[key] extends null | undefined ? ValidationErrors<NonNullable<T[key]>> | undefined : ValidationErrors<T[key]> : string[];
+    [key in keyof T]: T[key] extends Primitive ? string[] : T[key] extends null | undefined ? ValidationErrors<NonNullable<T[key]>> | undefined : ValidationErrors<NonNullable<T[key]>>;
 };
 
 export declare type ValidationMessageOptions = ValidationTranslationFn | ValidationTranslationTransformOptions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schwarzdavid/ui-kit",
-  "version": "0.0.1-alpha.14",
+  "version": "0.0.1-alpha.16",
   "type": "module",
   "scripts": {
     "preview": "vite preview",