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

package/dist/BaseLinearDisplay/models/renderSvg.js

@@ -15,19 +15,27 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 };
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderBaseLinearDisplaySvg = renderBaseLinearDisplaySvg;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const util_1 = require("@jbrowse/core/util");
 const serverSideRenderedBlock_1 = __importStar(require("./serverSideRenderedBlock"));
 const util_2 = require("./util");
@@ -47,9 +55,7 @@ async function renderBaseLinearDisplaySvg(self, opts) {
             return [
                 block,
                 {
-                    reactElement: (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement("rect", { x: 0, y: 0, width: width, height: 20, fill: "#aaa" }),
-                        react_1.default.createElement("text", { x: 0, y: 15 }, cannotBeRenderedReason))),
+                    reactElement: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("rect", { x: 0, y: 0, width: width, height: 20, fill: "#aaa" }), (0, jsx_runtime_1.jsx)("text", { x: 0, y: 15, children: cannotBeRenderedReason })] })),
                 },
             ];
         }
@@ -65,16 +71,10 @@ async function renderBaseLinearDisplaySvg(self, opts) {
             }),
         ];
     }));
-    return (react_1.default.createElement(react_1.default.Fragment, null, renderings.map(([block, rendering], index) => {
-        const { offsetPx, widthPx } = block;
-        const offset = offsetPx - viewOffsetPx;
-        const clipid = (0, util_2.getId)(id, index);
-        return (react_1.default.createElement(react_1.default.Fragment, { key: `frag-${index}` },
-            react_1.default.createElement("defs", null,
-                react_1.default.createElement("clipPath", { id: clipid },
-                    react_1.default.createElement("rect", { x: 0, y: 0, width: widthPx, height: overrideHeight || height }))),
-            react_1.default.createElement("g", { transform: `translate(${offset} 0)` },
-                react_1.default.createElement("g", { clipPath: `url(#${clipid})` },
-                    react_1.default.createElement(util_1.ReactRendering, { rendering: rendering })))));
-    })));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: renderings.map(([block, rendering], index) => {
+            const { offsetPx, widthPx } = block;
+            const offset = offsetPx - viewOffsetPx;
+            const clipid = (0, util_2.getId)(id, index);
+            return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: clipid, children: (0, jsx_runtime_1.jsx)("rect", { x: 0, y: 0, width: widthPx, height: overrideHeight || height }) }) }), (0, jsx_runtime_1.jsx)("g", { transform: `translate(${offset} 0)`, children: (0, jsx_runtime_1.jsx)("g", { clipPath: `url(#${clipid})`, children: (0, jsx_runtime_1.jsx)(util_1.ReactRendering, { rendering: rendering }) }) })] }, `frag-${index}`));
+        }) }));
 }

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

@@ -34,7 +34,7 @@ declare const blockState: import("mobx-state-tree").IModelType<{
             status?: string;
             reactElement?: React.ReactElement;
         };
-    }) => React.JSX.Element | undefined;
+    }) => import("react/jsx-runtime").JSX.Element | undefined;
     renderProps: any;
 } & {
     doReload(): void;

package/dist/LinearBareDisplay/model.d.ts

@@ -34,7 +34,7 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
                 status?: string;
                 reactElement?: React.ReactElement;
             };
