@equisoft/design-elements-react 5.4.1-snapshot.20230807160926 → 5.4.1-snapshot.20230807234433

package/dist/bundle.js

@@ -1474,7 +1474,7 @@
     white-space: nowrap;
 `,y=(0,l.default)(m.Icon)`
     min-width: 16px;
-`;function b(e){return e.map(((e,t)=>Object.assign(Object.assign({},e),{focusIndex:t,ref:(0,o.createRef)(),options:e.options?b(e.options):void 0})))}function w(e){var t,n,a;const r=null===(t=e.ref.current)||void 0===t?void 0:t.offsetTop,i=null===(a=null===(n=e.ref.current)||void 0===n?void 0:n.parentElement)||void 0===a?void 0:a.scrollTop;return r&&i?r-i:r}function _(e){var t;return null===(t=e.ref.current)||void 0===t?void 0:t.offsetWidth}t.Menu=(0,o.forwardRef)(((e,t)=>{var{className:n,id:r,initialFocusIndex:l=-1,numberOfVisibleItems:m=4,options:p,onKeyDown:M,onOptionSelect:E}=e,k=a(e,["className","id","initialFocusIndex","numberOfVisibleItems","options","onKeyDown","onOptionSelect"]);const C=(0,o.useMemo)((()=>r||(0,d.v4)()),[r]),x=(0,c.useDeviceContext)(),S=(0,o.useMemo)((()=>b(p)),[p]),[T,P]=(0,o.useState)(l),[H,V]=(0,o.useState)(S),[O,q]=(0,o.useState)(!1),L=(0,o.useCallback)((e=>{var t,n;null===(n=null===(t=H[e])||void 0===t?void 0:t.ref.current)||void 0===n||n.focus()}),[H]);function D(e){e.options&&(q(!0),V(e.options))}function A(e){e.options&&(q(!1),V(S))}function j(e){var t;if(q(!1),null==M||M(e),(0,s.isLetterOrNumber)(e.key)){const n=H.find((t=>t.label.toLowerCase().startsWith(e.key.toLowerCase())));null===(t=null==n?void 0:n.ref.current)||void 0===t||t.focus()}switch(e.key){case"ArrowUp":{e.preventDefault();const t=(0,u.getPreviousElementInArray)(H,T);t&&P(t.focusIndex);break}case"ArrowDown":{e.preventDefault();const t=(0,u.getNextElementInArray)(H,T);t&&P(t.focusIndex);break}case"ArrowRight":{e.preventDefault();const t=H[T].options;t&&(V(t),P(0));break}case"ArrowLeft":{e.preventDefault();const t=S!==H,n=S.find((e=>e.options===H));t&&(V(S),P(n?n.focusIndex:0));break}}}function I(e){return e.options===H}return(0,o.useEffect)((()=>{O||L(T)}),[L,T,O]),(0,i.jsx)("div",Object.assign({ref:t},k,{children:(0,i.jsx)(h,{className:n,"data-testid":"menu",id:C,numberOfVisibleItems:m,onKeyDown:j,role:"menu",children:function e(t){const n=t!==S,a=e=>n?`sub-menu-option-${e}`:`menu-option-${e}`;return(0,i.jsx)(i.Fragment,{children:t.map(((t,n)=>(0,i.jsxs)(o.Fragment,{children:[(0,i.jsxs)(v,{"aria-haspopup":t.options?"menu":void 0,"aria-expanded":t.options?H===t.options:void 0,"data-testid":a(n),$device:x,$hasSubMenu:!!t.options,type:"button",role:"menuitem",tabIndex:-1,onClick:()=>function(e){var t;null===(t=e.onClick)||void 0===t||t.call(e),e.options?(V(e.options),P(0)):null==E||E(e)}(t),onMouseEnter:()=>D(t),onMouseLeave:()=>A(t),ref:t.ref,children:[(0,i.jsx)(g,{children:t.label}),t.options&&(0,i.jsx)(y,{"aria-hidden":!0,name:"chevronRight",size:"16"})]}),t.options&&I(t)&&(0,i.jsx)(f,Object.assign({"data-testid":`menu-option-${n}-sub-menu`,id:C,numberOfVisibleItems:m,onKeyDown:j,role:"menu",onMouseEnter:()=>D(t),onMouseLeave:()=>A(t),top:w(t),left:_(t)},k,{children:e(t.options)}))]},`${C}-${t.label}`)))})}(S)})}))}));try{t.Menu.displayName="Menu",t.Menu.__docgenInfo={description:"",displayName:"Menu",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},initialFocusIndex:{defaultValue:{value:-1},description:"",name:"initialFocusIndex",required:!1,type:{name:"number"}},numberOfVisibleItems:{defaultValue:{value:4},description:"",name:"numberOfVisibleItems",required:!1,type:{name:"number"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"MenuOption[]"}},direction:{defaultValue:null,description:"",name:"direction",required:!1,type:{name:"enum",value:[{value:'"right"'},{value:'"left"'}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"((event: KeyboardEvent<Element>) => void)"}},onOptionSelect:{defaultValue:null,description:"",name:"onOptionSelect",required:!1,type:{name:"((option: ListOption) => void)"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<HTMLDivElement>"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/menu/menu.tsx#Menu"]={docgenInfo:t.Menu.__docgenInfo,name:"Menu",path:"src/components/menu/menu.tsx#Menu"})}catch(e){}},8042: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};Object.defineProperty(t,"__esModule",{value:!0}),t.ModalDialog=void 0;const o=n(348),l=n(8156),u=i(n(1608)),s=n(5149),d=n(6932),c=n(8182),m=n(6007),p=n(5961),h=n(1750),f=n(1236),v={"information-modal":"dialog","action-modal":"dialog","destructive-modal":"alertdialog"},g=(0,u.default)(f.Modal)`
+`;function b(e){return e.map(((e,t)=>Object.assign(Object.assign({},e),{focusIndex:t,ref:(0,o.createRef)(),options:e.options?b(e.options):void 0})))}function w(e){var t,n,a;const r=null===(t=e.ref.current)||void 0===t?void 0:t.offsetTop,i=null===(a=null===(n=e.ref.current)||void 0===n?void 0:n.parentElement)||void 0===a?void 0:a.scrollTop;return r&&i?r-i:r}function _(e){var t;return null===(t=e.ref.current)||void 0===t?void 0:t.offsetWidth}t.Menu=(0,o.forwardRef)(((e,t)=>{var{className:n,id:r,initialFocusIndex:l=-1,numberOfVisibleItems:m=4,options:p,onKeyDown:M,onOptionSelect:E}=e,k=a(e,["className","id","initialFocusIndex","numberOfVisibleItems","options","onKeyDown","onOptionSelect"]);const C=(0,o.useMemo)((()=>r||(0,d.v4)()),[r]),x=(0,c.useDeviceContext)(),S=(0,o.useMemo)((()=>b(p)),[p]),[T,P]=(0,o.useState)(l),[H,V]=(0,o.useState)(S),[O,q]=(0,o.useState)(!1),L=(0,o.useCallback)((e=>{var t,n;null===(n=null===(t=H[e])||void 0===t?void 0:t.ref.current)||void 0===n||n.focus()}),[H]);function D(e){e.options&&(q(!0),V(e.options))}function A(e){e.options&&(q(!1),V(S))}function j(e){var t;if(q(!1),null==M||M(e),(0,s.isLetterOrNumber)(e.key)){const n=H.find((t=>t.label.toLowerCase().startsWith(e.key.toLowerCase())));null===(t=null==n?void 0:n.ref.current)||void 0===t||t.focus()}switch(e.key){case"ArrowUp":{e.preventDefault();const t=(0,u.getPreviousElementInArray)(H,T);t&&P(t.focusIndex);break}case"ArrowDown":{e.preventDefault();const t=(0,u.getNextElementInArray)(H,T);t&&P(t.focusIndex);break}case"ArrowRight":{e.preventDefault();const t=H[T].options;t&&(V(t),P(0));break}case"ArrowLeft":{e.preventDefault();const t=S!==H,n=S.find((e=>e.options===H));t&&(V(S),P(n?n.focusIndex:0));break}}}function I(e){return e.options===H}return(0,o.useEffect)((()=>{O||L(T)}),[L,T,O]),(0,i.jsx)("div",Object.assign({ref:t},k,{children:(0,i.jsx)(h,{className:n,"data-testid":"menu",id:C,numberOfVisibleItems:m,onKeyDown:j,role:"menu",children:function e(t){const n=t!==S,a=e=>n?`sub-menu-option-${e}`:`menu-option-${e}`;return(0,i.jsx)(i.Fragment,{children:t.map(((t,n)=>(0,i.jsxs)(o.Fragment,{children:[(0,i.jsxs)(v,{"aria-haspopup":t.options?"menu":void 0,"aria-expanded":t.options?H===t.options:void 0,"data-testid":a(n),$device:x,$hasSubMenu:!!t.options,type:"button",role:"menuitem",tabIndex:-1,onClick:()=>function(e){var t;null===(t=e.onClick)||void 0===t||t.call(e),e.options?(V(e.options),P(0)):null==E||E(e)}(t),onMouseEnter:()=>D(t),onMouseLeave:()=>A(t),ref:t.ref,children:[(0,i.jsx)(g,{children:t.label}),t.options&&(0,i.jsx)(y,{"aria-hidden":!0,name:"chevronRight",size:"16"})]}),t.options&&I(t)&&(0,i.jsx)(f,Object.assign({"data-testid":`menu-option-${n}-sub-menu`,id:C,numberOfVisibleItems:m,onKeyDown:j,role:"menu",onMouseEnter:()=>D(t),onMouseLeave:()=>A(t),top:w(t),left:_(t)},k,{children:e(t.options)}))]},`${C}-${t.label}`)))})}(S)})}))}));try{t.Menu.displayName="Menu",t.Menu.__docgenInfo={description:"",displayName:"Menu",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},initialFocusIndex:{defaultValue:{value:-1},description:"",name:"initialFocusIndex",required:!1,type:{name:"number"}},numberOfVisibleItems:{defaultValue:{value:4},description:"",name:"numberOfVisibleItems",required:!1,type:{name:"number"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"MenuOption[]"}},direction:{defaultValue:null,description:"",name:"direction",required:!1,type:{name:"enum",value:[{value:'"right"'},{value:'"left"'}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"((event: KeyboardEvent<Element>) => void)"}},onOptionSelect:{defaultValue:null,description:"",name:"onOptionSelect",required:!1,type:{name:"((option: ListOption) => void)"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<HTMLDivElement>"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/menu/menu.tsx#Menu"]={docgenInfo:t.Menu.__docgenInfo,name:"Menu",path:"src/components/menu/menu.tsx#Menu"})}catch(e){}},8042: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};Object.defineProperty(t,"__esModule",{value:!0}),t.ModalDialog=void 0;const o=n(348),l=n(8156),u=i(n(1608)),s=n(5149),d=n(6932),c=n(8182),m=n(6007),p=n(5961),h=n(1750),f=n(1236),v={information:"dialog",action:"dialog",alert:"alertdialog"},g=(0,u.default)(f.Modal)`
     ${({$hasTitleIcon:e})=>e&&u.css`
         padding-left: var(--spacing-4x);
     `}
