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

package/dist/LinearSyntenyDisplay/components/Component.d.ts

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

package/dist/LinearSyntenyDisplay/components/Component.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");
@@ -62,27 +40,26 @@ function LoadingMessage() {
             clearTimeout(timeout);
         };
     });
-    return shown ? (react_1.default.createElement("div", { className: classes.loading },
-        react_1.default.createElement(ui_1.LoadingEllipses, null))) : null;
+    return shown ? ((0, jsx_runtime_1.jsx)("div", { className: classes.loading, children: (0, jsx_runtime_1.jsx)(ui_1.LoadingEllipses, {}) })) : null;
 }
 function BlockMessage({ messageText }) {
     const { classes } = useStyles();
-    return react_1.default.createElement("div", { className: classes.blockMessage }, messageText);
+    return (0, jsx_runtime_1.jsx)("div", { className: classes.blockMessage, children: messageText });
 }
 function BlockError({ error }) {
     const { classes } = useStyles();
-    return react_1.default.createElement("div", { className: classes.blockError }, `${error}`);
+    return (0, jsx_runtime_1.jsx)("div", { className: classes.blockError, children: `${error}` });
 }
 const ServerSideRenderedBlockContent = (0, mobx_react_1.observer)(function ({ model, }) {
     if (model.error) {
-        return react_1.default.createElement(BlockError, { error: model.error });
+        return (0, jsx_runtime_1.jsx)(BlockError, { error: model.error });
     }
     if (model.message) {
-        return react_1.default.createElement(BlockMessage, { messageText: model.message });
+        return (0, jsx_runtime_1.jsx)(BlockMessage, { messageText: model.message });
     }
     if (!model.features) {
-        return react_1.default.createElement(LoadingMessage, null);
+        return (0, jsx_runtime_1.jsx)(LoadingMessage, {});
     }
-    return react_1.default.createElement(LinearSyntenyRendering_1.default, { model: model });
+    return (0, jsx_runtime_1.jsx)(LinearSyntenyRendering_1.default, { model: model });
 });
 exports.default = ServerSideRenderedBlockContent;

package/dist/LinearSyntenyDisplay/components/LinearSyntenyRendering.d.ts

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

package/dist/LinearSyntenyDisplay/components/LinearSyntenyRendering.js

@@ -15,18 +15,29 @@ 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 };
 };
 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 util_1 = require("@jbrowse/core/util");
 const mobx_1 = require("mobx");
 const mobx_react_1 = require("mobx-react");
