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

package/dist/BaseLinearDisplay/components/Tooltip.js

@@ -0,0 +1,118 @@
+"use strict";
+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;
+});
+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;
+}
+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, 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',
+    },
+}); });
+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;
+});
+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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"}

package/dist/BaseLinearDisplay/index.js

@@ -1,41 +1,14 @@
 "use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "BaseLinearDisplay", {
-  enumerable: true,
-  get: function get() {
-    return _BaseLinearDisplayModel.BaseLinearDisplay;
-  }
-});
-Object.defineProperty(exports, "BaseLinearDisplayComponent", {
-  enumerable: true,
-  get: function get() {
-    return _BaseLinearDisplay.default;
-  }
-});
-Object.defineProperty(exports, "Tooltip", {
-  enumerable: true,
-  get: function get() {
-    return _BaseLinearDisplay.Tooltip;
-  }
-});
-Object.defineProperty(exports, "baseLinearDisplayConfigSchema", {
-  enumerable: true,
-  get: function get() {
-    return _baseLinearDisplayConfigSchema.baseLinearDisplayConfigSchema;
-  }
-});
-
-var _baseLinearDisplayConfigSchema = require("./models/baseLinearDisplayConfigSchema");
-
-var _BaseLinearDisplayModel = require("./models/BaseLinearDisplayModel");
-
-var _BaseLinearDisplay = _interopRequireWildcard(require("./components/BaseLinearDisplay"));
-
-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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = exports.BaseLinearDisplayComponent = exports.BaseLinearDisplay = exports.baseLinearDisplayConfigSchema = void 0;
+var baseLinearDisplayConfigSchema_1 = require("./models/baseLinearDisplayConfigSchema");
+Object.defineProperty(exports, "baseLinearDisplayConfigSchema", { enumerable: true, get: function () { return baseLinearDisplayConfigSchema_1.baseLinearDisplayConfigSchema; } });
+var BaseLinearDisplayModel_1 = require("./models/BaseLinearDisplayModel");
+Object.defineProperty(exports, "BaseLinearDisplay", { enumerable: true, get: function () { return BaseLinearDisplayModel_1.BaseLinearDisplay; } });
+var BaseLinearDisplay_1 = require("./components/BaseLinearDisplay");
+Object.defineProperty(exports, "BaseLinearDisplayComponent", { enumerable: true, get: function () { return __importDefault(BaseLinearDisplay_1).default; } });
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return BaseLinearDisplay_1.Tooltip; } });
+//# sourceMappingURL=index.js.map

package/dist/BaseLinearDisplay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/BaseLinearDisplay/index.ts"],"names":[],"mappings":";;;;;;AAAA,wFAAsF;AAA7E,8IAAA,6BAA6B,OAAA;AACtC,0EAAmE;AAA1D,2HAAA,iBAAiB,OAAA;AAM1B,oEAGuC;AAFrC,gJAAA,OAAO,OAA8B;AACrC,4GAAA,OAAO,OAAA"}

package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.d.ts

@@ -74,11 +74,11 @@ export declare const BaseLinearDisplay: import("mobx-state-tree").IModelType<{
     error: unknown;
 } & {
     readonly RenderingComponent: React.FC<{
-        model: import("mobx-state-tree").ModelInstanceTypeProps<{
-            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            type: import("mobx-state-tree").ISimpleType<string>;
-            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-        }> & {
+        model: {
+            id: string;
+            type: string;
+            rpcDriverName: string | undefined;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             rendererTypeName: string;
             error: unknown;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
@@ -93,11 +93,11 @@ export declare const BaseLinearDisplay: import("mobx-state-tree").IModelType<{
         blockState?: Record<string, any> | undefined;
     }>;
     readonly DisplayBlurb: React.FC<{
-        model: import("mobx-state-tree").ModelInstanceTypeProps<{
-            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            type: import("mobx-state-tree").ISimpleType<string>;
-            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-        }> & {
+        model: {
+            id: string;
+            type: string;
+            rpcDriverName: string | undefined;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             rendererTypeName: string;
             error: unknown;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
@@ -116,7 +116,10 @@ export declare const BaseLinearDisplay: import("mobx-state-tree").IModelType<{
     readonly DisplayMessageComponent: React.FC<any> | undefined;
     trackMenuItems(): MenuItem[];
     readonly viewMenuActions: MenuItem[];
-    regionCannotBeRendered(): undefined;
+    regionCannotBeRendered(): undefined; /**
+     * how many milliseconds to wait for the display to
+     * "settle" before re-rendering a block
+     */
 } & {
     setError(error?: unknown): void;
     setRpcDriverName(rpcDriverName: string): void;
@@ -130,7 +133,7 @@ export declare const BaseLinearDisplay: import("mobx-state-tree").IModelType<{
     estimatedRegionStatsP: Promise<Stats> | undefined;
     estimatedRegionStats: Stats | undefined;
 } & {
-    readonly blockType: "staticBlocks" | "dynamicBlocks";
+    readonly blockType: "dynamicBlocks" | "staticBlocks";
     readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
 } & {
     /**
@@ -206,7 +209,9 @@ export declare const BaseLinearDisplay: import("mobx-state-tree").IModelType<{
     trackMenuItems(): MenuItem[];
     contextMenuItems(): {
         label: string;
-        icon: import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").SvgIconTypeMap<{}, "svg">>;
+        icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+            muiName: string;
+        };
         onClick: () => void;
     }[];
     renderProps(): any;
@@ -215,10 +220,10 @@ export declare const BaseLinearDisplay: import("mobx-state-tree").IModelType<{
         overrideHeight: number;
     }): Promise<JSX.Element>;
 }, import("mobx-state-tree")._NotCustomized, {
-    id: string;
     type: string;
-    rpcDriverName: string | undefined;
     height: number;
+    id: string;
+    rpcDriverName: string | undefined;
     userBpPerPxLimit: number | undefined;
     userByteSizeLimit: number | undefined;
 }>;