@jhelom/react-mui-message-dialog 1.0.11 → 1.0.12

package/dist/DialogTitleEx.d.ts

@@ -4,4 +4,5 @@ export type DialogTitleExProps = {
     onClose?: () => void;
     sx?: SxProps<Theme>;
 };
-export default function DialogTitleEx(props: DialogTitleExProps): import("react/jsx-runtime").JSX.Element;
+export declare function DialogTitleEx(props: DialogTitleExProps): import("react/jsx-runtime").JSX.Element;
+export default DialogTitleEx;

package/dist/MessageDialogContext.d.ts

@@ -7,11 +7,5 @@ export type MessageDialogOptions = {
     okText?: string;
     cancelText?: string;
 };
-export interface MessageDialogSettings {
-    okText?: string;
-    cancelText?: string;
-    defaultTitle?: string;
-    errorTitle?: string;
-}
 export declare const MessageDialogContext: import('react').Context<MessageDialogType | null>;
 export declare const useMessageDialog: () => MessageDialogType;

package/dist/index.cjs.js

@@ -248,4 +248,4 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       `:null,Ld=typeof Pn!="string"?zn`
         animation: ${Pn} 1.4s ease-in-out infinite;
       `:null,zd=e=>{const{classes:t,variant:r,color:n,disableShrink:o}=e,i={root:["root",r,`color${Ae(n)}`],svg:["svg"],circle:["circle",`circle${Ae(r)}`,o&&"circleDisableShrink"]};return Kn(i,Fd,t)},Ud=ot("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,t[r.variant],t[`color${Ae(r.color)}`]]}})(Cr(({theme:e})=>({display:"inline-block",variants:[{props:{variant:"determinate"},style:{transition:e.transitions.create("transform")}},{props:{variant:"indeterminate"},style:Vd||{animation:`${An} 1.4s linear infinite`}},...Object.entries(e.palette).filter(kn()).map(([t])=>({props:{color:t},style:{color:(e.vars||e).palette[t].main}}))]}))),Wd=ot("svg",{name:"MuiCircularProgress",slot:"Svg"})({display:"block"}),Yd=ot("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.circle,t[`circle${Ae(r.variant)}`],r.disableShrink&&t.circleDisableShrink]}})(Cr(({theme:e})=>({stroke:"currentColor",variants:[{props:{variant:"determinate"},style:{transition:e.transitions.create("stroke-dashoffset")}},{props:{variant:"indeterminate"},style:{strokeDasharray:"80px, 200px",strokeDashoffset:0}},{props:({ownerState:t})=>t.variant==="indeterminate"&&!t.disableShrink,style:Ld||{animation:`${Pn} 1.4s ease-in-out infinite`}}]}))),pa=M.forwardRef(function(t,r){const n=Qr({props:t,name:"MuiCircularProgress"}),{className:o,color:i="primary",disableShrink:a=!1,size:s=40,style:u,thickness:d=3.6,value:m=0,variant:p="indeterminate",...g}=n,h={...n,color:i,disableShrink:a,size:s,thickness:d,value:m,variant:p},y=zd(h),c={},v={},w={};if(p==="determinate"){const P=2*Math.PI*((Qe-d)/2);c.strokeDasharray=P.toFixed(3),w["aria-valuenow"]=Math.round(m),c.strokeDashoffset=`${((100-m)/100*P).toFixed(3)}px`,v.transform="rotate(-90deg)"}return J.jsx(Ud,{className:we(y.root,o),style:{width:s,height:s,...v,...u},ownerState:h,ref:r,role:"progressbar",...w,...g,children:J.jsx(Wd,{className:y.svg,ownerState:h,viewBox:`${Qe/2} ${Qe/2} ${Qe} ${Qe}`,children:J.jsx(Yd,{className:y.circle,style:c,ownerState:h,cx:Qe,cy:Qe,r:(Qe-d)/2,fill:"none",strokeWidth:d})})})});process.env.NODE_ENV!=="production"&&(pa.propTypes={classes:S.object,className:S.string,color:S.oneOfType([S.oneOf(["inherit","primary","secondary","error","info","success","warning"]),S.string]),disableShrink:Gn(S.bool,e=>e.disableShrink&&e.variant&&e.variant!=="indeterminate"?new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect."):null),size:S.oneOfType([S.number,S.string]),style:S.object,sx:S.oneOfType([S.arrayOf(S.oneOfType([S.func,S.object,S.bool])),S.func,S.object]),thickness:S.number,value:S.number,variant:S.oneOf(["determinate","indeterminate"])});function Gd(e){return er("MuiIconButton",e)}const pi=Jr("MuiIconButton",["root","disabled","colorInherit","colorPrimary","colorSecondary","colorError","colorInfo","colorSuccess","colorWarning","edgeStart","edgeEnd","sizeSmall","sizeMedium","sizeLarge","loading","loadingIndicator","loadingWrapper"]),Kd=e=>{const{classes:t,disabled:r,color:n,edge:o,size:i,loading:a}=e,s={root:["root",a&&"loading",r&&"disabled",n!=="default"&&`color${Ae(n)}`,o&&`edge${Ae(o)}`,`size${Ae(i)}`],loadingIndicator:["loadingIndicator"],loadingWrapper:["loadingWrapper"]};return Kn(s,Gd,t)},qd=ot(da,{name:"MuiIconButton",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,r.loading&&t.loading,r.color!=="default"&&t[`color${Ae(r.color)}`],r.edge&&t[`edge${Ae(r.edge)}`],t[`size${Ae(r.size)}`]]}})(Cr(({theme:e})=>({textAlign:"center",flex:"0 0 auto",fontSize:e.typography.pxToRem(24),padding:8,borderRadius:"50%",color:(e.vars||e).palette.action.active,transition:e.transitions.create("background-color",{duration:e.transitions.duration.shortest}),variants:[{props:t=>!t.disableRipple,style:{"--IconButton-hoverBg":e.vars?`rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})`:Tn(e.palette.action.active,e.palette.action.hoverOpacity),"&:hover":{backgroundColor:"var(--IconButton-hoverBg)","@media (hover: none)":{backgroundColor:"transparent"}}}},{props:{edge:"start"},style:{marginLeft:-12}},{props:{edge:"start",size:"small"},style:{marginLeft:-3}},{props:{edge:"end"},style:{marginRight:-12}},{props:{edge:"end",size:"small"},style:{marginRight:-3}}]})),Cr(({theme:e})=>({variants:[{props:{color:"inherit"},style:{color:"inherit"}},...Object.entries(e.palette).filter(kn()).map(([t])=>({props:{color:t},style:{color:(e.vars||e).palette[t].main}})),...Object.entries(e.palette).filter(kn()).map(([t])=>({props:{color:t},style:{"--IconButton-hoverBg":e.vars?`rgba(${(e.vars||e).palette[t].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:Tn((e.vars||e).palette[t].main,e.palette.action.hoverOpacity)}})),{props:{size:"small"},style:{padding:5,fontSize:e.typography.pxToRem(18)}},{props:{size:"large"},style:{padding:12,fontSize:e.typography.pxToRem(28)}}],[`&.${pi.disabled}`]:{backgroundColor:"transparent",color:(e.vars||e).palette.action.disabled},[`&.${pi.loading}`]:{color:"transparent"}}))),Hd=ot("span",{name:"MuiIconButton",slot:"LoadingIndicator"})(({theme:e})=>({display:"none",position:"absolute",visibility:"visible",top:"50%",left:"50%",transform:"translate(-50%, -50%)",color:(e.vars||e).palette.action.disabled,variants:[{props:{loading:!0},style:{display:"flex"}}]})),ma=M.forwardRef(function(t,r){const n=Qr({props:t,name:"MuiIconButton"}),{edge:o=!1,children:i,className:a,color:s="default",disabled:u=!1,disableFocusRipple:d=!1,size:m="medium",id:p,loading:g=null,loadingIndicator:h,...y}=n,c=ld(p),v=h??J.jsx(pa,{"aria-labelledby":c,color:"inherit",size:16}),w={...n,edge:o,color:s,disabled:u,disableFocusRipple:d,loading:g,loadingIndicator:v,size:m},P=Kd(w);return J.jsxs(qd,{id:g?c:p,className:we(P.root,a),centerRipple:!0,focusRipple:!d,disabled:u||g,ref:r,...y,ownerState:w,children:[typeof g=="boolean"&&J.jsx("span",{className:P.loadingWrapper,style:{display:"contents"},children:J.jsx(Hd,{className:P.loadingIndicator,ownerState:w,children:g&&v})}),i]})});process.env.NODE_ENV!=="production"&&(ma.propTypes={children:Gn(S.node,e=>M.Children.toArray(e.children).some(r=>M.isValidElement(r)&&r.props.onClick)?new Error(["MUI: You are providing an onClick event listener to a child of a button element.","Prefer applying it to the IconButton directly.","This guarantees that the whole <button> will be responsive to click events."].join(`
-`)):null),classes:S.object,className:S.string,color:S.oneOfType([S.oneOf(["inherit","default","primary","secondary","error","info","success","warning"]),S.string]),disabled:S.bool,disableFocusRipple:S.bool,disableRipple:S.bool,edge:S.oneOf(["end","start",!1]),id:S.string,loading:S.bool,loadingIndicator:S.node,size:S.oneOfType([S.oneOf(["small","medium","large"]),S.string]),sx:S.oneOfType([S.arrayOf(S.oneOfType([S.func,S.object,S.bool])),S.func,S.object])});function ha(e){const t=()=>{var n;(n=e.onClose)==null||n.call(e)},r=e.sx||{backgroundColor:n=>n.palette.primary.main,color:"#fff"};return J.jsxs(J.Fragment,{children:[J.jsx($t.DialogTitle,{"data-testid":"dialog-title",sx:r,children:e.title}),J.jsx(ma,{onClick:()=>t(),sx:{position:"absolute",right:8,top:12,color:"#fff"},children:J.jsx(Hl,{})})]})}const ga=X.createContext(null),Xd=()=>{const e=X.useContext(ga);if(!e)throw new Error("useMessageDialog must be used within a MessageDialogProvider");return e},Jd={okText:"OK",cancelText:"Cancel",alertTitle:"Alert",confirmTitle:"Confirm",errorTitle:"Error"},Qd=e=>{const t={...Jd,...e.settings||{}},r=X.useMemo(()=>({backgroundColor:f=>f.palette.primary.main,color:"#fff"}),[]),[n,o]=X.useState(!1),[i,a]=X.useState(""),[s,u]=X.useState(null),[d,m]=X.useState(!1),[p,g]=X.useState(r),[h,y]=X.useState(t.alertTitle),[c,v]=X.useState(t.okText),[w,P]=X.useState(t.cancelText),A=f=>(a(f||""),o(!0),new Promise(x=>{u(()=>x)})),$=X.useCallback((f,x)=>(y(t.confirmTitle),v((x==null?void 0:x.okText)||t.okText),P((x==null?void 0:x.cancelText)||t.cancelText),m(!0),g(r),A(f)),[r,t]),C=X.useCallback(f=>(y(t.alertTitle),v(t.okText),m(!1),g(r),A(f)),[r,t]),O=X.useCallback(f=>(y(t.errorTitle),v(t.okText),m(!1),g({backgroundColor:x=>x.palette.error.main,color:"#fff"}),A(f)),[t]),N=f=>{o(!1);const x=s;u(null),x==null||x(f)},z=(f,x)=>{x!=="backdropClick"&&N(!1)},W=X.useMemo(()=>({error:O,alert:C,confirm:$}),[O,C,$]);return X.useEffect(()=>{const f=x=>{n&&o(!1)};return window.addEventListener("popstate",f),()=>{window.removeEventListener("popstate",f)}},[n]),J.jsx(J.Fragment,{children:J.jsxs(ga.Provider,{value:W,children:[e.children,J.jsxs($t.Dialog,{"data-testid":"message-dialog",open:n,onClose:z,children:[J.jsx(ha,{title:h,onClose:()=>N(!1),sx:p}),J.jsx($t.DialogContent,{dividers:!0,sx:{whiteSpace:"pre-line"},children:i}),J.jsxs($t.DialogActions,{sx:{display:"flex",justifyContent:"space-between",paddingLeft:3,paddingRight:3},children:[J.jsx("div",{style:{flex:1,display:"flex",justifyContent:d?"flex-start":"center"},children:J.jsx($t.Button,{"data-testid":"message-dialog-ok-button",onClick:()=>N(!0),sx:p,autoFocus:!0,children:c})}),d&&J.jsx("div",{style:{flex:1,display:"flex",justifyContent:"flex-end"},children:J.jsx($t.Button,{"data-testid":"message-dialog-cancel-button",onClick:()=>N(!1),variant:"outlined",children:w})})]})]})]})})};exports.DialogTitleEx=ha;exports.MessageDialogProvider=Qd;exports.useMessageDialog=Xd;
+`)):null),classes:S.object,className:S.string,color:S.oneOfType([S.oneOf(["inherit","default","primary","secondary","error","info","success","warning"]),S.string]),disabled:S.bool,disableFocusRipple:S.bool,disableRipple:S.bool,edge:S.oneOf(["end","start",!1]),id:S.string,loading:S.bool,loadingIndicator:S.node,size:S.oneOfType([S.oneOf(["small","medium","large"]),S.string]),sx:S.oneOfType([S.arrayOf(S.oneOfType([S.func,S.object,S.bool])),S.func,S.object])});function ha(e){const t=()=>{var n;(n=e.onClose)==null||n.call(e)},r=e.sx||{backgroundColor:n=>n.palette.primary.main,color:"#fff"};return J.jsx(J.Fragment,{children:J.jsxs($t.DialogTitle,{"data-testid":"dialog-title",sx:{position:"relative",...r},children:[e.title,J.jsx(ma,{onClick:()=>t(),sx:{position:"absolute",right:8,top:"50%",transform:"translateY(-50%)",color:"#fff"},children:J.jsx(Hl,{})})]})})}const ga=X.createContext(null),Xd=()=>{const e=X.useContext(ga);if(!e)throw new Error("useMessageDialog must be used within a MessageDialogProvider");return e},Jd={okText:"OK",cancelText:"Cancel",alertTitle:"Alert",confirmTitle:"Confirm",errorTitle:"Error"},Qd=e=>{const t={...Jd,...e.settings||{}},r=X.useMemo(()=>({backgroundColor:f=>f.palette.primary.main,color:"#fff"}),[]),[n,o]=X.useState(!1),[i,a]=X.useState(""),[s,u]=X.useState(null),[d,m]=X.useState(!1),[p,g]=X.useState(r),[h,y]=X.useState(t.alertTitle),[c,v]=X.useState(t.okText),[w,P]=X.useState(t.cancelText),A=f=>(a(f||""),o(!0),new Promise(x=>{u(()=>x)})),$=X.useCallback((f,x)=>(y(t.confirmTitle),v((x==null?void 0:x.okText)||t.okText),P((x==null?void 0:x.cancelText)||t.cancelText),m(!0),g(r),A(f)),[r,t]),C=X.useCallback(f=>(y(t.alertTitle),v(t.okText),m(!1),g(r),A(f)),[r,t]),O=X.useCallback(f=>(y(t.errorTitle),v(t.okText),m(!1),g({backgroundColor:x=>x.palette.error.main,color:"#fff"}),A(f)),[t]),N=f=>{o(!1);const x=s;u(null),x==null||x(f)},z=(f,x)=>{x!=="backdropClick"&&N(!1)},W=X.useMemo(()=>({error:O,alert:C,confirm:$}),[O,C,$]);return X.useEffect(()=>{const f=x=>{n&&o(!1)};return window.addEventListener("popstate",f),()=>{window.removeEventListener("popstate",f)}},[n]),J.jsx(J.Fragment,{children:J.jsxs(ga.Provider,{value:W,children:[e.children,J.jsxs($t.Dialog,{"data-testid":"message-dialog",open:n,onClose:z,children:[J.jsx(ha,{title:h,onClose:()=>N(!1),sx:p}),J.jsx($t.DialogContent,{dividers:!0,sx:{whiteSpace:"pre-line"},children:i}),J.jsxs($t.DialogActions,{sx:{display:"flex",justifyContent:"space-between",paddingLeft:3,paddingRight:3},children:[J.jsx("div",{style:{flex:1,display:"flex",justifyContent:d?"flex-start":"center"},children:J.jsx($t.Button,{"data-testid":"message-dialog-ok-button",onClick:()=>N(!0),sx:p,autoFocus:!0,children:c})}),d&&J.jsx("div",{style:{flex:1,display:"flex",justifyContent:"flex-end"},children:J.jsx($t.Button,{"data-testid":"message-dialog-cancel-button",onClick:()=>N(!1),variant:"outlined",children:w})})]})]})]})})};exports.DialogTitleEx=ha;exports.MessageDialogProvider=Qd;exports.useMessageDialog=Xd;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { MessageDialogProvider } from './MessageDialog';
 export { useMessageDialog } from './MessageDialogContext';
 export type { MessageDialogSettings } from './MessageDialog';
-export { default as DialogTitleEx, } from './DialogTitleEx';
+export { default as DialogTitleEx } from './DialogTitleEx';
 export type { DialogTitleExProps } from './DialogTitleEx';

package/dist/index.es.js

@@ -8942,8 +8942,8 @@ function cp(e) {
     backgroundColor: (n) => n.palette.primary.main,
     color: "#fff"
   };
-  return /* @__PURE__ */ X.jsxs(X.Fragment, { children: [
-    /* @__PURE__ */ X.jsx(Aa, { "data-testid": "dialog-title", sx: r, children: e.title }),
+  return /* @__PURE__ */ X.jsx(X.Fragment, { children: /* @__PURE__ */ X.jsxs(Aa, { "data-testid": "dialog-title", sx: { position: "relative", ...r }, children: [
+    e.title,
     /* @__PURE__ */ X.jsx(
       Sa,
       {
@@ -8951,13 +8951,14 @@ function cp(e) {
         sx: {
           position: "absolute",
           right: 8,
-          top: 12,
+          top: "50%",
+          transform: "translateY(-50%)",
           color: "#fff"
         },
         children: /* @__PURE__ */ X.jsx(su, {})
       }
     )
-  ] });
+  ] }) });
 }
 const $a = _a(null), pp = () => {
   const e = vi($a);

package/dist/index.umd.js

@@ -248,4 +248,4 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       `:null,Pd=typeof no!="string"?En`
         animation: ${no} 1.4s ease-in-out infinite;
       `:null,Nd=e=>{const{classes:t,variant:r,color:n,disableShrink:o}=e,i={root:["root",r,`color${Re(n)}`],svg:["svg"],circle:["circle",`circle${Re(r)}`,o&&"circleDisableShrink"]};return Mn(i,Ad,t)},Id=ot("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,t[r.variant],t[`color${Re(r.color)}`]]}})(qr(({theme:e})=>({display:"inline-block",variants:[{props:{variant:"determinate"},style:{transition:e.transitions.create("transform")}},{props:{variant:"indeterminate"},style:Rd||{animation:`${ro} 1.4s linear infinite`}},...Object.entries(e.palette).filter(Xn()).map(([t])=>({props:{color:t},style:{color:(e.vars||e).palette[t].main}}))]}))),Md=ot("svg",{name:"MuiCircularProgress",slot:"Svg"})({display:"block"}),Dd=ot("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.circle,t[`circle${Re(r.variant)}`],r.disableShrink&&t.circleDisableShrink]}})(qr(({theme:e})=>({stroke:"currentColor",variants:[{props:{variant:"determinate"},style:{transition:e.transitions.create("stroke-dashoffset")}},{props:{variant:"indeterminate"},style:{strokeDasharray:"80px, 200px",strokeDashoffset:0}},{props:({ownerState:t})=>t.variant==="indeterminate"&&!t.disableShrink,style:Pd||{animation:`${no} 1.4s ease-in-out infinite`}}]}))),da=M.forwardRef(function(t,r){const n=Hr({props:t,name:"MuiCircularProgress"}),{className:o,color:i="primary",disableShrink:a=!1,size:s=40,style:u,thickness:d=3.6,value:m=0,variant:p="indeterminate",...g}=n,h={...n,color:i,disableShrink:a,size:s,thickness:d,value:m,variant:p},y=Nd(h),c={},v={},w={};if(p==="determinate"){const P=2*Math.PI*((it-d)/2);c.strokeDasharray=P.toFixed(3),w["aria-valuenow"]=Math.round(m),c.strokeDashoffset=`${((100-m)/100*P).toFixed(3)}px`,v.transform="rotate(-90deg)"}return J.jsx(Id,{className:xe(y.root,o),style:{width:s,height:s,...v,...u},ownerState:h,ref:r,role:"progressbar",...w,...g,children:J.jsx(Md,{className:y.svg,ownerState:h,viewBox:`${it/2} ${it/2} ${it} ${it}`,children:J.jsx(Dd,{className:y.circle,style:c,ownerState:h,cx:it,cy:it,r:(it-d)/2,fill:"none",strokeWidth:d})})})});process.env.NODE_ENV!=="production"&&(da.propTypes={classes:S.object,className:S.string,color:S.oneOfType([S.oneOf(["inherit","primary","secondary","error","info","success","warning"]),S.string]),disableShrink:In(S.bool,e=>e.disableShrink&&e.variant&&e.variant!=="indeterminate"?new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect."):null),size:S.oneOfType([S.number,S.string]),style:S.object,sx:S.oneOfType([S.arrayOf(S.oneOfType([S.func,S.object,S.bool])),S.func,S.object]),thickness:S.number,value:S.number,variant:S.oneOf(["determinate","indeterminate"])});function Bd(e){return Xt("MuiIconButton",e)}const pa=Gr("MuiIconButton",["root","disabled","colorInherit","colorPrimary","colorSecondary","colorError","colorInfo","colorSuccess","colorWarning","edgeStart","edgeEnd","sizeSmall","sizeMedium","sizeLarge","loading","loadingIndicator","loadingWrapper"]),jd=e=>{const{classes:t,disabled:r,color:n,edge:o,size:i,loading:a}=e,s={root:["root",a&&"loading",r&&"disabled",n!=="default"&&`color${Re(n)}`,o&&`edge${Re(o)}`,`size${Re(i)}`],loadingIndicator:["loadingIndicator"],loadingWrapper:["loadingWrapper"]};return Mn(s,Bd,t)},Fd=ot(fa,{name:"MuiIconButton",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,r.loading&&t.loading,r.color!=="default"&&t[`color${Re(r.color)}`],r.edge&&t[`edge${Re(r.edge)}`],t[`size${Re(r.size)}`]]}})(qr(({theme:e})=>({textAlign:"center",flex:"0 0 auto",fontSize:e.typography.pxToRem(24),padding:8,borderRadius:"50%",color:(e.vars||e).palette.action.active,transition:e.transitions.create("background-color",{duration:e.transitions.duration.shortest}),variants:[{props:t=>!t.disableRipple,style:{"--IconButton-hoverBg":e.vars?`rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})`:jn(e.palette.action.active,e.palette.action.hoverOpacity),"&:hover":{backgroundColor:"var(--IconButton-hoverBg)","@media (hover: none)":{backgroundColor:"transparent"}}}},{props:{edge:"start"},style:{marginLeft:-12}},{props:{edge:"start",size:"small"},style:{marginLeft:-3}},{props:{edge:"end"},style:{marginRight:-12}},{props:{edge:"end",size:"small"},style:{marginRight:-3}}]})),qr(({theme:e})=>({variants:[{props:{color:"inherit"},style:{color:"inherit"}},...Object.entries(e.palette).filter(Xn()).map(([t])=>({props:{color:t},style:{color:(e.vars||e).palette[t].main}})),...Object.entries(e.palette).filter(Xn()).map(([t])=>({props:{color:t},style:{"--IconButton-hoverBg":e.vars?`rgba(${(e.vars||e).palette[t].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:jn((e.vars||e).palette[t].main,e.palette.action.hoverOpacity)}})),{props:{size:"small"},style:{padding:5,fontSize:e.typography.pxToRem(18)}},{props:{size:"large"},style:{padding:12,fontSize:e.typography.pxToRem(28)}}],[`&.${pa.disabled}`]:{backgroundColor:"transparent",color:(e.vars||e).palette.action.disabled},[`&.${pa.loading}`]:{color:"transparent"}}))),Vd=ot("span",{name:"MuiIconButton",slot:"LoadingIndicator"})(({theme:e})=>({display:"none",position:"absolute",visibility:"visible",top:"50%",left:"50%",transform:"translate(-50%, -50%)",color:(e.vars||e).palette.action.disabled,variants:[{props:{loading:!0},style:{display:"flex"}}]})),ma=M.forwardRef(function(t,r){const n=Hr({props:t,name:"MuiIconButton"}),{edge:o=!1,children:i,className:a,color:s="default",disabled:u=!1,disableFocusRipple:d=!1,size:m="medium",id:p,loading:g=null,loadingIndicator:h,...y}=n,c=ed(p),v=h??J.jsx(da,{"aria-labelledby":c,color:"inherit",size:16}),w={...n,edge:o,color:s,disabled:u,disableFocusRipple:d,loading:g,loadingIndicator:v,size:m},P=jd(w);return J.jsxs(Fd,{id:g?c:p,className:xe(P.root,a),centerRipple:!0,focusRipple:!d,disabled:u||g,ref:r,...y,ownerState:w,children:[typeof g=="boolean"&&J.jsx("span",{className:P.loadingWrapper,style:{display:"contents"},children:J.jsx(Vd,{className:P.loadingIndicator,ownerState:w,children:g&&v})}),i]})});process.env.NODE_ENV!=="production"&&(ma.propTypes={children:In(S.node,e=>M.Children.toArray(e.children).some(r=>M.isValidElement(r)&&r.props.onClick)?new Error(["MUI: You are providing an onClick event listener to a child of a button element.","Prefer applying it to the IconButton directly.","This guarantees that the whole <button> will be responsive to click events."].join(`
-`)):null),classes:S.object,className:S.string,color:S.oneOfType([S.oneOf(["inherit","default","primary","secondary","error","info","success","warning"]),S.string]),disabled:S.bool,disableFocusRipple:S.bool,disableRipple:S.bool,edge:S.oneOf(["end","start",!1]),id:S.string,loading:S.bool,loadingIndicator:S.node,size:S.oneOfType([S.oneOf(["small","medium","large"]),S.string]),sx:S.oneOfType([S.arrayOf(S.oneOfType([S.func,S.object,S.bool])),S.func,S.object])});function ha(e){const t=()=>{var n;(n=e.onClose)==null||n.call(e)},r=e.sx||{backgroundColor:n=>n.palette.primary.main,color:"#fff"};return J.jsxs(J.Fragment,{children:[J.jsx(Ve.DialogTitle,{"data-testid":"dialog-title",sx:r,children:e.title}),J.jsx(ma,{onClick:()=>t(),sx:{position:"absolute",right:8,top:12,color:"#fff"},children:J.jsx(Ul,{})})]})}const ga=U.createContext(null),Ld=()=>{const e=U.useContext(ga);if(!e)throw new Error("useMessageDialog must be used within a MessageDialogProvider");return e},zd={okText:"OK",cancelText:"Cancel",alertTitle:"Alert",confirmTitle:"Confirm",errorTitle:"Error"},Ud=e=>{const t={...zd,...e.settings||{}},r=U.useMemo(()=>({backgroundColor:f=>f.palette.primary.main,color:"#fff"}),[]),[n,o]=U.useState(!1),[i,a]=U.useState(""),[s,u]=U.useState(null),[d,m]=U.useState(!1),[p,g]=U.useState(r),[h,y]=U.useState(t.alertTitle),[c,v]=U.useState(t.okText),[w,P]=U.useState(t.cancelText),R=f=>(a(f||""),o(!0),new Promise(x=>{u(()=>x)})),$=U.useCallback((f,x)=>(y(t.confirmTitle),v((x==null?void 0:x.okText)||t.okText),P((x==null?void 0:x.cancelText)||t.cancelText),m(!0),g(r),R(f)),[r,t]),C=U.useCallback(f=>(y(t.alertTitle),v(t.okText),m(!1),g(r),R(f)),[r,t]),O=U.useCallback(f=>(y(t.errorTitle),v(t.okText),m(!1),g({backgroundColor:x=>x.palette.error.main,color:"#fff"}),R(f)),[t]),N=f=>{o(!1);const x=s;u(null),x==null||x(f)},z=(f,x)=>{x!=="backdropClick"&&N(!1)},Y=U.useMemo(()=>({error:O,alert:C,confirm:$}),[O,C,$]);return U.useEffect(()=>{const f=x=>{n&&o(!1)};return window.addEventListener("popstate",f),()=>{window.removeEventListener("popstate",f)}},[n]),J.jsx(J.Fragment,{children:J.jsxs(ga.Provider,{value:Y,children:[e.children,J.jsxs(Ve.Dialog,{"data-testid":"message-dialog",open:n,onClose:z,children:[J.jsx(ha,{title:h,onClose:()=>N(!1),sx:p}),J.jsx(Ve.DialogContent,{dividers:!0,sx:{whiteSpace:"pre-line"},children:i}),J.jsxs(Ve.DialogActions,{sx:{display:"flex",justifyContent:"space-between",paddingLeft:3,paddingRight:3},children:[J.jsx("div",{style:{flex:1,display:"flex",justifyContent:d?"flex-start":"center"},children:J.jsx(Ve.Button,{"data-testid":"message-dialog-ok-button",onClick:()=>N(!0),sx:p,autoFocus:!0,children:c})}),d&&J.jsx("div",{style:{flex:1,display:"flex",justifyContent:"flex-end"},children:J.jsx(Ve.Button,{"data-testid":"message-dialog-cancel-button",onClick:()=>N(!1),variant:"outlined",children:w})})]})]})]})})};Te.DialogTitleEx=ha,Te.MessageDialogProvider=Ud,Te.useMessageDialog=Ld,Object.defineProperty(Te,Symbol.toStringTag,{value:"Module"})});
+`)):null),classes:S.object,className:S.string,color:S.oneOfType([S.oneOf(["inherit","default","primary","secondary","error","info","success","warning"]),S.string]),disabled:S.bool,disableFocusRipple:S.bool,disableRipple:S.bool,edge:S.oneOf(["end","start",!1]),id:S.string,loading:S.bool,loadingIndicator:S.node,size:S.oneOfType([S.oneOf(["small","medium","large"]),S.string]),sx:S.oneOfType([S.arrayOf(S.oneOfType([S.func,S.object,S.bool])),S.func,S.object])});function ha(e){const t=()=>{var n;(n=e.onClose)==null||n.call(e)},r=e.sx||{backgroundColor:n=>n.palette.primary.main,color:"#fff"};return J.jsx(J.Fragment,{children:J.jsxs(Ve.DialogTitle,{"data-testid":"dialog-title",sx:{position:"relative",...r},children:[e.title,J.jsx(ma,{onClick:()=>t(),sx:{position:"absolute",right:8,top:"50%",transform:"translateY(-50%)",color:"#fff"},children:J.jsx(Ul,{})})]})})}const ga=U.createContext(null),Ld=()=>{const e=U.useContext(ga);if(!e)throw new Error("useMessageDialog must be used within a MessageDialogProvider");return e},zd={okText:"OK",cancelText:"Cancel",alertTitle:"Alert",confirmTitle:"Confirm",errorTitle:"Error"},Ud=e=>{const t={...zd,...e.settings||{}},r=U.useMemo(()=>({backgroundColor:f=>f.palette.primary.main,color:"#fff"}),[]),[n,o]=U.useState(!1),[i,a]=U.useState(""),[s,u]=U.useState(null),[d,m]=U.useState(!1),[p,g]=U.useState(r),[h,y]=U.useState(t.alertTitle),[c,v]=U.useState(t.okText),[w,P]=U.useState(t.cancelText),R=f=>(a(f||""),o(!0),new Promise(x=>{u(()=>x)})),$=U.useCallback((f,x)=>(y(t.confirmTitle),v((x==null?void 0:x.okText)||t.okText),P((x==null?void 0:x.cancelText)||t.cancelText),m(!0),g(r),R(f)),[r,t]),C=U.useCallback(f=>(y(t.alertTitle),v(t.okText),m(!1),g(r),R(f)),[r,t]),O=U.useCallback(f=>(y(t.errorTitle),v(t.okText),m(!1),g({backgroundColor:x=>x.palette.error.main,color:"#fff"}),R(f)),[t]),N=f=>{o(!1);const x=s;u(null),x==null||x(f)},z=(f,x)=>{x!=="backdropClick"&&N(!1)},Y=U.useMemo(()=>({error:O,alert:C,confirm:$}),[O,C,$]);return U.useEffect(()=>{const f=x=>{n&&o(!1)};return window.addEventListener("popstate",f),()=>{window.removeEventListener("popstate",f)}},[n]),J.jsx(J.Fragment,{children:J.jsxs(ga.Provider,{value:Y,children:[e.children,J.jsxs(Ve.Dialog,{"data-testid":"message-dialog",open:n,onClose:z,children:[J.jsx(ha,{title:h,onClose:()=>N(!1),sx:p}),J.jsx(Ve.DialogContent,{dividers:!0,sx:{whiteSpace:"pre-line"},children:i}),J.jsxs(Ve.DialogActions,{sx:{display:"flex",justifyContent:"space-between",paddingLeft:3,paddingRight:3},children:[J.jsx("div",{style:{flex:1,display:"flex",justifyContent:d?"flex-start":"center"},children:J.jsx(Ve.Button,{"data-testid":"message-dialog-ok-button",onClick:()=>N(!0),sx:p,autoFocus:!0,children:c})}),d&&J.jsx("div",{style:{flex:1,display:"flex",justifyContent:"flex-end"},children:J.jsx(Ve.Button,{"data-testid":"message-dialog-cancel-button",onClick:()=>N(!1),variant:"outlined",children:w})})]})]})]})})};Te.DialogTitleEx=ha,Te.MessageDialogProvider=Ud,Te.useMessageDialog=Ld,Object.defineProperty(Te,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jhelom/react-mui-message-dialog",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",