@jbrowse/core 1.7.11 → 2.1.0

package/ui/EditableTypography.js

@@ -1,167 +1,99 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
 });
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _InputBase = _interopRequireDefault(require("@material-ui/core/InputBase"));
-
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _excluded = ["value", "setValue", "variant"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var useStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const material_1 = require("@mui/material");
+const mui_1 = require("tss-react/mui");
+const useStyles = (0, mui_1.makeStyles)()(theme => ({
     input: {},
     inputBase: {},
     typography: {
-      top: 6,
-      left: 2,
-      position: 'absolute',
-      whiteSpace: 'nowrap',
-      visibility: 'hidden'
+        top: 6,
+        left: 2,
+        position: 'absolute',
+        whiteSpace: 'nowrap',
+        visibility: 'hidden',
     },
     inputRoot: {
-      padding: theme.spacing(0.5)
+        padding: theme.spacing(0.5),
     },
     inputFocused: {
-      borderStyle: 'solid',
-      borderRadius: theme.shape.borderRadius,
-      borderWidth: 2
-    }
-  };
-});
-
+        borderStyle: 'solid',
+        borderWidth: 2,
+    },
+}));
 // using forwardRef so that MUI Tooltip can wrap this component
-var EditableTypography = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var value = props.value,
-      setValue = props.setValue,
-      variant = props.variant,
-      other = (0, _objectWithoutProperties2.default)(props, _excluded);
-
-  var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      editedValue = _useState2[0],
-      setEditedValue = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(0),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      width = _useState4[0],
-      setWidth = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(null),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      sizerNode = _useState6[0],
-      setSizerNode = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(null),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      inputNode = _useState8[0],
-      setInputNode = _useState8[1];
-
-  var _useState9 = (0, _react.useState)(false),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      blur = _useState10[0],
-      setBlur = _useState10[1];
-
-  (0, _react.useEffect)(function () {
-    if (blur) {
-      inputNode && inputNode.blur();
-      setBlur(false);
-    }
-  }, [blur, inputNode]);
-  var classes = useStyles(props);
-  var theme = (0, _styles.useTheme)();
-  var clientWidth = sizerNode && sizerNode.clientWidth;
-
-  if (clientWidth && clientWidth !== width) {
-    setWidth(clientWidth);
-  }
-
-  var sizerRef = function sizerRef(node) {
-    setSizerNode(node);
-  };
-
-  var inputRef = function inputRef(node) {
-    setInputNode(node);
-  };
-
-  function handleBlur() {
-    if (editedValue && editedValue !== value) {
-      setValue(editedValue);
+const EditableTypography = react_1.default.forwardRef((props, ref) => {
+    const { value, setValue, variant, ...other } = props;
+    const [editedValue, setEditedValue] = (0, react_1.useState)();
+    const [width, setWidth] = (0, react_1.useState)(0);
+    const [sizerNode, setSizerNode] = (0, react_1.useState)(null);
+    const [inputNode, setInputNode] = (0, react_1.useState)(null);
+    const [blur, setBlur] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        if (blur) {
+            inputNode && inputNode.blur();
+            setBlur(false);
+        }
+    }, [blur, inputNode]);
+    // possibly tss-react does not understand the passing of props to
+    // useStyles, but it appears to work
+    // @ts-ignore
+    const { classes } = useStyles(props, { props });
+    const theme = (0, material_1.useTheme)();
+    const clientWidth = sizerNode === null || sizerNode === void 0 ? void 0 : sizerNode.clientWidth;
+    if (clientWidth && clientWidth !== width) {
+        setWidth(clientWidth);
     }
-
-    setEditedValue(undefined);
-  }
-
-  function handleKeyDown(event) {
-    if (event.key === 'Enter') {
-      inputNode && inputNode.blur();
-    } else if (event.key === 'Escape') {
-      setEditedValue(undefined);
-      setBlur(true);
-    }
-  }
-
-  function handleChange(event) {
-    setEditedValue(event.target.value);
-  }
-
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, other, {
-    ref: ref
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      position: 'relative'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    ref: sizerRef,
-    component: "span",
-    variant: variant,
-    className: classes.typography
-  }, editedValue === undefined ? value : editedValue)), /*#__PURE__*/_react.default.createElement(_InputBase.default, {
-    inputRef: inputRef,
-    className: classes.inputBase,
-    inputProps: {
-      style: _objectSpread({
-        width: width
-      }, variant && variant !== 'inherit' && variant !== 'srOnly' ? theme.typography[variant] : {})
-    },
-    classes: {
-      input: classes.input,
-      root: classes.inputRoot,
-      focused: classes.inputFocused
-    },
-    value: editedValue === undefined ? value : editedValue,
-    onChange: handleChange,
-    onKeyDown: handleKeyDown,
-    onBlur: handleBlur
-  }));
+    return (react_1.default.createElement("div", { ...other, ref: ref },
+        react_1.default.createElement("div", { style: { position: 'relative' } },
+            react_1.default.createElement(material_1.Typography, { ref: (node) => setSizerNode(node), component: "span", variant: variant, className: classes.typography }, editedValue === undefined ? value : editedValue)),
+        react_1.default.createElement(material_1.InputBase, { inputRef: node => setInputNode(node), className: classes.inputBase, inputProps: {
+                style: {
+                    width,
+                    ...(variant && variant !== 'inherit'
+                        ? theme.typography[variant]
+                        : {}),
+                },
+            }, classes: {
+                input: classes.input,
+                root: classes.inputRoot,
+                focused: classes.inputFocused,
+            }, value: editedValue === undefined ? value : editedValue, onChange: event => setEditedValue(event.target.value), onKeyDown: event => {
+                if (event.key === 'Enter') {
+                    inputNode && inputNode.blur();
+                }
+                else if (event.key === 'Escape') {
+                    setEditedValue(undefined);
+                    setBlur(true);
+                }
+            }, onBlur: () => {
+                if (editedValue && editedValue !== value) {
+                    setValue(editedValue);
+                }
+                setEditedValue(undefined);
+            } })));
 });
