@jbrowse/core 1.7.11 → 2.1.0

package/ui/FileSelector/FileSelector.js

@@ -1,198 +1,132 @@
 "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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-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 _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 _ArrowDropDown = _interopRequireDefault(require("@material-ui/icons/ArrowDropDown"));
-
-var _LocalFileChooser = _interopRequireDefault(require("./LocalFileChooser"));
-
-var _UrlChooser = _interopRequireDefault(require("./UrlChooser"));
-
-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); }
-
-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 __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 react_1 = __importStar(require("react"));
+const mobx_react_1 = require("mobx-react");
+const material_1 = require("@mui/material");
+// locals
+const types_1 = require("../../util/types");
+const LocalFileChooser_1 = __importDefault(require("./LocalFileChooser"));
+const UrlChooser_1 = __importDefault(require("./UrlChooser"));
+// icons
+const ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
 function ToggleButtonWithTooltip(props) {
-  var title = props.title,
-      children = props.children,
-      other = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
-    title: title || ''
-  }, /*#__PURE__*/_react.default.createElement(_lab.ToggleButton, other, children));
+    const { title, children, ...other } = props;
+    return (react_1.default.createElement(material_1.Tooltip, { title: title || '' },
+        react_1.default.createElement(material_1.ToggleButton, { ...other }, children)));
 }
-
 function shorten(str, len) {
-  if (typeof str === 'string' && str.length > len) {
-    return "".concat(str.substring(0, len), "\u2026");
-  }
-
-  return str;
+    if (typeof str === 'string' && str.length > len) {
+        return `${str.substring(0, len)}…`;
+    }
+    return str;
 }
