@jfdevelops/react-multi-step-form 1.0.0-alpha.1 → 1.0.0-alpha.2

package/dist/index.mjs

@@ -19,7 +19,7 @@ function F(o) {
 function ye(o, ...e) {
   return () => String.raw({ raw: o }, ...e);
 }
-function d(o, e, t = Error) {
+function h(o, e, t = Error) {
   if (!o) {
     const r = typeof e == "function" ? e() : ye`${e}`();
     throw new t(r);
@@ -36,9 +36,9 @@ function G(o, e) {
   return t.value;
 }
 function C(o) {
-  d(o.includes("step"), "Can't extract a valid step number since");
+  h(o.includes("step"), "Can't extract a valid step number since");
   const e = o.replace("step", "");
-  return d(/^\d+$/.test(e), `Invalid step format: "${o}"`), Number.parseInt(e, 10);
+  return h(/^\d+$/.test(e), `Invalid step format: "${o}"`), Number.parseInt(e, 10);
 }
 function j(o) {
   return function(e) {
@@ -82,7 +82,7 @@ function R(o, e) {
     );
   }
   if (Array.isArray(e))
-    return d(
+    return h(
       e.every((n) => r.includes(n)),
       () => {
         const n = V(
@@ -101,7 +101,7 @@ function R(o, e) {
     );
   if (typeof e == "object") {
     const n = Object.keys(e);
-    return d(
+    return h(
       n.every((a) => r.includes(a)),
       () => {
         const a = V(
@@ -157,7 +157,7 @@ class be {
         }).data, n;
       }, {});
     if (Array.isArray(e))
-      return d(
+      return h(
         e.every(
           (n) => r.includes(n)
         ),
@@ -175,7 +175,7 @@ class be {
       ), this.createCtxHelper(e);
     if (typeof e == "object") {
       const n = Object.keys(e);
-      return d(
+      return h(
         n.every((a) => r.includes(a)),
         () => {
           const a = V(
@@ -198,7 +198,7 @@ class be {
       if (typeof t == "function")
         return () => t({ ctx: s });
       if (typeof t == "object")
-        return (n) => "validator" in t ? (d(
+        return (n) => "validator" in t ? (h(
           typeof n == "object",
           "An input is expected since you provided a validator"
         ), G(
@@ -288,7 +288,7 @@ class ue {
     }), this.key = t, this.data = r, s ? (this.store = s, this.isWindowUndefined = !1) : typeof window < "u" ? (this.store = window.localStorage, this.isWindowUndefined = !1) : (this.isWindowUndefined = !0, this.log.warn(Z));
   }
   throwOnEmptyStore() {
-    d(this.store, () => this.isWindowUndefined ? Z : "No storage available");
+    h(this.store, () => this.isWindowUndefined ? Z : "No storage available");
   }
   resolveValue(e) {
     if (typeof e == "object")
@@ -395,7 +395,7 @@ class le {
   onUnsubscribe() {
   }
 }
-const $e = [
+const Ee = [
   "string",
   "number",
   "array.string",
@@ -416,10 +416,10 @@ function ee(o, e, t) {
 function Te(o) {
   const e = {}, { fields: t, defaultCasing: r, validateFields: s } = o;
   for (const [n, a] of Object.entries(t)) {
-    d(
+    h(
       typeof n == "string",
       `Each key for the "fields" option must be a string. Key ${n} was a ${typeof n}`
-    ), d(
+    ), h(
       typeof a == "object",
       `The value for key ${n} must be an object. Was ${typeof a}`
     );
@@ -448,16 +448,16 @@ function Te(o) {
       s,
       e
     );
-    d(
+    h(
       typeof n == "object",
       `The result of the validated fields must be an object, was (${typeof n}). This is probably an internal error, so open up an issue about it`
-    ), d(
+    ), h(
       !!n,
       "The result of the validated fields must be defined. This is probably an internal error, so open up an issue about it"
     );
     for (const [a, c] of Object.entries(n)) {
       const y = t[a];
-      d(
+      h(
         y,
         `No field found in the fields config for "${a}"`
       );
@@ -479,17 +479,17 @@ function Te(o) {
 }
 function pe(o) {
   const e = {};
-  d(!!o, "The steps config must be defined", TypeError), d(
+  h(!!o, "The steps config must be defined", TypeError), h(
     typeof o == "object",
     `The steps config must be an object, was (${typeof o})`,
     TypeError
   );
   for (const [t, r] of Object.entries(o)) {
-    d(
+    h(
       typeof t == "string",
       `Each key for the step config must be a string. Key "${t}" was ${typeof t} `,
       TypeError
-    ), d(
+    ), h(
       fe.test(t),
       `The key "${t}" isn't formatted properly. Each key in the step config must be the following format: "step{number}"`
     );
@@ -500,20 +500,20 @@ function pe(o) {
       description: y,
       validateFields: p
     } = r, l = s.toString().replace("step", "");
-    d(
+    h(
       n,
       `Missing fields for step ${l} (${String(s)})`,
       TypeError
-    ), d(
+    ), h(
       typeof n == "object",
       "Fields must be an object",
       TypeError
-    ), d(
+    ), h(
       Object.keys(n).length > 0,
       `The fields config for step ${l} (${String(
         s
       )}) is empty. Please add a field`
-    ), d(
+    ), h(
       typeof n == "object",
       `The "fields" property must be an object. Was ${typeof n}`
     );
@@ -565,7 +565,7 @@ class B extends le {
       last: this.lastStep.step,
       value: this.stepNumbers,
       as: (n) => {
-        if (d(
+        if (h(
           typeof n == "string",
           `The type of the target transformation type must be a string, was ${typeof n}`
         ), n === "string")
@@ -575,7 +575,7 @@ class B extends le {
         if (n.includes("array.string"))
           return this.stepNumbers.map((a) => `${a}`);
         throw new Error(
-          `Transformation type "${n}" is not supported. Available transformations include: ${$e.map(
+          `Transformation type "${n}" is not supported. Available transformations include: ${Ee.map(
             (a) => `"${a}"`
           ).join(", ")}`
         );
@@ -640,11 +640,11 @@ class B extends le {
   }
   createStepUpdaterFnImpl(e, t, r) {
     const s = this.stepNumbers;
-    d(
+    h(
       typeof e == "number",
       `Type of step must be a number, was ${typeof e}`,
       TypeError
-    ), d(
+    ), h(
       s.includes(e),
       `The target step ${e} is not valid. Valid steps include "${s.join(
         ", "
@@ -652,23 +652,14 @@ class B extends le {
     );
     const n = `step${e}`;
     if (typeof t == "string") {
-      d(this.value[n], `No data found for step ${e}`), d(
+      h(this.value[n], `No data found for step ${e}`), h(
         typeof this.value[n] == "object",
         `The values for step ${e} is not an object, was ${typeof this.value[n]}`
-      ), d(
+      ), h(
         t in this.value[n],
         `The field ${t} is not a valid field. Valid fields include ${Object.keys(
           this.value[n]
         ).join(", ")}`
-      ), d(
-        typeof r == "object" || typeof r == "function",
-        () => {
-          let a = "";
-          return typeof r != "object" && (a = "an object"), typeof r != "function" && (a = "a function"), `[${String(
-            n
-          )}-${t}]: The updater must be ${a}, was "${typeof r}"`;
-        },
-        TypeError
       ), this.value = {
         ...this.value,
         [n]: {
@@ -686,7 +677,7 @@ class B extends le {
         t,
         this.value[n]
       );
-      d(
+      h(
         typeof a == "object",
         `The updated data must be an object, was ${typeof a}`
       ), this.value = {
@@ -724,7 +715,7 @@ class B extends le {
       if (typeof t == "function")
         return () => t({ ctx: s });
       if (typeof t == "object")
-        return (n) => "validator" in t ? (d(
+        return (n) => "validator" in t ? (h(
           typeof n == "object",
           "An input is expected since you provided a validator"
         ), G(
@@ -775,7 +766,7 @@ class B extends le {
     });
   }
 }
-class Ee extends le {
+class $e extends le {
   stepHelper;
   defaultNameTransformationCasing;
   stepSchema;
@@ -864,12 +855,12 @@ var H;
   o.DEFAULT_FORM_INSTANCE_ALIAS = "form";
 })(H || (H = {}));
 function je(o, e) {
-  d(
+  h(
     e in o,
     `The target step ${e} is not a valid step key`
   );
   const t = o[e];
-  d("fields" in t, `No "fields" were found for ${e}`);
+  h("fields" in t, `No "fields" were found for ${e}`);
   let r = {};
   for (const [s, n] of Object.entries(
     t.fields
@@ -939,46 +930,46 @@ Original error: ${i}`,
           alias: l = O.DEFAULT_FORM_ALIAS,
           ...u
         } = p, f = u.enabledForSteps ?? "all", [i] = e;
-        d(
+        h(
           this.steps.isValidStepKey(i),
           `[createComponent]: the target step ${i} is invalid. Note, this error shouldn't appear as the target step should always be valid. If you see this error, please open an issue.`
         );
         const m = Number.parseInt(i.replace("step", ""));
-        d(
+        h(
           !Number.isNaN(m),
           `[${i}:"createComponent"]: an error occurred while extracting the number`
         );
-        const h = this.value[i];
-        d(
-          "fields" in h,
+        const d = this.value[i];
+        h(
+          "fields" in d,
           `[${i}:createComponent]: unable to find the "fields" for the current step`
-        ), d(
-          typeof h.fields == "object",
-          `[${i}:createComponent]: the "fields" property must be an object, was ${typeof h.fields}`
+        ), h(
+          typeof d.fields == "object",
+          `[${i}:createComponent]: the "fields" property must be an object, was ${typeof d.fields}`
         );
         const b = Oe((g) => {
-          d(typeof g == "string", () => {
+          h(typeof g == "string", () => {
             const L = new Intl.ListFormat("en", {
               style: "long",
               type: "disjunction"
             });
             return `[${i}:Field]: the "name" prop must be a string and a valid field for ${i}. Available fields include ${L.format(
-              Object.keys(h.fields)
+              Object.keys(d.fields)
             )}`;
-          }), d(
-            g in h.fields,
+          }), h(
+            g in d.fields,
             `[${i}:Field]: the field "${g}" doesn't exist for the current step`
           );
-          const { fields: _, update: $ } = h, { defaultValue: T, label: S, nameTransformCasing: w, type: E } = _[g];
+          const { fields: _, update: E } = d, { defaultValue: T, label: S, nameTransformCasing: w, type: $ } = _[g];
           return {
             defaultValue: T,
             label: S,
             nameTransformCasing: w,
-            type: E,
+            type: $,
             name: g,
             onInputChange: (L) => (
               // TODO remove type assertions
-              $(
+              E(
                 "fields",
                 (z) => ({
                   ...z,
@@ -1018,7 +1009,7 @@ Original error: ${i}`,
     const s = this.createStepSpecificComponentImpl.bind(this), n = this.createDefaultValues.bind(this);
     function a(c, y) {
       function p() {
-        return d(
+        return h(
           typeof c == "function",
           "The first argument must be a function"
         ), s(
@@ -1034,13 +1025,13 @@ Original error: ${i}`,
             render: u,
             alias: f = H.DEFAULT_FORM_INSTANCE_ALIAS
           } = l;
-          d(
+          h(
             typeof y == "function",
             "The second argument must be a function"
           );
-          const [i] = e, m = n(i), h = { ctx: r, defaultValues: m };
+          const [i] = e, m = n(i), d = { ctx: r, defaultValues: m };
           return s(e, t, r, {
-            [f]: () => u(h)
+            [f]: () => u(d)
           })(y);
         }
         return p();
@@ -1078,7 +1069,7 @@ Original error: ${i}`,
     return je(this.value, e);
   }
 }
-class Ae extends Ee {
+class Ae extends $e {
   stepSchema;
   constructor(e) {
     const { nameTransformCasing: t = P, storage: r, ...s } = e;
@@ -1121,16 +1112,16 @@ function Ne() {
   }
   var t = typeof Object.is == "function" ? Object.is : e, r = o.useState, s = o.useEffect, n = o.useLayoutEffect, a = o.useDebugValue;
   function c(u, f) {
-    var i = f(), m = r({ inst: { value: i, getSnapshot: f } }), h = m[0].inst, b = m[1];
+    var i = f(), m = r({ inst: { value: i, getSnapshot: f } }), d = m[0].inst, b = m[1];
     return n(
       function() {
-        h.value = i, h.getSnapshot = f, y(h) && b({ inst: h });
+        d.value = i, d.getSnapshot = f, y(d) && b({ inst: d });
       },
       [u, i, f]
     ), s(
       function() {
-        return y(h) && b({ inst: h }), u(function() {
-          y(h) && b({ inst: h });
+        return y(d) && b({ inst: d }), u(function() {
+          y(d) && b({ inst: d });
         });
       },
       [u]
@@ -1172,22 +1163,22 @@ function Ve() {
       l || s.startTransition === void 0 || (l = !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 h = m();
+      var d = m();
       if (!u) {
         var b = m();
-        n(h, b) || (console.error(
+        n(d, b) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
         ), u = !0);
       }
       b = a({
-        inst: { value: h, getSnapshot: m }
+        inst: { value: d, getSnapshot: m }
       });
       var v = b[0].inst, g = b[1];
       return y(
         function() {
-          v.value = h, v.getSnapshot = m, t(v) && g({ inst: v });
+          v.value = d, v.getSnapshot = m, t(v) && g({ inst: v });
         },
-        [i, h, m]
+        [i, d, m]
       ), c(
         function() {
           return t(v) && g({ inst: v }), i(function() {
@@ -1195,14 +1186,14 @@ function Ve() {
           });
         },
         [i]
-      ), p(h), h;
+      ), p(d), d;
     }
     function t(i) {
       var m = i.getSnapshot;
       i = i.value;
       try {
-        var h = m();
-        return !n(i, h);
+        var d = m();
+        return !n(i, d);
       } catch {
         return !0;
       }
@@ -1240,25 +1231,25 @@ function Fe() {
   return x.useSyncExternalStoreWithSelector = function(p, l, u, f, i) {
     var m = n(null);
     if (m.current === null) {
-      var h = { hasValue: !1, value: null };
-      m.current = h;
-    } else h = m.current;
+      var d = { hasValue: !1, value: null };
+      m.current = d;
+    } else d = m.current;
     m = c(
       function() {
         function v(S) {
           if (!g) {
-            if (g = !0, _ = S, S = f(S), i !== void 0 && h.hasValue) {
-              var w = h.value;
+            if (g = !0, _ = S, S = f(S), i !== void 0 && d.hasValue) {
+              var w = d.value;
               if (i(w, S))
-                return $ = w;
+                return E = w;
             }
-            return $ = S;
+            return E = S;
           }
-          if (w = $, r(_, S)) return w;
-          var E = f(S);
-          return i !== void 0 && i(w, E) ? (_ = S, w) : (_ = S, $ = E);
+          if (w = E, r(_, S)) return w;
+          var $ = f(S);
+          return i !== void 0 && i(w, $) ? (_ = S, w) : (_ = S, E = $);
         }
-        var g = !1, _, $, T = u === void 0 ? null : u;
+        var g = !1, _, E, T = u === void 0 ? null : u;
         return [
           function() {
             return v(l());
@@ -1273,7 +1264,7 @@ function Fe() {
     var b = s(p, m[0], m[1]);
     return a(
       function() {
-        h.hasValue = !0, h.value = b;
+        d.hasValue = !0, d.value = b;
       },
       [b]
     ), y(b), b;
@@ -1300,26 +1291,26 @@ function Ie() {
     M.useSyncExternalStoreWithSelector = function(p, l, u, f, i) {
       var m = n(null);
       if (m.current === null) {
-        var h = { hasValue: !1, value: null };
-        m.current = h;
-      } else h = m.current;
+        var d = { hasValue: !1, value: null };
+        m.current = d;
+      } else d = m.current;
       m = c(
         function() {
           function v(S) {
             if (!g) {
-              if (g = !0, _ = S, S = f(S), i !== void 0 && h.hasValue) {
-                var w = h.value;
+              if (g = !0, _ = S, S = f(S), i !== void 0 && d.hasValue) {
+                var w = d.value;
                 if (i(w, S))
-                  return $ = w;
+                  return E = w;
               }
-              return $ = S;
+              return E = S;
             }
-            if (w = $, r(_, S))
+            if (w = E, r(_, S))
               return w;
-            var E = f(S);
-            return i !== void 0 && i(w, E) ? (_ = S, w) : (_ = S, $ = E);
+            var $ = f(S);
+            return i !== void 0 && i(w, $) ? (_ = S, w) : (_ = S, E = $);
           }
-          var g = !1, _, $, T = u === void 0 ? null : u;
+          var g = !1, _, E, T = u === void 0 ? null : u;
           return [
             function() {
               return v(l());
@@ -1334,7 +1325,7 @@ function Ie() {
       var b = s(p, m[0], m[1]);
       return a(
         function() {
-          h.hasValue = !0, h.value = b;
+          d.hasValue = !0, d.value = b;
         },
         [b]
       ), y(b), b;
@@ -1347,7 +1338,7 @@ function Le() {
 }
 var xe = Le();
 function W(o, e) {
-  d(
+  h(
     typeof e == "string",
     `The target step must be a string, was ${typeof e}`
   );
@@ -1355,12 +1346,12 @@ function W(o, e) {
     type: "disjunction",
     style: "long"
   }).format(t("array.string.untyped"));
-  d(
+  h(
     fe.test(e),
     `The target step must match the following format: "step{number}". Available steps are ${n}`
   );
   const a = Number.parseInt(e.replace("step", ""));
-  return d(
+  return h(
     r(a),
     `The step number "${a}" is not a valid step number. Valid step numbers include ${n}`,
     TypeError
@@ -1425,7 +1416,7 @@ function Ue(o) {
       maxProgressValue: l = 100,
       totalSteps: u = y,
       progressTextTransformer: f
-    } = c, i = W(o, p), m = i / u * l, h = f ? n(
+    } = c, i = W(o, p), m = i / u * l, d = f ? n(
       { targetStep: p, maxProgressValue: l, totalSteps: u },
       f
     ) : (b) => /* @__PURE__ */ q("div", { ...b, children: [
@@ -1437,7 +1428,7 @@ function Ue(o) {
     return {
       value: m,
       maxProgressValue: l,
-      ProgressText: h
+      ProgressText: d
     };
   }
   function s(c) {