@@ -61,14 +72,14 @@ const LinearSyntenyRendering = (0, mobx_react_1.observer)(function ({ model, })
     const width = view.width;
     const delta = (0, react_1.useRef)(0);
     const scheduled = (0, react_1.useRef)(false);
-    const timeout = (0, react_1.useRef)();
+    const timeout = (0, react_1.useRef)(null);
     const [anchorEl, setAnchorEl] = (0, react_1.useState)();
     const [tooltip, setTooltip] = (0, react_1.useState)('');
     const [currX, setCurrX] = (0, react_1.useState)();
     const [mouseCurrDownX, setMouseCurrDownX] = (0, react_1.useState)();
     const [mouseInitialDownX, setMouseInitialDownX] = (0, react_1.useState)();
     const [currY, setCurrY] = (0, react_1.useState)();
-    const mainSyntenyCanvasRefp = (0, react_1.useRef)();
+    const mainSyntenyCanvasRefp = (0, react_1.useRef)(null);
     const mouseoverDetectionCanvasRef = (0, react_1.useCallback)((ref) => {
         model.setMouseoverCanvasRef(ref);
     }, [model, height, width]);
@@ -131,83 +142,77 @@ const LinearSyntenyRendering = (0, mobx_react_1.observer)(function ({ model, })
     const cigarClickMapCanvasRef = (0, react_1.useCallback)((ref) => {
         model.setCigarClickMapCanvasRef(ref);
     }, [model, height, width]);
-    return (react_1.default.createElement("div", { className: classes.rel },
-        react_1.default.createElement("canvas", { ref: mouseoverDetectionCanvasRef, width: width, height: height, className: classes.mouseoverCanvas }),
-        react_1.default.createElement("canvas", { ref: mainSyntenyCanvasRef, onMouseMove: event => {
-                var _a;
-                if (mouseCurrDownX !== undefined) {
-                    xOffset.current += mouseCurrDownX - event.clientX;
-                    setMouseCurrDownX(event.clientX);
-                    if (!scheduled.current) {
-                        scheduled.current = true;
-                        window.requestAnimationFrame(() => {
-                            (0, mobx_1.transaction)(() => {
-                                for (const v of view.views) {
-                                    v.horizontalScroll(xOffset.current);
-                                }
-                                xOffset.current = 0;
-                                scheduled.current = false;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.rel, children: [(0, jsx_runtime_1.jsx)("canvas", { ref: mouseoverDetectionCanvasRef, width: width, height: height, className: classes.mouseoverCanvas }), (0, jsx_runtime_1.jsx)("canvas", { ref: mainSyntenyCanvasRef, onMouseMove: event => {
+                    var _a;
+                    if (mouseCurrDownX !== undefined) {
+                        xOffset.current += mouseCurrDownX - event.clientX;
+                        setMouseCurrDownX(event.clientX);
+                        if (!scheduled.current) {
+                            scheduled.current = true;
+                            window.requestAnimationFrame(() => {
+                                (0, mobx_1.transaction)(() => {
+                                    for (const v of view.views) {
+                                        v.horizontalScroll(xOffset.current);
+                                    }
+                                    xOffset.current = 0;
+                                    scheduled.current = false;
+                                });
                             });
-                        });
+                        }
                     }
-                }
-                else {
-                    const ref1 = model.clickMapCanvas;
-                    const ref2 = model.cigarClickMapCanvas;
-                    if (!ref1 || !ref2) {
-                        return;
+                    else {
+                        const ref1 = model.clickMapCanvas;
+                        const ref2 = model.cigarClickMapCanvas;
+                        if (!ref1 || !ref2) {
+                            return;
+                        }
+                        const rect = ref1.getBoundingClientRect();
+                        const ctx1 = ref1.getContext('2d');
+                        const ctx2 = ref2.getContext('2d');
+                        if (!ctx1 || !ctx2) {
+                            return;
+                        }
+                        const { clientX, clientY } = event;
+                        const x = clientX - rect.left;
+                        const y = clientY - rect.top;
+                        setCurrX(clientX);
+                        setCurrY(clientY);
+                        const [r1, g1, b1] = ctx1.getImageData(x, y, 1, 1).data;
+                        const [r2, g2, b2] = ctx2.getImageData(x, y, 1, 1).data;
+                        const unitMultiplier = Math.floor(drawSynteny_1.MAX_COLOR_RANGE / model.numFeats);
+                        const id = (0, drawSynteny_1.getId)(r1, g1, b1, unitMultiplier);
+                        model.setMouseoverId((_a = model.featPositions[id]) === null || _a === void 0 ? void 0 : _a.f.id());
+                        if (id === -1) {
+                            setTooltip('');
+                        }
+                        else if (model.featPositions[id]) {
+                            const { f, cigar } = model.featPositions[id];
+                            const unitMultiplier2 = Math.floor(drawSynteny_1.MAX_COLOR_RANGE / cigar.length);
+                            const cigarIdx = (0, drawSynteny_1.getId)(r2, g2, b2, unitMultiplier2);
+                            setTooltip((0, util_2.getTooltip)({
+                                feature: f,
+                                cigarOp: cigar[cigarIdx],
+                                cigarOpLen: cigar[cigarIdx + 1],
+                            }));
+                        }
                     }
-                    const rect = ref1.getBoundingClientRect();
-                    const ctx1 = ref1.getContext('2d');
-                    const ctx2 = ref2.getContext('2d');
-                    if (!ctx1 || !ctx2) {
-                        return;
+                }, onMouseLeave: () => {
+                    model.setMouseoverId(undefined);
+                    setMouseInitialDownX(undefined);
+                    setMouseCurrDownX(undefined);
+                }, onMouseDown: evt => {
+                    setMouseCurrDownX(evt.clientX);
+                    setMouseInitialDownX(evt.clientX);
+                }, onMouseUp: evt => {
+                    setMouseCurrDownX(undefined);
+                    if (mouseInitialDownX !== undefined &&
+                        Math.abs(evt.clientX - mouseInitialDownX) < 5) {
+                        (0, util_2.onSynClick)(evt, model);
                     }
-                    const { clientX, clientY } = event;
-                    const x = clientX - rect.left;
-                    const y = clientY - rect.top;
-                    setCurrX(clientX);
-                    setCurrY(clientY);
-                    const [r1, g1, b1] = ctx1.getImageData(x, y, 1, 1).data;
-                    const [r2, g2, b2] = ctx2.getImageData(x, y, 1, 1).data;
-                    const unitMultiplier = Math.floor(drawSynteny_1.MAX_COLOR_RANGE / model.numFeats);
-                    const id = (0, drawSynteny_1.getId)(r1, g1, b1, unitMultiplier);
-                    model.setMouseoverId((_a = model.featPositions[id]) === null || _a === void 0 ? void 0 : _a.f.id());
-                    if (id === -1) {
-                        setTooltip('');
-                    }
-                    else if (model.featPositions[id]) {
-                        const { f, cigar } = model.featPositions[id];
-                        const unitMultiplier2 = Math.floor(drawSynteny_1.MAX_COLOR_RANGE / cigar.length);
-                        const cigarIdx = (0, drawSynteny_1.getId)(r2, g2, b2, unitMultiplier2);
-                        setTooltip((0, util_2.getTooltip)({
-                            feature: f,
-                            cigarOp: cigar[cigarIdx],
-                            cigarOpLen: cigar[cigarIdx + 1],
-                        }));
-                    }
-                }
-            }, onMouseLeave: () => {
-                model.setMouseoverId(undefined);
-                setMouseInitialDownX(undefined);
-                setMouseCurrDownX(undefined);
-            }, onMouseDown: evt => {
-                setMouseCurrDownX(evt.clientX);
-                setMouseInitialDownX(evt.clientX);
-            }, onMouseUp: evt => {
-                setMouseCurrDownX(undefined);
-                if (mouseInitialDownX !== undefined &&
-                    Math.abs(evt.clientX - mouseInitialDownX) < 5) {
-                    (0, util_2.onSynClick)(evt, model);
-                }
-            }, onContextMenu: evt => {
-                (0, util_2.onSynContextClick)(evt, model, setAnchorEl);
-            }, "data-testid": "synteny_canvas", className: classes.mainCanvas, width: width, height: height }),
-        react_1.default.createElement("canvas", { ref: clickMapCanvasRef, className: classes.pix, width: width, height: height }),
-        react_1.default.createElement("canvas", { ref: cigarClickMapCanvasRef, className: classes.pix, width: width, height: height }),
-        mouseoverId && tooltip && currX && currY ? (react_1.default.createElement(SyntenyTooltip, { title: tooltip })) : null,
-        anchorEl ? (react_1.default.createElement(SyntenyContextMenu_1.default, { model: model, anchorEl: anchorEl, onClose: () => {
-                setAnchorEl(undefined);
-            } })) : null));
+                }, onContextMenu: evt => {
+                    (0, util_2.onSynContextClick)(evt, model, setAnchorEl);
+                }, "data-testid": "synteny_canvas", className: classes.mainCanvas, width: width, height: height }), (0, jsx_runtime_1.jsx)("canvas", { ref: clickMapCanvasRef, className: classes.pix, width: width, height: height }), (0, jsx_runtime_1.jsx)("canvas", { ref: cigarClickMapCanvasRef, className: classes.pix, width: width, height: height }), mouseoverId && tooltip && currX && currY ? ((0, jsx_runtime_1.jsx)(SyntenyTooltip, { title: tooltip })) : null, anchorEl ? ((0, jsx_runtime_1.jsx)(SyntenyContextMenu_1.default, { model: model, anchorEl: anchorEl, onClose: () => {
+                    setAnchorEl(undefined);
+                } })) : null] }));
 });
 exports.default = LinearSyntenyRendering;

package/dist/LinearSyntenyDisplay/components/SyntenyContextMenu.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { LinearSyntenyDisplayModel } from '../model';
 import type { Feature } from '@jbrowse/core/util';
 interface ClickCoord {
@@ -12,5 +11,5 @@ export default function SyntenyContextMenu({ model, onClose, anchorEl, }: {
     onClose: () => void;
     model: LinearSyntenyDisplayModel;
     anchorEl: ClickCoord;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/LinearSyntenyDisplay/components/SyntenyContextMenu.js

@@ -1,16 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = SyntenyContextMenu;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const ui_1 = require("@jbrowse/core/ui");
 const util_1 = require("@jbrowse/core/util");
 function SyntenyContextMenu({ model, onClose, anchorEl, }) {
     const view = (0, util_1.getContainingView)(model);
     const { clientX, clientY, feature } = anchorEl;
-    return (react_1.default.createElement(ui_1.Menu, { onMenuItemClick: (event, callback) => {
+    return ((0, jsx_runtime_1.jsx)(ui_1.Menu, { onMenuItemClick: (event, callback) => {
             callback(event);
             onClose();
         }, anchorEl: {

package/dist/LinearSyntenyDisplay/components/SyntenyTooltip.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 declare const SyntenyTooltip: ({ title }: {
     title: string;
-}) => React.JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default SyntenyTooltip;

package/dist/LinearSyntenyDisplay/components/SyntenyTooltip.js

@@ -3,12 +3,11 @@ 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 ui_1 = require("@jbrowse/core/ui");
 const BaseTooltip_1 = __importDefault(require("@jbrowse/core/ui/BaseTooltip"));
 const mobx_react_1 = require("mobx-react");
 const SyntenyTooltip = (0, mobx_react_1.observer)(function ({ title }) {
-    return title ? (react_1.default.createElement(BaseTooltip_1.default, null,
-        react_1.default.createElement(ui_1.SanitizedHTML, { html: title }))) : null;
+    return title ? ((0, jsx_runtime_1.jsx)(BaseTooltip_1.default, { children: (0, jsx_runtime_1.jsx)(ui_1.SanitizedHTML, { html: title }) })) : null;
 });
 exports.default = SyntenyTooltip;

package/dist/LinearSyntenyDisplay/index.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/LinearSyntenyDisplay/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/LinearSyntenyView/components/ExportSvgDialog.d.ts

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

package/dist/LinearSyntenyView/components/ExportSvgDialog.js

@@ -1,44 +1,19 @@
 "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 = ExportSvgDialog;
-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 util_1 = require("@jbrowse/core/util");
 const material_1 = require("@mui/material");
 function LoadingMessage() {
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(material_1.CircularProgress, { size: 20, style: { marginRight: 20 } }),
-        react_1.default.createElement(material_1.Typography, { display: "inline" }, "Creating SVG")));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 20, style: { marginRight: 20 } }), (0, jsx_runtime_1.jsx)(material_1.Typography, { display: "inline", children: "Creating SVG" })] }));
 }
 function useSvgLocal(key, val) {
     return (0, util_1.useLocalStorage)(`svg-${key}`, val);
 }
 function TextField2({ children, ...rest }) {
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(material_1.TextField, { ...rest }, children)));
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(material_1.TextField, { ...rest, children: children }) }));
 }
 function ExportSvgDialog({ model, handleClose, }) {
     const session = (0, util_1.getSession)(model);
@@ -49,48 +24,34 @@ function ExportSvgDialog({ model, handleClose, }) {
     const [trackLabels, setTrackLabels] = useSvgLocal('tracklabels', 'offset');
     const [themeName, setThemeName] = useSvgLocal('theme', session.themeName || 'default');
     const [error, setError] = (0, react_1.useState)();
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: handleClose, title: "Export SVG" },
-        react_1.default.createElement(material_1.DialogContent, null,
-            error ? (react_1.default.createElement(ui_1.ErrorMessage, { error: error })) : loading ? (react_1.default.createElement(LoadingMessage, null)) : null,
-            react_1.default.createElement(TextField2, { helperText: "filename", value: filename, onChange: event => {
-                    setFilename(event.target.value);
-                } }),
-            react_1.default.createElement(TextField2, { select: true, label: "Track label positioning", variant: "outlined", value: trackLabels, style: { width: 150 }, onChange: event => {
-                    setTrackLabels(event.target.value);
-                } },
-                react_1.default.createElement(material_1.MenuItem, { value: "offset" }, "Offset"),
-                react_1.default.createElement(material_1.MenuItem, { value: "overlay" }, "Overlay"),
-                react_1.default.createElement(material_1.MenuItem, { value: "left" }, "Left"),
-                react_1.default.createElement(material_1.MenuItem, { value: "none" }, "None")),
-            react_1.default.createElement("br", null),
-            session.allThemes ? (react_1.default.createElement(TextField2, { select: true, label: "Theme", variant: "outlined", value: themeName, onChange: event => {
-                    setThemeName(event.target.value);
-                } }, Object.entries(session.allThemes()).map(([key, val]) => (react_1.default.createElement(material_1.MenuItem, { key: key, value: key }, val.name || '(Unknown name)'))))) : null,
-            offscreenCanvas ? (react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { checked: rasterizeLayers, onChange: () => {
-                        setRasterizeLayers(val => !val);
-                    } }), label: "Rasterize canvas based tracks? File may be much larger if this is turned off" })) : (react_1.default.createElement(material_1.Typography, null, "Note: rasterizing layers not yet supported in this browser, so SVG size may be large"))),
-        react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
-                    handleClose();
-                } }, "Cancel"),
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", onClick: async () => {
-                    setLoading(true);
-                    setError(undefined);
-                    try {
-                        await model.exportSvg({
-                            rasterizeLayers,
-                            filename,
-                            themeName,
-                            trackLabels,
-                        });
-                        handleClose();
-                    }
-                    catch (e) {
-                        console.error(e);
-                        setError(e);
-                    }
-                    finally {
-                        setLoading(false);
-                    }
-                } }, "Submit"))));
+    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, onClose: handleClose, title: "Export SVG", children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { children: [error ? ((0, jsx_runtime_1.jsx)(ui_1.ErrorMessage, { error: error })) : loading ? ((0, jsx_runtime_1.jsx)(LoadingMessage, {})) : null, (0, jsx_runtime_1.jsx)(TextField2, { helperText: "filename", value: filename, onChange: event => {
+                            setFilename(event.target.value);
+                        } }), (0, jsx_runtime_1.jsxs)(TextField2, { select: true, label: "Track label positioning", variant: "outlined", value: trackLabels, style: { width: 150 }, onChange: event => {
+                            setTrackLabels(event.target.value);
+                        }, children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "offset", children: "Offset" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "overlay", children: "Overlay" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "left", children: "Left" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "none", children: "None" })] }), (0, jsx_runtime_1.jsx)("br", {}), session.allThemes ? ((0, jsx_runtime_1.jsx)(TextField2, { select: true, label: "Theme", variant: "outlined", value: themeName, onChange: event => {
+                            setThemeName(event.target.value);
+                        }, children: Object.entries(session.allThemes()).map(([key, val]) => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: key, children: val.name || '(Unknown name)' }, key))) })) : null, offscreenCanvas ? ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: rasterizeLayers, onChange: () => {
+                                setRasterizeLayers(val => !val);
+                            } }), label: "Rasterize canvas based tracks? File may be much larger if this is turned off" })) : ((0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Note: rasterizing layers not yet supported in this browser, so SVG size may be large" }))] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
+                            handleClose();
+                        }, children: "Cancel" }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", type: "submit", onClick: async () => {
+                            setLoading(true);
+                            setError(undefined);
+                            try {
+                                await model.exportSvg({
+                                    rasterizeLayers,
+                                    filename,
+                                    themeName,
+                                    trackLabels,
+                                });
+                                handleClose();
+                            }
+                            catch (e) {
+                                console.error(e);
+                                setError(e);
+                            }
+                            finally {
+                                setLoading(false);
+                            }
+                        }, children: "Submit" })] })] }));
 }

