@jbrowse/plugin-wiggle 2.7.1 → 2.8.0

package/dist/MultiLinearWiggleDisplay/models/model.d.ts

@@ -227,19 +227,21 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
     readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
 } & {
     readonly renderDelay: number;
-    readonly TooltipComponent: React.FC<any>;
+    readonly TooltipComponent: React.FC<any>; /**
+     * #getter
+     */
     readonly selectedFeatureId: string | undefined;
     readonly DisplayMessageComponent: React.FC<any> | undefined;
 } & {
-    readonly features: import("@jbrowse/core/util/compositeMap").default<string, Feature>; /**
-     * #getter
-     * can be used to give it a "color scale" like a R heatmap, not
-     * implemented like this yet but flag can be used for this
-     */
+    readonly features: import("@jbrowse/core/util/compositeMap").default<string, Feature>;
     readonly featureUnderMouse: Feature | undefined;
     getFeatureOverlapping(blockKey: string, x: number, y: number): string | undefined;
     getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined;
-    searchFeatureByID(id: string): [number, number, number, number] | undefined;
+    searchFeatureByID(id: string): [number, number, number, number] | undefined; /**
+     * #getter
+     * positions multi-row below the tracklabel even if using overlap
+     * tracklabels for everything else
+     */
 } & {
     addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
     deleteBlock(key: string): void;
@@ -252,9 +254,7 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
 } & {
     trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
     contextMenuItems(): import("@jbrowse/core/ui").MenuItem[];
-    renderProps(): any; /**
-     * #method
-     */
+    renderProps(): any;
 } & {
     renderSvg(opts: ExportSvgDisplayOptions): Promise<React.JSX.Element>;
     afterAttach(): void;

package/dist/Tooltip.js

@@ -58,6 +58,8 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
     },
 }));
 const Tooltip = (0, mobx_react_1.observer)(function Tooltip({ model, height, clientMouseCoord, offsetMouseCoord, clientRect, TooltipContents, useClientY, }) {
+    var _a, _b;
+    const theme = (0, material_1.useTheme)();
     const { featureUnderMouse } = model;
     const [width, setWidth] = (0, react_1.useState)(0);
     const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
@@ -81,8 +83,9 @@ const Tooltip = (0, mobx_react_1.observer)(function Tooltip({ model, height, cli
         },
     }), [clientRect === null || clientRect === void 0 ? void 0 : clientRect.top, clientMouseCoord, width, useClientY]);
     const { styles, attributes } = (0, react_popper_1.usePopper)(virtElement, anchorEl);
+    const popperTheme = (_a = theme === null || theme === void 0 ? void 0 : theme.components) === null || _a === void 0 ? void 0 : _a.MuiPopper;
     return featureUnderMouse ? (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.Portal, null,
+        react_1.default.createElement(material_1.Portal, { container: (_b = popperTheme === null || popperTheme === void 0 ? void 0 : popperTheme.defaultProps) === null || _b === void 0 ? void 0 : _b.container },
             react_1.default.createElement("div", { ref: setAnchorEl, className: classes.tooltip, 
                 // zIndex needed to go over widget drawer
                 style: { ...styles.popper, zIndex: 100000 }, ...attributes.popper },

package/dist/shared/modelShared.d.ts

@@ -266,7 +266,9 @@ export default function SharedWiggleMixin(configSchema: AnyConfigurationSchemaTy
     readonly features: import("@jbrowse/core/util/compositeMap").default<string, Feature>;
     readonly featureUnderMouse: Feature | undefined;
     getFeatureOverlapping(blockKey: string, x: number, y: number): string | undefined;
-    getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined;
+    getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined; /**
+     * #action
+     */
     searchFeatureByID(id: string): [number, number, number, number] | undefined;
 } & {
     addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
@@ -282,9 +284,7 @@ export default function SharedWiggleMixin(configSchema: AnyConfigurationSchemaTy
     contextMenuItems(): import("@jbrowse/core/ui").MenuItem[];
     renderProps(): any;
 } & {
-    renderSvg(opts: import("@jbrowse/plugin-linear-genome-view").ExportSvgDisplayOptions): Promise<import("react").JSX.Element>; /**
-     * #getter
-     */
+    renderSvg(opts: import("@jbrowse/plugin-linear-genome-view").ExportSvgDisplayOptions): Promise<import("react").JSX.Element>;
     afterAttach(): void;
 } & {
     message: string | undefined;

package/esm/MultiLinearWiggleDisplay/models/model.d.ts

@@ -227,19 +227,21 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
     readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
 } & {
     readonly renderDelay: number;
-    readonly TooltipComponent: React.FC<any>;
+    readonly TooltipComponent: React.FC<any>; /**
+     * #getter
+     */
     readonly selectedFeatureId: string | undefined;
     readonly DisplayMessageComponent: React.FC<any> | undefined;
 } & {
-    readonly features: import("@jbrowse/core/util/compositeMap").default<string, Feature>; /**
-     * #getter
-     * can be used to give it a "color scale" like a R heatmap, not
-     * implemented like this yet but flag can be used for this
-     */
+    readonly features: import("@jbrowse/core/util/compositeMap").default<string, Feature>;
     readonly featureUnderMouse: Feature | undefined;
     getFeatureOverlapping(blockKey: string, x: number, y: number): string | undefined;
     getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined;
-    searchFeatureByID(id: string): [number, number, number, number] | undefined;
+    searchFeatureByID(id: string): [number, number, number, number] | undefined; /**
+     * #getter
+     * positions multi-row below the tracklabel even if using overlap
+     * tracklabels for everything else
+     */
 } & {
     addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
     deleteBlock(key: string): void;
@@ -252,9 +254,7 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
 } & {
     trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
     contextMenuItems(): import("@jbrowse/core/ui").MenuItem[];
-    renderProps(): any; /**
-     * #method
-     */
+    renderProps(): any;
 } & {
     renderSvg(opts: ExportSvgDisplayOptions): Promise<React.JSX.Element>;
     afterAttach(): void;

package/esm/Tooltip.js

@@ -1,6 +1,6 @@
 import React, { useMemo, useState } from 'react';
 import { observer } from 'mobx-react';
-import { alpha, Portal } from '@mui/material';
+import { alpha, Portal, useTheme } from '@mui/material';
 import { makeStyles } from 'tss-react/mui';
 // locals
 import { YSCALEBAR_LABEL_OFFSET, round } from './util';
@@ -33,6 +33,8 @@ const useStyles = makeStyles()(theme => ({
     },
 }));
 const Tooltip = observer(function Tooltip({ model, height, clientMouseCoord, offsetMouseCoord, clientRect, TooltipContents, useClientY, }) {
+    var _a, _b;
+    const theme = useTheme();
     const { featureUnderMouse } = model;
     const [width, setWidth] = useState(0);
     const [anchorEl, setAnchorEl] = useState(null);
@@ -56,8 +58,9 @@ const Tooltip = observer(function Tooltip({ model, height, clientMouseCoord, off
         },
     }), [clientRect === null || clientRect === void 0 ? void 0 : clientRect.top, clientMouseCoord, width, useClientY]);
     const { styles, attributes } = usePopper(virtElement, anchorEl);
+    const popperTheme = (_a = theme === null || theme === void 0 ? void 0 : theme.components) === null || _a === void 0 ? void 0 : _a.MuiPopper;
     return featureUnderMouse ? (React.createElement(React.Fragment, null,
-        React.createElement(Portal, null,
+        React.createElement(Portal, { container: (_b = popperTheme === null || popperTheme === void 0 ? void 0 : popperTheme.defaultProps) === null || _b === void 0 ? void 0 : _b.container },
             React.createElement("div", { ref: setAnchorEl, className: classes.tooltip, 
                 // zIndex needed to go over widget drawer
                 style: { ...styles.popper, zIndex: 100000 }, ...attributes.popper },

package/esm/shared/modelShared.d.ts

@@ -266,7 +266,9 @@ export default function SharedWiggleMixin(configSchema: AnyConfigurationSchemaTy
     readonly features: import("@jbrowse/core/util/compositeMap").default<string, Feature>;
     readonly featureUnderMouse: Feature | undefined;
     getFeatureOverlapping(blockKey: string, x: number, y: number): string | undefined;
-    getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined;
+    getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined; /**
+     * #action
+     */
     searchFeatureByID(id: string): [number, number, number, number] | undefined;
 } & {
     addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
@@ -282,9 +284,7 @@ export default function SharedWiggleMixin(configSchema: AnyConfigurationSchemaTy
     contextMenuItems(): import("@jbrowse/core/ui").MenuItem[];
     renderProps(): any;
 } & {
-    renderSvg(opts: import("@jbrowse/plugin-linear-genome-view").ExportSvgDisplayOptions): Promise<import("react").JSX.Element>; /**
-     * #getter
-     */
+    renderSvg(opts: import("@jbrowse/plugin-linear-genome-view").ExportSvgDisplayOptions): Promise<import("react").JSX.Element>;
     afterAttach(): void;
 } & {
     message: string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-wiggle",
-  "version": "2.7.1",
+  "version": "2.8.0",
   "description": "JBrowse 2 wiggle adapters, tracks, etc.",
   "keywords": [
     "jbrowse",
@@ -67,5 +67,5 @@
   "distModule": "esm/index.js",
   "srcModule": "src/index.ts",
   "module": "esm/index.js",
-  "gitHead": "2cda1611eebd12517f2a3cfc1b612face27005d4"
+  "gitHead": "ee8c2bdc8bd4f1a70b1eefda984f04a2830d9ca0"
 }