@jbrowse/core 1.7.11 → 2.1.0

package/ui/Snackbar.js

@@ -1,104 +1,79 @@
 "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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _core = require("@material-ui/core");
-
-var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
-
-var _Alert = _interopRequireDefault(require("@material-ui/lab/Alert"));
-
-var _mobxReact = require("mobx-react");
-
-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 MessageSnackbar(_ref) {
-  var session = _ref.session;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      snackbarMessage = _useState4[0],
-      setSnackbarMessage = _useState4[1];
-
-  var popSnackbarMessage = session.popSnackbarMessage,
-      snackbarMessages = session.snackbarMessages;
-  var latestMessage = snackbarMessages.length ? snackbarMessages[snackbarMessages.length - 1] : null;
-  (0, _react.useEffect)(function () {
-    var timeoutId;
-
-    if (snackbarMessage) {
-      if (!latestMessage) {
-        setSnackbarMessage(undefined);
-      } else if (snackbarMessage[0] !== latestMessage[0]) {
+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 material_1 = require("@mui/material");
+const Close_1 = __importDefault(require("@mui/icons-material/Close"));
+const mobx_react_1 = require("mobx-react");
+function MessageSnackbar({ session, }) {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const [snackbarMessage, setSnackbarMessage] = (0, react_1.useState)();
+    const { popSnackbarMessage, snackbarMessages } = session;
+    const latestMessage = snackbarMessages.length
+        ? snackbarMessages[snackbarMessages.length - 1]
+        : null;
+    (0, react_1.useEffect)(() => {
+        let timeoutId;
+        if (snackbarMessage) {
+            if (!latestMessage) {
+                setSnackbarMessage(undefined);
+            }
+            else if (snackbarMessage[0] !== latestMessage[0]) {
+                setOpen(false);
+                timeoutId = setTimeout(() => {
+                    setSnackbarMessage(latestMessage);
+                    setOpen(true);
+                }, 100);
+            }
+        }
+        else if (latestMessage) {
+            setSnackbarMessage(latestMessage);
+            setOpen(true);
+        }
+        return () => {
+            clearTimeout(timeoutId);
+        };
+    }, [latestMessage, snackbarMessage]);
+    const handleClose = (_event, reason) => {
+        if (reason === 'clickaway') {
+            return;
+        }
+        popSnackbarMessage();
         setOpen(false);
-        timeoutId = setTimeout(function () {
-          setSnackbarMessage(latestMessage);
-          setOpen(true);
-        }, 100);
-      }
-    } else if (latestMessage) {
-      setSnackbarMessage(latestMessage);
-      setOpen(true);
-    }
-
-    return function () {
-      clearTimeout(timeoutId);
     };
-  }, [latestMessage, snackbarMessage]);
-
-  var handleClose = function handleClose(_event, reason) {
-    if (reason === 'clickaway') {
-      return;
-    }
-
-    popSnackbarMessage();
-    setOpen(false);
-  };
-
-  var _ref2 = snackbarMessage || [],
-      _ref3 = (0, _slicedToArray2.default)(_ref2, 3),
-      message = _ref3[0],
-      level = _ref3[1],
-      action = _ref3[2];
-
-  return /*#__PURE__*/_react.default.createElement(_core.Snackbar, {
-    open: open && !!message,
-    onClose: handleClose
-  }, /*#__PURE__*/_react.default.createElement(_Alert.default, {
-    onClose: handleClose,
-    action: action ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.Button, {
-      color: "inherit",
-      onClick: function onClick(e) {
-        action.onClick();
-        handleClose(e);
-      }
-    }, action.name), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
-      "aria-label": "close",
-      color: "inherit",
-      onClick: handleClose
-    }, /*#__PURE__*/_react.default.createElement(_Close.default, null))) : null,
-    severity: level || 'warning'
-  }, message));
+    const [message, level, action] = snackbarMessage || [];
+    return (react_1.default.createElement(material_1.Snackbar, { open: open && !!message, onClose: handleClose, anchorOrigin: { vertical: 'bottom', horizontal: 'center' } },
+        react_1.default.createElement(material_1.Alert, { onClose: handleClose, action: action ? (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(material_1.Button, { color: "inherit", onClick: e => {
+                        action.onClick();
+                        handleClose(e);
+                    } }, action.name),
+                react_1.default.createElement(material_1.IconButton, { "aria-label": "close", color: "inherit", onClick: handleClose },
+                    react_1.default.createElement(Close_1.default, null)))) : null, severity: level || 'warning' }, message)));
 }
-
-var _default = (0, _mobxReact.observer)(MessageSnackbar);
-
-exports.default = _default;
+exports.default = (0, mobx_react_1.observer)(MessageSnackbar);

package/ui/SnackbarModel.js

