reactjs-multi-stepper 1.2.1 → 1.2.2

package/dist/multi-stepper.es.js

@@ -13,8 +13,8 @@ var U;
 function fe() {
   if (U) return R;
   U = 1;
-  var t = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
-  function o(v, c, l) {
+  var t = Symbol.for("react.transitional.element"), o = Symbol.for("react.fragment");
+  function s(v, c, l) {
     var m = null;
     if (l !== void 0 && (m = "" + l), c.key !== void 0 && (m = "" + c.key), "key" in c) {
       l = {};
@@ -29,7 +29,7 @@ function fe() {
       props: l
     };
   }
-  return R.Fragment = s, R.jsx = o, R.jsxs = o, R;
+  return R.Fragment = o, R.jsx = s, R.jsxs = s, R;
 }
 var j = {};
 /**
@@ -47,7 +47,7 @@ function de() {
     function t(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === se ? null : e.displayName || e.name || null;
+        return e.$$typeof === oe ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
         case g:
@@ -87,12 +87,12 @@ function de() {
         }
       return null;
     }
-    function s(e) {
+    function o(e) {
       return "" + e;
     }
-    function o(e) {
+    function s(e) {
       try {
-        s(e);
+        o(e);
         var r = !1;
       } catch {
         r = !0;
@@ -104,7 +104,7 @@ function de() {
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           u
-        ), s(e);
+        ), o(e);
       }
     }
     function v(e) {
@@ -186,7 +186,7 @@ function de() {
       var f = r.children;
       if (f !== void 0)
         if (u)
-          if (oe(f)) {
+          if (se(f)) {
             for (u = 0; u < f.length; u++)
               b(f[u]);
             Object.freeze && Object.freeze(f);
@@ -213,7 +213,7 @@ React keys must be passed directly to JSX without using spread:
           f
         ), L[f + u] = !0);
       }
-      if (f = null, a !== void 0 && (o(a), f = "" + a), m(r) && (o(r.key), f = "" + r.key), "key" in r) {
+      if (f = null, a !== void 0 && (s(a), f = "" + a), m(r) && (s(r.key), f = "" + r.key), "key" in r) {
         a = {};
         for (var y in r)
           y !== "key" && (a[y] = r[y]);
@@ -235,7 +235,7 @@ React keys must be passed directly to JSX without using spread:
     function b(e) {
       typeof e == "object" && e !== null && e.$$typeof === h && e._store && (e._store.validated = 1);
     }
-    var i = ce, h = Symbol.for("react.transitional.element"), X = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), H = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), Z = Symbol.for("react.consumer"), Q = Symbol.for("react.context"), K = Symbol.for("react.forward_ref"), ee = Symbol.for("react.suspense"), re = Symbol.for("react.suspense_list"), te = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), ne = Symbol.for("react.activity"), se = Symbol.for("react.client.reference"), P = i.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, oe = Array.isArray, O = console.createTask ? console.createTask : function() {
+    var i = ce, h = Symbol.for("react.transitional.element"), X = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), H = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), Z = Symbol.for("react.consumer"), Q = Symbol.for("react.context"), K = Symbol.for("react.forward_ref"), ee = Symbol.for("react.suspense"), re = Symbol.for("react.suspense_list"), te = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), ne = Symbol.for("react.activity"), oe = Symbol.for("react.client.reference"), P = i.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, se = Array.isArray, O = console.createTask ? console.createTask : function() {
       return null;
     };
     i = {
@@ -288,68 +288,68 @@ const G = le(
       "useMultiStepperForm must be used within a MultiStepperProvider"
     );
   return t;
-}, pe = ({ children: t, steppers: s }) => {
-  const [o, v] = W(0), [c, l] = W([]);
+}, pe = ({ children: t, steppers: o }) => {
+  const [s, v] = W(0), [c, l] = W([]);
   ue(() => {
-    if (s.length) {
-      const d = [...s];
+    if (o.length) {
+      const d = [...o];
       d[0].active = !0, l(d);
     }
-  }, [s.length]);
+  }, [o, o.length]);
   const m = C((d) => {
     l((b) => {
       const i = [...b];
       if (d > b.length - 1) return b;
-      i[o] && (i[o] = { ...i[o], active: !1 }), i[d] && (i[d] = { ...i[d], active: !0 });
+      i[s] && (i[s] = { ...i[s], active: !1 }), i[d] && (i[d] = { ...i[d], active: !0 });
       for (let h = 0; h < d; h++)
         i[h] = { ...i[h], completed: !0 };
       for (let h = d; h < i.length; h++)
         i[h] = { ...i[h], completed: !1 };
       return i;
     }), v(d);
-  }, [o]), p = C(() => {
-    o < c.length - 1 ? m(o + 1) : l((d) => {
+  }, [s]), p = C(() => {
+    s < c.length - 1 ? m(s + 1) : l((d) => {
       const b = [...d];
-      return b[o] = { ...b[o], completed: !0 }, b;
+      return b[s] = { ...b[s], completed: !0 }, b;
     });
-  }, [o, c.length, m]), T = C(() => {
-    o > 0 && m(o - 1);
-  }, [o, m]), k = V(
+  }, [s, c.length, m]), T = C(() => {
+    s > 0 && m(s - 1);
+  }, [s, m]), k = V(
     () => ({
-      currentStep: o,
+      currentStep: s,
       steps: c,
       handleNextStep: p,
       handlePrevStep: T,
       updateSteps: m
     }),
-    [o, c, p, T, m]
+    [s, c, p, T, m]
   );
   return /* @__PURE__ */ n.jsx(G.Provider, { value: k, children: t });
 }, ve = ({
   step: t,
-  index: s
+  index: o
 }) => {
-  const { steps: o } = N();
-  return o.length ? t.loading ? /* @__PURE__ */ n.jsx("div", { className: "step step-loading", children: /* @__PURE__ */ n.jsx("div", { className: "spinner", role: "status", "aria-label": "Loading" }) }) : t.error ? /* @__PURE__ */ n.jsx("div", { className: "step step-error", children: t.icon ?? /* @__PURE__ */ n.jsx("span", { className: "text-white", children: "✗" }) }) : t.completed ? /* @__PURE__ */ n.jsx("div", { className: "step step-complete", children: t.icon ?? /* @__PURE__ */ n.jsx("span", { className: "text-white", children: "✓" }) }) : t.finshed ? /* @__PURE__ */ n.jsx("div", { className: "step step-complete", children: t.icon }) : t.active ? /* @__PURE__ */ n.jsx("div", { className: "step step-active", children: t.icon ?? /* @__PURE__ */ n.jsx("h2", { className: "text-white", children: s }) }) : /* @__PURE__ */ n.jsx("div", { className: "step step-default", children: t.icon ?? /* @__PURE__ */ n.jsx("h2", { children: s }) }) : /* @__PURE__ */ n.jsx(z, {});
+  const { steps: s } = N();
+  return s.length ? t.loading ? /* @__PURE__ */ n.jsx("div", { className: "step step-loading", children: /* @__PURE__ */ n.jsx("div", { className: "spinner", role: "status", "aria-label": "Loading" }) }) : t.error ? /* @__PURE__ */ n.jsx("div", { className: "step step-error", children: t.icon ?? /* @__PURE__ */ n.jsx("span", { className: "text-white", children: "✗" }) }) : t.completed ? /* @__PURE__ */ n.jsx("div", { className: "step step-complete", children: t.icon ?? /* @__PURE__ */ n.jsx("span", { className: "text-white", children: "✓" }) }) : t.finshed ? /* @__PURE__ */ n.jsx("div", { className: "step step-complete", children: t.icon }) : t.active ? /* @__PURE__ */ n.jsx("div", { className: "step step-active", children: t.icon ?? /* @__PURE__ */ n.jsx("h2", { className: "text-white", children: o }) }) : /* @__PURE__ */ n.jsx("div", { className: "step step-default", children: t.icon ?? /* @__PURE__ */ n.jsx("h2", { children: o }) }) : /* @__PURE__ */ n.jsx(z, {});
 }, he = () => {
   const { steps: t } = N();
-  return t.length ? /* @__PURE__ */ n.jsx("div", { className: "app-container", children: /* @__PURE__ */ n.jsx("ol", { className: "stepper-header", children: t.map((s, o) => /* @__PURE__ */ n.jsxs(
+  return t.length ? /* @__PURE__ */ n.jsx("div", { className: "app-container", children: /* @__PURE__ */ n.jsx("ol", { className: "stepper-header", children: t.map((o, s) => /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: `step-item ${s.active && "active"} ${s.completed && "complete"} `,
+      className: `step-item ${o.active && "active"} ${o.completed && "complete"} `,
       children: [
-        /* @__PURE__ */ n.jsx(ve, { index: o + 1, step: s }),
+        /* @__PURE__ */ n.jsx(ve, { index: s + 1, step: o }),
         /* @__PURE__ */ n.jsxs("div", { className: "step-text", children: [
-          s.title && /* @__PURE__ */ n.jsx("h3", { className: "step-title", children: s.title }),
-          s.description && /* @__PURE__ */ n.jsx("h3", { className: "step-description", children: s.description })
+          o.title && /* @__PURE__ */ n.jsx("h3", { className: "step-title", children: o.title }),
+          o.description && /* @__PURE__ */ n.jsx("h3", { className: "step-description", children: o.description })
         ] })
       ]
     },
-    o
+    s
   )) }) }) : /* @__PURE__ */ n.jsx(z, {});
 }, be = ({ onClickNext: t }) => {
-  const { handleNextStep: s, handlePrevStep: o, currentStep: v, steps: c } = N(), l = v === c.length - 1, m = () => {
-    c[v].completed || (s(), t(v + 1));
+  const { handleNextStep: o, handlePrevStep: s, currentStep: v, steps: c } = N(), l = v === c.length - 1, m = () => {
+    c[v].completed || (o(), t(v + 1));
   }, p = V(() => ({
     button: "stepper-button",
     fill: "stepper-button-fill"
@@ -360,7 +360,7 @@ const G = le(
       {
         type: "button",
         className: p.button,
-        onClick: o,
+        onClick: s,
         disabled: v < 0,
         children: "Prev"
       }
@@ -376,15 +376,15 @@ const G = le(
     )
   ] });
 }, xe = () => {
-  const { steps: t, currentStep: s } = N();
-  return /* @__PURE__ */ n.jsx("div", { className: "stepper-content", children: t[s] && t[s].children && t[s].children });
+  const { steps: t, currentStep: o } = N();
+  return /* @__PURE__ */ n.jsx("div", { className: "stepper-content", children: t[o] && t[o].children && t[o].children });
 }, _e = ({
   steps: t,
-  onClickNext: s
+  onClickNext: o
 }) => t ? /* @__PURE__ */ n.jsxs(pe, { steppers: t, children: [
   /* @__PURE__ */ n.jsx(he, {}),
   /* @__PURE__ */ n.jsx(xe, {}),
-  /* @__PURE__ */ n.jsx(be, { onClickNext: s })
+  /* @__PURE__ */ n.jsx(be, { onClickNext: o })
 ] }) : /* @__PURE__ */ n.jsx(n.Fragment, {});
 export {
   _e as MultiStepper

package/dist/multi-stepper.umd.js

@@ -20,4 +20,4 @@
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,d,p,_,p),X[p+d]=!0)}if(p=null,a!==void 0&&(s(a),p=""+a),m(r)&&(s(r.key),p=""+r.key),"key"in r){a={};for(var F in r)F!=="key"&&(a[F]=r[F])}else a=r;return p&&v(a,typeof e=="function"?e.displayName||e.name||"Unknown":e),N(e,p,x,E,i(),a,A,C)}function g(e){typeof e=="object"&&e!==null&&e.$$typeof===b&&e._store&&(e._store.validated=1)}var u=c,b=Symbol.for("react.transitional.element"),te=Symbol.for("react.portal"),w=Symbol.for("react.fragment"),ne=Symbol.for("react.strict_mode"),oe=Symbol.for("react.profiler"),se=Symbol.for("react.consumer"),ae=Symbol.for("react.context"),ie=Symbol.for("react.forward_ref"),ce=Symbol.for("react.suspense"),le=Symbol.for("react.suspense_list"),ue=Symbol.for("react.memo"),L=Symbol.for("react.lazy"),de=Symbol.for("react.activity"),pe=Symbol.for("react.client.reference"),O=u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,U=Object.prototype.hasOwnProperty,fe=Array.isArray,P=console.createTask?console.createTask:function(){return null};u={react_stack_bottom_frame:function(e){return e()}};var W,J={},V=u.react_stack_bottom_frame.bind(u,l)(),G=P(h(l)),X={};R.Fragment=w,R.jsx=function(e,r,a,d,E){var x=1e4>O.recentlyCreatedOwnerStacks++;return f(e,r,a,!1,d,E,x?Error("react-stack-top-frame"):V,x?P(h(e)):G)},R.jsxs=function(e,r,a,d,E){var x=1e4>O.recentlyCreatedOwnerStacks++;return f(e,r,a,!0,d,E,x?Error("react-stack-top-frame"):V,x?P(h(e)):G)}}()),R}var I;function Z(){return I||(I=1,process.env.NODE_ENV==="production"?y.exports=H():y.exports=B()),y.exports}var n=Z();const D=c.createContext(void 0),S=()=>{const t=c.useContext(D);if(!t)throw new Error("useMultiStepperForm must be used within a MultiStepperProvider");return t},Q=({children:t,steppers:o})=>{const[s,h]=c.useState(0),[i,l]=c.useState([]);c.useEffect(()=>{if(o.length){const f=[...o];f[0].active=!0,l(f)}},[o.length]);const m=c.useCallback(f=>{l(g=>{const u=[...g];if(f>g.length-1)return g;u[s]&&(u[s]={...u[s],active:!1}),u[f]&&(u[f]={...u[f],active:!0});for(let b=0;b<f;b++)u[b]={...u[b],completed:!0};for(let b=f;b<u.length;b++)u[b]={...u[b],completed:!1};return u}),h(f)},[s]),v=c.useCallback(()=>{s<i.length-1?m(s+1):l(f=>{const g=[...f];return g[s]={...g[s],completed:!0},g})},[s,i.length,m]),T=c.useCallback(()=>{s>0&&m(s-1)},[s,m]),N=c.useMemo(()=>({currentStep:s,steps:i,handleNextStep:v,handlePrevStep:T,updateSteps:m}),[s,i,v,T,m]);return n.jsx(D.Provider,{value:N,children:t})},K=({step:t,index:o})=>{const{steps:s}=S();return s.length?t.loading?n.jsx("div",{className:"step step-loading",children:n.jsx("div",{className:"spinner",role:"status","aria-label":"Loading"})}):t.error?n.jsx("div",{className:"step step-error",children:t.icon??n.jsx("span",{className:"text-white",children:"✗"})}):t.completed?n.jsx("div",{className:"step step-complete",children:t.icon??n.jsx("span",{className:"text-white",children:"✓"})}):t.finshed?n.jsx("div",{className:"step step-complete",children:t.icon}):t.active?n.jsx("div",{className:"step step-active",children:t.icon??n.jsx("h2",{className:"text-white",children:o})}):n.jsx("div",{className:"step step-default",children:t.icon??n.jsx("h2",{children:o})}):n.jsx(c.Fragment,{})},q=()=>{const{steps:t}=S();return t.length?n.jsx("div",{className:"app-container",children:n.jsx("ol",{className:"stepper-header",children:t.map((o,s)=>n.jsxs("div",{className:`step-item ${o.active&&"active"} ${o.completed&&"complete"} `,children:[n.jsx(K,{index:s+1,step:o}),n.jsxs("div",{className:"step-text",children:[o.title&&n.jsx("h3",{className:"step-title",children:o.title}),o.description&&n.jsx("h3",{className:"step-description",children:o.description})]})]},s))})}):n.jsx(c.Fragment,{})},$=({onClickNext:t})=>{const{handleNextStep:o,handlePrevStep:s,currentStep:h,steps:i}=S(),l=h===i.length-1,m=()=>{i[h].completed||(o(),t(h+1))},v=c.useMemo(()=>({button:"stepper-button",fill:"stepper-button-fill"}),[]);return n.jsxs("div",{className:"stepper-footer",children:[n.jsx("button",{type:"button",className:v.button,onClick:s,disabled:h<0,children:"Prev"}),n.jsx("button",{type:"button",className:`${l?`${v.button} ${v.fill}`:v.button}`,onClick:m,children:l?"Finish":"Next"})]})},ee=()=>{const{steps:t,currentStep:o}=S();return n.jsx("div",{className:"stepper-content",children:t[o]&&t[o].children&&t[o].children})},re=({steps:t,onClickNext:o})=>t?n.jsxs(Q,{steppers:t,children:[n.jsx(q,{}),n.jsx(ee,{}),n.jsx($,{onClickNext:o})]}):n.jsx(n.Fragment,{});j.MultiStepper=re,Object.defineProperty(j,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,d,p,_,p),X[p+d]=!0)}if(p=null,a!==void 0&&(s(a),p=""+a),m(r)&&(s(r.key),p=""+r.key),"key"in r){a={};for(var F in r)F!=="key"&&(a[F]=r[F])}else a=r;return p&&v(a,typeof e=="function"?e.displayName||e.name||"Unknown":e),N(e,p,x,E,i(),a,A,C)}function g(e){typeof e=="object"&&e!==null&&e.$$typeof===b&&e._store&&(e._store.validated=1)}var u=c,b=Symbol.for("react.transitional.element"),te=Symbol.for("react.portal"),w=Symbol.for("react.fragment"),ne=Symbol.for("react.strict_mode"),oe=Symbol.for("react.profiler"),se=Symbol.for("react.consumer"),ae=Symbol.for("react.context"),ie=Symbol.for("react.forward_ref"),ce=Symbol.for("react.suspense"),le=Symbol.for("react.suspense_list"),ue=Symbol.for("react.memo"),L=Symbol.for("react.lazy"),de=Symbol.for("react.activity"),pe=Symbol.for("react.client.reference"),O=u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,U=Object.prototype.hasOwnProperty,fe=Array.isArray,P=console.createTask?console.createTask:function(){return null};u={react_stack_bottom_frame:function(e){return e()}};var W,J={},V=u.react_stack_bottom_frame.bind(u,l)(),G=P(h(l)),X={};R.Fragment=w,R.jsx=function(e,r,a,d,E){var x=1e4>O.recentlyCreatedOwnerStacks++;return f(e,r,a,!1,d,E,x?Error("react-stack-top-frame"):V,x?P(h(e)):G)},R.jsxs=function(e,r,a,d,E){var x=1e4>O.recentlyCreatedOwnerStacks++;return f(e,r,a,!0,d,E,x?Error("react-stack-top-frame"):V,x?P(h(e)):G)}}()),R}var I;function Z(){return I||(I=1,process.env.NODE_ENV==="production"?y.exports=H():y.exports=B()),y.exports}var n=Z();const D=c.createContext(void 0),S=()=>{const t=c.useContext(D);if(!t)throw new Error("useMultiStepperForm must be used within a MultiStepperProvider");return t},Q=({children:t,steppers:o})=>{const[s,h]=c.useState(0),[i,l]=c.useState([]);c.useEffect(()=>{if(o.length){const f=[...o];f[0].active=!0,l(f)}},[o,o.length]);const m=c.useCallback(f=>{l(g=>{const u=[...g];if(f>g.length-1)return g;u[s]&&(u[s]={...u[s],active:!1}),u[f]&&(u[f]={...u[f],active:!0});for(let b=0;b<f;b++)u[b]={...u[b],completed:!0};for(let b=f;b<u.length;b++)u[b]={...u[b],completed:!1};return u}),h(f)},[s]),v=c.useCallback(()=>{s<i.length-1?m(s+1):l(f=>{const g=[...f];return g[s]={...g[s],completed:!0},g})},[s,i.length,m]),T=c.useCallback(()=>{s>0&&m(s-1)},[s,m]),N=c.useMemo(()=>({currentStep:s,steps:i,handleNextStep:v,handlePrevStep:T,updateSteps:m}),[s,i,v,T,m]);return n.jsx(D.Provider,{value:N,children:t})},K=({step:t,index:o})=>{const{steps:s}=S();return s.length?t.loading?n.jsx("div",{className:"step step-loading",children:n.jsx("div",{className:"spinner",role:"status","aria-label":"Loading"})}):t.error?n.jsx("div",{className:"step step-error",children:t.icon??n.jsx("span",{className:"text-white",children:"✗"})}):t.completed?n.jsx("div",{className:"step step-complete",children:t.icon??n.jsx("span",{className:"text-white",children:"✓"})}):t.finshed?n.jsx("div",{className:"step step-complete",children:t.icon}):t.active?n.jsx("div",{className:"step step-active",children:t.icon??n.jsx("h2",{className:"text-white",children:o})}):n.jsx("div",{className:"step step-default",children:t.icon??n.jsx("h2",{children:o})}):n.jsx(c.Fragment,{})},q=()=>{const{steps:t}=S();return t.length?n.jsx("div",{className:"app-container",children:n.jsx("ol",{className:"stepper-header",children:t.map((o,s)=>n.jsxs("div",{className:`step-item ${o.active&&"active"} ${o.completed&&"complete"} `,children:[n.jsx(K,{index:s+1,step:o}),n.jsxs("div",{className:"step-text",children:[o.title&&n.jsx("h3",{className:"step-title",children:o.title}),o.description&&n.jsx("h3",{className:"step-description",children:o.description})]})]},s))})}):n.jsx(c.Fragment,{})},$=({onClickNext:t})=>{const{handleNextStep:o,handlePrevStep:s,currentStep:h,steps:i}=S(),l=h===i.length-1,m=()=>{i[h].completed||(o(),t(h+1))},v=c.useMemo(()=>({button:"stepper-button",fill:"stepper-button-fill"}),[]);return n.jsxs("div",{className:"stepper-footer",children:[n.jsx("button",{type:"button",className:v.button,onClick:s,disabled:h<0,children:"Prev"}),n.jsx("button",{type:"button",className:`${l?`${v.button} ${v.fill}`:v.button}`,onClick:m,children:l?"Finish":"Next"})]})},ee=()=>{const{steps:t,currentStep:o}=S();return n.jsx("div",{className:"stepper-content",children:t[o]&&t[o].children&&t[o].children})},re=({steps:t,onClickNext:o})=>t?n.jsxs(Q,{steppers:t,children:[n.jsx(q,{}),n.jsx(ee,{}),n.jsx($,{onClickNext:o})]}):n.jsx(n.Fragment,{});j.MultiStepper=re,Object.defineProperty(j,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -3,7 +3,7 @@
   "main": "./dist/multi-stepper.umd.js",
   "module": "./dist/multi-stepper.es.js",
   "types": "./dist/index.d.ts",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "type": "module",
   "repository": {
     "url": "https://github.com/UppiliSrinivas/react-stepper/tree/multi-stepper"
@@ -31,7 +31,6 @@
     "@vitejs/plugin-react-swc": "^3.11.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "reactjs-multi-stepper": "^1.1.4",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2"
   },