-        }) => import("react").JSX.Element | undefined;
+        }) => import("react/jsx-runtime").JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;
@@ -169,13 +169,13 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
 } & {
     readonly statsReadyAndRegionNotTooLarge: boolean;
     regionCannotBeRenderedText(_region: import("@jbrowse/core/util").Region): "" | "Force load to see features";
-    regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): import("react").JSX.Element | null;
+    regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): import("react/jsx-runtime").JSX.Element | null;
 } & {
     featureIdUnderMouse: undefined | string;
     contextMenuFeature: undefined | import("@jbrowse/core/util").Feature;
 } & {
-    readonly DisplayMessageComponent: import("react").FC<any> | undefined;
-    readonly blockType: "dynamicBlocks" | "staticBlocks";
+    readonly DisplayMessageComponent: undefined | React.FC<any>;
+    readonly blockType: "staticBlocks" | "dynamicBlocks";
     readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
 } & {
     readonly renderDelay: number;
@@ -202,7 +202,7 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
     contextMenuItems(): import("@jbrowse/core/ui").MenuItem[];
     renderProps(): any;
 } & {
-    renderSvg(opts: import("../BaseLinearDisplay").ExportSvgDisplayOptions): Promise<import("react").JSX.Element>;
+    renderSvg(opts: import("../BaseLinearDisplay").ExportSvgDisplayOptions): Promise<import("react/jsx-runtime").JSX.Element>;
     afterAttach(): void;
 } & {
     readonly rendererConfig: {
@@ -256,7 +256,7 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
                 status?: string;
                 reactElement?: React.ReactElement;
             };
-        }) => import("react").JSX.Element | undefined;
+        }) => import("react/jsx-runtime").JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;

package/dist/LinearBasicDisplay/components/AddFiltersDialog.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 declare const AddFiltersDialog: ({ model, handleClose, }: {
     model: {
         jexlFilters?: string[];
@@ -6,5 +5,5 @@ declare const AddFiltersDialog: ({ model, handleClose, }: {
         setJexlFilters: (arg?: string[]) => void;
     };
     handleClose: () => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default AddFiltersDialog;

package/dist/LinearBasicDisplay/components/AddFiltersDialog.js

@@ -1,29 +1,7 @@
 "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 jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const ui_1 = require("@jbrowse/core/ui");
 const jexlStrings_1 = require("@jbrowse/core/util/jexlStrings");
 const material_1 = require("@mui/material");
@@ -65,38 +43,19 @@ const AddFiltersDialog = (0, mobx_react_1.observer)(function ({ model, handleClo
             setError(e);
         }
     }, [data]);
-    return (react_1.default.createElement(ui_1.Dialog, { maxWidth: "xl", open: true, onClose: handleClose, title: "Add track filters" },
-        react_1.default.createElement(material_1.DialogContent, null,
-            react_1.default.createElement("div", null,
-                "Add filters, in jexl format, one per line, starting with the string jexl:. Examples:",
-                ' ',
-                react_1.default.createElement("ul", null,
-                    react_1.default.createElement("li", null,
-                        react_1.default.createElement("code", null, "jexl:get(feature,'name')=='BRCA1'"),
-                        " - show only feature where the name attribute is BRCA1"),
-                    react_1.default.createElement("li", null,
-                        react_1.default.createElement("code", null, "jexl:get(feature,'type')=='gene'"),
-                        " - show only gene type features in a GFF that has many other feature types"),
-                    react_1.default.createElement("li", null,
-                        react_1.default.createElement("code", null, "jexl:get(feature,'score') > 400"),
-                        " - show only features that have a score greater than 400"))),
-            error ? react_1.default.createElement("p", { className: classes.error }, `${error}`) : null,
-            react_1.default.createElement(material_1.TextField, { variant: "outlined", multiline: true, minRows: 5, maxRows: 10, className: classes.dialogContent, fullWidth: true, value: data, onChange: event => {
-                    setData(event.target.value);
-                }, slotProps: {
-                    input: {
-                        classes: {
-                            input: classes.textAreaFont,
-                        },
-                    },
-                } })),
-        react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", autoFocus: true, disabled: !!error, onClick: () => {
-                    model.setJexlFilters(data.split('\n'));
-                    handleClose();
-                } }, "Submit"),
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
-                    handleClose();
-                } }, "Cancel"))));
+    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { maxWidth: "xl", open: true, onClose: handleClose, title: "Add track filters", children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { children: [(0, jsx_runtime_1.jsxs)("div", { children: ["Add filters, in jexl format, one per line, starting with the string jexl:. Examples:", ' ', (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("code", { children: "jexl:get(feature,'name')=='BRCA1'" }), " - show only feature where the name attribute is BRCA1"] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("code", { children: "jexl:get(feature,'type')=='gene'" }), " - show only gene type features in a GFF that has many other feature types"] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("code", { children: "jexl:get(feature,'score') > 400" }), " - show only features that have a score greater than 400"] })] })] }), error ? (0, jsx_runtime_1.jsx)("p", { className: classes.error, children: `${error}` }) : null, (0, jsx_runtime_1.jsx)(material_1.TextField, { variant: "outlined", multiline: true, minRows: 5, maxRows: 10, className: classes.dialogContent, fullWidth: true, value: data, onChange: event => {
+                            setData(event.target.value);
+                        }, slotProps: {
+                            input: {
+                                classes: {
+                                    input: classes.textAreaFont,
+                                },
+                            },
+                        } })] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", type: "submit", autoFocus: true, disabled: !!error, onClick: () => {
+                            model.setJexlFilters(data.split('\n'));
+                            handleClose();
+                        }, children: "Submit" }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
+                            handleClose();
+                        }, children: "Cancel" })] })] }));
 });
 exports.default = AddFiltersDialog;