@@ -1502,7 +1502,7 @@
     align-items: center;
     display: flex;
     margin-left: calc(-1 * var(--spacing-4x));
-`;t.ModalDialog=({appElement:e,ariaDescribedby:t,ariaHideApp:n,ariaLabel:a,modalType:r="action-modal",cancelButton:i,children:u,className:c,confirmButton:h,footerContent:f,hasCloseButton:M,isOpen:C,parentSelector:x,shouldCloseOnOverlayClick:S=!0,subtitle:T,title:P,titleIcon:H,onRequestClose:V})=>{const{isMobile:O}=(0,m.useDeviceContext)(),{t:q}=(0,s.useTranslation)("modal-dialog"),L=(0,l.useMemo)(d.v4,[]),D=(0,l.useRef)(null),A="destructive-modal"===r?"alertFilled":H,j=!(!P||!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:P?void 0:a,ariaLabelledBy:P?L:void 0,className:c,modalHeader:function(){const e=j?k:l.Fragment;if(P||T)return(0,o.jsxs)(o.Fragment,{children:[P&&(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:P})]}),T&&(0,o.jsx)(y,{hasTitle:void 0!==P,isMobile:O,children:T})]})}(),hasCloseButton:M,modalFooter:f||function(){const e="destructive-modal"===r?"destructive":"primary";return(0,o.jsxs)(b,{isMobile:O,$hasTitleIcon:j,children:["information-modal"!==r&&(0,o.jsx)(_,{"data-testid":"cancel-button",label:(null==i?void 0:i.label)||q("cancelButtonLabel"),buttonType:"tertiary",onClick:R}),(0,o.jsx)(w,{"data-testid":"confirm-button",label:(null==h?void 0:h.label)||q("confirmButtonLabel"),buttonType:e,onClick:I,isMobile:O})]})}(),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:'"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"'}]}},modalType:{defaultValue:{value:"action-modal"},description:"",name:"modalType",required:!1,type:{name:"enum",value:[{value:'"information-modal"'},{value:'"action-modal"'},{value:'"destructive-modal"'}]}},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){}},1236: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(5149),m=n(2618),p=n(6007);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:P,titleIcon:H,onRequestClose:V})=>{const{isMobile:O}=(0,m.useDeviceContext)(),{t:q}=(0,s.useTranslation)("modal-dialog"),L=(0,l.useMemo)(d.v4,[]),D=(0,l.useRef)(null),A="alert"===r?"alertFilled":H,j=!(!P||!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:P?void 0:a,ariaLabelledBy:P?L:void 0,className:c,modalHeader:function(){const e=j?k:l.Fragment;if(P||T)return(0,o.jsxs)(o.Fragment,{children:[P&&(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:P})]}),T&&(0,o.jsx)(y,{hasTitle:void 0!==P,isMobile:O,children:T})]})}(),hasCloseButton:M,modalFooter:f||function(){const e="alert"===r?"destructive":"primary";return(0,o.jsxs)(b,{isMobile:O,$hasTitleIcon:j,children:["information"!==r&&(0,o.jsx)(_,{"data-testid":"cancel-button",label:(null==i?void 0:i.label)||q("cancelButtonLabel"),buttonType:"tertiary",onClick:R}),(0,o.jsx)(w,{"data-testid":"confirm-button",label:(null==h?void 0:h.label)||q("confirmButtonLabel"),buttonType:e,onClick:I,isMobile:O})]})}(),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:'"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){}},1236: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(5149),m=n(2618),p=n(6007);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)`
     background-color: ${({theme:e})=>e.greys.white};
     border: 1px solid ${({theme:e})=>e.greys["dark-grey"]};
     border-radius: var(--border-radius-2x);
