@equisoft/design-elements-react 5.6.1-snapshot.20231009225712 → 5.6.1-snapshot.20231010192739

package/dist/bundle.js

@@ -1582,7 +1582,7 @@
     align-items: center;
     display: flex;
     margin-left: calc(-1 * var(--spacing-4x));
-`;t.ModalDialog=({appElement:e,ariaDescribedby:t,ariaHideApp:n,ariaLabel:a,dialogType:r="action",cancelButton:i,children:u,className:c,confirmButton:h,footerContent:f,hasCloseButton:M,isOpen:C,parentSelector:x,shouldCloseOnOverlayClick:S=!0,subtitle:T,title:H,titleIcon:P,onRequestClose:V})=>{const{isMobile:q}=(0,m.useDeviceContext)(),{t:O}=(0,s.useTranslation)("modal-dialog"),L=(0,l.useMemo)(d.v4,[]),D=(0,l.useRef)(null),A="alert"===r?"alertFilled":P,j=!(!H||!A);function I(){var e;null===(e=null==h?void 0:h.onConfirm)||void 0===e||e.call(h)}function R(){(null==i?void 0:i.onCancel)?i.onCancel():V()}return(0,o.jsx)(g,{ariaDescribedby:t,ariaHideApp:n,ariaLabel:H?void 0:a,ariaLabelledBy:H?L:void 0,className:c,modalHeader:function(){const e=j?k:l.Fragment;if(H||T)return(0,o.jsxs)(o.Fragment,{children:[H&&(0,o.jsxs)(e,{children:[A&&(0,o.jsx)(E,{name:A,size:"24","data-testid":"title-icon"}),(0,o.jsx)(p.Heading,{id:L,ref:D,type:"large",tag:"h2",noMargin:!0,children:H})]}),T&&(0,o.jsx)(y,{hasTitle:void 0!==H,isMobile:q,children:T})]})}(),hasCloseButton:M,modalFooter:f||function(){const e="alert"===r?"destructive":"primary";return(0,o.jsxs)(b,{isMobile:q,$hasTitleIcon:j,children:["information"!==r&&(0,o.jsx)(_,{"data-testid":"cancel-button",label:(null==i?void 0:i.label)||O("cancelButtonLabel"),buttonType:"tertiary",onClick:R}),(0,o.jsx)(w,{"data-testid":"confirm-button",label:(null==h?void 0:h.label)||O("confirmButtonLabel"),buttonType:e,onClick:I,isMobile:q})]})}(),parentSelector:x,role:v[r],onAfterOpen:()=>{var e;return null===(e=D.current)||void 0===e?void 0:e.focus()},onRequestClose:V,isOpen:C,appElement:e,shouldCloseOnOverlayClick:S,$hasTitleIcon:j,children:u})};try{t.ModalDialog.displayName="ModalDialog",t.ModalDialog.__docgenInfo={description:"",displayName:"ModalDialog",props:{appElement:{defaultValue:null,description:"Takes a query selector targeting the app Element.",name:"appElement",required:!1,type:{name:"string"}},ariaDescribedby:{defaultValue:null,description:"",name:"ariaDescribedby",required:!1,type:{name:"string"}},ariaHideApp:{defaultValue:null,description:"Boolean indicating if the appElement should be hidden. Defaults to true.\nShould only be used for test purposes.",name:"ariaHideApp",required:!1,type:{name:"boolean"}},ariaLabel:{defaultValue:null,description:"Is set to title value if title is set",name:"ariaLabel",required:!1,type:{name:"string"}},cancelButton:{defaultValue:null,description:"",name:"cancelButton",required:!1,type:{name:"{ label?: string; onCancel?(): void; }"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},confirmButton:{defaultValue:null,description:"",name:"confirmButton",required:!1,type:{name:"{ label?: string; onConfirm?(): void; }"}},footerContent:{defaultValue:null,description:"",name:"footerContent",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},hasCloseButton:{defaultValue:null,description:"",name:"hasCloseButton",required:!1,type:{name:"boolean"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},parentSelector:{defaultValue:null,description:"",name:"parentSelector",required:!1,type:{name:"(() => HTMLElement)"}},shouldCloseOnOverlayClick:{defaultValue:{value:!0},description:"Defines if the overlay click should close the modal",name:"shouldCloseOnOverlayClick",required:!1,type:{name:"boolean"}},subtitle:{defaultValue:null,description:"",name:"subtitle",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},titleIcon:{defaultValue:null,description:"",name:"titleIcon",required:!1,type:{name:"enum",value:[{value:'"alertCircle"'},{value:'"alertFilled"'},{value:'"alertTriangle"'},{value:'"alertOctagon"'},{value:'"arrowDown"'},{value:'"arrowLeft"'},{value:'"arrowRight"'},{value:'"arrowUp"'},{value:'"bell"'},{value:'"bento"'},{value:'"calendar"'},{value:'"caretDown"'},{value:'"caretRight"'},{value:'"check"'},{value:'"chevronDown"'},{value:'"chevronLeft"'},{value:'"chevronRight"'},{value:'"chevronUp"'},{value:'"chevronsLeft"'},{value:'"chevronsRight"'},{value:'"circle"'},{value:'"contracts"'},{value:'"copy"'},{value:'"edit"'},{value:'"equisoft"'},{value:'"externalLink"'},{value:'"eye"'},{value:'"eyeOff"'},{value:'"files"'},{value:'"helpCircle"'},{value:'"history"'},{value:'"home"'},{value:'"info"'},{value:'"mail"'},{value:'"mapPin"'},{value:'"megaphone"'},{value:'"menu"'},{value:'"minus"'},{value:'"moreHorizontal"'},{value:'"moreVertical"'},{value:'"organization"'},{value:'"open"'},{value:'"phone"'},{value:'"plusSign"'},{value:'"reorder"'},{value:'"search"'},{value:'"settings"'},{value:'"star"'},{value:'"transfer"'},{value:'"trash"'},{value:'"user"'},{value:'"users"'},{value:'"warningFilled"'},{value:'"x"'}]}},dialogType:{defaultValue:{value:"action"},description:"",name:"dialogType",required:!1,type:{name:"enum",value:[{value:'"alert"'},{value:'"action"'},{value:'"information"'}]}},onRequestClose:{defaultValue:null,description:"",name:"onRequestClose",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/modal/modal-dialog.tsx#ModalDialog"]={docgenInfo:t.ModalDialog.__docgenInfo,name:"ModalDialog",path:"src/components/modal/modal-dialog.tsx#ModalDialog"})}catch(e){}},8556:function(e,t,n){"use strict";var a=this&&this.__createBinding||(Object.create?function(e,t,n,a){void 0===a&&(a=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,a,r)}:function(e,t,n,a){void 0===a&&(a=n),e[a]=t[n]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&a(t,e,n);return r(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Modal=void 0;const l=n(348),u=n(8156),s=o(n(1658)),d=i(n(1608)),c=n(3922),m=n(5642),p=n(9280);function h({noPadding:e,isMobile:t}){return e?"0":t?"var(--spacing-2x)":"var(--spacing-4x)"}function f({hasCloseButton:e,noPadding:t,isMobile:n}){return t?"0":n?e?"var(--spacing-2x)":"var(--spacing-3x)":"var(--spacing-4x)"}const v=(0,d.default)(s.default)`
+`;t.ModalDialog=({appElement:e,ariaDescribedby:t,ariaHideApp:n,ariaLabel:a,dialogType:r="action",cancelButton:i,children:u,className:c,confirmButton:h,footerContent:f,hasCloseButton:M,isOpen:C,parentSelector:x,shouldCloseOnOverlayClick:S=!0,subtitle:T,title:H,titleIcon:P,onRequestClose:V})=>{const{isMobile:q}=(0,m.useDeviceContext)(),{t:O}=(0,s.useTranslation)("modal-dialog"),L=(0,l.useMemo)(d.v4,[]),D=(0,l.useRef)(null),A="alert"===r?"alertFilled":P,j=!(!H||!A);function I(){var e;null===(e=null==h?void 0:h.onConfirm)||void 0===e||e.call(h)}function R(){(null==i?void 0:i.onCancel)?i.onCancel():V()}return(0,o.jsx)(g,{ariaDescribedby:t,ariaHideApp:n,ariaLabel:H?void 0:a,ariaLabelledBy:H?L:void 0,className:c,modalHeader:function(){const e=j?k:l.Fragment;if(H||T)return(0,o.jsxs)(o.Fragment,{children:[H&&(0,o.jsxs)(e,{children:[A&&(0,o.jsx)(E,{name:A,size:"24","data-testid":"title-icon"}),(0,o.jsx)(p.Heading,{id:L,ref:D,type:"medium",tag:"h2",noMargin:!0,children:H})]}),T&&(0,o.jsx)(y,{hasTitle:void 0!==H,isMobile:q,children:T})]})}(),hasCloseButton:M,modalFooter:f||function(){const e="alert"===r?"destructive":"primary";return(0,o.jsxs)(b,{isMobile:q,$hasTitleIcon:j,children:["information"!==r&&(0,o.jsx)(_,{"data-testid":"cancel-button",label:(null==i?void 0:i.label)||O("cancelButtonLabel"),buttonType:"tertiary",onClick:R}),(0,o.jsx)(w,{"data-testid":"confirm-button",label:(null==h?void 0:h.label)||O("confirmButtonLabel"),buttonType:e,onClick:I,isMobile:q})]})}(),parentSelector:x,role:v[r],onAfterOpen:()=>{var e;return null===(e=D.current)||void 0===e?void 0:e.focus()},onRequestClose:V,isOpen:C,appElement:e,shouldCloseOnOverlayClick:S,$hasTitleIcon:j,children:u})};try{t.ModalDialog.displayName="ModalDialog",t.ModalDialog.__docgenInfo={description:"",displayName:"ModalDialog",props:{appElement:{defaultValue:null,description:"Takes a query selector targeting the app Element.",name:"appElement",required:!1,type:{name:"string"}},ariaDescribedby:{defaultValue:null,description:"",name:"ariaDescribedby",required:!1,type:{name:"string"}},ariaHideApp:{defaultValue:null,description:"Boolean indicating if the appElement should be hidden. Defaults to true.\nShould only be used for test purposes.",name:"ariaHideApp",required:!1,type:{name:"boolean"}},ariaLabel:{defaultValue:null,description:"Is set to title value if title is set",name:"ariaLabel",required:!1,type:{name:"string"}},cancelButton:{defaultValue:null,description:"",name:"cancelButton",required:!1,type:{name:"{ label?: string; onCancel?(): void; }"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},confirmButton:{defaultValue:null,description:"",name:"confirmButton",required:!1,type:{name:"{ label?: string; onConfirm?(): void; }"}},footerContent:{defaultValue:null,description:"",name:"footerContent",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},hasCloseButton:{defaultValue:null,description:"",name:"hasCloseButton",required:!1,type:{name:"boolean"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},parentSelector:{defaultValue:null,description:"",name:"parentSelector",required:!1,type:{name:"(() => HTMLElement)"}},shouldCloseOnOverlayClick:{defaultValue:{value:!0},description:"Defines if the overlay click should close the modal",name:"shouldCloseOnOverlayClick",required:!1,type:{name:"boolean"}},subtitle:{defaultValue:null,description:"",name:"subtitle",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},titleIcon:{defaultValue:null,description:"",name:"titleIcon",required:!1,type:{name:"enum",value:[{value:'"alertCircle"'},{value:'"alertFilled"'},{value:'"alertTriangle"'},{value:'"alertOctagon"'},{value:'"arrowDown"'},{value:'"arrowLeft"'},{value:'"arrowRight"'},{value:'"arrowUp"'},{value:'"bell"'},{value:'"bento"'},{value:'"calendar"'},{value:'"caretDown"'},{value:'"caretRight"'},{value:'"check"'},{value:'"chevronDown"'},{value:'"chevronLeft"'},{value:'"chevronRight"'},{value:'"chevronUp"'},{value:'"chevronsLeft"'},{value:'"chevronsRight"'},{value:'"circle"'},{value:'"contracts"'},{value:'"copy"'},{value:'"edit"'},{value:'"equisoft"'},{value:'"externalLink"'},{value:'"eye"'},{value:'"eyeOff"'},{value:'"files"'},{value:'"helpCircle"'},{value:'"history"'},{value:'"home"'},{value:'"info"'},{value:'"mail"'},{value:'"mapPin"'},{value:'"megaphone"'},{value:'"menu"'},{value:'"minus"'},{value:'"moreHorizontal"'},{value:'"moreVertical"'},{value:'"organization"'},{value:'"open"'},{value:'"phone"'},{value:'"plusSign"'},{value:'"reorder"'},{value:'"search"'},{value:'"settings"'},{value:'"star"'},{value:'"transfer"'},{value:'"trash"'},{value:'"user"'},{value:'"users"'},{value:'"warningFilled"'},{value:'"x"'}]}},dialogType:{defaultValue:{value:"action"},description:"",name:"dialogType",required:!1,type:{name:"enum",value:[{value:'"alert"'},{value:'"action"'},{value:'"information"'}]}},onRequestClose:{defaultValue:null,description:"",name:"onRequestClose",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/modal/modal-dialog.tsx#ModalDialog"]={docgenInfo:t.ModalDialog.__docgenInfo,name:"ModalDialog",path:"src/components/modal/modal-dialog.tsx#ModalDialog"})}catch(e){}},8556:function(e,t,n){"use strict";var a=this&&this.__createBinding||(Object.create?function(e,t,n,a){void 0===a&&(a=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,a,r)}:function(e,t,n,a){void 0===a&&(a=n),e[a]=t[n]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&a(t,e,n);return r(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Modal=void 0;const l=n(348),u=n(8156),s=o(n(1658)),d=i(n(1608)),c=n(3922),m=n(5642),p=n(9280);function h({noPadding:e,isMobile:t}){return e?"0":t?"var(--spacing-2x)":"var(--spacing-4x)"}function f({hasCloseButton:e,noPadding:t,isMobile:n}){return t?"0":n&&e?"var(--spacing-2x)":"var(--spacing-3x)"}const v=(0,d.default)(s.default)`
     background-color: ${({theme:e})=>e.greys.white};
     border: 1px solid ${({theme:e})=>e.greys["dark-grey"]};
     border-radius: var(--border-radius-2x);
