@jbrowse/plugin-linear-genome-view 2.18.0 → 3.0.0

package/dist/LinearGenomeView/components/Rubberband.js

@@ -1,32 +1,10 @@
 "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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const ui_1 = require("@jbrowse/core/ui");
 const mobx_react_1 = require("mobx-react");
 const mui_1 = require("tss-react/mui");
@@ -40,16 +18,13 @@ const useStyles = (0, mui_1.makeStyles)()({
         minHeight: 8,
     },
 });
-const Rubberband = (0, mobx_react_1.observer)(function ({ model, ControlComponent = react_1.default.createElement("div", null), }) {
+const Rubberband = (0, mobx_react_1.observer)(function ({ model, ControlComponent = (0, jsx_runtime_1.jsx)("div", {}), }) {
     const ref = (0, react_1.useRef)(null);
     const { classes } = useStyles();
     const { guideX, rubberbandOn, leftBpOffset, rightBpOffset, numOfBpSelected, width, left, anchorPosition, open, handleMenuItemClick, handleClose, mouseMove, mouseDown, mouseOut, } = (0, useRangeSelect_1.useRangeSelect)(ref, model);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        guideX !== undefined ? (react_1.default.createElement(VerticalGuide_1.default, { model: model, coordX: guideX })) : rubberbandOn ? (react_1.default.createElement(RubberbandSpan_1.default, { leftBpOffset: leftBpOffset, rightBpOffset: rightBpOffset, numOfBpSelected: numOfBpSelected, width: width, left: left })) : null,
-        anchorPosition ? (react_1.default.createElement(ui_1.Menu, { anchorReference: "anchorPosition", anchorPosition: {
-                left: anchorPosition.clientX,
-                top: anchorPosition.clientY,
-            }, onMenuItemClick: handleMenuItemClick, open: open, onClose: handleClose, menuItems: model.rubberBandMenuItems() })) : null,
-        react_1.default.createElement("div", { "data-testid": "rubberband_controls", className: classes.rubberbandControl, ref: ref, onMouseDown: mouseDown, onMouseMove: mouseMove, onMouseOut: mouseOut }, ControlComponent)));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [guideX !== undefined ? ((0, jsx_runtime_1.jsx)(VerticalGuide_1.default, { model: model, coordX: guideX })) : rubberbandOn ? ((0, jsx_runtime_1.jsx)(RubberbandSpan_1.default, { leftBpOffset: leftBpOffset, rightBpOffset: rightBpOffset, numOfBpSelected: numOfBpSelected, width: width, left: left })) : null, anchorPosition ? ((0, jsx_runtime_1.jsx)(ui_1.Menu, { anchorReference: "anchorPosition", anchorPosition: {
+                    left: anchorPosition.clientX,
+                    top: anchorPosition.clientY,
+                }, onMenuItemClick: handleMenuItemClick, open: open, onClose: handleClose, menuItems: model.rubberBandMenuItems() })) : null, (0, jsx_runtime_1.jsx)("div", { "data-testid": "rubberband_controls", className: classes.rubberbandControl, ref: ref, onMouseDown: mouseDown, onMouseMove: mouseMove, onMouseOut: mouseOut, children: ControlComponent })] }));
 });
 exports.default = Rubberband;

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

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

package/dist/LinearGenomeView/components/RubberbandSpan.js

@@ -1,30 +1,8 @@
 "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 });
 exports.default = RubberbandSpan;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const util_1 = require("@jbrowse/core/util");
 const material_1 = require("@mui/material");
 const mui_1 = require("tss-react/mui");
@@ -58,16 +36,20 @@ const useStyles = (0, mui_1.makeStyles)()(theme => {
         },
     };
 });
