@gsretail.com/gui-core/build/core/Dialog/GuiDialog.js

A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook

import{__rest as e,__assign as l}from"../../node_modules/tslib/tslib.es6.js";import*as t from"react";import{DialogTitle as a,DialogContent as n,DialogActions as o,Paper as r}from"@mui/material";import s from"../../node_modules/react-draggable/build/cjs/cjs.js";import{GuiIcon as i}from"../../node_modules/@gsretail.com/gui-icons/dist/index.js";import{GuiIconButton as c}from"../Button/GuiIconButton.js";import{StyledDraggableDialog as m,StyledDialog as d}from"./GuiDialog.styled.js";function u(e){return t.createElement(s,{handle:"#draggable-dialog-title",cancel:'[class*="MuiDialogContent-root"]'},t.createElement(r,l({},e)))}var g=function(r){var s=r.subject,g=r.size,p=r.scroll,C=r.draggable,b=r.isCustom,h=r.height,E=r.children,f=r.tabsChildren,j=r.actionsChildren,k=r.onCloseBtn;r.setOpen,r.className;var y=e(r,["subject","size","scroll","draggable","isCustom","height","children","tabsChildren","actionsChildren","onCloseBtn","setOpen","className"]),D=y.onClose,N=y.open;return t.createElement(t.Fragment,null,C?t.createElement(m,l({className:"gui-dialog-draggable","aria-labelledby":"draggable-dialog-title",PaperComponent:u,fullWidth:!0,size:g,height:h||"300px",scroll:p,open:N,onClose:function(e,l){"backdropClick"!==l&&"escapeKeyDown"!==l&&D(e,l)}},y),b?t.createElement(t.Fragment,null,E&&E):t.createElement(t.Fragment,null,k&&t.createElement(c,{className:"btnDialogClose",variant:"clear",color:"secondary",onClick:k},t.createElement(i,{name:"Close",width:"28px"})),t.createElement(a,null,s&&s,f&&f),E&&t.createElement(n,null,E),j&&t.createElement(o,null,j))):t.createElement(d,l({className:"gui-dialog",fullWidth:!0,size:g,height:h,scroll:p,open:N,onClose:function(e,l){"backdropClick"!==l&&"escapeKeyDown"!==l&&D(e,l)}},y),b?t.createElement(t.Fragment,null,E&&E):t.createElement(t.Fragment,null,k&&t.createElement(c,{className:"btnDialogClose",variant:"clear",color:"secondary",onClick:k},t.createElement(i,{name:"Close",width:"28px"})),t.createElement(a,null,s&&s,f&&f),E&&t.createElement(n,null,E),j&&t.createElement(o,null,j))))};g.defaultProps={size:"small",scroll:"paper"};export{g as GuiDialog,g as default};