@ubloimmo/uikit 1.8.27 → 1.8.28

package/dist/components/Form/Form.context.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 1.8.27
+* @ubloimmo/uikit version 1.8.28
 *
 * Copyright © Ublo 2025
 * https://ublo.immo
@@ -10,7 +10,7 @@ import { j as ne } from "../../node_modules/react/jsx-runtime.js";
 import { arrayMove as ie } from "../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js";
 import { isObject as _, isFunction as k, isUndefined as oe, isBoolean as G, deepValueOf as ae, isNullish as L, isNull as de } from "@ubloimmo/front-util";
 import { l as K } from "../../node_modules/lodash/lodash.js";
-import { createContext as le, useMemo as z, useContext as ue, useState as N, useCallback as g, useEffect as ee, useReducer as ce } from "react";
+import { createContext as ue, useMemo as z, useContext as le, useState as N, useCallback as w, useEffect as ee, useReducer as ce } from "react";
 import { setObjectValue as me, formErrorTranslation as be, isSchemaFieldRequired as fe, isFormCustomField as Y, isFormField as Fe, builtFormTableId as he, isFormDivider as ge, isFormCustomContent as we, isFormText as Ee, buildFormText as pe, isFormTable as Ce, isFormFeatureSwitch as qe } from "./Form.utils.js";
 import "../Dialog/Dialog.component.js";
 import { useDialogManager as Te } from "../Dialog/Dialog.context.js";