package/dist/LinearSyntenyView/components/Icons.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { SvgIconProps } from '@mui/material';
-export declare function Curves(props: SvgIconProps): React.JSX.Element;
-export declare function StraightLines(props: SvgIconProps): React.JSX.Element;
+export declare function Curves(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function StraightLines(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/LinearSyntenyView/components/Icons.js

@@ -1,17 +1,12 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Curves = Curves;
 exports.StraightLines = StraightLines;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 function Curves(props) {
-    return (react_1.default.createElement(material_1.SvgIcon, { ...props },
-        react_1.default.createElement("path", { fill: "currentColor", d: "M16.5,21C13.5,21 12.31,16.76 11.05,12.28C10.14,9.04 9,5 7.5,5C4.11,5 4,11.93 4,12H2C2,11.63 2.06,3 7.5,3C10.5,3 11.71,7.25 12.97,11.74C13.83,14.8 15,19 16.5,19C19.94,19 20.03,12.07 20.03,12H22.03C22.03,12.37 21.97,21 16.5,21Z" })));
+    return ((0, jsx_runtime_1.jsx)(material_1.SvgIcon, { ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M16.5,21C13.5,21 12.31,16.76 11.05,12.28C10.14,9.04 9,5 7.5,5C4.11,5 4,11.93 4,12H2C2,11.63 2.06,3 7.5,3C10.5,3 11.71,7.25 12.97,11.74C13.83,14.8 15,19 16.5,19C19.94,19 20.03,12.07 20.03,12H22.03C22.03,12.37 21.97,21 16.5,21Z" }) }));
 }
 function StraightLines(props) {
-    return (react_1.default.createElement(material_1.SvgIcon, { ...props },
-        react_1.default.createElement("path", { fill: "currentColor", d: "M22 12L17 22L7.1 6.04L4.24 12H2L7 2L16.9 17.96L19.76 12H22Z" })));
+    return ((0, jsx_runtime_1.jsx)(material_1.SvgIcon, { ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M22 12L17 22L7.1 6.04L4.24 12H2L7 2L16.9 17.96L19.76 12H22Z" }) }));
 }

package/dist/LinearSyntenyView/components/ImportForm/ImportSyntenyOpenCustomTrack.d.ts

@@ -0,0 +1,8 @@
+import type { LinearSyntenyViewModel } from '../../model';
+declare const ImportSyntenyOpenCustomTrack: ({ model, assembly1, assembly2, selectedRow, }: {
+    model: LinearSyntenyViewModel;
+    assembly1: string;
+    assembly2: string;
+    selectedRow: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ImportSyntenyOpenCustomTrack;