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

package/dist/BaseLinearDisplay/components/LinearBlocks.js

@@ -1,110 +1,71 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useStyles = exports.default = exports.RenderedBlocks = void 0;
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _util = require("@jbrowse/core/util");
-
-var _mobxReact = require("mobx-react");
-
-var _blockTypes = require("@jbrowse/core/util/blockTypes");
-
-var _Block = require("./Block");
-
-var useStyles = (0, _styles.makeStyles)({
-  linearBlocks: {
-    whiteSpace: 'nowrap',
-    textAlign: 'left',
-    position: 'absolute',
-    minHeight: '100%',
-    display: 'flex'
-  },
-  heightOverflowed: {
-    position: 'absolute',
-    color: 'rgb(77,77,77)',
-    borderBottom: '2px solid rgb(77,77,77)',
-    textShadow: 'white 0px 0px 1px',
-    whiteSpace: 'nowrap',
-    width: '100%',
-    fontWeight: 'bold',
-    textAlign: 'center',
-    zIndex: 2000,
-    boxSizing: 'border-box'
-  }
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = exports.RenderedBlocks = void 0;
+var react_1 = __importDefault(require("react"));
+var mui_1 = require("tss-react/mui");
+var util_1 = require("@jbrowse/core/util");
+var mobx_react_1 = require("mobx-react");
+var blockTypes_1 = require("@jbrowse/core/util/blockTypes");
+var Block_1 = require("./Block");
+var useStyles = (0, mui_1.makeStyles)()({
+    linearBlocks: {
+        whiteSpace: 'nowrap',
+        textAlign: 'left',
+        position: 'absolute',
+        minHeight: '100%',
+        display: 'flex',
+    },
+    heightOverflowed: {
+        position: 'absolute',
+        color: 'rgb(77,77,77)',
+        borderBottom: '2px solid rgb(77,77,77)',
+        textShadow: 'white 0px 0px 1px',
+        whiteSpace: 'nowrap',
+        width: '100%',
+        fontWeight: 'bold',
+        textAlign: 'center',
+        zIndex: 2000,
+        boxSizing: 'border-box',
+    },
 });
 exports.useStyles = useStyles;
-var RenderedBlocks = (0, _mobxReact.observer)(function (_ref) {
-  var model = _ref.model;
-  var classes = useStyles();
-  var blockDefinitions = model.blockDefinitions,
-      blockState = model.blockState;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, blockDefinitions.map(function (block) {
-    if (block instanceof _blockTypes.ContentBlock) {
-      var state = blockState.get(block.key);
-      return /*#__PURE__*/_react.default.createElement(_Block.ContentBlock, {
-        block: block,
-        key: "".concat(model.id, "-").concat(block.key)
-      }, state && state.ReactComponent ? /*#__PURE__*/_react.default.createElement(state.ReactComponent, {
-        model: state
-      }) : null, state && state.maxHeightReached ? /*#__PURE__*/_react.default.createElement("div", {
-        className: classes.heightOverflowed,
-        style: {
-          top: state.layout.getTotalHeight() - 16,
-          pointerEvents: 'none',
-          height: 16
+var RenderedBlocks = (0, mobx_react_1.observer)(function (_a) {
+    var model = _a.model;
+    var classes = useStyles().classes;
+    var blockDefinitions = model.blockDefinitions, blockState = model.blockState;
+    return (react_1.default.createElement(react_1.default.Fragment, null, blockDefinitions.map(function (block) {
+        if (block instanceof blockTypes_1.ContentBlock) {
+            var state = blockState.get(block.key);
+            return (react_1.default.createElement(Block_1.ContentBlock, { block: block, key: "".concat(model.id, "-").concat(block.key) },
+                state && state.ReactComponent ? (react_1.default.createElement(state.ReactComponent, { model: state })) : null,
+                state && state.maxHeightReached ? (react_1.default.createElement("div", { className: classes.heightOverflowed, style: {
+                        top: state.layout.getTotalHeight() - 16,
+                        pointerEvents: 'none',
+                        height: 16,
+                    } }, "Max height reached")) : null));
+        }
+        if (block instanceof blockTypes_1.ElidedBlock) {
+            return (react_1.default.createElement(Block_1.ElidedBlock, { key: "".concat(model.id, "-").concat(block.key), width: block.widthPx }));
+        }
+        if (block instanceof blockTypes_1.InterRegionPaddingBlock) {
+            return (react_1.default.createElement(Block_1.InterRegionPaddingBlock, { key: block.key, width: block.widthPx, style: { background: 'none' }, boundary: block.variant === 'boundary' }));
         }
-      }, "Max height reached") : null);
-    }
-
-    if (block instanceof _blockTypes.ElidedBlock) {
-      return /*#__PURE__*/_react.default.createElement(_Block.ElidedBlock, {
-        key: "".concat(model.id, "-").concat(block.key),
-        width: block.widthPx
-      });
-    }
-
-    if (block instanceof _blockTypes.InterRegionPaddingBlock) {
-      return /*#__PURE__*/_react.default.createElement(_Block.InterRegionPaddingBlock, {
-        key: block.key,
-        width: block.widthPx,
-        style: {
-          background: 'none'
-        },
-        boundary: block.variant === 'boundary'
-      });
-    }
-
-    throw new Error("invalid block type ".concat((0, _typeof2.default)(block)));
-  }));
+        throw new Error("invalid block type ".concat(typeof block));
+    })));
 });
 exports.RenderedBlocks = RenderedBlocks;
-
-function LinearBlocks(_ref2) {
-  var model = _ref2.model;
-  var classes = useStyles();
-  var blockDefinitions = model.blockDefinitions;
-  var viewModel = (0, _util.getContainingView)(model);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": "Blockset",
-    className: classes.linearBlocks,
-    style: {
-      left: blockDefinitions.offsetPx - viewModel.offsetPx
-    }
-  }, /*#__PURE__*/_react.default.createElement(RenderedBlocks, {
-    model: model
-  }));
+function LinearBlocks(_a) {
+    var model = _a.model;
+    var classes = useStyles().classes;
+    var blockDefinitions = model.blockDefinitions;
+    var viewModel = (0, util_1.getContainingView)(model);
+    return (react_1.default.createElement("div", { "data-testid": "Blockset", className: classes.linearBlocks, style: {
+            left: blockDefinitions.offsetPx - viewModel.offsetPx,
+        } },
+        react_1.default.createElement(RenderedBlocks, { model: model })));
 }
-
-var _default = (0, _mobxReact.observer)(LinearBlocks);
-
-exports.default = _default;
+exports.default = (0, mobx_react_1.observer)(LinearBlocks);
+//# sourceMappingURL=LinearBlocks.js.map

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

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

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.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { BaseLinearDisplayModel } from '../models/BaseLinearDisplayModel';
+declare type Coord = [number, number];
+declare const Tooltip: ({ model, clientMouseCoord, }: {
+    model: BaseLinearDisplayModel;
+    clientMouseCoord: Coord;
+}) => JSX.Element | null;
+export default Tooltip;