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

package/package.json

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

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

@@ -8,7 +8,9 @@ export var useStepper = function (_a) {
         setSuccess(false);
     }, []);
     var handleGoToNextStep = useCallback(function () {
+        console.log('handleGoToNextStep');
         if (activeStep + 1 === totalSteps) {
+            console.log('success, reset');
             handleReset();
             setSuccess(true);
             return;

package/ui/Elements/Toggle/Toggle.js

@@ -39,7 +39,7 @@ var StyledSpaceAroundWrap = styled(SpaceAroundWrap)(templateObject_1 || (templat
     var labelPosition = _a.labelPosition;
     return (isHorizontal(labelPosition) ? 'margin-top: 1rem' : '');
 });
-var StyledFieldLabel = styled(FieldLabel)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), function (_a) {
+var StyledFieldLabel = styled(FieldLabel)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  cursor: pointer;\n  ", "\n  ", "\n"], ["\n  cursor: pointer;\n  ", "\n  ", "\n"])), function (_a) {
     var labelPosition = _a.labelPosition;
     return (isHorizontal(labelPosition) ? 'margin-bottom: 0;' : '');
 }, function (_a) {

package/ui/index.es.js

@@ -24263,6 +24263,7 @@ const sie = $.div`
   labelPosition: e
 }) => iR(e) ? "margin-top: 1rem" : ""}
 `, hie = $(Vg)`
+  cursor: pointer;
   ${({
   labelPosition: e
 }) => iR(e) ? "margin-bottom: 0;" : ""}
@@ -51738,8 +51739,8 @@ const vke = /* @__PURE__ */ Da(gke), mke = st`
   const [t, r] = Fe(0), [n, i] = Fe(!1), o = Ce(() => {
     r(0), i(!1);
   }, []), l = Ce(() => {
-    if (t + 1 === e) {
-      o(), i(!0);
+    if (console.log("handleGoToNextStep"), t + 1 === e) {
+      console.log("success, reset"), o(), i(!0);
       return;
     }
     r(t + 1);

package/ui/index.umd.js

@@ -1689,6 +1689,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   justify-content: ${({labelPosition:e})=>e==="right"?"flex-end":"flex-start"};
   ${({labelPosition:e})=>MM(e)?"margin-top: 1rem":""}
 `,uae=ee(E0)`
+  cursor: pointer;
   ${({labelPosition:e})=>MM(e)?"margin-bottom: 0;":""}
   ${({labelPosition:e})=>e==="left"?"margin-right: 1rem;":e==="right"?"margin-left: 1rem;":""}
 `,cae=nt`
@@ -3952,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(t+1===e){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)&&(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)`
   margin-right: 1em;
 `,SOe=ee.div`
   display: flex;