+function Tooltip({ anchorEl, side, text, }) {
+    const { classes } = useStyles();
+    return ((0, jsx_runtime_1.jsx)(material_1.Popover, { className: classes.popover, classes: { paper: classes.paper }, open: true, anchorEl: anchorEl, anchorOrigin: {
+            vertical: 'top',
+            horizontal: side === 'left' ? 'right' : 'left',
+        }, transformOrigin: {
+            vertical: 'bottom',
+            horizontal: side === 'left' ? 'left' : 'right',
+        }, keepMounted: true, disableRestoreFocus: true, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { children: text }) }));
+}
 function RubberbandSpan({ leftBpOffset, rightBpOffset, numOfBpSelected, left, width, }) {
-    const ref = (0, react_1.useRef)(null);
     const { classes } = useStyles();
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        ref.current ? (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(material_1.Popover, { className: classes.popover, classes: { paper: classes.paper }, open: true, anchorEl: ref.current, anchorOrigin: { vertical: 'top', horizontal: 'left' }, transformOrigin: { vertical: 'bottom', horizontal: 'right' }, keepMounted: true, disableRestoreFocus: true },
-                react_1.default.createElement(material_1.Typography, null, (0, util_1.stringify)(leftBpOffset))),
-            react_1.default.createElement(material_1.Popover, { className: classes.popover, classes: { paper: classes.paper }, open: true, anchorEl: ref.current, anchorOrigin: { vertical: 'top', horizontal: 'right' }, transformOrigin: { vertical: 'bottom', horizontal: 'left' }, keepMounted: true, disableRestoreFocus: true },
-                react_1.default.createElement(material_1.Typography, null, (0, util_1.stringify)(rightBpOffset))))) : null,
-        react_1.default.createElement("div", { ref: ref, className: classes.rubberband, style: { left, width } }, numOfBpSelected ? (react_1.default.createElement(material_1.Typography, { variant: "h6", className: classes.rubberbandText },
-            (0, util_1.toLocale)(numOfBpSelected),
-            " bp")) : null)));
+    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [anchorEl ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Tooltip, { side: "left", anchorEl: anchorEl, text: (0, util_1.stringify)(leftBpOffset) }), (0, jsx_runtime_1.jsx)(Tooltip, { side: "right", anchorEl: anchorEl, text: (0, util_1.stringify)(rightBpOffset) })] })) : null, (0, jsx_runtime_1.jsx)("div", { ref: el => {
+                    setAnchorEl(el);
+                }, className: classes.rubberband, style: { left, width }, children: numOfBpSelected ? ((0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "h6", className: classes.rubberbandText, children: [(0, util_1.toLocale)(numOfBpSelected), " bp"] })) : null })] }));
 }

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { LinearGenomeViewModel } from '..';
 type LGV = LinearGenomeViewModel;
 interface ScalebarProps {

package/dist/LinearGenomeView/components/Scalebar.js

@@ -3,7 +3,8 @@ 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 jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
 const mui_1 = require("tss-react/mui");
@@ -24,20 +25,16 @@ const useStyles = (0, mui_1.makeStyles)()({
         pointerEvents: 'none',
     },
 });
-const Scalebar = (0, mobx_react_1.observer)(react_1.default.forwardRef(function Scalebar2({ model, style, className, ...other }, ref) {
+const Scalebar = (0, mobx_react_1.observer)((0, react_1.forwardRef)(function Scalebar2({ model, style, className, ...other }, ref) {
     const { classes, cx } = useStyles();
     const { staticBlocks, offsetPx, scaleFactor } = model;
     const offsetLeft = staticBlocks.offsetPx - offsetPx;
-    return (react_1.default.createElement(material_1.Paper, { "data-resizer": "true", className: cx(classes.container, className), variant: "outlined", ref: ref, style: style, ...other },
-        react_1.default.createElement("div", { className: classes.zoomContainer, style: {
-                transform: scaleFactor !== 1 ? `scaleX(${scaleFactor})` : undefined,
-            } },
-            react_1.default.createElement("div", { className: classes.scalebar, style: {
-                    left: offsetLeft - 1,
-                    width: staticBlocks.totalWidthPx,
-                    ...style,
-                } },
-                react_1.default.createElement(ScalebarCoordinateLabels_1.default, { model: model }))),
-        react_1.default.createElement(ScalebarRefNameLabels_1.default, { model: model })));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Paper, { "data-resizer": "true", className: cx(classes.container, className), variant: "outlined", ref: ref, style: style, ...other, children: [(0, jsx_runtime_1.jsx)("div", { className: classes.zoomContainer, style: {
+                    transform: scaleFactor !== 1 ? `scaleX(${scaleFactor})` : undefined,
+                }, children: (0, jsx_runtime_1.jsx)("div", { className: classes.scalebar, style: {
+                        left: offsetLeft - 1,
+                        width: staticBlocks.totalWidthPx,
+                        ...style,
+                    }, children: (0, jsx_runtime_1.jsx)(ScalebarCoordinateLabels_1.default, { model: model }) }) }), (0, jsx_runtime_1.jsx)(ScalebarRefNameLabels_1.default, { model: model })] }));
 }));
 exports.default = Scalebar;

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

@@ -1,7 +1,6 @@
-import React from 'react';
 import type { LinearGenomeViewModel } from '..';
 type LGV = LinearGenomeViewModel;
 declare const ScalebarCoordinateLabels: ({ model }: {
     model: LGV;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ScalebarCoordinateLabels;

package/dist/LinearGenomeView/components/ScalebarCoordinateLabels.js

@@ -3,27 +3,27 @@ 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 jsx_runtime_1 = require("react/jsx-runtime");
 const mobx_react_1 = require("mobx-react");
 const ScalebarCoordinateTicks_1 = __importDefault(require("./ScalebarCoordinateTicks"));
 const Block_1 = require("../../BaseLinearDisplay/components/Block");
 const ScalebarCoordinateLabels = (0, mobx_react_1.observer)(function ({ model }) {
     const { staticBlocks, bpPerPx } = model;
-    return (react_1.default.createElement(react_1.default.Fragment, null, staticBlocks.map((b, idx) => {
-        const { key, widthPx } = b;
-        const k = `${key}-${idx}`;
-        if (b.type === 'ContentBlock') {
-            return react_1.default.createElement(ScalebarCoordinateTicks_1.default, { key: k, block: b, bpPerPx: bpPerPx });
-        }
-        else if (b.type === 'ElidedBlock') {
-            return react_1.default.createElement(Block_1.ElidedBlock, { key: k, width: widthPx });
-        }
-        else if (b.type === 'InterRegionPaddingBlock') {
-            return (react_1.default.createElement(Block_1.InterRegionPaddingBlock, { key: k, width: widthPx, style: { background: 'none' }, boundary: b.variant === 'boundary' }));
-        }
-        else {
-            return null;
-        }
-    })));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: staticBlocks.map((b, idx) => {
+            const { key, widthPx } = b;
+            const k = `${key}-${idx}`;
+            if (b.type === 'ContentBlock') {
+                return (0, jsx_runtime_1.jsx)(ScalebarCoordinateTicks_1.default, { block: b, bpPerPx: bpPerPx }, k);
+            }
+            else if (b.type === 'ElidedBlock') {
+                return (0, jsx_runtime_1.jsx)(Block_1.ElidedBlock, { width: widthPx }, k);
+            }
+            else if (b.type === 'InterRegionPaddingBlock') {
+                return ((0, jsx_runtime_1.jsx)(Block_1.InterRegionPaddingBlock, { width: widthPx, style: { background: 'none' }, boundary: b.variant === 'boundary' }, k));
+            }
+            else {
+                return null;
+            }
+        }) }));
 });
 exports.default = ScalebarCoordinateLabels;

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

