@jbrowse/core
Version:
JBrowse 2 core libraries used by plugins
51 lines (50 loc) • 2.8 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const ErrorBoundary_1 = require("@jbrowse/core/ui/ErrorBoundary");
const Close_1 = __importDefault(require("@mui/icons-material/Close"));
const material_1 = require("@mui/material");
const mobx_react_1 = require("mobx-react");
const mui_1 = require("tss-react/mui");
const ErrorMessage_1 = __importDefault(require("./ErrorMessage"));
const SanitizedHTML_1 = __importDefault(require("./SanitizedHTML"));
const useStyles = (0, mui_1.makeStyles)()(theme => ({
closeButton: {
position: 'absolute',
right: theme.spacing(1),
top: theme.spacing(1),
color: theme.palette.grey[500],
},
errorBox: {
width: 800,
margin: 40,
},
}));
function DialogError({ error }) {
const { classes } = useStyles();
return ((0, jsx_runtime_1.jsx)("div", { className: classes.errorBox, children: (0, jsx_runtime_1.jsx)(ErrorMessage_1.default, { error: error }) }));
}
const Dialog = (0, mobx_react_1.observer)(function (props) {
const { classes } = useStyles();
const { titleNode, ...rest } = props;
const { title, header, children, onClose } = rest;
const theme = (0, material_1.useTheme)();
return ((0, jsx_runtime_1.jsx)(material_1.Dialog, { ...rest, children: (0, jsx_runtime_1.jsxs)(material_1.ScopedCssBaseline, { children: [(0, react_1.isValidElement)(header) ? (header) : ((0, jsx_runtime_1.jsxs)(material_1.DialogTitle, { children: [titleNode || (0, jsx_runtime_1.jsx)(SanitizedHTML_1.default, { html: title || '' }), onClose ? ((0, jsx_runtime_1.jsx)(material_1.IconButton, { className: classes.closeButton, onClick: () => {
onClose();
}, children: (0, jsx_runtime_1.jsx)(Close_1.default, {}) })) : null] })), (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { FallbackComponent: DialogError, children: (0, jsx_runtime_1.jsx)(material_1.ThemeProvider, { theme: (0, material_1.createTheme)(theme, {
components: {
MuiInputBase: {
styleOverrides: {
input: {
boxSizing: 'content-box!important',
},
},
},
},
}), children: children }) })] }) }));
});
exports.default = Dialog;