@@ -1617,20 +1617,20 @@
 `,y=d.default.header`
     /* TODO change colors when updating thematization */
     border-bottom: 1px solid ${({isTopScrolled:e})=>e?"#878f9a":"transparent"};
-    padding: ${f} ${h} var(--spacing-3x);
+    padding: ${f} ${h} var(--spacing-2x);
 
     & + ${g} {
         padding-top: 0;
     }
 `,b=(0,d.default)(m.IconButton)`
     position: absolute;
-    right: ${({isMobile:e})=>e?"var(--spacing-half)":"var(--spacing-1x)"};
-    top: var(--spacing-1x);
+    right: ${({isMobile:e})=>e?"var(--spacing-half)":"var(--spacing-4x)"};
+    top: 1.75rem;
 `,w=d.default.footer`
     /* TODO change colors when updating thematization */
     border-top: 1px solid ${({isBottomScrolled:e})=>e?"#878f9a":"transparent"};
     padding: var(--spacing-5x) ${h} 0;
-`;t.Modal=({appElement:e,ariaDescribedby:t,ariaHideApp:n=!0,ariaLabel:a,ariaLabelledBy:r,children:i,className:o,noPadding:m=!1,hasCloseButton:h=!0,isOpen:f,modalFooter:_,modalHeader:M,parentSelector:E,role:k="dialog",shouldCloseOnOverlayClick:C=!0,onAfterOpen:x,onAfterClose:S,onRequestClose:T})=>{const[H,P]=(0,u.useState)(),[V,q]=(0,u.useState)(0),[O,L]=(0,u.useState)(0),{breakpoints:D,isMobile:A}=(0,p.useDeviceContext)(),j=(0,u.useCallback)((e=>P(e)),[]),{t:I}=(0,c.useTranslation)("modal"),R={overlay:{alignItems:"center",backgroundColor:(0,d.useTheme)().tokens["modal-overlay-background-color"],display:"flex",justifyContent:"center",zIndex:1e4}},W=(0,u.useCallback)((()=>{if(H){const e=H.scrollHeight-H.clientHeight;L(e-H.scrollTop),q(H.scrollTop)}else L(0),q(0)}),[H]);return(0,u.useEffect)((()=>{document.body.style.overflow=f?"hidden":"unset"}),[f]),(0,u.useEffect)((()=>(W(),null==H||H.addEventListener("scroll",W),()=>null==H?void 0:H.removeEventListener("scroll",W))),[W,H]),e&&s.default.setAppElement(e),(0,l.jsxs)(v,{aria:{describedby:t,labelledby:r,modal:!0},ariaHideApp:n,className:o,noPadding:m,hasCloseButton:h,isOpen:f,onAfterOpen:x,onAfterClose:S,onRequestClose:T,parentSelector:E,role:k,style:R,contentLabel:a,shouldCloseOnOverlayClick:C,breakpoints:D,isMobile:A,children:[M&&(0,l.jsx)(y,{hasCloseButton:h,isMobile:A,isTopScrolled:V>0,noPadding:m,children:M}),i&&(0,l.jsx)(g,{hasCloseButton:h,isMobile:A,noPadding:m,ref:j,children:i}),_&&(0,l.jsx)(w,{hasCloseButton:h,isBottomScrolled:O>0,isMobile:A,noPadding:m,children:_}),h&&(0,l.jsx)(b,{"data-testid":"close-button",label:I("closeButtonLabel"),type:"button",buttonType:"tertiary",iconName:"x",onClick:T,isMobile:A})]})};try{t.Modal.displayName="Modal",t.Modal.__docgenInfo={description:"",displayName:"Modal",props:{appElement:{defaultValue:null,description:"Takes a query selector targeting the app Element.",name:"appElement",required:!1,type:{name:"string"}},ariaDescribedby:{defaultValue:null,description:"",name:"ariaDescribedby",required:!1,type:{name:"string"}},ariaHideApp:{defaultValue:{value:!0},description:"Boolean indicating if the appElement should be hidden. Defaults to true.\nShould only be used for test purposes.",name:"ariaHideApp",required:!1,type:{name:"boolean"}},ariaLabel:{defaultValue:null,description:"",name:"ariaLabel",required:!1,type:{name:"string"}},ariaLabelledBy:{defaultValue:null,description:"",name:"ariaLabelledBy",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},noPadding:{defaultValue:{value:!1},description:"Removes padding to give you a blank modal to work with.",name:"noPadding",required:!1,type:{name:"boolean"}},hasCloseButton:{defaultValue:{value:!0},description:'Adds "x" iconButton to close modal',name:"hasCloseButton",required:!1,type:{name:"boolean"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},modalFooter:{defaultValue:null,description:"",name:"modalFooter",required:!1,type:{name:"ReactNode"}},modalHeader:{defaultValue:null,description:"",name:"modalHeader",required:!1,type:{name:"ReactNode"}},parentSelector:{defaultValue:null,description:"",name:"parentSelector",required:!1,type:{name:"(() => HTMLElement)"}},role:{defaultValue:{value:"dialog"},description:"Sets modal role tag",name:"role",required:!1,type:{name:"string"}},shouldCloseOnOverlayClick:{defaultValue:{value:!0},description:"Defines if the overlay click should close the modal",name:"shouldCloseOnOverlayClick",required:!1,type:{name:"boolean"}},onAfterOpen:{defaultValue:null,description:"Function that will run after the modal has opened",name:"onAfterOpen",required:!1,type:{name:"(() => void)"}},onAfterClose:{defaultValue:null,description:"Function that will run after the modal has closed",name:"onAfterClose",required:!1,type:{name:"(() => void)"}},onRequestClose:{defaultValue:null,description:"",name:"onRequestClose",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/modal/modal.tsx#Modal"]={docgenInfo:t.Modal.__docgenInfo,name:"Modal",path:"src/components/modal/modal.tsx#Modal"})}catch(e){}},2382:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useModal=void 0;const a=n(8156);t.useModal=function(e=!1){const[t,n]=(0,a.useState)(e);return{isModalOpen:t,openModal:()=>n(!0),closeModal:()=>n(!1)}}},7346:function(e,t,n){"use strict";var a=this&&this.__rest||function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MoneyInput=void 0;const i=n(348),o=n(8156),l=r(n(1608)),u=n(3019),s=n(3922),d=n(7386),c=n(6550),m=l.default.div`
+`;t.Modal=({appElement:e,ariaDescribedby:t,ariaHideApp:n=!0,ariaLabel:a,ariaLabelledBy:r,children:i,className:o,noPadding:m=!1,hasCloseButton:h=!0,isOpen:f,modalFooter:_,modalHeader:M,parentSelector:E,role:k="dialog",shouldCloseOnOverlayClick:C=!0,onAfterOpen:x,onAfterClose:S,onRequestClose:T})=>{const[H,P]=(0,u.useState)(),[V,q]=(0,u.useState)(0),[O,L]=(0,u.useState)(0),{breakpoints:D,isMobile:A}=(0,p.useDeviceContext)(),j=(0,u.useCallback)((e=>P(e)),[]),{t:I}=(0,c.useTranslation)("modal"),R={overlay:{alignItems:"center",backgroundColor:(0,d.useTheme)().tokens["modal-overlay-background-color"],display:"flex",justifyContent:"center",zIndex:1e4}},W=(0,u.useCallback)((()=>{if(H){const e=H.scrollHeight-H.clientHeight;L(e-H.scrollTop),q(H.scrollTop)}else L(0),q(0)}),[H]);return(0,u.useEffect)((()=>{document.body.style.overflow=f?"hidden":"unset"}),[f]),(0,u.useEffect)((()=>(W(),null==H||H.addEventListener("scroll",W),()=>null==H?void 0:H.removeEventListener("scroll",W))),[W,H]),e&&s.default.setAppElement(e),(0,l.jsxs)(v,{aria:{describedby:t,labelledby:r,modal:!0},ariaHideApp:n,className:o,noPadding:m,hasCloseButton:h,isOpen:f,onAfterOpen:x,onAfterClose:S,onRequestClose:T,parentSelector:E,role:k,style:R,contentLabel:a,shouldCloseOnOverlayClick:C,breakpoints:D,isMobile:A,children:[M&&(0,l.jsx)(y,{hasCloseButton:h,isMobile:A,isTopScrolled:V>0,noPadding:m,children:M}),i&&(0,l.jsx)(g,{hasCloseButton:h,isMobile:A,noPadding:m,ref:j,children:i}),_&&(0,l.jsx)(w,{hasCloseButton:h,isBottomScrolled:O>0,isMobile:A,noPadding:m,children:_}),h&&(0,l.jsx)(b,{"data-testid":"close-button",label:I("closeButtonLabel"),type:"button",buttonType:"tertiary",iconName:"x",onClick:T,isMobile:A,size:"small"})]})};try{t.Modal.displayName="Modal",t.Modal.__docgenInfo={description:"",displayName:"Modal",props:{appElement:{defaultValue:null,description:"Takes a query selector targeting the app Element.",name:"appElement",required:!1,type:{name:"string"}},ariaDescribedby:{defaultValue:null,description:"",name:"ariaDescribedby",required:!1,type:{name:"string"}},ariaHideApp:{defaultValue:{value:!0},description:"Boolean indicating if the appElement should be hidden. Defaults to true.\nShould only be used for test purposes.",name:"ariaHideApp",required:!1,type:{name:"boolean"}},ariaLabel:{defaultValue:null,description:"",name:"ariaLabel",required:!1,type:{name:"string"}},ariaLabelledBy:{defaultValue:null,description:"",name:"ariaLabelledBy",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},noPadding:{defaultValue:{value:!1},description:"Removes padding to give you a blank modal to work with.",name:"noPadding",required:!1,type:{name:"boolean"}},hasCloseButton:{defaultValue:{value:!0},description:'Adds "x" iconButton to close modal',name:"hasCloseButton",required:!1,type:{name:"boolean"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},modalFooter:{defaultValue:null,description:"",name:"modalFooter",required:!1,type:{name:"ReactNode"}},modalHeader:{defaultValue:null,description:"",name:"modalHeader",required:!1,type:{name:"ReactNode"}},parentSelector:{defaultValue:null,description:"",name:"parentSelector",required:!1,type:{name:"(() => HTMLElement)"}},role:{defaultValue:{value:"dialog"},description:"Sets modal role tag",name:"role",required:!1,type:{name:"string"}},shouldCloseOnOverlayClick:{defaultValue:{value:!0},description:"Defines if the overlay click should close the modal",name:"shouldCloseOnOverlayClick",required:!1,type:{name:"boolean"}},onAfterOpen:{defaultValue:null,description:"Function that will run after the modal has opened",name:"onAfterOpen",required:!1,type:{name:"(() => void)"}},onAfterClose:{defaultValue:null,description:"Function that will run after the modal has closed",name:"onAfterClose",required:!1,type:{name:"(() => void)"}},onRequestClose:{defaultValue:null,description:"",name:"onRequestClose",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/modal/modal.tsx#Modal"]={docgenInfo:t.Modal.__docgenInfo,name:"Modal",path:"src/components/modal/modal.tsx#Modal"})}catch(e){}},2382:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useModal=void 0;const a=n(8156);t.useModal=function(e=!1){const[t,n]=(0,a.useState)(e);return{isModalOpen:t,openModal:()=>n(!0),closeModal:()=>n(!1)}}},7346:function(e,t,n){"use strict";var a=this&&this.__rest||function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MoneyInput=void 0;const i=n(348),o=n(8156),l=r(n(1608)),u=n(3019),s=n(3922),d=n(7386),c=n(6550),m=l.default.div`
     input {
         text-align: ${({language:e})=>"en"===e?"left":"right"};
         transition: width 300ms;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equisoft/design-elements-react",
-  "version": "5.6.1-snapshot.20231009225712",
+  "version": "5.6.1-snapshot.20231010192739",
   "description": "React implementation of the Equisoft design system.",
   "license": "UNLICENSED",
   "main": "dist/bundle.js",