@@ -1,7 +1,6 @@
-import React from 'react';
 import type { ContentBlock } from '@jbrowse/core/util/blockTypes';
 declare const ScalebarCoordinateTicks: ({ block, bpPerPx, }: {
     block: ContentBlock;
     bpPerPx: number;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ScalebarCoordinateTicks;

package/dist/LinearGenomeView/components/ScalebarCoordinateTicks.js

@@ -1,9 +1,6 @@
 "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 jsx_runtime_1 = require("react/jsx-runtime");
 const util_1 = require("@jbrowse/core/util");
 const material_1 = require("@mui/material");
 const mui_1 = require("tss-react/mui");
@@ -29,13 +26,13 @@ const ScalebarCoordinateTicks = function ({ block, bpPerPx, }) {
     const { classes } = useStyles();
     const { reversed, start, end } = block;
     const ticks = (0, util_2.makeTicks)(start, end, bpPerPx, true, false);
-    return (react_1.default.createElement(Block_1.ContentBlock, { block: block }, ticks.map(({ type, base }) => {
-        if (type === 'major') {
-            const x = (reversed ? end - base : base - start) / bpPerPx;
-            const baseNumber = base + 1;
-            return (react_1.default.createElement("div", { key: base, className: classes.tick, style: { left: x } }, baseNumber ? (react_1.default.createElement(material_1.Typography, { className: classes.majorTickLabel }, (0, util_1.getTickDisplayStr)(baseNumber, bpPerPx))) : null));
-        }
-        return null;
-    })));
+    return ((0, jsx_runtime_1.jsx)(Block_1.ContentBlock, { block: block, children: ticks.map(({ type, base }) => {
+            if (type === 'major') {
+                const x = (reversed ? end - base : base - start) / bpPerPx;
+                const baseNumber = base + 1;
+                return ((0, jsx_runtime_1.jsx)("div", { className: classes.tick, style: { left: x }, children: baseNumber ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { className: classes.majorTickLabel, children: (0, util_1.getTickDisplayStr)(baseNumber, bpPerPx) })) : null }, base));
+            }
+            return null;
+        }) }));
 };
 exports.default = ScalebarCoordinateTicks;

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

