@equisoft/design-elements-react 9.11.4-snapshot.20260209010213 → 9.11.4-snapshot.20260210134257
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/bundle.js
CHANGED
|
@@ -2531,7 +2531,7 @@
|
|
|
2531
2531
|
flex-direction: row;
|
|
2532
2532
|
gap: var(--spacing-1halfx);
|
|
2533
2533
|
position: relative;
|
|
2534
|
-
`,Cw={information:"dialog",action:"dialog",alert:"alertdialog"},Ow=({appElement:r,ariaDescribedby:n,ariaHideApp:o,dialogType:a="action",cancelButton:i,children:l,className:s,confirmButton:c,footerContent:d,hasCloseButton:u,isOpen:p,width:m,parentSelector:h,shouldCloseOnOverlayClick:f=!0,subtitle:g,title:b,titleIcon:v,onRequestClose:y})=>{const{isMobile:
|
|
2534
|
+
`,Cw={information:"dialog",action:"dialog",alert:"alertdialog"},Ow=({appElement:r,ariaDescribedby:n,ariaHideApp:o,dialogType:a="action",cancelButton:i,children:l,className:s,confirmButton:c,footerContent:d,hasCloseButton:u,isOpen:p,width:m,parentSelector:h,shouldCloseOnOverlayClick:f=!0,subtitle:g,title:b,titleIcon:v,onRequestClose:y,onAfterClose:x})=>{const{isMobile:k}=_(),{t:w}=D("modal-dialog"),M=ai(),S=(0,t.useRef)(null),E="alert"===a?"alertOctagon":v,C=!!E;function O(){var e;null===(e=null==c?void 0:c.onConfirm)||void 0===e||e.call(c)}function $(){(null==i?void 0:i.onCancel)?i.onCancel():y()}return(0,e.jsxs)(ww,{ariaDescribedby:n,ariaHideApp:o,ariaLabelledBy:M,className:s,modalHeader:function(){const r=C?Ew:t.Fragment;return(0,e.jsxs)(r,{children:[E&&(0,e.jsx)(Sw,{$dialogType:a,name:E,size:"24","data-testid":"title-icon","aria-hidden":"true"}),(0,e.jsx)(or,{id:M,ref:S,type:"medium",tag:"h2",noMargin:!0,bold:!0,children:b})]})}(),hasCloseButton:u,modalFooter:d||function(){const t="alert"===a?"destructive-primary":"primary";return(0,e.jsxs)(Mw,{isMobile:k,children:["information"!==a&&(0,e.jsx)(Vt,{"data-testid":"cancel-button",label:(null==i?void 0:i.label)||w("cancelButtonLabel"),buttonType:"tertiary",onClick:$}),(0,e.jsx)(Vt,{"data-testid":"confirm-button",label:(null==c?void 0:c.label)||w("confirmButtonLabel"),buttonType:t,onClick:O})]})}(),parentSelector:h,role:Cw[a],onAfterOpen:()=>{var e;return null===(e=S.current)||void 0===e?void 0:e.focus()},onAfterClose:x,onRequestClose:y,isOpen:p,appElement:r,shouldCloseOnOverlayClick:f,width:m,children:[g?(0,e.jsx)(or,{tag:"h3",type:"small",noMargin:!0,bold:!0,children:g}):null,l]})};function $w(e=!1){const[r,n]=(0,t.useState)(e);return{isModalOpen:r,openModal:()=>n(!0),closeModal:()=>n(!1)}}Ow.displayName="ModalDialog";const zw=p("TextInput",["control","leftAdornment","rightAdornment"]);const Dw=a().input`
|
|
2535
2535
|
${({theme:e,isMobile:t})=>af({theme:e,isMobile:t,isFocusable:!1})};
|
|
2536
2536
|
|
|
2537
2537
|
border: 0;
|
|
@@ -46,6 +46,8 @@ export interface BaseModalProps {
|
|
|
46
46
|
shouldCloseOnOverlayClick?: boolean;
|
|
47
47
|
parentSelector?: () => HTMLElement;
|
|
48
48
|
onRequestClose(): void;
|
|
49
|
+
/** Function that will run after the modal has closed */
|
|
50
|
+
onAfterClose?: () => void;
|
|
49
51
|
}
|
|
50
52
|
export interface ModalProps extends BaseModalProps {
|
|
51
53
|
ariaLabel?: string;
|
package/package.json
CHANGED