@@ -20,21 +20,21 @@ import { useMergedProps as De } from "../../utils/props.utils.js";
 import { isEmptyString as Re } from "../../utils/string.utils.js";
 import { useUikitTranslation as Ve } from "../../utils/translation/translation.provider.js";
 const Z = "FORM_DEBUG_ENABLED", ve = (e, s, o) => {
-  const [i, r] = N(() => _(e.defaultValues) ? { ...e.defaultValues } : k(e.query) || oe(e.query) ? {} : _(e.query) ? e.query : {}), [m, d] = N(k(e.query)), [n, b] = N(i), l = g(
+  const [i, r] = N(() => _(e.defaultValues) ? { ...e.defaultValues } : k(e.query) || oe(e.query) ? {} : _(e.query) ? e.query : {}), [m, d] = N(k(e.query)), [n, b] = N(i), u = w(
     async (h) => {
       if (!k(e.query)) {
         if (_(e.query)) {
-          const u = h ? K.merge({ ...i }, { ...e.query }) : { ...e.query };
-          b(u), r(u);
+          const l = h ? K.merge({ ...i }, { ...e.query }) : { ...e.query };
+          b(l), r(l);
         }
         return;
       }
       d(!0);
       try {
-        const u = await e.query(), p = h ? K.merge({ ...i }, u) : u;
-        b(p), r(p);
-      } catch (u) {
-        s.error(u), s.warn("Failed to load form data");
+        const l = await e.query(), C = h ? K.merge({ ...i }, l) : l;
+        b(C), r(C);
+      } catch (l) {
+        s.error(l), s.warn("Failed to load form data");
       }
       d(!1);
     },
@@ -42,20 +42,20 @@ const Z = "FORM_DEBUG_ENABLED", ve = (e, s, o) => {
     [e.query]
   );
   ee(() => {
-    l(o.shouldMergeQueryData);
-  }, [e.query, l]);
-  const F = g(
-    (h, u) => {
+    u(o.shouldMergeQueryData);
+  }, [e.query, u]);
+  const F = w(
+    (h, l) => {
       if (m)
         return s.warn("Cannot mutate form data while loading"), n;
       if (e.readonly || e.disabled)
         return s.warn("Form is readonly or disabled"), n;
-      const p = me(
+      const C = me(
         n,
         h,
-        u
+        l
       );
-      return b(p), p;
+      return b(C), C;
     },
     [n, m, e, s]
   );
@@ -93,11 +93,11 @@ const Z = "FORM_DEBUG_ENABLED", ve = (e, s, o) => {
   errors: [],
   isValid: !0
 }, Oe = (e, s, o) => {
-  const i = z(() => e ?? null, [e]), r = g(() => {
-    var l;
+  const i = z(() => e ?? null, [e]), r = w(() => {
+    var u;
     if (!i) return Q;
     const n = i.safeParse(s.data);
-    if (!((l = n.error) != null && l.errors) || !n.error.errors.length)
+    if (!((u = n.error) != null && u.errors) || !n.error.errors.length)
       return Q;
     const b = n.error.errors.map(({ path: F, ...h }) => ({
       ...h,
@@ -123,15 +123,15 @@ const Z = "FORM_DEBUG_ENABLED", ve = (e, s, o) => {
   const o = z(() => {
     const r = Math.max(e.columns, 2);
     return Math.ceil(r / 2) * 2;
-  }, [e]), i = g(
+  }, [e]), i = w(
     (r) => {
-      const m = Math.max(1, Math.round(o / 2)), d = k(r == null ? void 0 : r.hidden) ? r.hidden(s.isEditing) : G(r == null ? void 0 : r.hidden) ? r.hidden : !1, n = (r == null ? void 0 : r.size) ?? m, b = r != null && r.fixedWidth ? xe(r.fixedWidth) : null, l = `span ${n}`;
+      const m = Math.max(1, Math.round(o / 2)), d = k(r == null ? void 0 : r.hidden) ? r.hidden(s.isEditing) : G(r == null ? void 0 : r.hidden) ? r.hidden : !1, n = (r == null ? void 0 : r.size) ?? m, b = r != null && r.fixedWidth ? xe(r.fixedWidth) : null, u = `span ${n}`;
       return {
         ...r,
         fixedWidth: b,
         hidden: d,
         size: n,
-        columnEnd: l,
+        columnEnd: u,
         readonly: (r == null ? void 0 : r.readonly) ?? !1
       };
     },
@@ -143,51 +143,51 @@ const Z = "FORM_DEBUG_ENABLED", ve = (e, s, o) => {
     asModal: e.asModal
   };
 }, $e = (e, s, o, i, r, m) => {
-  const d = Ve(), n = g(
+  const d = Ve(), n = w(
     (a) => ae(e.data, a, !0) ?? null,
     [e]
-  ), b = g(
+  ), b = w(
     (a, c) => (t) => {
       e.mutateFormData(a, t), !L(c) && c(t);
     },
     [e]
-  ), l = g(
+  ), u = w(
     (a, c, t) => {
       const T = {
         error: c ?? !1,
         errorText: t
       };
       if (s.isValid || !s.errors.length) return T;
-      const C = s.errors.find((D) => D.path === a);
-      if (!C) return T;
-      const q = be(C, d);
+      const g = s.errors.find((R) => R.path === a);
+      if (!g) return T;
+      const q = be(g, d), D = g.code === "custom" ? g.message : t ?? q;
       return {
         error: c ?? !0,
-        errorText: t ?? q
+        errorText: D
       };
     },
     [s, d]
-  ), F = g(
+  ), F = w(
     (a, c) => G(c) ? c : s.schema ? fe(s.schema, a) : !1,
     [s]
-  ), h = g(
+  ), h = w(
     (a) => {
       const {
         source: c,
         onChange: t,
         disabled: T,
-        errorText: C,
+        errorText: g,
         error: q,
         required: D,
-        layout: y,
+        layout: R,
         type: O,
         testId: P,
-        overrideTestId: R,
+        overrideTestId: V,
         ...$
       } = a;
       return {
         ...$,
-        ...l(c, q, C),
+        ...u(c, q, g),
         onChange: b(
           c,
           t
@@ -198,36 +198,36 @@ const Z = "FORM_DEBUG_ENABLED", ve = (e, s, o) => {
         type: O,
         disabled: T || o.disabled,
         required: F(c, D),
-        layout: i.buildFormFieldLayout(y),
+        layout: i.buildFormFieldLayout(R),
         testId: P,
-        overrideTestId: R
+        overrideTestId: V
       };
     },
     [
-      l,
+      u,
       b,
       n,
       o.disabled,
       F,
       i
     ]
-  ), u = g(
+  ), l = w(
     (a) => {
       const {
         source: c,
         CustomInput: t,
         kind: T,
-        layout: C,
+        layout: g,
         onChange: q,
         disabled: D,
-        errorText: y,
+        errorText: R,
         error: O,
         required: P,
-        ...R
+        ...V
       } = a;
       return {
-        ...R,
-        ...l(c, O, y),
+        ...V,
+        ...u(c, O, R),
         CustomInput: t,
         onChange: b(
           c,
@@ -238,22 +238,22 @@ const Z = "FORM_DEBUG_ENABLED", ve = (e, s, o) => {
         ),
         disabled: D || o.disabled,
         required: F(c, P),
-        layout: i.buildFormFieldLayout(C)
+        layout: i.buildFormFieldLayout(g)
       };
     },
     [
       i,
-      l,
+      u,
       n,
       F,
       o.disabled,
       b
     ]
-  ), p = g(
+  ), C = w(
     (a, c) => {
       var X;
-      const t = a, T = t.source, C = T, q = n(T) ?? [], D = (f) => {
-        const E = [...q], I = E.length, v = { ...E[f] }, M = () => {
+      const t = a, T = t.source, g = T, q = n(T) ?? [], D = (f) => {
+        const p = [...q], I = p.length, y = { ...p[f] }, M = () => {
           r.debug(
             `Table row deletion at index ${f} cancelled. No changes were made to the table data.`
           );
@@ -264,19 +264,19 @@ const Z = "FORM_DEBUG_ENABLED", ve = (e, s, o) => {
               `Table row length changed before delete confirmation. Was ${I}, is now ${W}. Indices may not match anymore. Aborting deletion.`
             ), M();
           const A = { ...x[f] };
-          if (!K.isEqual(v, A))
+          if (!K.isEqual(y, A))
             return r.error(
               `Table row data at index ${f} changed between pre- and post-confirmation. Aborting deletion.`
             ), M();
           x.splice(f, 1), e.mutateFormData(
-            C,
+            g,
             x
           );
         };
         if (t.tryDeletingRow) {
           const x = {
             index: f,
-            data: v,
+            data: y,
             confirmDelete: H,
             cancelDelete: M
           };
@@ -284,44 +284,44 @@ const Z = "FORM_DEBUG_ENABLED", ve = (e, s, o) => {
           return;
         }
         H();
-      }, y = (f) => {
-        const E = [...q, f];
+      }, R = (f) => {
+        const p = [...q, f];
         e.mutateFormData(
-          C,
-          E
+          g,
+          p
         );
-      }, O = (f, E) => {
-        const I = ie([...q], f, E);
+      }, O = (f, p) => {
+        const I = ie([...q], f, p);
         e.mutateFormData(
-          C,
+          g,
           I
         );
       }, P = t.columns.map(
-        ({ label: f, tooltip: E, compact: I, required: v, source: M }) => ({
+        ({ label: f, tooltip: p, compact: I, required: y, source: M }) => ({
           label: f,
-          tooltip: E,
+          tooltip: p,
           compact: I,
           required: F(
             `${t.source}.0.${M}`,
-            v
+            y
           )
         })
-      ), R = ((X = t.columns) == null ? void 0 : X.map(({ layout: f }) => (f == null ? void 0 : f.size) ?? 1)) ?? [], $ = {
+      ), V = ((X = t.columns) == null ? void 0 : X.map(({ layout: f }) => (f == null ? void 0 : f.size) ?? 1)) ?? [], $ = {
         deletable: (t == null ? void 0 : t.deletable) ?? !1,
         swappable: (t == null ? void 0 : t.swappable) ?? !1
-      }, j = q.map((f, E) => {
-        const I = `${t.source}.${E}`;
-        let v = !1;
+      }, j = q.map((f, p) => {
+        const I = `${t.source}.${p}`;
+        let y = !1;
         if (t.disableRow) {
           const x = t.disableRow(
             f,
-            E
+            p
           );
-          G(x) && x && (v = !0);
+          G(x) && x && (y = !0);
         }
         const M = t.overrideRowModifiers ? {
           ...$,
-          ...t.overrideRowModifiers(f, E) ?? {}
+          ...t.overrideRowModifiers(f, p) ?? {}
         } : $;
         return {
           cells: (t.columns ?? []).map(({ source: x, ...W }) => {
@@ -331,11 +331,11 @@ const Z = "FORM_DEBUG_ENABLED", ve = (e, s, o) => {
               id: A
             };
             if (Y(S)) {
-              const J = S.disabled || v;
-              return u({ ...S, disabled: J });
+              const J = S.disabled || y;
+              return l({ ...S, disabled: J });
             }
             if (Fe(S)) {
-              const J = S.disabled || v;
+              const J = S.disabled || y;
               return h({ ...S, disabled: J });
             }
             return r.error(`Invalid table cell for source ${A}`), null;
@@ -346,18 +346,18 @@ const Z = "FORM_DEBUG_ENABLED", ve = (e, s, o) => {
           stableId: I,
           modifiers: M
         };
-      }), U = he(String(t.source), c), V = l(
-        C,
+      }), U = he(String(t.source), c), v = u(
+        g,
         t.error,
         t.errorText
       );
-      if (!V.error) {
+      if (!v.error) {
         const f = j.some(
-          ({ cells: E }) => E.some(({ error: I }) => I)
+          ({ cells: p }) => p.some(({ error: I }) => I)
         );
-        V.error = V.error || f, V.errorText = V.errorText ?? d.validation.invalid();
+        v.error = v.error || f, v.errorText = v.errorText ?? d.validation.invalid();
       }
-      const B = R.reduce((f, E) => f + E, 0), se = t != null && t.footer && t.footer.kind === "select" ? {
+      const B = V.reduce((f, p) => f + p, 0), se = t != null && t.footer && t.footer.kind === "select" ? {
         ...t.footer,
         testId: t.footer.testId,
         overrideTestId: t.footer.overrideTestId
@@ -367,18 +367,18 @@ const Z = "FORM_DEBUG_ENABLED", ve = (e, s, o) => {
         stableId: U,
         rows: j,
         headers: P,
-        colSpans: R,
+        colSpans: V,
         layout: i.buildFormFieldLayout({
           ...t.layout ?? {},
           size: i.columns
         }),
         label: t.label,
         assistiveText: t.assistiveText,
-        required: F(C, t.required),
-        ...V,
+        required: F(g, t.required),
+        ...v,
         modifiers: $,
         deleteRow: D,
-        appendRow: y,
+        appendRow: R,
         swapRows: O,
         data: q,
         footer: se ?? null,
@@ -389,46 +389,46 @@ const Z = "FORM_DEBUG_ENABLED", ve = (e, s, o) => {
     },
     [
       n,
-      l,
+      u,
       i,
       F,
       e,
       r,
-      u,
+      l,
       h,
       d.validation
     ]
-  ), w = g(
+  ), E = w(
     (a) => {
       const c = a, {
         kind: t,
         source: T,
-        variant: C,
+        variant: g,
         onChange: q,
         disabled: D,
-        required: y,
+        required: R,
         error: O,
         ...P
-      } = c, R = D || o.disabled, $ = F(
+      } = c, V = D || o.disabled, $ = F(
         T,
-        y
+        R
       ), j = i.buildFormFieldLayout({
         ...c.layout ?? {},
         size: i.columns
-      }), U = n(T), V = b(
+      }), U = n(T), v = b(
         T,
         q
       ), B = {
         ...P,
-        variant: C,
+        variant: g,
         kind: t,
-        onChange: V,
-        disabled: R,
+        onChange: v,
+        disabled: V,
         required: $,
-        ...l(T, O),
+        ...u(T, O),
         layout: j
       };
-      return C === "select" ? {
+      return g === "select" ? {
         ...B,
         value: U
       } : {
@@ -438,24 +438,24 @@ const Z = "FORM_DEBUG_ENABLED", ve = (e, s, o) => {
     },
     [
       i,
-      l,
+      u,
       n,
       F,
       o.disabled,
       b
     ]
   );
-  return z(() => !m || !m.length ? [] : m.map((a, c) => ge(a) || we(a) ? a : Ee(a) ? pe(a) : Y(a) ? u(a) : Ce(a) ? p(a, c) : qe(a) ? w(a) : h(a)), [
-    u,
+  return z(() => !m || !m.length ? [] : m.map((a, c) => ge(a) || we(a) ? a : Ee(a) ? pe(a) : Y(a) ? l(a) : Ce(a) ? C(a, c) : qe(a) ? E(a) : h(a)), [
+    l,
     h,
-    p,
-    w,
+    C,
+    E,
     m
   ]);
 }, Me = (e, s, o, i, r, m, d, n) => {
-  const [b, l] = N(!1), F = g(
-    async (u) => {
-      if (u == null || u.preventDefault(), u == null || u.stopPropagation(), o.disabled || o.readonly || !i.isEditing)
+  const [b, u] = N(!1), F = w(
+    async (l) => {
+      if (l == null || l.preventDefault(), l == null || l.stopPropagation(), o.disabled || o.readonly || !i.isEditing)
         return;
       if (!k(r)) {
         n.warn("No onSubmit function provided, aborted submission");
@@ -466,38 +466,38 @@ const Z = "FORM_DEBUG_ENABLED", ve = (e, s, o) => {
         return;
       }
       if (o.validateOnSubmit) {
-        const { isValid: w } = s.computeFormValidation();
-        if (!w) {
+        const { isValid: E } = s.computeFormValidation();
+        if (!E) {
           n.warn("Form is not valid, aborted submission");
           return;
         }
       }
-      let p;
+      let C;
       if (L(s.schema))
-        n.warn("No schema provided, submitting without validation"), p = e.data;
+        n.warn("No schema provided, submitting without validation"), C = e.data;
       else {
-        const w = await s.schema.safeParseAsync(e.data);
-        if (!w.success || !w.data) {
+        const E = await s.schema.safeParseAsync(e.data);
+        if (!E.success || !E.data) {
           n.warn("Unable to sanitize form data, aborted submission");
           return;
         }
-        p = w.data;
+        C = E.data;
       }
       try {
-        l(!0);
-        const w = await r(p);
-        if (G(w)) {
-          !w && m && m(
+        u(!0);
+        const E = await r(C);
+        if (G(E)) {
+          !E && m && m(
             new Error("Failed to submit form: `onSubmit` returned false.")
           );
           return;
         }
-        const a = _(w) ? w : p;
-        i.stopEditing(), e.setData(a), e.setInitialData(a), l(!1);
-      } catch (w) {
-        n.error(w), m && m(
-          new Error(`Failed to submit form: ${w.message}`)
-        ), l(!1);
+        const a = _(E) ? E : C;
+        i.stopEditing(), e.setData(a), e.setInitialData(a), u(!1);
+      } catch (E) {
+        n.error(E), m && m(
+          new Error(`Failed to submit form: ${E.message}`)
+        ), u(!1);
       }
     },
     [
@@ -511,7 +511,7 @@ const Z = "FORM_DEBUG_ENABLED", ve = (e, s, o) => {
       e,
       m
     ]
-  ), h = g(() => {
+  ), h = w(() => {
     b || (i.isEditing && e.setData(e.initialData), i.stopEditing(), d && d());
   }, [i, e, b]);
   return { submitForm: F, isSubmitting: b, cancelEdition: h };
@@ -521,22 +521,22 @@ const Z = "FORM_DEBUG_ENABLED", ve = (e, s, o) => {
     [s == null ? void 0 : s.reference]
   ), [n, b] = N(
     !!e.defaultEditing || !1
-  ), l = g(
-    (u) => {
-      b((p) => (u !== p && k(o) && o(u), u));
+  ), u = w(
+    (l) => {
+      b((C) => (l !== C && k(o) && o(l), l));
     },
     [o]
-  ), F = g(() => {
-    e.readonly || l(!0);
-  }, [e.readonly, l]), h = g(() => {
-    e.defaultEditing !== "force" && l(!1), !Re(d) && r(d) && m(d) && i(d);
+  ), F = w(() => {
+    e.readonly || u(!0);
+  }, [e.readonly, u]), h = w(() => {
+    e.defaultEditing !== "force" && u(!1), !Re(d) && r(d) && m(d) && i(d);
   }, [
     e.defaultEditing,
     d,
     r,
     m,
     i,
-    l
+    u
   ]);
   return {
     isEditing: n,
@@ -554,13 +554,13 @@ const Z = "FORM_DEBUG_ENABLED", ve = (e, s, o) => {
     r.schema,
     n,
     d
-  ), l = Se(
+  ), u = Se(
     d,
     s,
     i
   ), F = Pe(
     { columns: e, asModal: s, embedded: o },
-    l
+    u
   ), h = $e(
     n,
     b,
@@ -568,11 +568,11 @@ const Z = "FORM_DEBUG_ENABLED", ve = (e, s, o) => {
     F,
     m,
     r.content
-  ), u = Me(
+  ), l = Me(
     n,
     b,
     d,
-    l,
+    u,
     r.onSubmit,
     r.onSubmitError,
     r.onCancelled,
@@ -581,8 +581,8 @@ const Z = "FORM_DEBUG_ENABLED", ve = (e, s, o) => {
   return {
     ...n,
     ...b,
-    ...u,
     ...l,
+    ...u,
     ...d,
     ...F,
     content: h
@@ -624,7 +624,7 @@ const Z = "FORM_DEBUG_ENABLED", ve = (e, s, o) => {
     fixedWidth: null
   }),
   asModal: null
-}, te = le(ze), Ye = () => ue(
+}, te = ue(ze), Ye = () => le(
   te
 ), Ze = (e) => {
   const s = Ie("Form Context"), o = ke(e, s);

package/dist/components/Form/Form.format.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 1.8.27
+* @ubloimmo/uikit version 1.8.28
 *
 * Copyright © Ublo 2025
 * https://ublo.immo

package/dist/components/Form/Form.styles.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 1.8.27
+* @ubloimmo/uikit version 1.8.28
 *
 * Copyright © Ublo 2025
 * https://ublo.immo

package/dist/components/Form/Form.utils.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 1.8.27
+* @ubloimmo/uikit version 1.8.28
 *
 * Copyright © Ublo 2025
 * https://ublo.immo

package/dist/components/Form/components/FieldSkeleton.component.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 1.8.27
+* @ubloimmo/uikit version 1.8.28
 *
 * Copyright © Ublo 2025
 * https://ublo.immo

package/dist/components/Form/components/FormCustomContent.component.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 1.8.27
+* @ubloimmo/uikit version 1.8.28
 *
 * Copyright © Ublo 2025
 * https://ublo.immo

package/dist/components/Form/components/FormCustomField.component.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 1.8.27
+* @ubloimmo/uikit version 1.8.28
 *
 * Copyright © Ublo 2025
 * https://ublo.immo

package/dist/components/Form/components/FormDebug.component.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 1.8.27
+* @ubloimmo/uikit version 1.8.28
 *
 * Copyright © Ublo 2025
 * https://ublo.immo