-
-var FileSelector = (0, _mobxReact.observer)(function (props) {
-  var location = props.location,
-      name = props.name,
-      description = props.description,
-      rootModel = props.rootModel,
-      setLocation = props.setLocation;
-  var fileOrUrl = !location || (0, _types.isUriLocation)(location) ? 'url' : 'file';
-
-  var _useState = (0, _react.useState)(location && 'internetAccountId' in location && location.internetAccountId ? location.internetAccountId : fileOrUrl),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      toggleButtonValue = _useState2[0],
-      setToggleButtonValue = _useState2[1];
-
-  var accts = (0, _types.isAppRootModel)(rootModel) ? rootModel.internetAccounts.slice() : [];
-  var numShown = 2;
-
-  var _useState3 = (0, _react.useState)(accts.slice(0, numShown)),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      shownAccts = _useState4[0],
-      setShownAccts = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(accts.slice(numShown)),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      hiddenAccts = _useState6[0],
-      setHiddenAccts = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(null),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      anchorEl = _useState8[0],
-      setAnchorEl = _useState8[1];
-
-  var selectedAcct = accts.find(function (ia) {
-    return ia.internetAccountId === toggleButtonValue;
-  });
-
-  var setLocationWithAccount = function setLocationWithAccount(location) {
-    setLocation(_objectSpread(_objectSpread({}, location), {}, {
-      internetAccountId: selectedAcct ? selectedAcct.internetAccountId : undefined
-    }));
-  }; // if you swap account selection after inputting url
-
-
-  if (location && selectedAcct && (0, _types.isUriLocation)(location) && location.internetAccountId !== selectedAcct.internetAccountId) {
-    setLocationWithAccount(location);
-  }
-
-  var locationInput = /*#__PURE__*/_react.default.createElement(_UrlChooser.default, (0, _extends2.default)({}, props, {
-    setLocation: setLocationWithAccount,
-    label: selectedAcct === null || selectedAcct === void 0 ? void 0 : selectedAcct.selectorLabel
-  }));
-
-  if (toggleButtonValue === 'file') {
-    locationInput = /*#__PURE__*/_react.default.createElement(_LocalFileChooser.default, props);
-  }
-
-  if (selectedAcct !== null && selectedAcct !== void 0 && selectedAcct.SelectorComponent) {
-    var SelectorComponent = selectedAcct.SelectorComponent;
-    locationInput = /*#__PURE__*/_react.default.createElement(SelectorComponent, (0, _extends2.default)({}, props, {
-      setLocation: setLocationWithAccount
-    }));
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.Box, {
-    display: "flex"
-  }, /*#__PURE__*/_react.default.createElement(_core.InputLabel, {
-    shrink: true
-  }, name)), /*#__PURE__*/_react.default.createElement(_core.Box, {
-    display: "flex",
-    flexDirection: "row"
-  }, /*#__PURE__*/_react.default.createElement(_core.Box, null, /*#__PURE__*/_react.default.createElement(_lab.ToggleButtonGroup, {
-    value: toggleButtonValue,
-    exclusive: true,
-    onChange: function onChange(_event, newState) {
-      if (newState) {
-        setToggleButtonValue(newState);
-      }
-
-      if ((0, _types.isUriLocation)(location)) {
+const FileSelector = (0, mobx_react_1.observer)((props) => {
+    const { location, name, description, rootModel, setLocation } = props;
+    const fileOrUrl = !location || (0, types_1.isUriLocation)(location) ? 'url' : 'file';
+    const [toggleButtonValue, setToggleButtonValue] = (0, react_1.useState)(location && 'internetAccountId' in location && location.internetAccountId
+        ? location.internetAccountId
+        : fileOrUrl);
+    const accts = (0, types_1.isAppRootModel)(rootModel)
+        ? rootModel.internetAccounts.slice()
+        : [];
+    const numShown = 2;
+    const [shownAccts, setShownAccts] = (0, react_1.useState)(accts.slice(0, numShown));
+    const [hiddenAccts, setHiddenAccts] = (0, react_1.useState)(accts.slice(numShown));
+    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
+    const selectedAcct = accts.find(ia => ia.internetAccountId === toggleButtonValue);
+    const setLocationWithAccount = (location) => {
+        setLocation({
+            ...location,
+            internetAccountId: selectedAcct
+                ? selectedAcct.internetAccountId
+                : undefined,
+        });
+    };
+    // if you swap account selection after inputting url
+    if (location &&
+        selectedAcct &&
+        (0, types_1.isUriLocation)(location) &&
+        location.internetAccountId !== selectedAcct.internetAccountId) {
         setLocationWithAccount(location);
-      }
-    },
-    "aria-label": "file, url, or account picker"
-  }, new URLSearchParams(window.location.search).get('adminKey') ? null : /*#__PURE__*/_react.default.createElement(_lab.ToggleButton, {
-    value: "file",
-    "aria-label": "local file"
-  }, "File"), /*#__PURE__*/_react.default.createElement(_lab.ToggleButton, {
-    value: "url",
-    "aria-label": "url"
-  }, "URL"), shownAccts.map(function (_ref) {
-    var internetAccountId = _ref.internetAccountId,
-        toggleContents = _ref.toggleContents,
-        name = _ref.name;
-    return /*#__PURE__*/_react.default.createElement(ToggleButtonWithTooltip, {
-      key: internetAccountId,
-      value: internetAccountId,
-      "aria-label": name,
-      title: name
-    }, typeof toggleContents === 'string' ? shorten(toggleContents, 5) : toggleContents || shorten(name, 5));
-  }), hiddenAccts.length ? /*#__PURE__*/_react.default.createElement(_lab.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, {
-    open: Boolean(anchorEl),
-    anchorEl: anchorEl,
-    onClose: function onClose() {
-      return setAnchorEl(null);
-    },
-    getContentAnchorEl: null,
-    anchorOrigin: {
-      vertical: 'bottom',
-      horizontal: 'center'
-    },
-    transformOrigin: {
-      vertical: 'top',
-      horizontal: 'center'
     }
-  }, hiddenAccts === null || hiddenAccts === void 0 ? void 0 : hiddenAccts.map(function (acct, idx) {
-    return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
-      key: acct.internetAccountId,
-      value: acct.internetAccountId,
-      onClick: function onClick() {
-        var prev = shownAccts[shownAccts.length - 1];
-        setShownAccts([].concat((0, _toConsumableArray2.default)(shownAccts.slice(0, shownAccts.length - 1)), [acct]));
-        setHiddenAccts([prev].concat((0, _toConsumableArray2.default)(hiddenAccts.slice(0, idx)), (0, _toConsumableArray2.default)(hiddenAccts.slice(idx + 1))));
-        setToggleButtonValue(acct.internetAccountId);
-        setAnchorEl(null);
-      }
-    }, acct.name);
-  })))), locationInput, /*#__PURE__*/_react.default.createElement(_core.FormHelperText, null, description));
+    let locationInput = (react_1.default.createElement(UrlChooser_1.default, { ...props, setLocation: setLocationWithAccount, label: selectedAcct === null || selectedAcct === void 0 ? void 0 : selectedAcct.selectorLabel }));
+    if (toggleButtonValue === 'file') {
+        locationInput = react_1.default.createElement(LocalFileChooser_1.default, { ...props });
+    }
+    if (selectedAcct === null || selectedAcct === void 0 ? void 0 : selectedAcct.SelectorComponent) {
+        const { SelectorComponent } = selectedAcct;
+        locationInput = (react_1.default.createElement(SelectorComponent, { ...props, setLocation: setLocationWithAccount }));
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.Box, { display: "flex" },
+            react_1.default.createElement(material_1.InputLabel, { shrink: true }, name)),
+        react_1.default.createElement(material_1.Box, { display: "flex", flexDirection: "row" },
+            react_1.default.createElement(material_1.Box, null,
+                react_1.default.createElement(material_1.ToggleButtonGroup, { value: toggleButtonValue, exclusive: true, onChange: (_event, newState) => {
+                        if (newState) {
+                            setToggleButtonValue(newState);
+                        }
+                        if ((0, types_1.isUriLocation)(location)) {
+                            setLocationWithAccount(location);
+                        }
+                    }, "aria-label": "file, url, or account picker" },
+                    new URLSearchParams(window.location.search).get('adminKey') ? null : (react_1.default.createElement(material_1.ToggleButton, { value: "file", "aria-label": "local file" }, "File")),
+                    react_1.default.createElement(material_1.ToggleButton, { value: "url", "aria-label": "url" }, "URL"),
+                    shownAccts.map(({ internetAccountId, toggleContents, name }) => (react_1.default.createElement(ToggleButtonWithTooltip, { key: internetAccountId, value: internetAccountId, "aria-label": name, title: name }, typeof toggleContents === 'string'
+                        ? shorten(toggleContents, 5)
+                        : toggleContents || shorten(name, 5)))),
+                    hiddenAccts.length ? (
+                    // @ts-ignore
+                    react_1.default.createElement(material_1.ToggleButton, { onClick: event => setAnchorEl(event.target), selected: false },
+                        "More",
+                        react_1.default.createElement(ArrowDropDown_1.default, null))) : null),
+                react_1.default.createElement(material_1.Menu, { open: Boolean(anchorEl), anchorEl: anchorEl, onClose: () => setAnchorEl(null), anchorOrigin: {
+                        vertical: 'bottom',
+                        horizontal: 'center',
+                    }, transformOrigin: {
+                        vertical: 'top',
+                        horizontal: 'center',
+                    } }, hiddenAccts === null || hiddenAccts === void 0 ? void 0 : hiddenAccts.map((acct, idx) => (react_1.default.createElement(material_1.MenuItem, { key: acct.internetAccountId, value: acct.internetAccountId, onClick: () => {
+                        const prev = shownAccts[shownAccts.length - 1];
+                        setShownAccts([
+                            ...shownAccts.slice(0, shownAccts.length - 1),
+                            acct,
+                        ]);
+                        setHiddenAccts([
+                            prev,
+                            ...hiddenAccts.slice(0, idx),
+                            ...hiddenAccts.slice(idx + 1),
+                        ]);
+                        setToggleButtonValue(acct.internetAccountId);
+                        setAnchorEl(null);
+                    } }, acct.name)))))),
+        locationInput,
+        react_1.default.createElement(material_1.FormHelperText, null, description)));
 });