-
-var _default = EditableTypography;
-exports.default = _default;
+exports.default = EditableTypography;

package/ui/ErrorMessage.js

@@ -1,69 +1,44 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _core = require("@material-ui/core");
-
-var useStyles = (0, _core.makeStyles)(function (theme) {
-  return {
-    message: {
-      border: '1px solid black',
-      background: '#f88',
-      overflow: 'auto',
-      maxHeight: 200,
-      margin: theme.spacing(1),
-      padding: theme.spacing(1)
-    },
-    errorBox: {
-      background: 'lightgrey',
-      border: '1px solid black',
-      margin: 20
-    }
-  };
-});
-
-var ErrorMessage = function ErrorMessage(_ref) {
-  var error = _ref.error;
-  var classes = useStyles();
-  var snapshotError = '';
-  var str = "".concat(error);
-  var findStr = 'is not assignable';
-  var idx = str.indexOf(findStr);
-
-  if (idx !== -1) {
-    var trim = str.slice(0, idx + findStr.length); // best effort to make a better error message than the default
-    // mobx-state-tree
-    // case 1. element has a path
-
-    var match = trim.match(/.*at path "(.*)" snapshot `(.*)` is not assignable/m);
-
-    if (match) {
-      str = "Failed to load element at ".concat(match[1], "...Failed element had snapshot");
-      snapshotError = match[2];
-    } // case 2. element has no path
-
-
-    var match2 = trim.match(/.*snapshot `(.*)` is not assignable/);
-
-    if (match2) {
-      str = "Failed to load element...Failed element had snapshot";
-      snapshotError = match2[1];
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const ErrorMessage = ({ error }) => {
+    let snapshotError = '';
+    let str = `${error}`;
+    const findStr = 'is not assignable';
+    const idx = str.indexOf(findStr);
+    if (idx !== -1) {
+        const trim = str.slice(0, idx + findStr.length);
+        // best effort to make a better error message than the default
+        // mobx-state-tree
+        // case 1. element has a path
+        const match = trim.match(/.*at path "(.*)" snapshot `(.*)` is not assignable/m);
+        if (match) {
+            str = `Failed to load element at ${match[1]}...Failed element had snapshot`;
+            snapshotError = match[2];
+        }
+        // case 2. element has no path
+        const match2 = trim.match(/.*snapshot `(.*)` is not assignable/);
+        if (match2) {
+            str = `Failed to load element...Failed element had snapshot`;
+            snapshotError = match2[1];
+        }
     }
-  }
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.message
-  }, str.slice(0, 10000), snapshotError ? /*#__PURE__*/_react.default.createElement("pre", {
-    className: classes.errorBox
-  }, JSON.stringify(JSON.parse(snapshotError), null, 2)) : null);
+    return (react_1.default.createElement("div", { style: {
+            padding: 4,
+            margin: 4,
+            overflow: 'auto',
+            maxHeight: 200,
+            background: '#f88',
+            border: '1px solid black',
+        } },
+        str.slice(0, 10000),
+        snapshotError ? (react_1.default.createElement("pre", { style: {
+                background: 'lightgrey',
+                border: '1px solid black',
+                margin: 20,
+            } }, JSON.stringify(JSON.parse(snapshotError), null, 2))) : null));
 };
