@equisoft/design-elements-react 5.3.4-snapshot.20230725135127 → 5.4.0

package/dist/bundle.js

@@ -1486,13 +1486,14 @@
 `,y=u.default.div`
     display: flex;
     flex-direction: ${({isMobile:e})=>e?"column":"unset"};
+    justify-content: end;
 
     ${({isMobile:e,$hasTitleIcon:t})=>e&&t&&u.css`
         margin-left: calc(var(--spacing-4x) * -1);
     `}
 `,b=(0,u.default)(c.Button)`
-    margin-bottom: ${({isMobile:e})=>e?"var(--spacing-1x)":0};
-    margin-right: ${({isMobile:e})=>e?0:"var(--spacing-1x)"};
+    margin-left: ${({isMobile:e})=>e?0:"var(--spacing-1x)"};
+    margin-top: ${({isMobile:e})=>e?"var(--spacing-1x)":0};
 `,w=(0,u.default)(c.Button)``,_=u.default.div`
     position: relative;
 `,M=(0,u.default)(h.Icon)`
@@ -1501,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,cancelButton:r,children:i,className:u,confirmButton:c,footerContent:h,hasCloseButton:f,isOpen:_,parentSelector:k,shouldCloseOnOverlayClick:C=!0,subtitle:x,title:S,titleIcon:T,onRequestClose:P})=>{const{isMobile:H}=(0,m.useDeviceContext)(),{t:V}=(0,s.useTranslation)("modal-dialog"),O=(0,l.useMemo)(d.v4,[]),q=(0,l.useRef)(null),L=!(!S||!T);return(0,o.jsx)(v,{ariaDescribedby:t,ariaHideApp:n,ariaLabel:S?void 0:a,ariaLabelledBy:S?O:void 0,className:u,modalHeader:function(){const e=L?E:l.Fragment;if(S||x)return(0,o.jsxs)(o.Fragment,{children:[S&&(0,o.jsxs)(e,{children:[T&&(0,o.jsx)(M,{name:T,size:"24","data-testid":"title-icon"}),(0,o.jsx)(p.Heading,{id:O,ref:q,type:"large",tag:"h2",noMargin:!0,children:S})]}),x&&(0,o.jsx)(g,{hasTitle:void 0!==S,isMobile:H,children:x})]})}(),hasCloseButton:f,modalFooter:h||(0,o.jsxs)(y,{isMobile:H,$hasTitleIcon:L,children:[(0,o.jsx)(b,{"data-testid":"confirm-button",label:(null==c?void 0:c.label)||V("confirmButtonLabel"),buttonType:"primary",onClick:function(){var e;null===(e=null==c?void 0:c.onConfirm)||void 0===e||e.call(c)},isMobile:H}),(0,o.jsx)(w,{"data-testid":"cancel-button",label:(null==r?void 0:r.label)||V("cancelButtonLabel"),buttonType:"tertiary",onClick:function(){(null==r?void 0:r.onCancel)?r.onCancel():P()}})]}),parentSelector:k,role:"dialog",onAfterOpen:()=>{var e;return null===(e=q.current)||void 0===e?void 0:e.focus()},onRequestClose:P,isOpen:_,appElement:e,shouldCloseOnOverlayClick:C,$hasTitleIcon:L,children:i})};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"'}]}},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,cancelButton:r,children:i,className:u,confirmButton:c,footerContent:h,hasCloseButton:f,isOpen:_,parentSelector:k,shouldCloseOnOverlayClick:C=!0,subtitle:x,title:S,titleIcon:T,onRequestClose:P})=>{const{isMobile:H}=(0,m.useDeviceContext)(),{t:V}=(0,s.useTranslation)("modal-dialog"),O=(0,l.useMemo)(d.v4,[]),q=(0,l.useRef)(null),L=!(!S||!T);return(0,o.jsx)(v,{ariaDescribedby:t,ariaHideApp:n,ariaLabel:S?void 0:a,ariaLabelledBy:S?O:void 0,className:u,modalHeader:function(){const e=L?E:l.Fragment;if(S||x)return(0,o.jsxs)(o.Fragment,{children:[S&&(0,o.jsxs)(e,{children:[T&&(0,o.jsx)(M,{name:T,size:"24","data-testid":"title-icon"}),(0,o.jsx)(p.Heading,{id:O,ref:q,type:"large",tag:"h2",noMargin:!0,children:S})]}),x&&(0,o.jsx)(g,{hasTitle:void 0!==S,isMobile:H,children:x})]})}(),hasCloseButton:f,modalFooter:h||(0,o.jsxs)(y,{isMobile:H,$hasTitleIcon:L,children:[(0,o.jsx)(w,{"data-testid":"cancel-button",label:(null==r?void 0:r.label)||V("cancelButtonLabel"),buttonType:"tertiary",onClick:function(){(null==r?void 0:r.onCancel)?r.onCancel():P()}}),(0,o.jsx)(b,{"data-testid":"confirm-button",label:(null==c?void 0:c.label)||V("confirmButtonLabel"),buttonType:"primary",onClick:function(){var e;null===(e=null==c?void 0:c.onConfirm)||void 0===e||e.call(c)},isMobile:H})]}),parentSelector:k,role:"dialog",onAfterOpen:()=>{var e;return null===(e=q.current)||void 0===e?void 0:e.focus()},onRequestClose:P,isOpen:_,appElement:e,shouldCloseOnOverlayClick:C,$hasTitleIcon:L,children:i})};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"'}]}},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);

package/package.json

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