package/dist/LinearBasicDisplay/components/SetMaxHeightDialog.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 declare const SetMaxHeightDialog: ({ model, handleClose, }: {
     model: {
         maxHeight?: number;
         setMaxHeight: (arg?: number) => void;
     };
     handleClose: () => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SetMaxHeightDialog;

package/dist/LinearBasicDisplay/components/SetMaxHeightDialog.js

@@ -1,29 +1,7 @@
 "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 jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const ui_1 = require("@jbrowse/core/ui");
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
@@ -38,20 +16,13 @@ const SetMaxHeightDialog = (0, mobx_react_1.observer)(function ({ model, handleC
     const { maxHeight = '' } = model;
     const [max, setMax] = (0, react_1.useState)(`${maxHeight}`);
     const ok = max !== '' && !Number.isNaN(+max);
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: handleClose, title: "Set max height" },
-        react_1.default.createElement(material_1.DialogContent, { className: classes.root },
-            react_1.default.createElement(material_1.Typography, null, "Set max height for the track. For example, you can increase this if the layout says \"Max height reached\""),
-            react_1.default.createElement(material_1.TextField, { value: max, onChange: event => {
-                    setMax(event.target.value);
-                }, placeholder: "Enter max score" }),
-            !ok ? react_1.default.createElement("div", { style: { color: 'red' } }, "Invalid number") : null),
-        react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", autoFocus: true, disabled: !ok, onClick: () => {
-                    model.setMaxHeight(+max);
-                    handleClose();
-                } }, "Submit"),
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
-                    handleClose();
-                } }, "Cancel"))));
+    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, onClose: handleClose, title: "Set max height", children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { className: classes.root, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Set max height for the track. For example, you can increase this if the layout says \"Max height reached\"" }), (0, jsx_runtime_1.jsx)(material_1.TextField, { value: max, onChange: event => {
+                            setMax(event.target.value);
+                        }, placeholder: "Enter max score" }), !ok ? (0, jsx_runtime_1.jsx)("div", { style: { color: 'red' }, children: "Invalid number" }) : null] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", type: "submit", autoFocus: true, disabled: !ok, onClick: () => {
+                            model.setMaxHeight(+max);
+                            handleClose();
+                        }, children: "Submit" }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
+                            handleClose();
+                        }, children: "Cancel" })] })] }));
 });
 exports.default = SetMaxHeightDialog;

package/dist/LinearBasicDisplay/model.d.ts

@@ -37,7 +37,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
                 status?: string;
                 reactElement?: React.ReactElement;
             };
