@jbrowse/plugin-linear-genome-view 2.5.0 → 2.6.1

package/dist/LinearGenomeView/components/RubberbandSpan.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 interface Offset {
     coord: number;
     refName?: string;
@@ -9,5 +10,5 @@ export default function RubberbandSpan({ leftBpOffset, rightBpOffset, numOfBpSel
     numOfBpSelected?: number;
     left: number;
     width: number;
-}): JSX.Element;
+}): React.JSX.Element;
 export {};

package/dist/LinearGenomeView/components/SearchBox.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { LinearGenomeViewModel } from '..';
 declare function SearchBox({ model, showHelp, }: {
     showHelp?: boolean;
     model: LinearGenomeViewModel;
-}): JSX.Element;
+}): React.JSX.Element;
 declare const _default: typeof SearchBox;
 export default _default;

package/dist/LinearGenomeView/components/SearchResultsDialog.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { LinearGenomeViewModel } from '../..';
 import BaseResult from '@jbrowse/core/TextSearch/BaseResults';
 export default function SearchResultsDialog({ model, assemblyName, searchQuery, searchResults, handleClose, }: {
@@ -6,4 +7,4 @@ export default function SearchResultsDialog({ model, assemblyName, searchQuery,
     searchQuery: string;
     searchResults?: BaseResult[];
     handleClose: () => void;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/LinearGenomeView/components/SearchResultsTable.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import BaseResult from '@jbrowse/core/TextSearch/BaseResults';
 import { LinearGenomeViewModel } from '../..';
 export default function SearchResultsTable({ searchResults, assemblyName: optAssemblyName, model, handleClose, }: {
@@ -5,4 +6,4 @@ export default function SearchResultsTable({ searchResults, assemblyName: optAss
     assemblyName?: string;
     model: LinearGenomeViewModel;
     handleClose: () => void;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/LinearGenomeView/components/SequenceSearchDialog.d.ts

@@ -1,9 +1,10 @@
+import React from 'react';
 declare function SequenceDialog({ model, handleClose, }: {
     model: {
         assemblyNames: string[];
         toggleTrack(trackId: string): void;
     };
     handleClose: () => void;
-}): JSX.Element;
+}): React.JSX.Element;
 declare const _default: typeof SequenceDialog;
 export default _default;

package/dist/LinearGenomeView/components/TrackContainer.d.ts

@@ -1,9 +1,9 @@
+import React from 'react';
 import { BaseTrackModel } from '@jbrowse/core/pluggableElementTypes/models';
 import { LinearGenomeViewModel } from '..';
 type LGV = LinearGenomeViewModel;
-declare function TrackContainer({ model, track, }: {
+declare const _default: ({ model, track, }: {
     model: LGV;
     track: BaseTrackModel;
-}): JSX.Element;
-declare const _default: typeof TrackContainer;
+}) => React.JSX.Element;
 export default _default;

package/dist/LinearGenomeView/components/TrackContainer.js

@@ -32,10 +32,10 @@ const mui_1 = require("tss-react/mui");
 const mobx_react_1 = require("mobx-react");
 const mobx_state_tree_1 = require("mobx-state-tree");
 const react_error_boundary_1 = require("react-error-boundary");
-const configuration_1 = require("@jbrowse/core/configuration");
 const ui_1 = require("@jbrowse/core/ui");
 const util_1 = require("@jbrowse/core/util");
-const TrackLabel_1 = __importDefault(require("./TrackLabel"));
+const TrackLabelContainer_1 = __importDefault(require("./TrackLabelContainer"));
+const TrackRenderingContainer_1 = __importDefault(require("./TrackRenderingContainer"));
 const useStyles = (0, mui_1.makeStyles)()({
     root: {
         marginTop: 2,
@@ -54,88 +54,32 @@ const useStyles = (0, mui_1.makeStyles)()({
         width: '100%',
         zIndex: 3,
     },
-    trackLabel: {
-        zIndex: 3,
-    },
-    // aligns with block boundaries. check for example the breakpoint split view
-    // demo to see if features align if wanting to change things
-    renderingComponentContainer: {
-        position: 'absolute',
-        // -1 offset because of the 1px border of the Paper
-        left: -1,
-        height: '100%',
-        width: '100%',
-    },
-    trackLabelOffset: {
-        position: 'relative',
-        display: 'inline-block',
-    },
-    trackLabelOverlap: {
-        position: 'absolute',
-    },
-    trackRenderingContainer: {
-        overflowY: 'auto',
-        overflowX: 'hidden',
-        whiteSpace: 'nowrap',
-        position: 'relative',
-        background: 'none',
-        zIndex: 2,
-    },
 });
-const TrackContainerLabel = (0, mobx_react_1.observer)(({ model, view }) => {
-    const { classes, cx } = useStyles();
-    const display = model.displays[0];
-    const { trackLabel, trackLabelOverlap, trackLabelOffset } = classes;
-    const labelStyle = view.trackLabels !== 'overlapping' || display.prefersOffset
-        ? trackLabelOffset
-        : trackLabelOverlap;
-    return view.trackLabels !== 'hidden' ? (react_1.default.createElement(TrackLabel_1.default, { track: model, className: cx(trackLabel, labelStyle) })) : null;
-});
-function TrackContainer({ model, track, }) {
+exports.default = (0, mobx_react_1.observer)(function TrackContainer({ model, track, }) {
     const { classes } = useStyles();
     const display = track.displays[0];
-    const { horizontalScroll, draggingTrackId, moveTrack } = model;
-    const { height, RenderingComponent, DisplayBlurb } = display;
-    const trackId = (0, configuration_1.getConf)(track, 'trackId');
-    const ref = (0, react_1.useRef)(null);
+    const { draggingTrackId } = model;
+    const ref2 = (0, react_1.useRef)(null);
     const dimmed = draggingTrackId !== undefined && draggingTrackId !== display.id;
-    const minimized = track.minimized;
     const debouncedOnDragEnter = (0, util_1.useDebouncedCallback)(() => {
         if ((0, mobx_state_tree_1.isAlive)(display) && dimmed) {
-            moveTrack(draggingTrackId, track.id);
+            model.moveTrack(draggingTrackId, track.id);
         }
     }, 100);
-    (0, react_1.useEffect)(() => {
-        if (ref.current) {
-            model.trackRefs[trackId] = ref.current;
-        }
-        return () => {
-            delete model.trackRefs[trackId];
-        };
-    }, [model.trackRefs, trackId]);
-    return (react_1.default.createElement(material_1.Paper, { ref: ref, className: classes.root, variant: "outlined", onClick: event => {
+    return (react_1.default.createElement(material_1.Paper, { ref: ref2, className: classes.root, variant: "outlined", onClick: event => {
             var _a;
             if (event.detail === 2 && !track.displays[0].featureIdUnderMouse) {
-                const left = ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().left) || 0;
+                const left = ((_a = ref2.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().left) || 0;
                 model.zoomTo(model.bpPerPx / 2, event.clientX - left, true);
             }
         } },
-        react_1.default.createElement(TrackContainerLabel, { model: track, view: model }),
-        react_1.default.createElement(react_error_boundary_1.ErrorBoundary, { key: track.id, FallbackComponent: ({ error }) => react_1.default.createElement(ui_1.ErrorMessage, { error: error }) },
-            react_1.default.createElement("div", { className: classes.trackRenderingContainer, style: { height: minimized ? 20 : height }, onScroll: evt => display.setScrollTop(evt.currentTarget.scrollTop), onDragEnter: debouncedOnDragEnter, "data-testid": `trackRenderingContainer-${model.id}-${trackId}` }, !minimized ? (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("div", { className: classes.renderingComponentContainer, style: { transform: `scaleX(${model.scaleFactor})` } },
-                    react_1.default.createElement(RenderingComponent, { model: display, onHorizontalScroll: horizontalScroll })),
-                DisplayBlurb ? (react_1.default.createElement("div", { style: {
-                        position: 'absolute',
-                        left: 0,
-                        top: display.height - 20,
-                    } },
-                    react_1.default.createElement(DisplayBlurb, { model: display }))) : null)) : null)),
+        react_1.default.createElement(TrackLabelContainer_1.default, { track: track, view: model }),
+        react_1.default.createElement(react_error_boundary_1.ErrorBoundary, { FallbackComponent: e => react_1.default.createElement(ui_1.ErrorMessage, { error: e.error }) },
+            react_1.default.createElement(TrackRenderingContainer_1.default, { model: model, track: track, onDragEnter: debouncedOnDragEnter })),
         react_1.default.createElement("div", { className: classes.overlay, style: {
                 height: display.height,
                 background: dimmed ? 'rgba(0, 0, 0, 0.4)' : undefined,
             }, onDragEnter: debouncedOnDragEnter }),
         react_1.default.createElement(ui_1.ResizeHandle, { onDrag: display.resizeHeight, className: classes.resizeHandle })));
-}
-exports.default = (0, mobx_react_1.observer)(TrackContainer);
+});
 //# sourceMappingURL=TrackContainer.js.map

package/dist/LinearGenomeView/components/TrackContainer.js.map

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

package/dist/LinearGenomeView/components/TrackLabel.js

@@ -11,8 +11,7 @@ const configuration_1 = require("@jbrowse/core/configuration");
 const util_1 = require("@jbrowse/core/util");
 const tracks_1 = require("@jbrowse/core/util/tracks");
 const ui_1 = require("@jbrowse/core/ui");
-const CascadingMenu_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenu"));
-const hooks_1 = require("material-ui-popup-state/hooks");
+const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
 // icons
 const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
 const DragIndicator_1 = __importDefault(require("@mui/icons-material/DragIndicator"));
@@ -56,10 +55,6 @@ const TrackLabel = react_1.default.forwardRef(function ({ track, className }, re
     const minimized = track.minimized;
     const trackId = (0, configuration_1.getConf)(track, 'trackId');
     const trackName = (0, tracks_1.getTrackName)(trackConf, session);
-    const popupState = (0, hooks_1.usePopupState)({
-        popupId: 'trackLabelMenu',
-        variant: 'popover',
-    });
     const items = [
         {
             label: minimized ? 'Restore track' : 'Minimize track',
@@ -82,10 +77,11 @@ const TrackLabel = react_1.default.forwardRef(function ({ track, className }, re
         react_1.default.createElement(material_1.IconButton, { onClick: () => view.hideTrack(trackId), className: classes.iconButton, title: "close this track" },
             react_1.default.createElement(Close_1.default, { fontSize: "small" })),
         react_1.default.createElement(material_1.Typography, { variant: "body1", component: "span", className: classes.trackName },
-            react_1.default.createElement(ui_1.SanitizedHTML, { html: `${trackName}${minimized ? ' (minimized)' : ''}` })),
-        react_1.default.createElement(material_1.IconButton, { ...(0, hooks_1.bindTrigger)(popupState), className: classes.iconButton, "data-testid": "track_menu_icon", disabled: items.length === 0 },
-            react_1.default.createElement(MoreVert_1.default, { fontSize: "small" })),
-        react_1.default.createElement(CascadingMenu_1.default, { ...(0, hooks_1.bindPopover)(popupState), onMenuItemClick: (_, callback) => callback(), menuItems: items, popupState: popupState })));
+            react_1.default.createElement(ui_1.SanitizedHTML, { html: [trackName, minimized ? '(minimized)' : '']
+                    .filter(f => !!f)
+                    .join(' ') })),
+        react_1.default.createElement(CascadingMenuButton_1.default, { menuItems: items, "data-testid": "track_menu_icon" },
+            react_1.default.createElement(MoreVert_1.default, { fontSize: "small" }))));
 });
 exports.default = (0, mobx_react_1.observer)(TrackLabel);
 //# sourceMappingURL=TrackLabel.js.map

package/dist/LinearGenomeView/components/TrackLabel.js.map

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

package/dist/LinearGenomeView/components/TrackLabelContainer.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { BaseTrackModel } from '@jbrowse/core/pluggableElementTypes/models';
+import { LinearGenomeViewModel } from '..';
+type LGV = LinearGenomeViewModel;
+declare const TrackLabelContainer: ({ track, view, }: {
+    track: BaseTrackModel;
+    view: LGV;
+}) => React.JSX.Element | null;
+export default TrackLabelContainer;

package/dist/LinearGenomeView/components/TrackLabelContainer.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const mui_1 = require("tss-react/mui");
+const mobx_react_1 = require("mobx-react");
+const TrackLabel_1 = __importDefault(require("./TrackLabel"));
+const useStyles = (0, mui_1.makeStyles)()({
+    trackLabel: {
+        zIndex: 3,
+    },
+    trackLabelOffset: {
+        position: 'relative',
+        display: 'inline-block',
+    },
+    trackLabelOverlap: {
+        position: 'absolute',
+    },
+});
+const TrackLabelContainer = (0, mobx_react_1.observer)(function ({ track, view, }) {
+    const { classes, cx } = useStyles();
+    const display = track.displays[0];
+    const { trackLabel, trackLabelOverlap, trackLabelOffset } = classes;
+    const labelStyle = view.trackLabels !== 'overlapping' || display.prefersOffset
+        ? trackLabelOffset
+        : trackLabelOverlap;
+    return view.trackLabels !== 'hidden' ? (react_1.default.createElement(TrackLabel_1.default, { track: track, className: cx(trackLabel, labelStyle) })) : null;
+});
+exports.default = TrackLabelContainer;
+//# sourceMappingURL=TrackLabelContainer.js.map

package/dist/LinearGenomeView/components/TrackLabelContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrackLabelContainer.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/TrackLabelContainer.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,uCAA0C;AAC1C,2CAAqC;AAOrC,8DAAqC;AAErC,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC;IAC7B,UAAU,EAAE;QACV,MAAM,EAAE,CAAC;KACV;IAED,gBAAgB,EAAE;QAChB,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,cAAc;KACxB;IACD,iBAAiB,EAAE;QACjB,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC,CAAA;AAIF,MAAM,mBAAmB,GAAG,IAAA,qBAAQ,EAAC,UAAU,EAC7C,KAAK,EACL,IAAI,GAIL;IACC,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,EAAE,CAAA;IACnC,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IACjC,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAA;IACnE,MAAM,UAAU,GACd,IAAI,CAAC,WAAW,KAAK,aAAa,IAAI,OAAO,CAAC,aAAa;QACzD,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC,iBAAiB,CAAA;IAEvB,OAAO,IAAI,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,CACrC,8BAAC,oBAAU,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,GAAI,CACpE,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAC,CAAA;AAEF,kBAAe,mBAAmB,CAAA"}

package/dist/LinearGenomeView/components/TrackRenderingContainer.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BaseTrackModel } from '@jbrowse/core/pluggableElementTypes/models';
+import { LinearGenomeViewModel } from '..';
+type LGV = LinearGenomeViewModel;
+declare const _default: ({ model, track, onDragEnter, }: {
+    model: LGV;
+    track: BaseTrackModel;
+    onDragEnter: () => void;
+}) => React.JSX.Element;
+export default _default;

package/dist/LinearGenomeView/components/TrackRenderingContainer.js

@@ -0,0 +1,74 @@
+"use strict";
+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;
+};
+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("@jbrowse/core/configuration");
+const useStyles = (0, mui_1.makeStyles)()({
+    // aligns with block boundaries. check for example the breakpoint split view
+    // demo to see if features align if wanting to change things
+    renderingComponentContainer: {
+        position: 'absolute',
+        // -1 offset because of the 1px border of the Paper
+        left: -1,
+        height: '100%',
+        width: '100%',
+    },
+    trackRenderingContainer: {
+        overflowY: 'auto',
+        overflowX: 'hidden',
+        whiteSpace: 'nowrap',
+        position: 'relative',
+        background: 'none',
+        zIndex: 2,
+    },
+});
+exports.default = (0, mobx_react_1.observer)(function TrackRenderingContainer({ model, track, onDragEnter, }) {
+    const { classes } = useStyles();
+    const display = track.displays[0];
+    const { height, RenderingComponent, DisplayBlurb } = display;
+    const trackId = (0, configuration_1.getConf)(track, 'trackId');
+    const ref = (0, react_1.useRef)(null);
+    const minimized = track.minimized;
+    (0, react_1.useEffect)(() => {
+        if (ref.current) {
+            model.trackRefs[trackId] = ref.current;
+        }
+        return () => {
+            delete model.trackRefs[trackId];
+        };
+    }, [model.trackRefs, trackId]);
+    return (react_1.default.createElement("div", { className: classes.trackRenderingContainer, style: { height: minimized ? 20 : height }, onScroll: evt => display.setScrollTop(evt.currentTarget.scrollTop), onDragEnter: onDragEnter, "data-testid": `trackRenderingContainer-${model.id}-${trackId}` }, !minimized ? (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { ref: ref, className: classes.renderingComponentContainer, style: { transform: `scaleX(${model.scaleFactor})` } },
+            react_1.default.createElement(RenderingComponent, { model: display, onHorizontalScroll: model.horizontalScroll })),
+        DisplayBlurb ? (react_1.default.createElement("div", { style: {
+                position: 'absolute',
+                left: 0,
+                top: display.height - 20,
+            } },
+            react_1.default.createElement(DisplayBlurb, { model: display }))) : null)) : null));
+});
+//# sourceMappingURL=TrackRenderingContainer.js.map

package/dist/LinearGenomeView/components/TrackRenderingContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrackRenderingContainer.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/TrackRenderingContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgD;AAChD,uCAA0C;AAC1C,2CAAqC;AAIrC,+DAAqD;AAKrD,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC;IAC7B,4EAA4E;IAC5E,4DAA4D;IAC5D,2BAA2B,EAAE;QAC3B,QAAQ,EAAE,UAAU;QACpB,mDAAmD;QACnD,IAAI,EAAE,CAAC,CAAC;QACR,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd;IAED,uBAAuB,EAAE;QACvB,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAA;AAIF,kBAAe,IAAA,qBAAQ,EAAC,SAAS,uBAAuB,CAAC,EACvD,KAAK,EACL,KAAK,EACL,WAAW,GAKZ;IACC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IACjC,MAAM,EAAE,MAAM,EAAE,kBAAkB,EAAE,YAAY,EAAE,GAAG,OAAO,CAAA;IAC5D,MAAM,OAAO,GAAG,IAAA,uBAAO,EAAC,KAAK,EAAE,SAAS,CAAC,CAAA;IACzC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IACxC,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAA;IAEjC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,GAAG,CAAC,OAAO,EAAE;YACf,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAAA;SACvC;QACD,OAAO,GAAG,EAAE;YACV,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;QACjC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;IAE9B,OAAO,CACL,uCACE,SAAS,EAAE,OAAO,CAAC,uBAAuB,EAC1C,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,EAC1C,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC,aAAa,CAAC,SAAS,CAAC,EAClE,WAAW,EAAE,WAAW,iBACX,2BAA2B,KAAK,CAAC,EAAE,IAAI,OAAO,EAAE,IAE5D,CAAC,SAAS,CAAC,CAAC,CAAC,CACZ;QACE,uCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAAC,2BAA2B,EAC9C,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,KAAK,CAAC,WAAW,GAAG,EAAE;YAEpD,8BAAC,kBAAkB,IACjB,KAAK,EAAE,OAAO,EACd,kBAAkB,EAAE,KAAK,CAAC,gBAAgB,GAC1C,CACE;QAEL,YAAY,CAAC,CAAC,CAAC,CACd,uCACE,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,CAAC;gBACP,GAAG,EAAE,OAAO,CAAC,MAAM,GAAG,EAAE;aACzB;YAED,8BAAC,YAAY,IAAC,KAAK,EAAE,OAAO,GAAI,CAC5B,CACP,CAAC,CAAC,CAAC,IAAI,CACP,CACJ,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/LinearGenomeView/components/TracksContainer.d.ts

@@ -4,5 +4,5 @@ type LGV = LinearGenomeViewModel;
 declare const _default: ({ children, model, }: {
     children: React.ReactNode;
     model: LGV;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/dist/LinearGenomeView/components/TracksContainer.js

@@ -54,7 +54,7 @@ exports.default = (0, mobx_react_1.observer)(function TracksContainer({ children
     const ref = (0, react_1.useRef)(null);
     const { guideX, rubberbandOn, leftBpOffset, rightBpOffset, numOfBpSelected, width, left, anchorPosition, handleMenuItemClick, open, handleClose, mouseMove, mouseDown: mouseDown2, } = (0, hooks_1.useRangeSelect)(ref, model, true);
     (0, hooks_1.useWheelScroll)(ref, model);
-    const additionals = pluginManager.evaluateExtensionPoint('LinearGenomeView-TracksContainerComponent', undefined, { model });
+    const additional = pluginManager.evaluateExtensionPoint('LinearGenomeView-TracksContainerComponent', undefined, { model });
     return (react_1.default.createElement("div", { ref: ref, "data-testid": "trackContainer", className: classes.tracksContainer, onMouseDown: event => {
             mouseDown1(event);
             mouseDown2(event);
@@ -67,7 +67,7 @@ exports.default = (0, mobx_react_1.observer)(function TracksContainer({ children
                 top: anchorPosition.clientY,
             }, onMenuItemClick: handleMenuItemClick, open: open, onClose: handleClose, menuItems: model.rubberBandMenuItems() })) : null,
         react_1.default.createElement(Rubberband_1.default, { model: model, ControlComponent: react_1.default.createElement(Scalebar_1.default, { model: model, style: { height: __1.SCALE_BAR_HEIGHT, boxSizing: 'border-box' } }) }),
-        additionals,
+        additional,
         children));
 });
 //# sourceMappingURL=TracksContainer.js.map

package/dist/LinearGenomeView/components/TracksContainer.js.map

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

package/dist/LinearGenomeView/components/VerticalGuide.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import { LinearGenomeViewModel } from '..';
 type LGV = LinearGenomeViewModel;
 declare function VerticalGuide({ model, coordX }: {
     model: LGV;
     coordX: number;
-}): JSX.Element;
+}): React.JSX.Element;
 declare const _default: typeof VerticalGuide;
 export default _default;

package/dist/LinearGenomeView/components/ZoomControls.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { LinearGenomeViewModel } from '..';
 declare function ZoomControls({ model }: {
     model: LinearGenomeViewModel;
-}): JSX.Element;
+}): React.JSX.Element;
 declare const _default: typeof ZoomControls;
 export default _default;

package/dist/LinearGenomeView/model.d.ts

@@ -45,6 +45,7 @@ export declare const SPACING = 7;
 export declare const WIDGET_HEIGHT = 32;
 /**
  * #stateModel LinearGenomeView
+ * #category view
  */
 export declare function stateModelFactory(pluginManager: PluginManager): import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
@@ -90,7 +91,7 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
     afterDisplayedRegionsSetCallbacks: Function[];
     scaleFactor: number;
     trackRefs: {
-        [key: string]: any;
+        [key: string]: HTMLDivElement;
     };
     coarseDynamicBlocks: BaseBlock[];
     coarseTotalBp: number;
@@ -402,18 +403,18 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
     /**
      * #getter
      * static blocks are an important concept jbrowse uses to avoid
-     * re-rendering when you scroll to the side. when you horizontally scroll to the
-     * right, old blocks to the left may be removed, and new blocks may be
-     * instantiated on the right. tracks may use the static blocks to render their
-     * data for the region represented by the block
+     * re-rendering when you scroll to the side. when you horizontally
+     * scroll to the right, old blocks to the left may be removed, and new
+     * blocks may be instantiated on the right. tracks may use the static
+     * blocks to render their data for the region represented by the block
      */
     readonly staticBlocks: BlockSet;
     /**
      * #getter
      * dynamic blocks represent the exact coordinates of the currently
-     * visible genome regions on the screen. they are similar to static blocks, but
-     * static blocks can go offscreen while dynamic blocks represent exactly what
-     * is on screen
+     * visible genome regions on the screen. they are similar to static
+     * blocks, but static blocks can go offscreen while dynamic blocks
+     * represent exactly what is on screen
      */
     readonly dynamicBlocks: BlockSet;
     /**
@@ -423,8 +424,8 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
     readonly roundedDynamicBlocks: BaseBlock[];
     /**
      * #getter
-     * a single "combo-locstring" representing all the regions visible
-     * on the screen
+     * a single "combo-locstring" representing all the regions visible on
+     * the screen
      */
     readonly visibleLocStrings: string;
     /**
@@ -470,8 +471,8 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
      * Navigate to a location based on its refName and optionally start, end,
      * and assemblyName. Will not try to change displayed regions, use
      * `navToLocations` instead. Only navigates to a location if it is
-     * entirely within a displayedRegion. Navigates to the first matching location
-     * encountered.
+     * entirely within a displayedRegion. Navigates to the first matching
+     * location encountered.
      *
      * Throws an error if navigation was unsuccessful
      *