-var _default = FileSelector;
-exports.default = _default;
+exports.default = FileSelector;

package/ui/FileSelector/LocalFileChooser.js

@@ -1,79 +1,52 @@
 "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 _util = require("../../util");
-
-var _tracks = require("../../util/tracks");
-
+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 material_1 = require("@mui/material");
+const mui_1 = require("tss-react/mui");
+const util_1 = require("../../util");
+const tracks_1 = require("../../util/tracks");
 function isLocalPathLocation(location) {
-  return 'localPath' in location;
+    return 'localPath' in location;
 }
-
 function isBlobLocation(location) {
-  return 'blobId' in location;
+    return 'blobId' in location;
 }
-
-var useStyles = (0, _core.makeStyles)(function (theme) {
-  return {
+const useStyles = (0, mui_1.makeStyles)()(theme => ({
     filename: {
-      marginLeft: theme.spacing(1)
-    }
-  };
-});
-
+        marginLeft: theme.spacing(1),
+    },
+}));
 function LocalFileChooser(props) {
-  var classes = useStyles();
-  var location = props.location,
-      setLocation = props.setLocation;
-  var filename = location && (isBlobLocation(location) && location.name || isLocalPathLocation(location) && location.localPath);
-  var needToReload = location && isBlobLocation(location) && !(0, _tracks.getBlob)(location.blobId);
-  return /*#__PURE__*/_react.default.createElement(_core.Box, {
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center"
-  }, /*#__PURE__*/_react.default.createElement(_core.Box, null, /*#__PURE__*/_react.default.createElement(_core.FormControl, {
-    fullWidth: true
-  }, /*#__PURE__*/_react.default.createElement(_core.Button, {
-    variant: "outlined",
-    component: "label"
-  }, "Choose File", /*#__PURE__*/_react.default.createElement("input", {
-    type: "file",
-    hidden: true,
-    onChange: function onChange(_ref) {
-      var target = _ref.target;
-      var file = target && target.files && target.files[0];
-
-      if (file) {
-        if (_util.isElectron) {
-          setLocation({
-            localPath: file.path,
-            locationType: 'LocalPathLocation'
-          });
-        } else {
-          setLocation((0, _tracks.storeBlobLocation)({
-            blob: file
-          }));
-        }
-      }
-    }
-  })))), /*#__PURE__*/_react.default.createElement(_core.Box, null, /*#__PURE__*/_react.default.createElement(_core.Typography, {
-    component: "span",
-    className: classes.filename,
-    color: filename ? 'initial' : 'textSecondary'
-  }, filename || 'No file chosen'), needToReload ? /*#__PURE__*/_react.default.createElement(_core.Typography, {
-    color: "error"
-  }, "(need to reload)") : null));
+    const { classes } = useStyles();
+    const { location, setLocation } = props;
+    const filename = location &&
+        ((isBlobLocation(location) && location.name) ||
+            (isLocalPathLocation(location) && location.localPath));
+    const needToReload = location && isBlobLocation(location) && !(0, tracks_1.getBlob)(location.blobId);
+    return (react_1.default.createElement(material_1.Box, { display: "flex", flexDirection: "row", alignItems: "center" },
+        react_1.default.createElement(material_1.Box, null,
+            react_1.default.createElement(material_1.FormControl, { fullWidth: true },
+                react_1.default.createElement(material_1.Button, { variant: "outlined", component: "label" },
+                    "Choose File",
+                    react_1.default.createElement("input", { type: "file", hidden: true, onChange: ({ target }) => {
+                            const file = target && target.files && target.files[0];
+                            if (file) {
+                                if (util_1.isElectron) {
+                                    setLocation({
+                                        localPath: file.path,
+                                        locationType: 'LocalPathLocation',
+                                    });
+                                }
+                                else {
+                                    setLocation((0, tracks_1.storeBlobLocation)({ blob: file }));
+                                }
+                            }
+                        } })))),
+        react_1.default.createElement(material_1.Box, null,
+            react_1.default.createElement(material_1.Typography, { component: "span", className: classes.filename, color: filename ? 'initial' : 'textSecondary' }, filename || 'No file chosen'),
+            needToReload ? (react_1.default.createElement(material_1.Typography, { color: "error" }, "(need to reload)")) : null)));
 }
