@schwarzdavid/ui-kit 0.0.1-alpha.11 → 0.0.1-alpha.13

package/dist/validators.d.ts

@@ -1,5 +1,7 @@
 import { ComputedRef } from 'vue';
+import { PartialDeep } from 'type-fest';
 import { Ref } from 'vue';
+import { TranslationFunction } from '@vuelidate/validators';
 import { Validation } from '@vuelidate/core';
 import { ValidationArgs } from '@vuelidate/core';
 import { ValidationRuleWithoutParams } from '@vuelidate/core';
@@ -55,6 +57,8 @@ equalTo: E;
 otherName: string;
 }>;
 
+export declare function setGlobalValidationSettings(opt: PartialDeep<ValidationOptions>): void;
+
 export declare const url: ValidationRuleWithoutParams<any>;
 
 export declare const useVuelidateErrors: <T extends object>(validation: Ref<Validation<ValidationArgs<T>, T>>) => ComputedRef<ValidationErrors<T>>;
@@ -63,4 +67,20 @@ export declare type ValidationErrors<T extends object> = {
     [key in keyof T]: T[key] extends object ? ValidationErrors<T[key]> : string[];
 };
 
+export declare type ValidationMessageOptions = ValidationTranslationFn | ValidationTranslationTransformOptions;
+
+export declare interface ValidationOptions {
+    t: typeof TranslationFunction;
+    message: ValidationMessageOptions;
+}
+
+export declare type ValidationTranslationFn = (validatorName: string) => string;
+
+export declare type ValidationTranslationTransform = 'snake_case' | 'camelCase' | 'PascalCase' | 'kebab-case' | 'none';
+
+export declare interface ValidationTranslationTransformOptions {
+    prefix: string;
+    transform: ValidationTranslationTransform;
+}
+
 export { }

package/dist/validators.js