-        }) => import("react").JSX.Element | undefined;
+        }) => import("react/jsx-runtime").JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;
@@ -177,13 +177,13 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
 } & {
     readonly statsReadyAndRegionNotTooLarge: boolean;
     regionCannotBeRenderedText(_region: import("@jbrowse/core/util").Region): "" | "Force load to see features";
-    regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): import("react").JSX.Element | null;
+    regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): import("react/jsx-runtime").JSX.Element | null;
 } & {
     featureIdUnderMouse: undefined | string;
     contextMenuFeature: undefined | import("@jbrowse/core/util").Feature;
 } & {
-    readonly DisplayMessageComponent: import("react").FC<any> | undefined;
-    readonly blockType: "dynamicBlocks" | "staticBlocks";
+    readonly DisplayMessageComponent: undefined | React.FC<any>;
+    readonly blockType: "staticBlocks" | "dynamicBlocks";
     readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
 } & {
     readonly renderDelay: number;
@@ -210,7 +210,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     contextMenuItems(): MenuItem[];
     renderProps(): any;
 } & {
-    renderSvg(opts: import("../BaseLinearDisplay").ExportSvgDisplayOptions): Promise<import("react").JSX.Element>;
+    renderSvg(opts: import("../BaseLinearDisplay").ExportSvgDisplayOptions): Promise<import("react/jsx-runtime").JSX.Element>;
     afterAttach(): void;
 } & {
     readonly activeFilters: any;
@@ -290,7 +290,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
                 status?: string;
                 reactElement?: React.ReactElement;
             };
-        }) => import("react").JSX.Element | undefined;
+        }) => import("react/jsx-runtime").JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;

package/dist/LinearBasicDisplay/model.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

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

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

package/dist/LinearGenomeView/components/CenterLine.js

@@ -1,29 +1,7 @@
 "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 jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const mobx_react_1 = require("mobx-react");
 const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
@@ -49,16 +27,12 @@ const CenterLine = (0, mobx_react_1.observer)(function ({ model }) {
     const ref = (0, react_1.useRef)(null);
     const { classes } = useStyles();
     const startingPosition = width / 2;
-    return tracks.length ? (react_1.default.createElement("div", { "data-testid": "centerline_container", className: classes.centerLineContainer, role: "presentation", ref: ref, style: {
+    return tracks.length ? ((0, jsx_runtime_1.jsx)("div", { "data-testid": "centerline_container", className: classes.centerLineContainer, role: "presentation", ref: ref, style: {
             left: `${startingPosition}px`,
             width: Math.max(1 / bpPerPx, 1),
-        } }, centerLineInfo && (react_1.default.createElement("div", { "data-testid": "centerline_text", className: classes.centerLineText, role: "presentation", style: {
-            left: Math.max(1 / bpPerPx, 1) + 5,
-            top: trackHeights,
-        } },
-        centerLineInfo.refName,
-        ":",
-        ' ',
-        Math.max(Math.round(centerLineInfo.offset) + 1, 0))))) : null;
+        }, children: centerLineInfo && ((0, jsx_runtime_1.jsxs)("div", { "data-testid": "centerline_text", className: classes.centerLineText, role: "presentation", style: {
+                left: Math.max(1 / bpPerPx, 1) + 5,
+                top: trackHeights,
+            }, children: [centerLineInfo.refName, ":", ' ', Math.max(Math.round(centerLineInfo.offset) + 1, 0)] })) })) : null;
 });
 exports.default = CenterLine;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { Assembly } from '@jbrowse/core/assemblyManager/assembly';
 import type { Base1DViewModel } from '@jbrowse/core/util/Base1DViewModel';
 import type { ContentBlock } from '@jbrowse/core/util/blockTypes';
