@jbrowse/plugin-linear-genome-view 1.7.11 → 2.0.0

package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js

@@ -1,192 +1,162 @@
 "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 _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _mobxReact = require("mobx-react");
-
-var _mobxStateTree = require("mobx-state-tree");
-
-var _tracks = require("@jbrowse/core/util/tracks");
-
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
-var _Refresh = _interopRequireDefault(require("@material-ui/icons/Refresh"));
-
-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, _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;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var material_1 = require("@mui/material");
+var mui_1 = require("tss-react/mui");
+var mobx_react_1 = require("mobx-react");
+var mobx_state_tree_1 = require("mobx-state-tree");
+var tracks_1 = require("@jbrowse/core/util/tracks");
+var Refresh_1 = __importDefault(require("@mui/icons-material/Refresh"));
+var useStyles = (0, mui_1.makeStyles)()(function (theme) { return ({
     loading: {
-      paddingLeft: '0.6em',
-      backgroundColor: theme.palette.action.disabledBackground,
-      backgroundImage: 'repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px)',
-      height: '100%',
-      width: '100%',
-      pointerEvents: 'none',
-      textAlign: 'center'
+        paddingLeft: '0.6em',
+        backgroundColor: theme.palette.action.disabledBackground,
+        backgroundImage: 'repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px)',
+        height: '100%',
+        width: '100%',
+        pointerEvents: 'none',
+        textAlign: 'center',
     },
     blockMessage: {
-      width: '100%',
-      background: theme.palette.action.disabledBackground,
-      padding: theme.spacing(2),
-      pointerEvents: 'none',
-      textAlign: 'center'
+        width: '100%',
+        background: theme.palette.action.disabledBackground,
+        padding: theme.spacing(2),
+        pointerEvents: 'none',
+        textAlign: 'center',
     },
     blockError: {
-      padding: theme.spacing(2),
-      width: '100%',
-      whiteSpace: 'normal',
-      color: theme.palette.error.main,
-      overflowY: 'auto'
+        padding: theme.spacing(2),
+        width: '100%',
+        whiteSpace: 'normal',
+        color: theme.palette.error.main,
+        overflowY: 'auto',
     },
     blockReactNodeMessage: {
-      width: '100%',
-      background: theme.palette.action.disabledBackground,
-      padding: theme.spacing(2),
-      textAlign: 'center'
+        width: '100%',
+        background: theme.palette.action.disabledBackground,
+        padding: theme.spacing(2),
+        textAlign: 'center',
     },
     dots: {
-      '&::after': {
-        display: 'inline-block',
-        animation: '$ellipsis 1.5s infinite',
-        content: '"."',
-        width: '1em',
-        textAlign: 'left'
-      }
+        '&::after': {
+            display: 'inline-block',
+            animation: '$ellipsis 1.5s infinite',
+            content: '"."',
+            width: '1em',
+            textAlign: 'left',
+        },
     },
     '@keyframes ellipsis': {
-      '0%': {
-        content: '"."'
-      },
-      '33%': {
-        content: '".."'
-      },
-      '66%': {
-        content: '"..."'
-      }
-    }
-  };
-});
-
-function Repeater(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      display: 'flex'
-    }
-  }, children, children);
-} // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-
-var LoadingMessage = (0, _mobxReact.observer)(function (_ref2) {
-  var model = _ref2.model;
-
-  // only show the loading message after 300ms to prevent excessive flickering
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      shown = _useState2[0],
-      setShown = _useState2[1];
-
-  var classes = useStyles();
-  (0, _react.useEffect)(function () {
-    var killed = false;
-    var timeout = setTimeout(function () {
-      if (!killed) {
-        setShown(true);
-      }
-    }, 300);
-    return function () {
-      clearTimeout(timeout);
-      killed = true;
-    };
-  }, []);
-  var blockStatus = model.status;
-
-  var _getParent = (0, _mobxStateTree.getParent)(model, 2),
-      displayStatus = _getParent.message;
-
-  var status = displayStatus || blockStatus;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, shown ? /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.loading
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    className: classes.dots,
-    variant: "body2"
-  }, status ? "".concat(status) : 'Loading')) : null);
+        '0%': {
+            content: '"."',
+        },
+        '33%': {
+            content: '".."',
+        },
+        '66%': {
+            content: '"..."',
+        },
+    },
+}); });
+function Repeater(_a) {
+    var children = _a.children;
+    return (react_1.default.createElement("div", { style: { display: 'flex' } },
+        children,
+        children));
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+var LoadingMessage = (0, mobx_react_1.observer)(function (_a) {
+    var model = _a.model;
+    // only show the loading message after 300ms to prevent excessive flickering
+    var _b = __read((0, react_1.useState)(false), 2), shown = _b[0], setShown = _b[1];
+    var classes = useStyles().classes;
+    (0, react_1.useEffect)(function () {
+        var killed = false;
+        var timeout = setTimeout(function () {
+            if (!killed) {
+                setShown(true);
+            }
+        }, 300);
+        return function () {
+            clearTimeout(timeout);
+            killed = true;
+        };
+    }, []);
+    var blockStatus = model.status;
+    var displayStatus = (0, mobx_state_tree_1.getParent)(model, 2).message;
+    var status = displayStatus || blockStatus;
+    return (react_1.default.createElement(react_1.default.Fragment, null, shown ? (react_1.default.createElement("div", { className: classes.loading },
+        react_1.default.createElement(material_1.Typography, { className: classes.dots, variant: "body2" }, status ? "".concat(status) : 'Loading'))) : null));
 });
-
-function BlockMessage(_ref3) {
-  var messageContent = _ref3.messageContent;
-  var classes = useStyles();
-  return /*#__PURE__*/_react.default.isValidElement(messageContent) ? /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.blockReactNodeMessage
-  }, messageContent) : /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: "body2",
-    className: classes.blockMessage
-  }, messageContent);
+function BlockMessage(_a) {
+    var messageContent = _a.messageContent;
+    var classes = useStyles().classes;
+    return react_1.default.isValidElement(messageContent) ? (react_1.default.createElement("div", { className: classes.blockReactNodeMessage }, messageContent)) : (react_1.default.createElement(material_1.Typography, { variant: "body2", className: classes.blockMessage }, messageContent));
 }
