@jfdevelops/react-multi-step-form 1.0.0-alpha.11 → 1.0.0-alpha.13

package/dist/index.mjs

@@ -197,12 +197,12 @@ var V;
   }
   function t(i, l, d) {
     const c = l.split(".");
-    let m = i;
+    let h = i;
     for (let _ = 0; _ < c.length; _++) {
       const $ = c[_];
-      _ === c.length - 1 ? m[$] !== void 0 && typeof m[$] == "object" && typeof d == "object" && d !== null ? Object.assign(m[$], d) : m[$] = d : ((typeof m[$] != "object" || m[$] === null) && (m[$] = {}), m = m[$]);
+      _ === c.length - 1 ? h[$] !== void 0 && typeof h[$] == "object" && typeof d == "object" && d !== null ? Object.assign(h[$], d) : h[$] = d : ((typeof h[$] != "object" || h[$] === null) && (h[$] = {}), h = h[$]);
     }
-    return m;
+    return h;
   }
   o.setBy = t;
   function r(i) {
@@ -213,21 +213,21 @@ var V;
     if (d.length === 1)
       return e(i, d[0]);
     const c = {};
-    for (const m of d) {
-      const _ = e(i, m);
-      t(c, m, _);
+    for (const h of d) {
+      const _ = e(i, h);
+      t(c, h, _);
     }
     return c;
   }
   o.pickBy = s;
   function n(i) {
     const l = [];
-    function d(c, m = "") {
+    function d(c, h = "") {
       if (c == null || typeof c != "object" || Array.isArray(c))
         return;
       const _ = Object.keys(c);
       for (const $ of _) {
-        const A = m ? `${m}.${$}` : $;
+        const A = h ? `${h}.${$}` : $;
         l.push(A);
         const T = c[$];
         T != null && typeof T == "object" && !Array.isArray(T) && d(T, A);
@@ -257,19 +257,19 @@ var V;
     if (typeof i == "function")
       return i;
     const d = u(l);
-    let c = i, m;
+    let c = i, h;
     for (const _ of d) {
       if (!c) break;
       if (typeof c == "function") {
-        m = c;
+        h = c;
         break;
       }
       if (c = c[_], typeof c == "function") {
-        m = c;
+        h = c;
         break;
       }
     }
-    return m;
+    return h;
   }
   function g(i, l, d) {
     const c = S(d, l);
@@ -278,19 +278,19 @@ var V;
   function p(i) {
     return typeof i == "object" && i !== null;
   }
-  function f(i, l, d, c, m) {
+  function f(i, l, d, c, h) {
     if (i === l)
       return c;
     if (i === null || l === null || typeof i != "object" || typeof l != "object") {
       const $ = d || "(root)";
       return typeof i != typeof l ? (c.push({
         path: $,
-        expected: g(i, $, m.transformExpected),
+        expected: g(i, $, h.transformExpected),
         actual: l,
         reason: "type-mismatch"
-      }), c) : (m.includeValueMismatch && c.push({
+      }), c) : (h.includeValueMismatch && c.push({
         path: $,
-        expected: g(i, $, m.transformExpected),
+        expected: g(i, $, h.transformExpected),
         actual: l,
         reason: "value-mismatch"
       }), c);
@@ -300,7 +300,7 @@ var V;
         const A = d || "(root)";
         return c.push({
           path: A,
-          expected: g(i, A, m.transformExpected),
+          expected: g(i, A, h.transformExpected),
           actual: l,
           reason: "type-mismatch"
         }), c;
@@ -308,7 +308,7 @@ var V;
       const $ = i.length;
       for (let A = 0; A < $; A++) {
         const T = i[A], C = l[A], N = d === "" ? `[${A}]` : `${d}[${A}]`;
-        f(T, C, N, c, m);
+        f(T, C, N, c, h);
       }
       return c;
     }
@@ -319,13 +319,13 @@ var V;
         if (!(T in l)) {
           c.push({
             path: F,
-            expected: g(C, F, m.transformExpected),
+            expected: g(C, F, h.transformExpected),
             actual: void 0,
             reason: "missing-key"
           });
           continue;
         }
-        f(C, N, F, c, m);
+        f(C, N, F, c, h);
       }
       for (const T of A)
         if (!(T in i)) {
@@ -342,19 +342,19 @@ var V;
     const _ = d || "(root)";
     return typeof i != typeof l ? c.push({
       path: _,
-      expected: g(i, _, m.transformExpected),
+      expected: g(i, _, h.transformExpected),
       actual: l,
       reason: "type-mismatch"
-    }) : m.includeValueMismatch && c.push({
+    }) : h.includeValueMismatch && c.push({
       path: _,
-      expected: g(i, _, m.transformExpected),
+      expected: g(i, _, h.transformExpected),
       actual: l,
       reason: "value-mismatch"
     }), c;
   }
   function v(i, l, d, c) {
-    const m = s(i, ...l), _ = [], $ = l.length === 1 ? l[0] : "";
-    return f(m, d, $, _, {
+    const h = s(i, ...l), _ = [], $ = l.length === 1 ? l[0] : "";
+    return f(h, d, $, _, {
       transformExpected: c?.transformExpected
     }), {
       ok: _.length === 0,
@@ -371,7 +371,7 @@ var V;
       return String(i);
     }
   }
-  function h(i) {
+  function m(i) {
     switch (i.reason) {
       case "missing-key":
         return "Missing key";
@@ -392,7 +392,7 @@ var V;
     for (const d of i.mismatches)
       l.push(
         `
-● ${h(d)} at "${d.path}":`,
+● ${m(d)} at "${d.path}":`,
         `    expected: ${y(d.expected)}`,
         `    actual:   ${y(d.actual)}`,
         ""
@@ -409,7 +409,7 @@ var V;
   o.printMismatches = O;
   function w(i, l, d) {
     const c = l.split(".");
-    function m(_, $) {
+    function h(_, $) {
       const A = c[$], T = Array.isArray(_) ? [..._] : { ..._ };
       if ($ === c.length - 1) {
         let P = _ && typeof _ == "object" ? T : {};
@@ -418,28 +418,28 @@ var V;
           [A]: d
         }, P;
       }
-      const C = _ && typeof _ == "object" ? _[A] : void 0, N = m(C ?? {}, $ + 1);
+      const C = _ && typeof _ == "object" ? _[A] : void 0, N = h(C ?? {}, $ + 1);
       let F = _ && typeof _ == "object" ? T : {};
       return F = {
         ...F,
         [A]: N
       }, F;
     }
-    return m(i, 0);
+    return h(i, 0);
   }
   function j(i, l, d) {
     const c = r(l);
     if (c.length === 0) return i;
-    let m = i;
+    let h = i;
     if (c.length === 1) {
       const _ = c[0];
-      return m = w(m, _, d), m;
+      return h = w(h, _, d), h;
     }
     for (const _ of c) {
       const $ = e(d, _);
-      m = w(m, _, $);
+      h = w(h, _, $);
     }
-    return m;
+    return h;
   }
   o.updateAt = j;
 })(V || (V = {}));
@@ -472,7 +472,7 @@ class re {
   createStepUpdaterFnImpl(e) {
     const { targetStep: t, updater: r, ctxData: s, fields: n = "all", debug: a } = e, u = new te({
       debug: a,
-      prefix: (h) => `${h}:update${t}`
+      prefix: (m) => `${m}:update${t}`
     });
     u.info(`${t} will be updated`), E(
       be(this.value, t),
@@ -485,9 +485,9 @@ class re {
         typeof s == "function",
         '[update]: "ctxData" must be a function'
       ), u.info('Custom "ctx" will be used');
-      const h = s({ ctx: g });
+      const m = s({ ctx: g });
       E(
-        typeof h == "object" && Object.keys(h).length > 0,
+        typeof m == "object" && Object.keys(m).length > 0,
         '[update]: "ctxData" must return an object with keys'
       ), u.info(
         `Custom "ctx" consists of the following keys: ${new Intl.ListFormat(
@@ -496,10 +496,10 @@ class re {
             style: "long",
             type: "conjunction"
           }
-        ).format(Object.keys(h))}`
+        ).format(Object.keys(m))}`
       ), f = {
         ...f,
-        ...h
+        ...m
       };
     }
     const v = Ve(r, {
@@ -511,9 +511,9 @@ class re {
         typeof v == "object",
         '[update]: "updater" must be an object or a function that returns an object'
       );
-      const h = Object.keys(this.value), b = Object.keys(v);
-      E(b.length === h.length, () => {
-        const i = h.filter(
+      const m = Object.keys(this.value), b = Object.keys(v);
+      E(b.length === m.length, () => {
+        const i = m.filter(
           (d) => !b.includes(d)
         );
         return `[update]: "updater" is missing keys ${new Intl.ListFormat("en", {
@@ -542,11 +542,11 @@ class re {
     }
     const y = V.createDeep(S);
     if (Array.isArray(n)) {
-      const h = M(y, n);
+      const m = M(y, n);
       E(
-        h.status === "success",
+        m.status === "success",
         `[update]: Found errors with the provided fields
-${h.status === "error" ? U(h.errors) : ""}`
+${m.status === "error" ? U(m.errors) : ""}`
       );
       const { mismatches: b, ok: O } = V.equalsAtPaths(
         S,
@@ -571,9 +571,9 @@ ${h.status === "error" ? U(h.errors) : ""}`
       return;
     }
     if (typeof n == "object" && Object.keys(n).length > 0) {
-      const h = V.createDeep(n), b = M(
+      const m = V.createDeep(n), b = M(
         y,
-        h
+        m
       );
       E(
         b.status === "success",
@@ -582,7 +582,7 @@ ${b.status === "error" ? U(b.errors) : ""}`
       );
       const { mismatches: O, ok: w } = V.equalsAtPaths(
         S,
-        h,
+        m,
         v
       );
       E(
@@ -595,7 +595,7 @@ ${b.status === "error" ? U(b.errors) : ""}`
         ...p,
         [t]: V.updateAt(
           S,
-          h,
+          m,
           v
         )
       }, u.info(
@@ -1337,7 +1337,7 @@ Original error: ${l}`,
         typeof y.fields == "object",
         `[${f}:createComponent]: the "fields" property must be an object, was ${typeof y.fields}`
       );
-      const h = this.#e.createStepUpdaterFn(f), b = Ie((w) => {
+      const m = this.#e.createStepUpdaterFn(f), b = Ie((w) => {
         E(typeof w == "string", () => {
           const c = new Intl.ListFormat("en", {
             style: "long",
@@ -1361,10 +1361,18 @@ Original error: ${l}`,
           type: d,
           name: w,
           onInputChange: (c) => {
-            const m = typeof c == "function" ? c(j) : c;
+            let h;
+            if (typeof c == "function") {
+              const _ = this.getValue(
+                f,
+                w
+              );
+              h = c(_);
+            } else
+              h = c;
             this.update({
               targetStep: f,
-              updater: m,
+              updater: h,
               fields: [`fields.${w}.defaultValue`]
             });
           }
@@ -1372,7 +1380,7 @@ Original error: ${l}`,
       });
       let O = {
         ctx: p,
-        onInputChange: h,
+        onInputChange: m,
         Field: b,
         ...u
       };
@@ -1403,8 +1411,8 @@ Original error: ${l}`,
     debugger;
     const a = this.value, u = e[0], S = this.#e.createStepUpdaterFn(u).bind(this.#e);
     function g(p, f) {
-      function v(h) {
-        return h ? { ctx: { ...r, ...h } } : { ctx: r };
+      function v(m) {
+        return m ? { ctx: { ...r, ...m } } : { ctx: r };
       }
       function y() {
         return E(
@@ -1417,7 +1425,7 @@ Original error: ${l}`,
         )(p);
       }
       if (typeof p == "object") {
-        const { useFormInstance: h, ctxData: b, debug: O } = p, w = new te({
+        const { useFormInstance: m, ctxData: b, debug: O } = p, w = new te({
           debug: O,
           prefix(l) {
             return `${l}-${u}-createComponent`;
@@ -1428,14 +1436,14 @@ Original error: ${l}`,
         if (E(
           typeof f == "function",
           "The second argument must be a function"
-        ), h) {
+        ), m) {
           const {
             render: l,
             alias: d = Z.DEFAULT_FORM_INSTANCE_ALIAS
-          } = h, [c] = e, m = n(c), _ = b ? {
+          } = m, [c] = e, h = n(c), _ = b ? {
             ...r,
             ...b({ ctx: i })
-          } : r, $ = { ctx: _, defaultValues: m };
+          } : r, $ = { ctx: _, defaultValues: h };
           return s(
             e,
             t,
@@ -1539,7 +1547,7 @@ function Pe() {
   }
   var t = typeof Object.is == "function" ? Object.is : e, r = o.useState, s = o.useEffect, n = o.useLayoutEffect, a = o.useDebugValue;
   function u(f, v) {
-    var y = v(), h = r({ inst: { value: y, getSnapshot: v } }), b = h[0].inst, O = h[1];
+    var y = v(), m = r({ inst: { value: y, getSnapshot: v } }), b = m[0].inst, O = m[1];
     return n(
       function() {
         b.value = y, b.getSnapshot = v, S(b) && O({ inst: b });
@@ -1583,29 +1591,29 @@ var J = {};
 var pe;
 function Ke() {
   return pe || (pe = 1, process.env.NODE_ENV !== "production" && (function() {
-    function o(y, h) {
-      return y === h && (y !== 0 || 1 / y === 1 / h) || y !== y && h !== h;
+    function o(y, m) {
+      return y === m && (y !== 0 || 1 / y === 1 / m) || y !== y && m !== m;
     }
-    function e(y, h) {
+    function e(y, m) {
       p || s.startTransition === void 0 || (p = !0, console.error(
         "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
       ));
-      var b = h();
+      var b = m();
       if (!f) {
-        var O = h();
+        var O = m();
         n(b, O) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
         ), f = !0);
       }
       O = a({
-        inst: { value: b, getSnapshot: h }
+        inst: { value: b, getSnapshot: m }
       });
       var w = O[0].inst, j = O[1];
       return S(
         function() {
-          w.value = b, w.getSnapshot = h, t(w) && j({ inst: w });
+          w.value = b, w.getSnapshot = m, t(w) && j({ inst: w });
         },
-        [y, b, h]
+        [y, b, m]
       ), u(
         function() {
           return t(w) && j({ inst: w }), y(function() {
@@ -1616,17 +1624,17 @@ function Ke() {
       ), g(b), b;
     }
     function t(y) {
-      var h = y.getSnapshot;
+      var m = y.getSnapshot;
       y = y.value;
       try {
-        var b = h();
+        var b = m();
         return !n(y, b);
       } catch {
         return !0;
       }
     }
-    function r(y, h) {
-      return h();
+    function r(y, m) {
+      return m();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
     var s = R, n = typeof Object.is == "function" ? Object.is : o, a = s.useState, u = s.useEffect, S = s.useLayoutEffect, g = s.useDebugValue, p = !1, f = !1, v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : e;
@@ -1656,25 +1664,25 @@ function Ge() {
   }
   var r = typeof Object.is == "function" ? Object.is : t, s = e.useSyncExternalStore, n = o.useRef, a = o.useEffect, u = o.useMemo, S = o.useDebugValue;
   return H.useSyncExternalStoreWithSelector = function(g, p, f, v, y) {
-    var h = n(null);
-    if (h.current === null) {
+    var m = n(null);
+    if (m.current === null) {
       var b = { hasValue: !1, value: null };
-      h.current = b;
-    } else b = h.current;
-    h = u(
+      m.current = b;
+    } else b = m.current;
+    m = u(
       function() {
         function w(c) {
           if (!j) {
             if (j = !0, i = c, c = v(c), y !== void 0 && b.hasValue) {
-              var m = b.value;
-              if (y(m, c))
-                return l = m;
+              var h = b.value;
+              if (y(h, c))
+                return l = h;
             }
             return l = c;
           }
-          if (m = l, r(i, c)) return m;
+          if (h = l, r(i, c)) return h;
           var _ = v(c);
-          return y !== void 0 && y(m, _) ? (i = c, m) : (i = c, l = _);
+          return y !== void 0 && y(h, _) ? (i = c, h) : (i = c, l = _);
         }
         var j = !1, i, l, d = f === void 0 ? null : f;
         return [
@@ -1688,7 +1696,7 @@ function Ge() {
       },
       [p, f, v, y]
     );
-    var O = s(g, h[0], h[1]);
+    var O = s(g, m[0], m[1]);
     return a(
       function() {
         b.hasValue = !0, b.value = O;
@@ -1716,26 +1724,26 @@ function We() {
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
     var e = R, t = $e(), r = typeof Object.is == "function" ? Object.is : o, s = t.useSyncExternalStore, n = e.useRef, a = e.useEffect, u = e.useMemo, S = e.useDebugValue;
     z.useSyncExternalStoreWithSelector = function(g, p, f, v, y) {
-      var h = n(null);
-      if (h.current === null) {
+      var m = n(null);
+      if (m.current === null) {
         var b = { hasValue: !1, value: null };
-        h.current = b;
-      } else b = h.current;
-      h = u(
+        m.current = b;
+      } else b = m.current;
+      m = u(
         function() {
           function w(c) {
             if (!j) {
               if (j = !0, i = c, c = v(c), y !== void 0 && b.hasValue) {
-                var m = b.value;
-                if (y(m, c))
-                  return l = m;
+                var h = b.value;
+                if (y(h, c))
+                  return l = h;
               }
               return l = c;
             }
-            if (m = l, r(i, c))
-              return m;
+            if (h = l, r(i, c))
+              return h;
             var _ = v(c);
-            return y !== void 0 && y(m, _) ? (i = c, m) : (i = c, l = _);
+            return y !== void 0 && y(h, _) ? (i = c, h) : (i = c, l = _);
           }
           var j = !1, i, l, d = f === void 0 ? null : f;
           return [
@@ -1749,7 +1757,7 @@ function We() {
         },
         [p, f, v, y]
       );
-      var O = s(g, h[0], h[1]);
+      var O = s(g, m[0], m[1]);
       return a(
         function() {
           b.hasValue = !0, b.value = O;
@@ -1843,7 +1851,7 @@ function Qe(o) {
       maxProgressValue: p = 100,
       totalSteps: f = S,
       progressTextTransformer: v
-    } = u, y = Q(o, g), h = y / f * p, b = v ? n(
+    } = u, y = Q(o, g), m = y / f * p, b = v ? n(
       { targetStep: g, maxProgressValue: p, totalSteps: f },
       v
     ) : (O) => /* @__PURE__ */ ie("div", { ...O, children: [
@@ -1853,7 +1861,7 @@ function Qe(o) {
       f
     ] });
     return {
-      value: h,
+      value: m,
       maxProgressValue: p,
       ProgressText: b
     };