@@ -1,56 +1,42 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = addSnackbarToModel;
-
-var _mobx = require("mobx");
-
+Object.defineProperty(exports, "__esModule", { value: true });
+const mobx_1 = require("mobx");
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function makeExtension(snackbarMessages) {
-  return {
-    views: {
-      get snackbarMessages() {
-        return snackbarMessages;
-      }
-
-    },
-    actions: {
-      notify: function notify(message, level, action) {
-        var _this = this;
-
-        this.pushSnackbarMessage(message, level, action);
-
-        if (level === 'info' || level === 'success') {
-          setTimeout(function () {
-            _this.removeSnackbarMessage(message);
-          }, 5000);
-        }
-      },
-      pushSnackbarMessage: function pushSnackbarMessage(message, level, action) {
-        return snackbarMessages.push([message, level, action]);
-      },
-      popSnackbarMessage: function popSnackbarMessage() {
-        return snackbarMessages.pop();
-      },
-      removeSnackbarMessage: function removeSnackbarMessage(message) {
-        var element = snackbarMessages.find(function (f) {
-          return f[0] === message;
-        });
-
-        if (element) {
-          snackbarMessages.remove(element);
-        }
-      }
-    }
-  };
+    return {
+        views: {
+            get snackbarMessages() {
+                return snackbarMessages;
+            },
+        },
+        actions: {
+            notify(message, level, action) {
+                this.pushSnackbarMessage(message, level, action);
+                if (level === 'info' || level === 'success') {
+                    setTimeout(() => {
+                        this.removeSnackbarMessage(message);
+                    }, 5000);
+                }
+            },
+            pushSnackbarMessage(message, level, action) {
+                return snackbarMessages.push([message, level, action]);
+            },
+            popSnackbarMessage() {
+                return snackbarMessages.pop();
+            },
+            removeSnackbarMessage(message) {
+                const element = snackbarMessages.find(f => f[0] === message);
+                if (element) {
+                    snackbarMessages.remove(element);
+                }
+            },
+        },
+    };
 }
-
 function addSnackbarToModel(tree) {
-  return tree.extend(function () {
-    var snackbarMessages = _mobx.observable.array();
-
-    return makeExtension(snackbarMessages);
-  });
-}
+    return tree.extend(() => {
+        const snackbarMessages = mobx_1.observable.array();
+        return makeExtension(snackbarMessages);
+    });
+}
+exports.default = addSnackbarToModel;

package/ui/Tooltip.d.ts

@@ -3,7 +3,9 @@ import { Feature } from '../util/simpleFeature';
 declare const _default: ({ offsetX, offsetY, configuration, feature, timeout, }: {
     offsetX: number;
     offsetY: number;
-    configuration: import("mobx-state-tree").ModelInstanceTypeProps<Record<string, any>> & {
+    configuration: {
+        [x: string]: any;
+    } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
         setSubschema(slotName: string, data: unknown): any;
     } & import("mobx-state-tree").IStateTreeNode<import("../configuration").AnyConfigurationSchemaType>;
     feature?: Feature | undefined;

package/ui/Tooltip.js

@@ -1,79 +1,54 @@
 "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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _core = require("@material-ui/core");
-
-var _mobxReact = require("mobx-react");
-
-var _configuration = require("../configuration");
-
-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 useStyles = (0, _core.makeStyles)({
-  hoverLabel: {
-    border: '1px solid black',
-    position: 'absolute',
-    background: '#fffa',
-    pointerEvents: 'none',
-    zIndex: 10000
-  }
+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 mui_1 = require("tss-react/mui");
+const mobx_react_1 = require("mobx-react");
+const configuration_1 = require("../configuration");
+const useStyles = (0, mui_1.makeStyles)()({
+    hoverLabel: {
+        border: '1px solid black',
+        position: 'absolute',
+        background: '#fffa',
+        pointerEvents: 'none',
+        zIndex: 10000,
+    },
 });
-
-var Tooltip = function Tooltip(_ref) {
-  var offsetX = _ref.offsetX,
-      offsetY = _ref.offsetY,
-      configuration = _ref.configuration,
-      feature = _ref.feature,
-      _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 300 : _ref$timeout;
-  var classes = useStyles();
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      shown = _useState2[0],
-      setShown = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    // only show the loading message after short timeout to prevent excessive
-    // flickering
-    var handle = setTimeout(function () {
-      return setShown(true);
-    }, timeout);
-    return function () {
-      return clearTimeout(handle);
-    };
-  });
-
-  if (feature && shown) {
-    var text = (0, _configuration.readConfObject)(configuration, 'mouseover', {
-      feature: feature
+const Tooltip = ({ offsetX, offsetY, configuration, feature, timeout = 300, }) => {
+    const { classes } = useStyles();
+    const [shown, setShown] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        // only show the loading message after short timeout to prevent excessive
+        // flickering
+        const handle = setTimeout(() => setShown(true), timeout);
+        return () => clearTimeout(handle);
     });
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classes.hoverLabel,
-      style: {
-        left: offsetX,
-        top: offsetY
-      }
-    }, text);
-  }
-
-  return null;
+    if (feature && shown) {
+        const text = (0, configuration_1.readConfObject)(configuration, 'mouseover', { feature });
+        return (react_1.default.createElement("div", { className: classes.hoverLabel, style: { left: offsetX, top: offsetY } }, text));
+    }
+    return null;
 };
-
-var _default = (0, _mobxReact.observer)(Tooltip);
-
-exports.default = _default;
+exports.default = (0, mobx_react_1.observer)(Tooltip);