-
-function BlockError(_ref4) {
-  var error = _ref4.error,
-      reload = _ref4.reload,
-      displayHeight = _ref4.displayHeight;
-  var classes = useStyles();
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.blockError,
-    style: {
-      height: displayHeight
-    }
-  }, reload ? /*#__PURE__*/_react.default.createElement(_Button.default, {
-    "data-testid": "reload_button",
-    onClick: reload,
-    startIcon: /*#__PURE__*/_react.default.createElement(_Refresh.default, null)
-  }, "Reload") : null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    color: "error",
-    variant: "body2",
-    display: "inline"
-  }, "".concat(error)));
+function BlockError(_a) {
+    var error = _a.error, reload = _a.reload, displayHeight = _a.displayHeight;
+    var classes = useStyles().classes;
+    return (react_1.default.createElement("div", { className: classes.blockError, style: { height: displayHeight } },
+        reload ? (react_1.default.createElement(material_1.Button, { "data-testid": "reload_button", onClick: reload, startIcon: react_1.default.createElement(Refresh_1.default, null) }, "Reload")) : null,
+        react_1.default.createElement(material_1.Typography, { color: "error", variant: "body2", display: "inline" }, "".concat(error))));
 }
-
-var ServerSideRenderedBlockContent = (0, _mobxReact.observer)(function (_ref5) {
-  var model = _ref5.model;
-
-  if (model.error) {
-    return /*#__PURE__*/_react.default.createElement(Repeater, null, /*#__PURE__*/_react.default.createElement(BlockError, {
-      error: model.error,
-      reload: model.reload,
-      displayHeight: (0, _tracks.getParentRenderProps)(model).displayModel.height
-    }));
-  }
-
-  if (model.message) {
-    return /*#__PURE__*/_react.default.createElement(Repeater, null, /*#__PURE__*/_react.default.createElement(BlockMessage, {
-      messageContent: model.message
-    }));
-  }
-
-  if (!model.filled) {
-    return /*#__PURE__*/_react.default.createElement(Repeater, null, /*#__PURE__*/_react.default.createElement(LoadingMessage, {
-      model: model
-    }));
-  }
-
-  return model.reactElement;
+var ServerSideRenderedBlockContent = (0, mobx_react_1.observer)(function (_a) {
+    var model = _a.model;
+    if (model.error) {
+        return (react_1.default.createElement(Repeater, null,
+            react_1.default.createElement(BlockError, { error: model.error, reload: model.reload, displayHeight: (0, tracks_1.getParentRenderProps)(model).displayModel.height })));
+    }
+    if (model.message) {
+        return (react_1.default.createElement(Repeater, null,
+            react_1.default.createElement(BlockMessage, { messageContent: model.message })));
+    }
+    if (!model.filled) {
+        return (react_1.default.createElement(Repeater, null,
+            react_1.default.createElement(LoadingMessage, { model: model })));
+    }
+    return model.reactElement;
 });
-var _default = ServerSideRenderedBlockContent;
-exports.default = _default;
+exports.default = ServerSideRenderedBlockContent;
+//# sourceMappingURL=ServerSideRenderedBlockContent.js.map

package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerSideRenderedBlockContent.js","sourceRoot":"","sources":["../../../src/BaseLinearDisplay/components/ServerSideRenderedBlockContent.tsx"],"names":[],"mappings":"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"}

package/dist/BaseLinearDisplay/components/Tooltip.js

@@ -1,125 +1,118 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 _react = _interopRequireWildcard(require("react"));
-
-var _configuration = require("@jbrowse/core/configuration");
-
-var _mobxReact = require("mobx-react");
-
-var _core = require("@material-ui/core");
-
-var _reactPopper = require("react-popper");
-
-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 __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var configuration_1 = require("@jbrowse/core/configuration");
+var ui_1 = require("@jbrowse/core/ui");
+var mobx_react_1 = require("mobx-react");
+var material_1 = require("@mui/material");
+var mui_1 = require("tss-react/mui");
+var react_popper_1 = require("react-popper");
 function round(value) {
-  return Math.round(value * 1e5) / 1e5;
+    return Math.round(value * 1e5) / 1e5;
 }
-
-var useStyles = (0, _core.makeStyles)(function (theme) {
-  return {
+var useStyles = (0, mui_1.makeStyles)()(function (theme) { return ({
     // these styles come from
     // https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tooltip/Tooltip.js
     tooltip: {
-      pointerEvents: 'none',
-      backgroundColor: (0, _core.alpha)(theme.palette.grey[700], 0.9),
-      borderRadius: theme.shape.borderRadius,
-      color: theme.palette.common.white,
-      fontFamily: theme.typography.fontFamily,
-      padding: '4px 8px',
-      fontSize: theme.typography.pxToRem(12),
-      lineHeight: "".concat(round(14 / 10), "em"),
-      maxWidth: 300,
-      wordWrap: 'break-word'
-    }
-  };
-});
-
-var TooltipContents = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var message = _ref.message;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref
-  }, message);
-});
-
-var Tooltip = (0, _mobxReact.observer)(function (_ref2) {
-  var model = _ref2.model,
-      clientMouseCoord = _ref2.clientMouseCoord;
-  var classes = useStyles();
-  var featureUnderMouse = model.featureUnderMouse;
-
-  var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      width = _useState2[0],
-      setWidth = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(null),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      popperElt = _useState4[0],
-      setPopperElt = _useState4[1]; // must be memoized a la https://github.com/popperjs/react-popper/issues/391
-
-
-  var virtElement = (0, _react.useMemo)(function () {
-    return {
-      getBoundingClientRect: function getBoundingClientRect() {
-        var x = clientMouseCoord[0] + width / 2 + 20;
-        var y = clientMouseCoord[1];
-        return {
-          top: y,
-          left: x,
-          bottom: y,
-          right: x,
-          width: 0,
-          height: 0,
-          x: x,
-          y: y,
-          toJSON: function toJSON() {}
-        };
-      }
-    };
-  }, [clientMouseCoord, width]);
-
-  var _usePopper = (0, _reactPopper.usePopper)(virtElement, popperElt),
-      styles = _usePopper.styles,
-      attributes = _usePopper.attributes;
-
-  var contents = featureUnderMouse ? (0, _configuration.getConf)(model, 'mouseover', {
-    feature: featureUnderMouse
-  }) : undefined;
-  return featureUnderMouse && contents ? /*#__PURE__*/_react.default.createElement(_core.Portal, null, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    ref: setPopperElt,
-    className: classes.tooltip // zIndex needed to go over widget drawer
-    ,
-    style: _objectSpread(_objectSpread({}, styles.popper), {}, {
-      zIndex: 100000
-    })
-  }, attributes.popper), /*#__PURE__*/_react.default.createElement(TooltipContents, {
-    ref: function ref(elt) {
-      return setWidth((elt === null || elt === void 0 ? void 0 : elt.getBoundingClientRect().width) || 0);
+        pointerEvents: 'none',
+        backgroundColor: (0, material_1.alpha)(theme.palette.grey[700], 0.9),
+        borderRadius: theme.shape.borderRadius,
+        color: theme.palette.common.white,
+        fontFamily: theme.typography.fontFamily,
+        padding: '4px 8px',
+        fontSize: theme.typography.pxToRem(12),
+        lineHeight: "".concat(round(14 / 10), "em"),
+        maxWidth: 300,
+        wordWrap: 'break-word',
     },
-    message: contents
-  }))) : null;
+}); });
+var TooltipContents = react_1.default.forwardRef(function (_a, ref) {
+    var message = _a.message;
+    return (react_1.default.createElement("div", { ref: ref }, react_1.default.isValidElement(message) ? (message) : message ? (react_1.default.createElement(ui_1.SanitizedHTML, { html: String(message) })) : null));
+});
+var Tooltip = (0, mobx_react_1.observer)(function (_a) {
+    var model = _a.model, clientMouseCoord = _a.clientMouseCoord;
+    var classes = useStyles().classes;
+    var featureUnderMouse = model.featureUnderMouse;
+    var _b = __read((0, react_1.useState)(0), 2), width = _b[0], setWidth = _b[1];
+    var _c = __read((0, react_1.useState)(null), 2), popperElt = _c[0], setPopperElt = _c[1];
+    // must be memoized a la https://github.com/popperjs/react-popper/issues/391
+    var virtElement = (0, react_1.useMemo)(function () { return ({
+        getBoundingClientRect: function () {
+            var x = clientMouseCoord[0] + width / 2 + 20;
+            var y = clientMouseCoord[1];
+            return {
+                top: y,
+                left: x,
+                bottom: y,
+                right: x,
+                width: 0,
+                height: 0,
+                x: x,
+                y: y,
+                toJSON: function () { },
+            };
+        },
+    }); }, [clientMouseCoord, width]);
+    var _d = (0, react_popper_1.usePopper)(virtElement, popperElt), styles = _d.styles, attributes = _d.attributes;
+    var contents = featureUnderMouse
+        ? (0, configuration_1.getConf)(model, 'mouseover', { feature: featureUnderMouse })
+        : undefined;
+    return featureUnderMouse && contents ? (react_1.default.createElement(material_1.Portal, null,
+        react_1.default.createElement("div", __assign({ ref: setPopperElt, className: classes.tooltip, 
+            // zIndex needed to go over widget drawer
+            style: __assign(__assign({}, styles.popper), { zIndex: 100000 }) }, attributes.popper),
+            react_1.default.createElement(TooltipContents, { ref: function (elt) { return setWidth((elt === null || elt === void 0 ? void 0 : elt.getBoundingClientRect().width) || 0); }, message: contents })))) : null;
 });
-var _default = Tooltip;
-exports.default = _default;
+exports.default = Tooltip;
+//# sourceMappingURL=Tooltip.js.map

package/dist/BaseLinearDisplay/components/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/BaseLinearDisplay/components/Tooltip.tsx"],"names":[],"mappings":"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"}