-
-var _default = LocalFileChooser;
-exports.default = _default;
+exports.default = LocalFileChooser;

package/ui/FileSelector/UrlChooser.js

@@ -1,41 +1,20 @@
 "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 _mobxReact = require("mobx-react");
-
-var _types = require("../../util/types");
-
+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 material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
+const types_1 = require("../../util/types");
 function UrlChooser(props) {
-  var location = props.location,
-      setLocation = props.setLocation,
-      label = props.label;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.TextField, {
-    fullWidth: true,
-    variant: "outlined",
-    inputProps: {
-      'data-testid': 'urlInput'
-    },
-    defaultValue: location && (0, _types.isUriLocation)(location) ? location.uri : '',
-    label: label || 'Enter URL',
-    onChange: function onChange(event) {
-      setLocation({
-        uri: event.target.value.trim(),
-        locationType: 'UriLocation'
-      });
-    }
-  }));
+    const { location, setLocation, label } = props;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.TextField, { fullWidth: true, variant: "outlined", inputProps: { 'data-testid': 'urlInput' }, defaultValue: location && (0, types_1.isUriLocation)(location) ? location.uri : '', label: label || 'Enter URL', onChange: event => {
+                setLocation({
+                    uri: event.target.value.trim(),
+                    locationType: 'UriLocation',
+                });
+            } })));
 }
-
-var _default = (0, _mobxReact.observer)(UrlChooser);
-
-exports.default = _default;
+exports.default = (0, mobx_react_1.observer)(UrlChooser);

package/ui/FileSelector/index.js

@@ -1,13 +1,7 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _FileSelector = _interopRequireDefault(require("./FileSelector"));
-
-var _default = _FileSelector.default;
-exports.default = _default;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const FileSelector_1 = __importDefault(require("./FileSelector"));
+exports.default = FileSelector_1.default;

package/ui/Icons.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SvgIconProps } from '@material-ui/core/SvgIcon';
+import { SvgIconProps } from '@mui/material/SvgIcon';
 export declare function ContentCopy(props: SvgIconProps): JSX.Element;
 export declare function Indexing(props: SvgIconProps): JSX.Element;
 export declare function ContentCut(props: SvgIconProps): JSX.Element;