@leaflink/stash 53.4.3 → 53.4.5

package/dist/useSortable.js

@@ -1,5 +1,5 @@
 import v from "@leaflink/snitch";
-import { a as I } from "./index-B1Gkwuxd.js";
+import { a as I } from "./index-DA70nQCT.js";
 import { isRef as w, toValue as D, nextTick as A, computed as i, ref as y, watch as S, onMounted as $, onBeforeUnmount as G } from "vue";
 function O({ list: n, from: s, to: e }) {
   if (s === e) return;

package/dist/useValidation.d.ts

@@ -57,6 +57,18 @@ export declare function email(config?: Config): ValidationRule;
  */
 export declare function isDefined(value: unknown): boolean;
 
+/**
+ * Minimal shape for a JSON:API error object when setting validation errors from an HTTP response.
+ * @see https://jsonapi.org/format/#error-objects
+ */
+export declare interface JsonApiValidationError {
+    detail?: string;
+    source?: {
+        pointer?: string;
+    };
+    title?: string;
+}
+
 export declare function maxLength(config: Config_2): ValidationRule;
 
 export declare function maxValue(config: Config_3): ValidationRule;
@@ -181,6 +193,16 @@ export declare interface ValidationGroup<Values extends object> {
      * Indicates if one or more fields have had their value changed at least one time
      */
     someTouched: boolean;
+    /**
+     * Sets field error messages from a JSON:API error response.
+     * Parses each error's `source.pointer` (e.g. `/data/attributes/email`) to a field name and uses `detail` as the message.
+     * Only applies errors for field names that exist in the validation rules; unknown fields are ignored.
+     */
+    setApiErrors: (errors: JsonApiValidationError[]) => void;
+    /**
+     * Clears API-set error messages. If `fieldName` is provided, clears only that field; otherwise clears all.
+     */
+    clearApiErrors: (fieldName?: string) => void;
 }
 
 /**

package/dist/useValidation.js

@@ -1,249 +1,290 @@
-import O from "lodash-es/debounce";
-import V from "lodash-es/get";
-import { toValue as u, computed as c, ref as N, watch as L, reactive as I, nextTick as w, readonly as E } from "vue";
-import { DECIMAL_PRECISION as A, DEBOUNCE as q } from "./constants.js";
-import { t as f } from "./locale.js";
-import { i as l } from "./isDefined-DzVx0B6k.js";
-import D from "lodash-es/round";
-function j(e) {
-  return e && e.constructor && typeof e.constructor.isBuffer == "function" && e.constructor.isBuffer(e);
-}
-function C(e) {
-  return e;
+import F from "lodash-es/debounce";
+import A from "lodash-es/get";
+import { toValue as c, computed as v, ref as T, watch as R, reactive as L, nextTick as I, readonly as w } from "vue";
+import { DECIMAL_PRECISION as j, DEBOUNCE as q } from "./constants.js";
+import { t as h } from "./locale.js";
+import { i as f } from "./isDefined-DzVx0B6k.js";
+import B from "lodash-es/round";
+function D(t) {
+  return t && t.constructor && typeof t.constructor.isBuffer == "function" && t.constructor.isBuffer(t);
+}
+function M(t) {
+  return t;
 }
-function F(e, t) {
-  t = t || {};
-  const i = t.delimiter || ".", o = t.maxDepth, s = t.transformKey || C, m = {};
-  function v(h, y, g) {
-    g = g || 1, Object.keys(h).forEach(function(p) {
-      const r = h[p], x = t.safe && Array.isArray(r), n = Object.prototype.toString.call(r), a = j(r), b = n === "[object Object]" || n === "[object Array]", d = y ? y + i + s(p) : s(p);
-      if (!x && !a && b && Object.keys(r).length && (!t.maxDepth || g < o))
-        return v(r, d, g + 1);
-      m[d] = r;
+function C(t, e) {
+  e = e || {};
+  const r = e.delimiter || ".", i = e.maxDepth, a = e.transformKey || M, u = {};
+  function m(E, S, d) {
+    d = d || 1, Object.keys(E).forEach(function(x) {
+      const l = E[x], o = e.safe && Array.isArray(l), g = Object.prototype.toString.call(l), N = D(l), p = g === "[object Object]" || g === "[object Array]", n = S ? S + r + a(x) : a(x);
+      if (!o && !N && p && Object.keys(l).length && (!e.maxDepth || d < i))
+        return m(l, n, d + 1);
+      u[n] = l;
     });
   }
-  return v(e), m;
+  return m(t), u;
+}
+function k(t) {
+  const e = t.replace(/^\//, ""), r = "data/attributes/";
+  if (e.startsWith(r))
+    return e.slice(r.length).split("/").filter(Boolean).join(".");
+  const i = e.split("/").filter(Boolean);
+  return i[i.length - 1] || t;
 }
-function Y(e = {}) {
+function U(t) {
+  var r;
+  const e = {};
+  for (const i of t) {
+    const a = (r = i.source) == null ? void 0 : r.pointer;
+    if (!a)
+      continue;
+    const u = i.detail || i.title || "";
+    if (!u)
+      continue;
+    const m = k(a);
+    e[m] = u;
+  }
+  return e;
+}
+function H(t = {}) {
   return {
     name: "email",
-    validator(t) {
-      return !l(t) || typeof t == "string" && /^\S+@\S+\.\S+$/.test(t);
+    validator(e) {
+      return !f(e) || typeof e == "string" && /^\S+@\S+\.\S+$/.test(e);
     },
-    message: e.message || f("ll.validation.email")
+    message: t.message || h("ll.validation.email")
   };
 }
-function _(e) {
+function Q(t) {
   return {
     name: "maxLength",
-    validator(t) {
-      const i = u(e.max), o = u(t);
-      if (!l(o))
+    validator(e) {
+      const r = c(t.max), i = c(e);
+      if (!f(i))
         return !0;
-      let s = String(o);
-      return e.trim && (s = s.trim()), s.length <= i;
+      let a = String(i);
+      return t.trim && (a = a.trim()), a.length <= r;
     },
-    message: e.message || (() => f("ll.validation.maxLength", { max: String(u(e.max)) }))
+    message: t.message || (() => h("ll.validation.maxLength", { max: String(c(t.max)) }))
   };
 }
-function z(e) {
+function X(t) {
   return {
     name: "maxValue",
-    validator(t) {
-      const i = u(e.max);
-      return !l(t) || Number(t) <= i;
+    validator(e) {
+      const r = c(t.max);
+      return !f(e) || Number(e) <= r;
     },
-    message: e.message || (() => f("ll.validation.maxValue", { max: String(u(e.max)) }))
+    message: t.message || (() => h("ll.validation.maxValue", { max: String(c(t.max)) }))
   };
 }
-function G(e) {
+function Z(t) {
   return {
     name: "minLength",
-    validator(t) {
-      const i = u(e.min), o = u(t);
-      if (!l(o))
+    validator(e) {
+      const r = c(t.min), i = c(e);
+      if (!f(i))
         return !0;
-      let s = String(o);
-      return e.trim && (s = s.trim()), s.length >= i;
+      let a = String(i);
+      return t.trim && (a = a.trim()), a.length >= r;
     },
-    message: e.message || (() => f("ll.validation.minLength", { min: String(u(e.min)) }))
+    message: t.message || (() => h("ll.validation.minLength", { min: String(c(t.min)) }))
   };
 }
-function H(e) {
+function ee(t) {
   return {
     name: "minValue",
-    validator(t) {
-      const i = u(e.min);
-      return !l(t) || Number(t) >= i;
+    validator(e) {
+      const r = c(t.min);
+      return !f(e) || Number(e) >= r;
     },
-    message: e.message || (() => f("ll.validation.minValue", { min: String(u(e.min)) }))
+    message: t.message || (() => h("ll.validation.minValue", { min: String(c(t.min)) }))
   };
 }
-function J(e) {
+function te(t) {
   return {
     name: "pattern",
-    validator(t) {
-      const i = u(t);
-      return !l(i) || e.regex.test(String(i));
+    validator(e) {
+      const r = c(e);
+      return !f(r) || t.regex.test(String(r));
     },
     message: () => {
-      if (typeof e.message != "string" || !e.message.trim())
+      if (typeof t.message != "string" || !t.message.trim())
         throw new Error(
           'The "pattern" ruleFactory requires a custom message informing the user of the required pattern.'
         );
-      return e.message;
+      return t.message;
     }
   };
 }
-function Q(e = {}) {
+function re(t = {}) {
   return {
     name: "positiveNumber",
-    validator(t) {
-      return !l(t) || Number(t) > 0;
+    validator(e) {
+      return !f(e) || Number(e) > 0;
     },
-    message: e.message || f("ll.validation.positiveNumber")
+    message: t.message || h("ll.validation.positiveNumber")
   };
 }
-function X(e = {}) {
+function ne(t = {}) {
   return {
     name: "price",
-    validator(t) {
-      const i = Number(t);
-      return !l(t) || i !== 1 / 0 && i >= 0 && i === D(i, A.CURRENCY);
+    validator(e) {
+      const r = Number(e);
+      return !f(e) || r !== 1 / 0 && r >= 0 && r === B(r, j.CURRENCY);
     },
-    message: e.message || f("ll.validation.price")
+    message: t.message || h("ll.validation.price")
   };
 }
-function Z(e = {}) {
+function se(t = {}) {
   return {
     name: "required",
-    validator(t) {
-      return l(typeof t == "string" ? t.trim() : t);
+    validator(e) {
+      return f(typeof e == "string" ? e.trim() : e);
     },
-    message: e.message || f("ll.validation.required")
+    message: t.message || h("ll.validation.required")
   };
 }
-function W(e = {}) {
+function ae(t = {}) {
   return {
     name: "wholeNumber",
-    validator(t) {
-      return !l(t) || Number.isInteger(Number(t)) && Number(t) >= 0;
+    validator(e) {
+      return !f(e) || Number.isInteger(Number(e)) && Number(e) >= 0;
     },
-    message: e.message || f("ll.validation.wholeNumber")
+    message: t.message || h("ll.validation.wholeNumber")
   };
 }
-function ee({
-  rules: e,
-  values: t
+const _ = "api";
+function ie({
+  rules: t,
+  values: e
 }) {
-  const o = c(() => Object.keys(F(e, { safe: !0 }))).value.reduce(
-    (n, a) => {
-      const b = N(V(u(t), a)), d = (T) => {
-        b.value = V(u(t), T);
-      }, S = O(() => {
-        d(a);
+  const r = v(() => Object.keys(C(t, { safe: !0 }))), i = T({}), a = r.value.reduce(
+    (n, s) => {
+      const V = T(A(c(e), s)), y = (O) => {
+        V.value = A(c(e), O);
+      }, b = F(() => {
+        y(s);
       }, q.FAST);
-      return L(
-        () => V(u(t), a),
+      return R(
+        () => A(c(e), s),
         () => {
-          S();
+          b();
         }
-      ), n[a] = B({
-        fieldName: a,
-        fieldValue: b,
+      ), n[s] = K({
+        fieldName: s,
+        fieldValue: V,
         flush: () => {
-          S.cancel(), d(a);
+          b.cancel(), y(s);
         },
-        rules: V(e, a)
+        getApiError: () => i.value[s] || "",
+        rules: A(t, s)
       }), n;
     },
     {}
-  ), s = c(() => Object.values(o)), m = c(() => s.value.some((n) => n.errors.length > 0)), v = c(() => s.value.some((n) => n.isTouched)), h = c(() => s.value.filter((n) => n.isDirty));
-  return I({
-    validate: async function({ preventScroll: n } = {}) {
-      if (s.value.forEach((a) => {
-        a.setTouched(!1), a.setTouched(!0);
-      }), await w(), m.value && !n) {
-        const a = Object.entries(o).find(([, S]) => S.errorMessage), b = (a == null ? void 0 : a[0]) || "", d = document == null ? void 0 : document.querySelector(`[name=${b}]`);
-        d && d.scrollIntoView({ behavior: "smooth" });
-      }
-      return !m.value;
-    },
-    getError: function(n) {
-      var a;
-      return ((a = o[n]) == null ? void 0 : a.errorMessage) || "";
-    },
-    touch: function(n) {
-      if (!o[n])
-        throw new Error(`In touch: fieldName "${n}" does not exist in the validation fields.`);
-      o[n].setTouched();
-    },
-    setAllUntouched: async function() {
-      await w(), s.value.forEach((n) => {
-        n.setTouched(!1);
-      });
-    },
-    setInitialValues: function(n) {
-      s.value.forEach((a) => {
-        a.setInitialValue(n[a.name]);
-      });
-    },
-    fields: o,
-    dirtyFields: h,
+  ), u = v(() => Object.values(a)), m = v(() => u.value.some((n) => n.errors.length > 0)), E = v(() => u.value.some((n) => n.isTouched)), S = v(() => u.value.filter((n) => n.isDirty)), d = async function({ preventScroll: n } = {}) {
+    if (u.value.forEach((s) => {
+      s.setTouched(!1), s.setTouched(!0);
+    }), await I(), m.value && !n) {
+      const s = Object.entries(a).find(([, b]) => b.errorMessage), V = (s == null ? void 0 : s[0]) || "", y = document == null ? void 0 : document.querySelector(`[name=${V}]`);
+      y && y.scrollIntoView({ behavior: "smooth" });
+    }
+    return !m.value;
+  }, x = function(n) {
+    var s;
+    return ((s = a[n]) == null ? void 0 : s.errorMessage) || "";
+  }, l = function(n) {
+    if (!a[n])
+      throw new Error(`In touch: fieldName "${n}" does not exist in the validation fields.`);
+    a[n].setTouched();
+  }, o = async function() {
+    await I(), u.value.forEach((n) => {
+      n.setTouched(!1);
+    });
+  }, g = function(n) {
+    u.value.forEach((s) => {
+      s.setInitialValue(n[s.name]);
+    });
+  };
+  function N(n) {
+    const s = U(n), V = r.value, y = {};
+    for (const b of V)
+      s[b] && (y[b] = s[b]);
+    i.value = y;
+  }
+  function p(n) {
+    if (n) {
+      const s = { ...i.value };
+      delete s[n], i.value = s;
+    } else
+      i.value = {};
+  }
+  return L({
+    validate: d,
+    getError: x,
+    touch: l,
+    setAllUntouched: o,
+    setInitialValues: g,
+    setApiErrors: N,
+    clearApiErrors: p,
+    fields: a,
+    dirtyFields: S,
     hasErrors: m,
-    someTouched: v
+    someTouched: E
   });
 }
-function B({
-  fieldName: e,
-  fieldValue: t,
-  rules: i,
-  flush: o
+function K({
+  fieldName: t,
+  fieldValue: e,
+  rules: r,
+  flush: i,
+  getApiError: a
 }) {
-  const s = N(t.value), m = N(!1), v = c(() => (t.value ?? "") !== (s.value ?? "")), h = c(() => m.value ? i.map((r) => ({
-    fieldName: e,
-    ruleName: r.name,
-    isValid: r.validator(t.value),
-    message: typeof r.message == "function" ? r.message(t.value) : r.message
-  })) : []), y = c(
-    () => h.value.filter((r) => !r.isValid).map((r) => ({
-      ruleName: r.ruleName,
-      message: r.message
-    }))
-  );
-  function g(r = !0) {
-    o(), m.value = r;
+  const u = T(e.value), m = T(!1), E = v(() => (e.value ?? "") !== (u.value ?? "")), S = v(() => m.value ? r.map((o) => ({
+    fieldName: t,
+    ruleName: o.name,
+    isValid: o.validator(e.value),
+    message: typeof o.message == "function" ? o.message(e.value) : o.message
+  })) : []), d = v(() => {
+    const o = a(), g = o !== "" ? [{ ruleName: _, message: o }] : [], N = S.value.filter((p) => !p.isValid).map((p) => ({
+      ruleName: p.ruleName,
+      message: p.message
+    }));
+    return [...g, ...N];
+  });
+  function x(o = !0) {
+    i(), m.value = o;
   }
-  function p(r) {
-    s.value = r;
+  function l(o) {
+    u.value = o;
   }
-  return I({
-    name: e,
-    currentValue: E(t),
-    initialValue: E(s),
-    isTouched: E(m),
-    isDirty: E(v),
-    errorMessage: c(() => {
-      var r, x;
-      return ((x = (r = y.value) == null ? void 0 : r[0]) == null ? void 0 : x.message) || "";
+  return L({
+    name: t,
+    currentValue: w(e),
+    initialValue: w(u),
+    isTouched: w(m),
+    isDirty: w(E),
+    errorMessage: v(() => {
+      var o, g;
+      return ((g = (o = d.value) == null ? void 0 : o[0]) == null ? void 0 : g.message) || "";
     }),
-    errors: y,
-    setInitialValue: p,
-    setTouched: g
+    errors: d,
+    setInitialValue: l,
+    setTouched: x
   });
 }
 export {
-  ee as default,
-  Y as email,
-  l as isDefined,
-  _ as maxLength,
-  z as maxValue,
-  G as minLength,
-  H as minValue,
-  J as pattern,
-  Q as positiveNumber,
-  X as price,
-  Z as required,
-  W as wholeNumber
+  ie as default,
+  H as email,
+  f as isDefined,
+  Q as maxLength,
+  X as maxValue,
+  Z as minLength,
+  ee as minValue,
+  te as pattern,
+  re as positiveNumber,
+  ne as price,
+  se as required,
+  ae as wholeNumber
 };
 //# sourceMappingURL=useValidation.js.map