-
-var _default = ErrorMessage;
-exports.default = _default;
+exports.default = ErrorMessage;

package/ui/FactoryResetDialog.js

@@ -1,60 +1,27 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
-var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
-
-var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
-
-var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
-
-var _DialogContentText = _interopRequireDefault(require("@material-ui/core/DialogContentText"));
-
-var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _default = function _default(_ref) {
-  var onClose = _ref.onClose,
-      open = _ref.open,
-      onFactoryReset = _ref.onFactoryReset;
-
-  function handleDialogClose(action) {
-    if (action === 'reset') {
-      onFactoryReset();
-    }
-
-    onClose();
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
-    open: open,
-    onClose: function onClose() {
-      return handleDialogClose();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const Dialog_1 = __importDefault(require("@mui/material/Dialog"));
+const DialogTitle_1 = __importDefault(require("@mui/material/DialogTitle"));
+const DialogContent_1 = __importDefault(require("@mui/material/DialogContent"));
+const DialogContentText_1 = __importDefault(require("@mui/material/DialogContentText"));
+const DialogActions_1 = __importDefault(require("@mui/material/DialogActions"));
+const react_1 = __importDefault(require("react"));
+exports.default = ({ onClose, open, onFactoryReset, }) => {
+    function handleDialogClose(action) {
+        if (action === 'reset') {
+            onFactoryReset();
+        }
+        onClose();
     }
-  }, /*#__PURE__*/_react.default.createElement(_DialogTitle.default, {
-    id: "alert-dialog-title"
-  }, "Reset"), /*#__PURE__*/_react.default.createElement(_DialogContent.default, null, /*#__PURE__*/_react.default.createElement(_DialogContentText.default, {
-    id: "alert-dialog-description"
-  }, "Are you sure you want to reset? This will restore the default configuration.")), /*#__PURE__*/_react.default.createElement(_DialogActions.default, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: function onClick() {
-      return handleDialogClose();
-    },
-    color: "primary"
-  }, "Cancel"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: function onClick() {
-      return handleDialogClose('reset');
-    },
-    color: "primary",
-    variant: "contained"
-  }, "OK")));
+    return (react_1.default.createElement(Dialog_1.default, { open: open, onClose: () => handleDialogClose() },
+        react_1.default.createElement(DialogTitle_1.default, { id: "alert-dialog-title" }, "Reset"),
+        react_1.default.createElement(DialogContent_1.default, null,
+            react_1.default.createElement(DialogContentText_1.default, { id: "alert-dialog-description" }, "Are you sure you want to reset? This will restore the default configuration.")),
+        react_1.default.createElement(DialogActions_1.default, null,
+            react_1.default.createElement(Button_1.default, { onClick: () => handleDialogClose(), color: "primary" }, "Cancel"),
+            react_1.default.createElement(Button_1.default, { onClick: () => handleDialogClose('reset'), color: "primary", variant: "contained" }, "OK"))));
 };
-
-exports.default = _default;

package/ui/FatalErrorDialog.js

