greenole-design-system 1.1.89 → 1.1.90

package/dist/greenole-design-system.cjs.js

@@ -2206,7 +2206,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[Y8]+=1);const p1={h1:B`
   cursor: pointer;
   ${({$direction:e})=>e==="right"&&"right: 16px;"}
   ${({$direction:e})=>e==="left"&&"left: 16px;"}
-`,BC=({show:e,title:t,subtitle:n,children:r,width:s,isMobile:o=!1,showOverlay:a=!1,cancelButtonText:l,confirmButtonText:c,direction:h="right",cancelButton:u,confirmButton:f,steps:C,activeStep:g,timelineShowEdgeSpacing:m=!1,container:v,onStepChange:x,onClose:E,onCancel:L,onConfirm:k,t:w})=>{const[y,b]=d.useState(e),[M,j]=d.useState(1),Z=g!==void 0,$=Z?g:M,{t:P}=n1(),z=w||P,N=l??z("COMMON_TEXTS.CANCEL",{defaultValue:"Cancel"}),A=c??z("COMMON_TEXTS.CONFIRM",{defaultValue:"Confirm"}),{isMobileOrTablet:T}=j0(),I=o||T;d.useEffect(()=>{const F=e&&a;if(!globalThis.location.href.includes("iframe.html"))return F&&(document.body.style.overflow="hidden",document.body.classList.add("modal-open")),()=>{document.body.style.overflow="",document.body.classList.remove("modal-open")}},[e,a]),d.useEffect(()=>{if(e)b(!0);else{const F=setTimeout(()=>b(!1),300);return()=>clearTimeout(F)}},[e]),d.useEffect(()=>{Z||x==null||x(M)},[M,Z,x]),d.useEffect(()=>{g!==void 0&&j(g)},[g]),d.useEffect(()=>{e&&!Z&&j(1)},[e,Z]);const _=F=>{if(Z){x==null||x(F);return}j(F)};return y?t1.createPortal(i.jsxs(i.Fragment,{children:[a&&i.jsx(SC,{$show:e,onClick:E}),i.jsxs(AC,{$show:e,$isMobile:I,$width:s,$direction:h,children:[E&&i.jsx(RC,{onClick:E,type:"button",$direction:h,children:i.jsx(i1,{})}),(t||n)&&i.jsxs(TC,{$direction:h,children:[t&&i.jsx(PC,{children:t}),n&&i.jsx(OC,{children:n})]}),(C==null?void 0:C.length)&&i.jsx(DC,{children:i.jsx(oi,{steps:C,activeStep:$,onStepClick:_,template:"step",showEdgeSpacing:m,disableStepAnimation:!0})}),i.jsx(FC,{$direction:h,children:r}),(L||k)&&i.jsxs($C,{$direction:h,children:[u??i.jsx(G0,{type:"button",color:"danger",variant:"tertiary",onClick:L,children:N}),f??i.jsx(G0,{type:"button",onClick:k,children:A})]})]})]}),v||document.body):null},IC=H.div`
+`,BC=({show:e,title:t,subtitle:n,children:r,width:s,isMobile:o=!1,showOverlay:a=!1,cancelButtonText:l,confirmButtonText:c,direction:h="right",cancelButton:u,confirmButton:f,steps:C,activeStep:g,timelineShowEdgeSpacing:m=!1,container:v,onStepChange:x,onClose:E,onCancel:L,onConfirm:k,t:w})=>{const[y,b]=d.useState(e),[M,j]=d.useState(1),Z=g!==void 0,$=Z?g:M,{t:P}=n1(),z=w||P,N=l??z("COMMON_TEXTS.CANCEL",{defaultValue:"Cancel"}),A=c??z("COMMON_TEXTS.CONFIRM",{defaultValue:"Confirm"}),{isMobileOrTablet:T}=j0(),I=o||T;d.useEffect(()=>{const F=e&&a;if(!globalThis.location.href.includes("iframe.html"))return F&&(document.body.style.overflow="hidden",document.body.classList.add("modal-open")),()=>{document.body.style.overflow="",document.body.classList.remove("modal-open")}},[e,a]),d.useEffect(()=>{if(e)b(!0);else{const F=setTimeout(()=>b(!1),300);return()=>clearTimeout(F)}},[e]),d.useEffect(()=>{Z||x==null||x(M)},[M,Z,x]),d.useEffect(()=>{g!==void 0&&j(g)},[g]),d.useEffect(()=>{e&&!Z&&j(1)},[e,Z]);const _=F=>{if(Z){x==null||x(F);return}j(F)};return y?t1.createPortal(i.jsxs(i.Fragment,{children:[a&&i.jsx(SC,{$show:e,onClick:E}),i.jsxs(AC,{$show:e,$isMobile:I,$width:s,$direction:h,children:[E&&i.jsx(RC,{onClick:E,type:"button",$direction:h,children:i.jsx(i1,{})}),(t||n)&&i.jsxs(TC,{$direction:h,children:[t&&i.jsx(PC,{children:t}),n&&i.jsx(OC,{children:n})]}),(C==null?void 0:C.length)&&i.jsx(DC,{children:i.jsx(oi,{steps:C,activeStep:$,onStepClick:_,template:"step",showEdgeSpacing:m,centerEdgeLabels:!0,disableStepAnimation:!0})}),i.jsx(FC,{$direction:h,children:r}),(L||k)&&i.jsxs($C,{$direction:h,children:[u??i.jsx(G0,{type:"button",color:"danger",variant:"tertiary",onClick:L,children:N}),f??i.jsx(G0,{type:"button",onClick:k,children:A})]})]})]}),v||document.body):null},IC=H.div`
   display: flex;
   flex-direction: column;
   align-items: center;

package/dist/greenole-design-system.js

@@ -12846,6 +12846,7 @@ const zC = {
                 onStepClick: N,
                 template: "step",
                 showEdgeSpacing: g,
+                centerEdgeLabels: !0,
                 disableStepAnimation: !0
               }
             ) }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "greenole-design-system",
-  "version": "1.1.89",
+  "version": "1.1.90",
   "type": "module",
   "main": "dist/greenole-design-system.cjs.js",
   "module": "dist/greenole-design-system.js",