@@ -1,7 +1,6 @@
-import React from 'react';
 import type { LinearGenomeViewModel } from '..';
 type LGV = LinearGenomeViewModel;
 declare const ScalebarRefNameLabels: ({ model }: {
     model: LGV;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ScalebarRefNameLabels;

package/dist/LinearGenomeView/components/ScalebarRefNameLabels.js

@@ -1,9 +1,6 @@
 "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 jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
 const mui_1 = require("tss-react/mui");
@@ -34,20 +31,16 @@ const ScalebarRefNameLabels = (0, mobx_react_1.observer)(function ({ model }) {
     });
     const val = scaleBarDisplayPrefix();
     const b0 = staticBlocks.blocks[0];
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        (b0 === null || b0 === void 0 ? void 0 : b0.type) !== 'ContentBlock' && val ? (react_1.default.createElement(material_1.Typography, { className: cx(classes.b0, classes.refLabel) }, val)) : null,
-        staticBlocks.map((block, index) => {
-            const { offsetPx: blockOffsetPx, isLeftEndOfDisplayedRegion, key, type, refName, } = block;
-            const last = index === lastLeftBlock;
-            return type === 'ContentBlock' &&
-                (isLeftEndOfDisplayedRegion || last) ? (react_1.default.createElement(material_1.Typography, { key: `refLabel-${key}-${index}`, style: {
-                    left: last
-                        ? Math.max(0, -offsetPx)
-                        : blockOffsetPx - offsetPx - 1,
-                    paddingLeft: last ? 0 : 1,
-                }, className: classes.refLabel, "data-testid": `refLabel-${refName}` },
-                last && val ? `${val}:` : '',
-                refName)) : null;
-        })));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(b0 === null || b0 === void 0 ? void 0 : b0.type) !== 'ContentBlock' && val ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { className: cx(classes.b0, classes.refLabel), children: val })) : null, staticBlocks.map((block, index) => {
+                const { offsetPx: blockOffsetPx, isLeftEndOfDisplayedRegion, key, type, refName, } = block;
+                const last = index === lastLeftBlock;
+                return type === 'ContentBlock' &&
+                    (isLeftEndOfDisplayedRegion || last) ? ((0, jsx_runtime_1.jsxs)(material_1.Typography, { style: {
+                        left: last
+                            ? Math.max(0, -offsetPx)
+                            : blockOffsetPx - offsetPx - 1,
+                        paddingLeft: last ? 0 : 1,
+                    }, className: classes.refLabel, "data-testid": `refLabel-${refName}`, children: [last && val ? `${val}:` : '', refName] }, `refLabel-${key}-${index}`)) : null;
+            })] }));
 });
 exports.default = ScalebarRefNameLabels;

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

@@ -1,7 +1,6 @@
-import React from 'react';
 import type { LinearGenomeViewModel } from '..';
 declare const SearchBox: ({ model, showHelp, }: {
     showHelp?: boolean;
     model: LinearGenomeViewModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SearchBox;

package/dist/LinearGenomeView/components/SearchBox.js

@@ -3,7 +3,7 @@ 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 jsx_runtime_1 = require("react/jsx-runtime");
 const util_1 = require("@jbrowse/core/util");
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
@@ -26,7 +26,7 @@ const SearchBox = (0, mobx_react_1.observer)(function ({ model, showHelp, }) {
     const assemblyName = assemblyNames[0];
     const assembly = assemblyManager.get(assemblyName);
     const searchScope = model.searchScope(assemblyName);
-    return (react_1.default.createElement(RefNameAutocomplete_1.default, { showHelp: showHelp, onSelect: async (option) => {
+    return ((0, jsx_runtime_1.jsx)(RefNameAutocomplete_1.default, { showHelp: showHelp, onSelect: async (option) => {
             var _a;
             try {
                 if (option.hasLocation()) {

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

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

package/dist/LinearGenomeView/components/SearchResultsDialog.js

@@ -4,22 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = SearchResultsDialog;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const ui_1 = require("@jbrowse/core/ui");
 const material_1 = require("@mui/material");
 const SearchResultsTable_1 = __importDefault(require("./SearchResultsTable"));
 function SearchResultsDialog({ model, assemblyName, searchQuery, searchResults, handleClose, }) {
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, maxWidth: "xl", onClose: handleClose, title: "Search results" },
-        react_1.default.createElement(material_1.DialogContent, null, !(searchResults === null || searchResults === void 0 ? void 0 : searchResults.length) ? (react_1.default.createElement(material_1.Typography, null,
-            "No results found for ",
-            react_1.default.createElement("b", null, searchQuery))) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(material_1.Typography, null,
-                "Showing results for ",
-                react_1.default.createElement("b", null, searchQuery)),
-            react_1.default.createElement(SearchResultsTable_1.default, { model: model, handleClose: handleClose, assemblyName: assemblyName, searchResults: searchResults })))),
-        react_1.default.createElement(material_1.Divider, null),
-        react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { onClick: () => {
-                    handleClose();
-                }, color: "primary" }, "Cancel"))));
+    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, maxWidth: "xl", onClose: handleClose, title: "Search results", children: [(0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: !(searchResults === null || searchResults === void 0 ? void 0 : searchResults.length) ? ((0, jsx_runtime_1.jsxs)(material_1.Typography, { children: ["No results found for ", (0, jsx_runtime_1.jsx)("b", { children: searchQuery })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { children: ["Showing results for ", (0, jsx_runtime_1.jsx)("b", { children: searchQuery })] }), (0, jsx_runtime_1.jsx)(SearchResultsTable_1.default, { model: model, handleClose: handleClose, assemblyName: assemblyName, searchResults: searchResults })] })) }), (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(material_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: () => {
+                        handleClose();
+                    }, color: "primary", children: "Cancel" }) })] }));
 }

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

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

