@jbrowse/core 1.7.9 → 2.0.0

package/ui/DrawerWidget.js

@@ -13,19 +13,21 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+
+var _mui = require("tss-react/mui");
 
 var _mobxReact = require("mobx-react");
 
 var _mobxStateTree = require("mobx-state-tree");
 
-var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
+var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
 
-var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
 
-var _Minimize = _interopRequireDefault(require("@material-ui/icons/Minimize"));
+var _Minimize = _interopRequireDefault(require("@mui/icons-material/Minimize"));
 
-var _MoreVert = _interopRequireDefault(require("@material-ui/icons/MoreVert"));
+var _MoreVert = _interopRequireDefault(require("@mui/icons-material/MoreVert"));
 
 var _Drawer = _interopRequireDefault(require("./Drawer"));
 
@@ -35,29 +37,18 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 // icons
 // locals
-var useStyles = (0, _core.makeStyles)(function (theme) {
+var useStyles = (0, _mui.makeStyles)()(function (theme) {
   return {
-    drawerActions: {
-      float: 'right',
-      '&:hover': {
-        backgroundColor: (0, _core.alpha)(theme.palette.secondary.contrastText, theme.palette.action.hoverOpacity),
-        '@media (hover: none)': {
-          backgroundColor: 'transparent'
-        }
-      }
-    },
-    drawerToolbar: {
-      paddingLeft: theme.spacing(2)
+    formControl: {
+      margin: 0
     },
     spacer: {
       flexGrow: 1
     },
     drawerSelect: {
+      margin: 0,
       color: theme.palette.secondary.contrastText
     },
-    drawerLoading: {
-      margin: theme.spacing(2)
-    },
     dropDownIcon: {
       color: theme.palette.secondary.contrastText
     },
@@ -76,23 +67,26 @@ var DrawerHeader = (0, _mobxReact.observer)(function (_ref) {
   var visibleWidget = session.visibleWidget,
       activeWidgets = session.activeWidgets,
       drawerPosition = session.drawerPosition;
-  var classes = useStyles();
+
+  var _useStyles = useStyles(),
+      classes = _useStyles.classes;
 
   var _React$useState = _react.default.useState(null),
       _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
       anchorEl = _React$useState2[0],
       setAnchorEl = _React$useState2[1];
 
-  return /*#__PURE__*/_react.default.createElement(_core.AppBar, {
+  return /*#__PURE__*/_react.default.createElement(_material.AppBar, {
     position: "sticky",
     className: classes.header,
     ref: function ref(_ref2) {
       return setToolbarHeight((_ref2 === null || _ref2 === void 0 ? void 0 : _ref2.getBoundingClientRect().height) || 0);
     }
-  }, /*#__PURE__*/_react.default.createElement(_core.Toolbar, {
-    disableGutters: true,
-    className: classes.drawerToolbar
-  }, /*#__PURE__*/_react.default.createElement(_core.Select, {
+  }, /*#__PURE__*/_react.default.createElement(_material.Toolbar, {
+    disableGutters: true
+  }, /*#__PURE__*/_react.default.createElement(_material.FormControl, {
+    className: classes.formControl
+  }, /*#__PURE__*/_react.default.createElement(_material.Select, {
     value: visibleWidget === null || visibleWidget === void 0 ? void 0 : visibleWidget.id,
     "data-testid": "widget-drawer-selects",
     className: classes.drawerSelect,
@@ -103,7 +97,7 @@ var DrawerHeader = (0, _mobxReact.observer)(function (_ref) {
       var widget = session.activeWidgets.get(widgetId);
 
       if (!widget) {
-        return /*#__PURE__*/_react.default.createElement(_core.Typography, {
+        return /*#__PURE__*/_react.default.createElement(_material.Typography, {
           variant: "h6",
           color: "inherit"
         }, "Unknown widget");
@@ -114,7 +108,7 @@ var DrawerHeader = (0, _mobxReact.observer)(function (_ref) {
           heading = widgetType.heading;
       return HeadingComponent ? /*#__PURE__*/_react.default.createElement(HeadingComponent, {
         model: widget
-      }) : /*#__PURE__*/_react.default.createElement(_core.Typography, {
+      }) : /*#__PURE__*/_react.default.createElement(_material.Typography, {
         variant: "h6",
         color: "inherit"
       }, heading);
@@ -123,65 +117,65 @@ var DrawerHeader = (0, _mobxReact.observer)(function (_ref) {
       var w = session.activeWidgets.get(e.target.value);
 
       if (!w) {
-        session.notify('Widget not found ' + e.target.value, 'warning');
+        session.notify("Widget not found ".concat(e.target.value), 'warning');
+      } else {
+        session.showWidget(w);
       }
-
-      session.showWidget(w);
     }
   }, Array.from(activeWidgets.values()).map(function (widget) {
     var widgetType = pluginManager.getWidgetType(widget.type);
     var HeadingComponent = widgetType.HeadingComponent,
         heading = widgetType.heading;
-    return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
+    return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
       "data-testid": "widget-drawer-selects-item-".concat(widget.type),
       key: widget.id,
       value: widget.id
     }, HeadingComponent ? /*#__PURE__*/_react.default.createElement(HeadingComponent, {
       model: widget
-    }) : /*#__PURE__*/_react.default.createElement(_core.Typography, {
+    }) : /*#__PURE__*/_react.default.createElement(_material.Typography, {
       variant: "h6",
       color: "inherit"
-    }, heading), /*#__PURE__*/_react.default.createElement(_core.ListItemSecondaryAction, null, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+    }, heading), /*#__PURE__*/_react.default.createElement(_material.IconButton, {
       "data-testid": "".concat(widget.type, "-drawer-delete"),
       color: "inherit",
       "aria-label": "Delete",
       onClick: function onClick() {
-        session.hideWidget(widget);
+        return session.hideWidget(widget);
       }
-    }, /*#__PURE__*/_react.default.createElement(_Delete.default, null))));
-  })), /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement(_Delete.default, null)));
+  }))), /*#__PURE__*/_react.default.createElement("div", {
     className: classes.spacer
-  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
     "data-testid": "drawer-close",
     color: "inherit",
     onClick: function onClick(event) {
       return setAnchorEl(event.currentTarget);
     }
-  }, /*#__PURE__*/_react.default.createElement(_MoreVert.default, null)), /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
+  }, /*#__PURE__*/_react.default.createElement(_MoreVert.default, null)), /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
     title: "Minimize drawer"
-  }, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
     "data-testid": "drawer-minimize",
     color: "inherit",
     onClick: function onClick() {
       session.notify("Drawer minimized, click button on ".concat(drawerPosition, " side of screen to re-open"), 'info');
       session.minimizeWidgetDrawer();
     }
-  }, /*#__PURE__*/_react.default.createElement(_Minimize.default, null))), /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
+  }, /*#__PURE__*/_react.default.createElement(_Minimize.default, null))), /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
     title: "Close drawer"
-  }, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
     "data-testid": "drawer-close",
     color: "inherit",
     onClick: function onClick() {
-      session.hideWidget(visibleWidget);
+      return session.hideWidget(visibleWidget);
     }
-  }, /*#__PURE__*/_react.default.createElement(_Close.default, null))))), /*#__PURE__*/_react.default.createElement(_core.Menu, {
+  }, /*#__PURE__*/_react.default.createElement(_Close.default, null))))), /*#__PURE__*/_react.default.createElement(_material.Menu, {
     anchorEl: anchorEl,
     open: Boolean(anchorEl),
     onClose: function onClose() {
       return setAnchorEl(null);
     }
   }, ['left', 'right'].map(function (option) {
-    return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
+    return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
       key: option,
       selected: drawerPosition === 'option',
       onClick: function onClick() {

package/ui/DropDownMenu.d.ts

@@ -1,17 +1,9 @@
 /// <reference types="react" />
-import PropTypes from 'prop-types';
 import { MenuItem } from './Menu';
 declare function DropDownMenu({ menuTitle, session, menuItems, }: {
     menuTitle: string;
     session: any;
     menuItems: MenuItem[];
 }): JSX.Element;
-declare namespace DropDownMenu {
-    var propTypes: {
-        menuTitle: PropTypes.Validator<string>;
-        menuItems: PropTypes.Validator<any>;
-        session: PropTypes.Validator<any>;
-    };
-}
 declare const _default: typeof DropDownMenu;
 export default _default;

package/ui/DropDownMenu.js

@@ -13,15 +13,13 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
 
-var _styles = require("@material-ui/core/styles");
-
-var _ArrowDropDown = _interopRequireDefault(require("@material-ui/icons/ArrowDropDown"));
+var _mui = require("tss-react/mui");
 
 var _mobxReact = require("mobx-react");
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
 
 var _Menu = _interopRequireDefault(require("./Menu"));
 
@@ -29,14 +27,14 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _mui.makeStyles)()(function (theme) {
   return {
     root: {
       display: 'flex'
     },
     buttonRoot: {
       '&:hover': {
-        backgroundColor: (0, _styles.alpha)(theme.palette.primary.contrastText, theme.palette.action.hoverOpacity),
+        backgroundColor: (0, _material.alpha)(theme.palette.primary.contrastText, theme.palette.action.hoverOpacity),
         '@media (hover: none)': {
           backgroundColor: 'transparent'
         }
@@ -56,7 +54,9 @@ function DropDownMenu(_ref) {
       setOpen = _useState2[1];
 
   var anchorEl = (0, _react.useRef)(null);
-  var classes = useStyles();
+
+  var _useStyles = useStyles(),
+      classes = _useStyles.classes;
 
   function handleToggle() {
     setOpen(!open);
@@ -73,7 +73,7 @@ function DropDownMenu(_ref) {
 
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.root
-  }, /*#__PURE__*/_react.default.createElement(_core.Button, {
+  }, /*#__PURE__*/_react.default.createElement(_material.Button, {
     ref: anchorEl,
     onClick: handleToggle,
     color: "inherit",
@@ -94,12 +94,6 @@ function DropDownMenu(_ref) {
   }));
 }
 
-DropDownMenu.propTypes = {
-  menuTitle: _propTypes.default.string.isRequired,
-  menuItems: _mobxReact.PropTypes.arrayOrObservableArray.isRequired,
-  session: _mobxReact.PropTypes.objectOrObservableObject.isRequired
-};
-
 var _default = (0, _mobxReact.observer)(DropDownMenu);
 
 exports.default = _default;

package/ui/EditableTypography.d.ts

@@ -1,5 +1,5 @@
-import { TypographyProps } from '@material-ui/core/Typography';
 import React from 'react';
+import { TypographyProps } from '@mui/material';
 declare type Variant = TypographyProps['variant'];
 declare type EditableTypographyClassKey = 'input' | 'inputBase' | 'inputRoot' | 'inputFocused';
 interface EditableTypographyPropTypes {

package/ui/EditableTypography.js

@@ -17,13 +17,11 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 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 _react = _interopRequireWildcard(require("react"));
 
-var _styles = require("@material-ui/core/styles");
+var _material = require("@mui/material");
 
-var _react = _interopRequireWildcard(require("react"));
+var _mui = require("tss-react/mui");
 
 var _excluded = ["value", "setValue", "variant"];
 
@@ -35,7 +33,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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) {
+var useStyles = (0, _mui.makeStyles)()(function (theme) {
   return {
     input: {},
     inputBase: {},
@@ -51,7 +49,6 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     },
     inputFocused: {
       borderStyle: 'solid',
-      borderRadius: theme.shape.borderRadius,
       borderWidth: 2
     }
   };
@@ -94,42 +91,20 @@ var EditableTypography = /*#__PURE__*/_react.default.forwardRef(function (props,
       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);
-  }
+  }, [blur, inputNode]); // possibly tss-react does not understand the passing of props to
+  // useStyles, but it appears to work
+  // @ts-ignore
 
-  var sizerRef = function sizerRef(node) {
-    setSizerNode(node);
-  };
-
-  var inputRef = function inputRef(node) {
-    setInputNode(node);
-  };
+  var _useStyles = useStyles(props, {
+    props: props
+  }),
+      classes = _useStyles.classes;
 
-  function handleBlur() {
-    if (editedValue && editedValue !== value) {
-      setValue(editedValue);
-    }
+  var theme = (0, _material.useTheme)();
+  var clientWidth = sizerNode === null || sizerNode === void 0 ? void 0 : sizerNode.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);
+  if (clientWidth && clientWidth !== width) {
+    setWidth(clientWidth);
   }
 
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, other, {
@@ -138,18 +113,22 @@ var EditableTypography = /*#__PURE__*/_react.default.forwardRef(function (props,
     style: {
       position: 'relative'
     }
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    ref: sizerRef,
+  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    ref: function ref(node) {
+      return setSizerNode(node);
+    },
     component: "span",
     variant: variant,
     className: classes.typography
-  }, editedValue === undefined ? value : editedValue)), /*#__PURE__*/_react.default.createElement(_InputBase.default, {
-    inputRef: inputRef,
+  }, editedValue === undefined ? value : editedValue)), /*#__PURE__*/_react.default.createElement(_material.InputBase, {
+    inputRef: function inputRef(node) {
+      return setInputNode(node);
+    },
     className: classes.inputBase,
     inputProps: {
       style: _objectSpread({
         width: width
-      }, variant && variant !== 'inherit' && variant !== 'srOnly' ? theme.typography[variant] : {})
+      }, variant && variant !== 'inherit' ? theme.typography[variant] : {})
     },
     classes: {
       input: classes.input,
@@ -157,9 +136,24 @@ var EditableTypography = /*#__PURE__*/_react.default.forwardRef(function (props,
       focused: classes.inputFocused
     },
     value: editedValue === undefined ? value : editedValue,
-    onChange: handleChange,
-    onKeyDown: handleKeyDown,
-    onBlur: handleBlur
+    onChange: function onChange(event) {
+      return setEditedValue(event.target.value);
+    },
+    onKeyDown: function onKeyDown(event) {
+      if (event.key === 'Enter') {
+        inputNode && inputNode.blur();
+      } else if (event.key === 'Escape') {
+        setEditedValue(undefined);
+        setBlur(true);
+      }
+    },
+    onBlur: function onBlur() {
+      if (editedValue && editedValue !== value) {
+        setValue(editedValue);
+      }
+
+      setEditedValue(undefined);
+    }
   }));
 });
 

package/ui/ErrorMessage.js

@@ -9,29 +9,8 @@ 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';
@@ -59,9 +38,20 @@ var ErrorMessage = function ErrorMessage(_ref) {
   }
 
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.message
+    style: {
+      padding: 4,
+      margin: 4,
+      overflow: 'auto',
+      maxHeight: 200,
+      background: '#f88',
+      border: '1px solid black'
+    }
   }, str.slice(0, 10000), snapshotError ? /*#__PURE__*/_react.default.createElement("pre", {
-    className: classes.errorBox
+    style: {
+      background: 'lightgrey',
+      border: '1px solid black',
+      margin: 20
+    }
   }, JSON.stringify(JSON.parse(snapshotError), null, 2)) : null);
 };
 

package/ui/FactoryResetDialog.js

@@ -7,17 +7,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 
-var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
 
-var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
 
-var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
 
-var _DialogContentText = _interopRequireDefault(require("@material-ui/core/DialogContentText"));
+var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
 
-var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
 
 var _react = _interopRequireDefault(require("react"));
 

package/ui/FatalErrorDialog.js

@@ -11,15 +11,15 @@ exports.default = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 
-var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
 
-var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
 
-var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
 
-var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 

package/ui/FileSelector/FileSelector.js

@@ -21,20 +21,18 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _core = require("@material-ui/core");
-
-var _lab = require("@material-ui/lab");
-
 var _mobxReact = require("mobx-react");
 
-var _types = require("../../util/types");
+var _material = require("@mui/material");
 
-var _ArrowDropDown = _interopRequireDefault(require("@material-ui/icons/ArrowDropDown"));
+var _types = require("../../util/types");
 
 var _LocalFileChooser = _interopRequireDefault(require("./LocalFileChooser"));
 
 var _UrlChooser = _interopRequireDefault(require("./UrlChooser"));
 
+var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
+
 var _excluded = ["title", "children"];
 
 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); }
@@ -49,9 +47,9 @@ function ToggleButtonWithTooltip(props) {
   var title = props.title,
       children = props.children,
       other = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
+  return /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
     title: title || ''
-  }, /*#__PURE__*/_react.default.createElement(_lab.ToggleButton, other, children));
+  }, /*#__PURE__*/_react.default.createElement(_material.ToggleButton, other, children));
 }
 
 function shorten(str, len) {
@@ -124,14 +122,14 @@ var FileSelector = (0, _mobxReact.observer)(function (props) {
     }));
   }
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.Box, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
     display: "flex"
