@mailstep/design-system 0.6.75-beta.4 → 0.6.75-beta.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.6.75-beta.4",
+  "version": "0.6.75-beta.6",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Blocks/Stepper/Stepper.js

@@ -8,6 +8,7 @@ export var Stepper = function (_a) {
     useEffect(function () {
         var _a;
         if (!!activeStep && !((_a = items[activeStep - 1]) === null || _a === void 0 ? void 0 : _a.completed)) {
+            console.log('USE EFFECT RESET');
             handleChangeStep === null || handleChangeStep === void 0 ? void 0 : handleChangeStep(0)();
         }
     }, [items]);

package/ui/Blocks/Stepper/hooks/useStepper.js

@@ -4,6 +4,7 @@ export var useStepper = function (_a) {
     var _b = useState(0), activeStep = _b[0], setActiveStep = _b[1];
     var _c = useState(false), isSuccess = _c[0], setSuccess = _c[1];
     var handleReset = useCallback(function () {
+        console.log('RESET');
         setActiveStep(0);
         setSuccess(false);
     }, []);
@@ -15,9 +16,11 @@ export var useStepper = function (_a) {
             setSuccess(true);
             return;
         }
+        console.log('SET ACTIVE STEP', activeStep + 1);
         setActiveStep(activeStep + 1);
     }, [activeStep, totalSteps, handleReset]);
     var handleChangeStep = useCallback(function (step) { return function () {
+        console.log('handleChangeStep');
         setActiveStep(step);
     }; }, []);
     return { activeStep: activeStep, handleChangeStep: handleChangeStep, handleGoToNextStep: handleGoToNextStep, isSuccess: isSuccess, handleReset: handleReset };

package/ui/index.es.js

@@ -51722,7 +51722,7 @@ const vke = /* @__PURE__ */ Da(gke), mke = st`
   }, [e, t]);
   return At(() => {
     var c;
-    t && !((c = e[t - 1]) != null && c.completed) && (n == null || n(0)());
+    t && !((c = e[t - 1]) != null && c.completed) && (console.log("USE EFFECT RESET"), n == null || n(0)());
   }, [e]), e != null && e.length ? /* @__PURE__ */ g.jsxs(xke, { children: [
     /* @__PURE__ */ g.jsx(Ske, { total: e.length, hasComponent: !!l, children: e.map(({
       title: c,
@@ -51737,15 +51737,15 @@ const vke = /* @__PURE__ */ Da(gke), mke = st`
   totalSteps: e
 }) => {
   const [t, r] = Fe(0), [n, i] = Fe(!1), o = Ce(() => {
-    r(0), i(!1);
+    console.log("RESET"), r(0), i(!1);
   }, []), l = Ce(() => {
     if (console.log("handleGoToNextStep"), t + 1 === e) {
       console.log("success, reset"), o(), i(!0);
       return;
     }
-    r(t + 1);
+    console.log("SET ACTIVE STEP", t + 1), r(t + 1);
   }, [t, e, o]), c = Ce((u) => () => {
-    r(u);
+    console.log("handleChangeStep"), r(u);
   }, []);
   return {
     activeStep: t,

package/ui/index.umd.js

@@ -3953,7 +3953,7 @@ ${$.current.stack}
     flex-direction: row;
     width: auto;
   }
-`,COe=({items:e,activeStep:t,hasStepNumbering:r,handleChangeStep:n,handleGoToNextStep:i,isLoading:o})=>{const l=I.useMemo(()=>{var u;return(u=e[t])==null?void 0:u.component},[e,t]);return I.useEffect(()=>{var u;t&&!((u=e[t-1])!=null&&u.completed)&&(n==null||n(0)())},[e]),e!=null&&e.length?g.jsxs(bOe,{children:[g.jsx(yOe,{total:e.length,hasComponent:!!l,children:e.map(({title:u,disabled:c,visible:f,completed:A,icon:p},v)=>g.jsx(mOe,{onClick:n==null?void 0:n(v),title:u,index:v,total:e.length,activeStep:t,disabled:c,visible:f,completed:A,hasStepNumbering:r,icon:p},u))}),l&&g.jsx(l,{handleGoToNextStep:i,isLoading:o})]}):null},wOe=({totalSteps:e})=>{const[t,r]=I.useState(0),[n,i]=I.useState(!1),o=I.useCallback(()=>{r(0),i(!1)},[]),l=I.useCallback(()=>{if(console.log("handleGoToNextStep"),t+1===e){console.log("success, reset"),o(),i(!0);return}r(t+1)},[t,e,o]),u=I.useCallback(c=>()=>{r(c)},[]);return{activeStep:t,handleChangeStep:u,handleGoToNextStep:l,isSuccess:n,handleReset:o}},xOe=ee(tt.div)`
+`,COe=({items:e,activeStep:t,hasStepNumbering:r,handleChangeStep:n,handleGoToNextStep:i,isLoading:o})=>{const l=I.useMemo(()=>{var u;return(u=e[t])==null?void 0:u.component},[e,t]);return I.useEffect(()=>{var u;t&&!((u=e[t-1])!=null&&u.completed)&&(console.log("USE EFFECT RESET"),n==null||n(0)())},[e]),e!=null&&e.length?g.jsxs(bOe,{children:[g.jsx(yOe,{total:e.length,hasComponent:!!l,children:e.map(({title:u,disabled:c,visible:f,completed:A,icon:p},v)=>g.jsx(mOe,{onClick:n==null?void 0:n(v),title:u,index:v,total:e.length,activeStep:t,disabled:c,visible:f,completed:A,hasStepNumbering:r,icon:p},u))}),l&&g.jsx(l,{handleGoToNextStep:i,isLoading:o})]}):null},wOe=({totalSteps:e})=>{const[t,r]=I.useState(0),[n,i]=I.useState(!1),o=I.useCallback(()=>{console.log("RESET"),r(0),i(!1)},[]),l=I.useCallback(()=>{if(console.log("handleGoToNextStep"),t+1===e){console.log("success, reset"),o(),i(!0);return}console.log("SET ACTIVE STEP",t+1),r(t+1)},[t,e,o]),u=I.useCallback(c=>()=>{console.log("handleChangeStep"),r(c)},[]);return{activeStep:t,handleChangeStep:u,handleGoToNextStep:l,isSuccess:n,handleReset:o}},xOe=ee(tt.div)`
   margin-right: 1em;
 `,SOe=ee.div`
   display: flex;