package/dist/LinearGenomeView/components/SearchResultsTable.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = SearchResultsTable;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const util_1 = require("@jbrowse/core/util");
 const material_1 = require("@mui/material");
 const mobx_state_tree_1 = require("mobx-state-tree");
@@ -46,31 +43,18 @@ function SearchResultsTable({ searchResults, assemblyName: optAssemblyName, mode
             session.notify(`${e}`, 'warning');
         }
     }
-    return (react_1.default.createElement(material_1.TableContainer, { component: material_1.Paper },
-        react_1.default.createElement(material_1.Table, null,
-            react_1.default.createElement(material_1.TableHead, null,
-                react_1.default.createElement(material_1.TableRow, null,
-                    react_1.default.createElement(material_1.TableCell, null, "Name"),
-                    react_1.default.createElement(material_1.TableCell, { align: "right" }, "Location"),
-                    react_1.default.createElement(material_1.TableCell, { align: "right" }, "Track"),
-                    react_1.default.createElement(material_1.TableCell, { align: "right" }))),
-            react_1.default.createElement(material_1.TableBody, null, searchResults.map(result => (react_1.default.createElement(material_1.TableRow, { key: result.getId() },
-                react_1.default.createElement(material_1.TableCell, { component: "th", scope: "row" }, result.getLabel()),
-                react_1.default.createElement(material_1.TableCell, { align: "right" }, result.getLocation()),
-                react_1.default.createElement(material_1.TableCell, { align: "right" }, getTrackName(result.getTrackId()) || 'N/A'),
-                react_1.default.createElement(material_1.TableCell, { align: "right" },
-                    react_1.default.createElement(material_1.Button, { onClick: async () => {
-                            try {
-                                await handleClick(result.getLocation() || result.getLabel());
-                                const resultTrackId = result.getTrackId();
-                                if (resultTrackId) {
-                                    model.showTrack(resultTrackId);
-                                }
-                            }
-                            catch (e) {
-                                console.error(e);
-                                session.notifyError(`${e}`, e);
-                            }
-                            handleClose();
-                        }, color: "primary", variant: "contained" }, "Go")))))))));
+    return ((0, jsx_runtime_1.jsx)(material_1.TableContainer, { component: material_1.Paper, children: (0, jsx_runtime_1.jsxs)(material_1.Table, { children: [(0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { children: "Name" }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: "Location" }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: "Track" }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right" })] }) }), (0, jsx_runtime_1.jsx)(material_1.TableBody, { children: searchResults.map(result => ((0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { component: "th", scope: "row", children: result.getLabel() }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: result.getLocation() }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: getTrackName(result.getTrackId()) || 'N/A' }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: async () => {
+                                        try {
+                                            await handleClick(result.getLocation() || result.getLabel());
+                                            const resultTrackId = result.getTrackId();
+                                            if (resultTrackId) {
+                                                model.showTrack(resultTrackId);
+                                            }
+                                        }
+                                        catch (e) {
+                                            console.error(e);
+                                            session.notifyError(`${e}`, e);
+                                        }
+                                        handleClose();
+                                    }, color: "primary", variant: "contained", children: "Go" }) })] }, result.getId()))) })] }) }));
 }

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

@@ -1,9 +1,8 @@
-import React from 'react';
 declare const SequenceSearchDialog: ({ model, handleClose, }: {
     model: {
         assemblyNames: string[];
         showTrack: (trackId: string) => void;
     };
     handleClose: () => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SequenceSearchDialog;