@@ -6,5 +5,5 @@ declare const Cytobands: ({ overview, block, assembly, }: {
     overview: Base1DViewModel;
     assembly?: Assembly;
     block: ContentBlock;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Cytobands;

package/dist/LinearGenomeView/components/Cytobands.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 mobx_react_1 = require("mobx-react");
 const util_2 = require("./util");
@@ -45,32 +42,32 @@ const Cytobands = (0, mobx_react_1.observer)(function ({ overview, block, assemb
     const rcap = reversed ? 0 : cytobands.length - 1;
     const h = consts_1.HEADER_OVERVIEW_HEIGHT;
     let centromereSeen = false;
-    return (react_1.default.createElement("g", { transform: `translate(-${offsetPx})` }, cytobands.map((args, index) => {
-        const k = JSON.stringify(args);
-        const { refName, type, start, end } = args;
-        const s = overview.bpToPx({ refName, coord: start }) || 0;
-        const e = overview.bpToPx({ refName, coord: end }) || 0;
-        const l = Math.min(s, e);
-        const w = Math.abs(e - s);
-        const c = colorMap[type] || 'black';
-        if (type === 'acen' && !centromereSeen) {
-            centromereSeen = true;
-            return (react_1.default.createElement("polygon", { key: k, points: reversed
-                    ? rightTriangle(s - w, 0, w, h)
-                    : leftTriangle(s, 0, w, h), ...(0, util_1.getFillProps)(c) }));
-        }
-        if (type === 'acen' && centromereSeen) {
-            return (react_1.default.createElement("polygon", { key: k, points: reversed
-                    ? leftTriangle(s - w, 0, w, h)
-                    : rightTriangle(s, 0, w, h), ...(0, util_1.getFillProps)(c) }));
-        }
-        if (lcap === index) {
-            return (react_1.default.createElement("path", { key: k, d: leftRoundedRect(l, 0, w, h, 8), ...(0, util_1.getFillProps)(c) }));
-        }
-        if (rcap === index) {
-            return (react_1.default.createElement("path", { key: k, d: rightRoundedRect(l, 0, w, h, 8), ...(0, util_1.getFillProps)(c) }));
-        }
-        return (react_1.default.createElement("rect", { key: k, x: l, y: 0, width: w, height: h, ...(0, util_1.getFillProps)(c) }));
-    })));
+    return ((0, jsx_runtime_1.jsx)("g", { transform: `translate(-${offsetPx})`, children: cytobands.map((args, index) => {
+            const k = JSON.stringify(args);
+            const { refName, type, start, end } = args;
+            const s = overview.bpToPx({ refName, coord: start }) || 0;
+            const e = overview.bpToPx({ refName, coord: end }) || 0;
+            const l = Math.min(s, e);
+            const w = Math.abs(e - s);
+            const c = colorMap[type] || 'black';
+            if (type === 'acen' && !centromereSeen) {
+                centromereSeen = true;
+                return ((0, jsx_runtime_1.jsx)("polygon", { points: reversed
+                        ? rightTriangle(s - w, 0, w, h)
+                        : leftTriangle(s, 0, w, h), ...(0, util_1.getFillProps)(c) }, k));
+            }
+            if (type === 'acen' && centromereSeen) {
+                return ((0, jsx_runtime_1.jsx)("polygon", { points: reversed
+                        ? leftTriangle(s - w, 0, w, h)
+                        : rightTriangle(s, 0, w, h), ...(0, util_1.getFillProps)(c) }, k));
+            }
+            if (lcap === index) {
+                return ((0, jsx_runtime_1.jsx)("path", { d: leftRoundedRect(l, 0, w, h, 8), ...(0, util_1.getFillProps)(c) }, k));
+            }
+            if (rcap === index) {
+                return ((0, jsx_runtime_1.jsx)("path", { d: rightRoundedRect(l, 0, w, h, 8), ...(0, util_1.getFillProps)(c) }, k));
+            }
+            return ((0, jsx_runtime_1.jsx)("rect", { x: l, y: 0, width: w, height: h, ...(0, util_1.getFillProps)(c) }, k));
+        }) }));
 });
 exports.default = Cytobands;

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

@@ -1,8 +1,7 @@
-import React from 'react';
-import type { ExportSvgOptions } from '..';
+import type { ExportSvgOptions } from '../types';
 export default function ExportSvgDialog({ model, handleClose, }: {
     model: {
         exportSvg(opts: ExportSvgOptions): Promise<void>;
     };
     handleClose: () => void;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;