@@ -1,101 +1,69 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
-var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
-
-var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
-
-var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
-
-var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _FactoryResetDialog = _interopRequireDefault(require("./FactoryResetDialog"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var ResetComponent = function ResetComponent(_ref) {
-  var onFactoryReset = _ref.onFactoryReset,
-      resetButtonText = _ref.resetButtonText;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      dialogOpen = _useState2[0],
-      setDialogOpen = _useState2[1];
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    "data-testid": "fatal-error",
-    color: "primary",
-    variant: "contained",
-    onClick: function onClick() {
-      return setDialogOpen(true);
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
     }
-  }, resetButtonText), /*#__PURE__*/_react.default.createElement(_FactoryResetDialog.default, {
-    onClose: function onClose() {
-      return setDialogOpen(false);
-    },
-    open: dialogOpen,
-    onFactoryReset: onFactoryReset
-  }));
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const Dialog_1 = __importDefault(require("@mui/material/Dialog"));
+const DialogActions_1 = __importDefault(require("@mui/material/DialogActions"));
+const DialogContent_1 = __importDefault(require("@mui/material/DialogContent"));
+const DialogTitle_1 = __importDefault(require("@mui/material/DialogTitle"));
+const prop_types_1 = __importDefault(require("prop-types"));
+const react_1 = __importStar(require("react"));
+const FactoryResetDialog_1 = __importDefault(require("./FactoryResetDialog"));
+const ResetComponent = ({ onFactoryReset, resetButtonText, }) => {
+    const [dialogOpen, setDialogOpen] = (0, react_1.useState)(false);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Button_1.default, { "data-testid": "fatal-error", color: "primary", variant: "contained", onClick: () => setDialogOpen(true) }, resetButtonText),
+        react_1.default.createElement(FactoryResetDialog_1.default, { onClose: () => setDialogOpen(false), open: dialogOpen, onFactoryReset: onFactoryReset })));
 };
-
 ResetComponent.propTypes = {
-  onFactoryReset: _propTypes.default.func.isRequired,
-  resetButtonText: _propTypes.default.string.isRequired
+    onFactoryReset: prop_types_1.default.func.isRequired,
+    resetButtonText: prop_types_1.default.string.isRequired,
 };
-
-var FatalErrorDialog = function FatalErrorDialog(_ref2) {
-  var componentStack = _ref2.componentStack,
-      error = _ref2.error,
-      onFactoryReset = _ref2.onFactoryReset,
-      resetButtonText = _ref2.resetButtonText;
-  return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
-    open: true
-  }, /*#__PURE__*/_react.default.createElement(_DialogTitle.default, {
-    style: {
-      backgroundColor: '#e88'
-    }
-  }, "Fatal error"), /*#__PURE__*/_react.default.createElement(_DialogContent.default, null, /*#__PURE__*/_react.default.createElement("pre", null, error.toString(), componentStack)), /*#__PURE__*/_react.default.createElement(_DialogActions.default, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    color: "secondary",
-    variant: "contained",
-    onClick: function onClick() {
-      return window.location.reload();
-    }
-  }, "Refresh"), /*#__PURE__*/_react.default.createElement(ResetComponent, {
-    onFactoryReset: onFactoryReset,
-    resetButtonText: resetButtonText
-  })));
+const FatalErrorDialog = ({ componentStack, error, onFactoryReset, resetButtonText, }) => {
+    return (react_1.default.createElement(Dialog_1.default, { open: true },
+        react_1.default.createElement(DialogTitle_1.default, { style: { backgroundColor: '#e88' } }, "Fatal error"),
+        react_1.default.createElement(DialogContent_1.default, null,
+            react_1.default.createElement("pre", null,
+                error.toString(),
+                componentStack)),
+        react_1.default.createElement(DialogActions_1.default, null,
+            react_1.default.createElement(Button_1.default, { color: "secondary", variant: "contained", onClick: () => window.location.reload() }, "Refresh"),
+            react_1.default.createElement(ResetComponent, { onFactoryReset: onFactoryReset, resetButtonText: resetButtonText }))));
 };
-
 FatalErrorDialog.propTypes = {
-  componentStack: _propTypes.default.string,
-  error: _propTypes.default.shape({}),
-  onFactoryReset: _propTypes.default.func.isRequired,
-  resetButtonText: _propTypes.default.string
+    componentStack: prop_types_1.default.string,
+    error: prop_types_1.default.shape({}),
+    onFactoryReset: prop_types_1.default.func.isRequired,
+    resetButtonText: prop_types_1.default.string,
 };
 FatalErrorDialog.defaultProps = {
-  error: {
-    message: 'No error message provided'
-  },
-  componentStack: '',
-  resetButtonText: 'Factory Reset'
+    error: { message: 'No error message provided' },
+    componentStack: '',
+    resetButtonText: 'Factory Reset',
 };
-var _default = FatalErrorDialog;
-exports.default = _default;
+exports.default = FatalErrorDialog;