@@ -1,56 +1,89 @@
-import * as r from "@vuelidate/validators";
-import { helpers as o } from "@vuelidate/validators";
-import { useI18n as a } from "vue-i18n";
-import { computed as m, unref as l } from "vue";
-const n = r.createI18nMessage({
+import * as t from "@vuelidate/validators";
+import { helpers as u } from "@vuelidate/validators";
+import { clone as h, upperFirst as g, camelCase as c, snakeCase as d, kebabCase as p, assign as w } from "lodash";
+import { computed as A, unref as b } from "vue";
+const m = {
+  transform: "none",
+  prefix: "validation"
+};
+let o = null, a = h(m);
+const n = t.createI18nMessage({
   t: (...e) => {
-    const { t } = a({ useScope: "global" });
-    return t(...e);
+    if (!o)
+      throw new Error("No translation function provided");
+    return o(...e);
   },
   messagePath(e) {
-    return console.log(e.$validator), "validation." + e.$validator;
+    try {
+      if (typeof a == "function")
+        return a(e.$validator);
+      const r = V(e.$validator, a.transform);
+      return `${a.prefix}.${r}`;
+    } catch (r) {
+      return console.log("Error while transforming validator: ", r), "yolo";
+    }
+  }
+});
+function V(e, r) {
+  switch (r) {
+    case "camelCase":
+      return c(e);
+    case "kebab-case":
+      return p(e);
+    case "snake_case":
+      return d(e);
+    case "PascalCase":
+      return g(c(e));
+    default:
+      return e;
   }
-}), A = n(r.required), b = n(r.requiredIf, { withArguments: !0 }), V = n(r.requiredUnless, { withArguments: !0 }), O = n(r.minLength, { withArguments: !0 }), j = n(r.maxLength, { withArguments: !0 }), $ = n(r.minValue, { withArguments: !0 }), q = n(r.maxValue, { withArguments: !0 }), x = n(r.between, { withArguments: !0 }), I = n(r.alpha), y = n(r.alphaNum), L = n(r.numeric), E = n(r.integer), N = n(r.decimal), U = n(r.email), W = n(r.ipAddress), B = n(r.macAddress), M = n(r.sameAs, { withArguments: !0 }), P = n(r.url), T = n((e) => o.withParams({
+}
+const E = n(t.required), C = n(t.requiredIf, { withArguments: !0 }), I = n(t.requiredUnless, { withArguments: !0 }), L = n(t.minLength, { withArguments: !0 }), N = n(t.maxLength, { withArguments: !0 }), P = n(t.minValue, { withArguments: !0 }), T = n(t.maxValue, { withArguments: !0 }), U = n(t.between, { withArguments: !0 }), W = n(t.alpha), B = n(t.alphaNum), F = n(t.numeric), M = n(t.integer), S = n(t.decimal), _ = n(t.email), D = n(t.ipAddress), G = n(t.macAddress), R = n(t.sameAs, { withArguments: !0 }), k = n(t.url), z = n((e) => u.withParams({
   type: "oneOf",
   values: e
-}, (t) => {
+}, (r) => {
   const s = Array.isArray(e) ? e : Object.values(e);
-  return !o.req(t) || s.includes(t);
-}), { withArguments: !0 }), R = (e) => m(() => i(e.value));
-function i(e) {
-  return Object.entries(e).map(([t, s]) => t.startsWith("$") ? [t, null] : f(s) ? [t, d(s)] : h(s) ? [t, i(s)] : (console.warn("Unknown validation type.", t, s), [t, null])).reduce((t, [s, u]) => (u && (t[s] = u), t), {});
+  return !u.req(r) || s.includes(r);
+}), { withArguments: !0 });
+function H(e) {
+  e.t && (o = e.t), typeof e.message == "function" ? a = e.message : a = w({}, m, e.message);
 }
-function f(e) {
-  return typeof e != "object" || e === null ? !1 : Object.hasOwn(e, "$model") && Object.entries(e).filter(([t]) => !t.startsWith("$")).every(([, t]) => c(t));
+const J = (e) => A(() => l(e.value));
+function l(e) {
+  return Object.entries(e).map(([r, s]) => r.startsWith("$") ? [r, null] : O(s) ? [r, j(s)] : $(s) ? [r, l(s)] : (console.warn("Unknown validation type.", r, s), [r, null])).reduce((r, [s, i]) => (i && (r[s] = i), r), {});
+}
+function O(e) {
+  return typeof e != "object" || e === null ? !1 : Object.hasOwn(e, "$model") && Object.entries(e).filter(([r]) => !r.startsWith("$")).every(([, r]) => f(r));
 }
-function h(e) {
-  return typeof e != "object" || e === null ? !1 : Object.entries(e).filter(([t]) => !t.startsWith("$")).some(([, t]) => !c(t));
+function $(e) {
+  return typeof e != "object" || e === null ? !1 : Object.entries(e).filter(([r]) => !r.startsWith("$")).some(([, r]) => !f(r));
 }
-function c(e) {
+function f(e) {
   return typeof e == "object" && e !== null && Object.hasOwn(e, "$params");
 }
-function d(e) {
-  return e.$errors.map((t) => l(t.$message));
+function j(e) {
+  return e.$errors.map((r) => b(r.$message));
 }
 export {
-  I as alpha,
-  y as alphaNum,
-  x as between,
-  N as decimal,
-  U as email,
-  E as integer,
-  W as ipAddress,
-  B as maxAddress,
-  j as maxLength,
-  q as maxValue,
-  O as minLength,
-  $ as minValue,
-  L as numeric,
-  T as oneOf,
-  A as required,
-  b as requiredIf,
-  V as requiredUnless,
-  M as sameAs,
-  P as url,
-  R as useVuelidateErrors
+  W as alpha,
+  B as alphaNum,
+  U as between,
+  S as decimal,
+  _ as email,
+  M as integer,
+  D as ipAddress,
+  G as maxAddress,
+  N as maxLength,
+  T as maxValue,
+  L as minLength,
+  P as minValue,
+  F as numeric,
+  z as oneOf,
+  E as required,
+  C as requiredIf,
+  I as requiredUnless,
+  R as sameAs,
+  H as setGlobalValidationSettings,
+  k as url,
+  J as useVuelidateErrors
 };

package/package.json

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