@@ -2722,7 +2722,7 @@
     height: ${({isMobile:e})=>e?"var(--size-1halfx)":"var(--size-1x)"};
     margin-top: 0.25rem;
     width: ${({isMobile:e})=>e?"var(--size-1halfx)":"var(--size-1x)"};
-`;t.ToastContainer=({id:e,className:t,type:n,message:a,position:r})=>{const{t:i}=(0,c.useTranslation)("toast"),u=(0,l.useMemo)((()=>function(e){switch(e){case"information":return"info";case"success":return"check";case"warning":return"alertTriangle";case"error":return"alertOctagon"}}(n)),[n]),m=(0,s.useTheme)(),h=(0,l.useMemo)((()=>function(e,t){return"warning"===e?t.greys.black:t.greys.white}(n,m)),[m,n]),{removeToast:f}=(0,d.useToasts)(),{isMobile:v}=(0,p.useDeviceContext)();return(0,o.jsxs)(g,{isMobile:v,className:t,type:n,position:r,role:"status",children:[(0,o.jsx)(M,{name:u,color:h,size:"16",type:n,isMobile:v}),(0,o.jsx)(y,{color:h,$isMobile:v,children:a}),(0,o.jsx)(w,{label:i("dismissButtonLabel"),$color:h,$isMobile:v,$type:n,onClick:()=>f(e),"data-testid":"dismiss"})]})};try{t.ToastContainer.displayName="ToastContainer",t.ToastContainer.__docgenInfo={description:"",displayName:"ToastContainer",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"success"'},{value:'"warning"'},{value:'"error"'},{value:'"information"'}]}},message:{defaultValue:null,description:"",name:"message",required:!0,type:{name:"string"}},position:{defaultValue:null,description:"",name:"position",required:!0,type:{name:"enum",value:[{value:'"top-right"'},{value:'"bottom-right"'},{value:'"top-left"'},{value:'"bottom-left"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/toast/toast-container.tsx#ToastContainer"]={docgenInfo:t.ToastContainer.__docgenInfo,name:"ToastContainer",path:"src/components/toast/toast-container.tsx#ToastContainer"})}catch(e){}},7767:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ToastContext=void 0;const a=n(8156);t.ToastContext=(0,a.createContext)(void 0)},4420:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ToastProvider=void 0;const a=n(348),r=n(8156),i=n(6932),o=n(7767),l=n(6100),u=n(6235);t.ToastProvider=({children:e})=>{const[t,n]=(0,u.useToastsReducer)(),s=(0,r.useCallback)((e=>{n({type:"remove",id:e})}),[n]),d=(0,r.useCallback)(((e,t,a=!0)=>{const r=(0,i.v4)();return n({type:"add",toast:{id:r,type:e,message:t,autoDelete:a}}),setTimeout((()=>{s(r)}),1e4),r}),[n,s]),c=(0,r.useMemo)((()=>({toasts:t,addToast:d,removeToast:s})),[d,s,t]);return(0,a.jsxs)(o.ToastContext.Provider,{value:c,children:[(0,a.jsx)(l.ToastsContainer,{position:"bottom-right"}),e]})};try{t.ToastProvider.displayName="ToastProvider",t.ToastProvider.__docgenInfo={description:"",displayName:"ToastProvider",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/toast/toast-provider.tsx#ToastProvider"]={docgenInfo:t.ToastProvider.__docgenInfo,name:"ToastProvider",path:"src/components/toast/toast-provider.tsx#ToastProvider"})}catch(e){}},6100: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.ToastsContainer=void 0;const l=n(348),u=o(n(7111)),s=n(7766),d=i(n(1608)),c=n(1115),m=n(6007),p=n(7745),h=(0,d.default)(p.ToastContainer)`
+`;t.ToastContainer=({id:e,className:t,type:n,message:a,position:r})=>{const{t:i}=(0,c.useTranslation)("toast"),u=(0,l.useMemo)((()=>function(e){switch(e){case"information":return"info";case"success":return"check";case"warning":return"alertTriangle";case"error":return"alertOctagon"}}(n)),[n]),m=(0,s.useTheme)(),h=(0,l.useMemo)((()=>function(e,t){return"warning"===e?t.greys.black:t.greys.white}(n,m)),[m,n]),{removeToast:f}=(0,d.useToasts)(),{isMobile:v}=(0,p.useDeviceContext)();return(0,o.jsxs)(g,{isMobile:v,className:t,type:n,position:r,role:"status",children:[(0,o.jsx)(M,{name:u,color:h,size:"16",type:n,isMobile:v}),(0,o.jsx)(y,{color:h,$isMobile:v,children:a}),(0,o.jsx)(w,{label:i("dismissButtonLabel"),$color:h,$isMobile:v,$type:n,onClick:()=>f(e),"data-testid":"dismiss"})]})};try{t.ToastContainer.displayName="ToastContainer",t.ToastContainer.__docgenInfo={description:"",displayName:"ToastContainer",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"success"'},{value:'"warning"'},{value:'"information"'},{value:'"error"'}]}},message:{defaultValue:null,description:"",name:"message",required:!0,type:{name:"string"}},position:{defaultValue:null,description:"",name:"position",required:!0,type:{name:"enum",value:[{value:'"top-right"'},{value:'"bottom-right"'},{value:'"top-left"'},{value:'"bottom-left"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/toast/toast-container.tsx#ToastContainer"]={docgenInfo:t.ToastContainer.__docgenInfo,name:"ToastContainer",path:"src/components/toast/toast-container.tsx#ToastContainer"})}catch(e){}},7767:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ToastContext=void 0;const a=n(8156);t.ToastContext=(0,a.createContext)(void 0)},4420:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ToastProvider=void 0;const a=n(348),r=n(8156),i=n(6932),o=n(7767),l=n(6100),u=n(6235);t.ToastProvider=({children:e})=>{const[t,n]=(0,u.useToastsReducer)(),s=(0,r.useCallback)((e=>{n({type:"remove",id:e})}),[n]),d=(0,r.useCallback)(((e,t,a=!0)=>{const r=(0,i.v4)();return n({type:"add",toast:{id:r,type:e,message:t,autoDelete:a}}),setTimeout((()=>{s(r)}),1e4),r}),[n,s]),c=(0,r.useMemo)((()=>({toasts:t,addToast:d,removeToast:s})),[d,s,t]);return(0,a.jsxs)(o.ToastContext.Provider,{value:c,children:[(0,a.jsx)(l.ToastsContainer,{position:"bottom-right"}),e]})};try{t.ToastProvider.displayName="ToastProvider",t.ToastProvider.__docgenInfo={description:"",displayName:"ToastProvider",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/toast/toast-provider.tsx#ToastProvider"]={docgenInfo:t.ToastProvider.__docgenInfo,name:"ToastProvider",path:"src/components/toast/toast-provider.tsx#ToastProvider"})}catch(e){}},6100: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.ToastsContainer=void 0;const l=n(348),u=o(n(7111)),s=n(7766),d=i(n(1608)),c=n(1115),m=n(6007),p=n(7745),h=(0,d.default)(p.ToastContainer)`
     & + & {
         margin-top: var(--spacing-half);
     }

package/dist/components/modal/modal-dialog.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement, ReactNode, VoidFunctionComponent } from 'react';
 import { IconName } from '../icon/icon';
-export type ModalType = 'information-modal' | 'action-modal' | 'destructive-modal';
+export type DialogType = 'information' | 'action' | 'alert';
 export interface ModalDialogProps {
     /** Takes a query selector targeting the app Element. */
     appElement?: string;
@@ -32,7 +32,7 @@ export interface ModalDialogProps {
     subtitle?: string;
     title?: string;
     titleIcon?: IconName;
-    modalType?: ModalType;
+    dialogType?: DialogType;
     onRequestClose(): void;
 }
 export declare const ModalDialog: VoidFunctionComponent<ModalDialogProps>;

package/package.json

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