-  }, /*#__PURE__*/_react.default.createElement(_core.InputLabel, {
+  }, /*#__PURE__*/_react.default.createElement(_material.InputLabel, {
     shrink: true
-  }, name)), /*#__PURE__*/_react.default.createElement(_core.Box, {
+  }, name)), /*#__PURE__*/_react.default.createElement(_material.Box, {
     display: "flex",
     flexDirection: "row"
-  }, /*#__PURE__*/_react.default.createElement(_core.Box, null, /*#__PURE__*/_react.default.createElement(_lab.ToggleButtonGroup, {
+  }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.ToggleButtonGroup, {
     value: toggleButtonValue,
     exclusive: true,
     onChange: function onChange(_event, newState) {
@@ -144,10 +142,10 @@ var FileSelector = (0, _mobxReact.observer)(function (props) {
       }
     },
     "aria-label": "file, url, or account picker"
-  }, new URLSearchParams(window.location.search).get('adminKey') ? null : /*#__PURE__*/_react.default.createElement(_lab.ToggleButton, {
+  }, new URLSearchParams(window.location.search).get('adminKey') ? null : /*#__PURE__*/_react.default.createElement(_material.ToggleButton, {
     value: "file",
     "aria-label": "local file"
-  }, "File"), /*#__PURE__*/_react.default.createElement(_lab.ToggleButton, {
+  }, "File"), /*#__PURE__*/_react.default.createElement(_material.ToggleButton, {
     value: "url",
     "aria-label": "url"
   }, "URL"), shownAccts.map(function (_ref) {
@@ -160,18 +158,20 @@ var FileSelector = (0, _mobxReact.observer)(function (props) {
       "aria-label": name,
       title: name
     }, typeof toggleContents === 'string' ? shorten(toggleContents, 5) : toggleContents || shorten(name, 5));
-  }), hiddenAccts.length ? /*#__PURE__*/_react.default.createElement(_lab.ToggleButton, {
+  }), hiddenAccts.length ?
+  /*#__PURE__*/
+  // @ts-ignore
+  _react.default.createElement(_material.ToggleButton, {
     onClick: function onClick(event) {
       return setAnchorEl(event.target);
     },
     selected: false
-  }, "More", /*#__PURE__*/_react.default.createElement(_ArrowDropDown.default, null)) : null), /*#__PURE__*/_react.default.createElement(_core.Menu, {
+  }, "More", /*#__PURE__*/_react.default.createElement(_ArrowDropDown.default, null)) : null), /*#__PURE__*/_react.default.createElement(_material.Menu, {
     open: Boolean(anchorEl),
     anchorEl: anchorEl,
     onClose: function onClose() {
       return setAnchorEl(null);
     },
-    getContentAnchorEl: null,
     anchorOrigin: {
       vertical: 'bottom',
       horizontal: 'center'
@@ -181,7 +181,7 @@ var FileSelector = (0, _mobxReact.observer)(function (props) {
       horizontal: 'center'
     }
   }, hiddenAccts === null || hiddenAccts === void 0 ? void 0 : hiddenAccts.map(function (acct, idx) {
-    return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
+    return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
       key: acct.internetAccountId,
       value: acct.internetAccountId,
       onClick: function onClick() {
@@ -192,7 +192,7 @@ var FileSelector = (0, _mobxReact.observer)(function (props) {
         setAnchorEl(null);
       }
     }, acct.name);
-  })))), locationInput, /*#__PURE__*/_react.default.createElement(_core.FormHelperText, null, description));
+  })))), locationInput, /*#__PURE__*/_react.default.createElement(_material.FormHelperText, null, description));
 });
 var _default = FileSelector;
 exports.default = _default;