@jbrowse/core 2.17.0 → 3.0.0

package/BaseFeatureWidget/SequenceFeatureDetails/dialogs/SequenceDialog.js

@@ -1,39 +1,16 @@
 "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 material_1 = require("@mui/material");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const ui_1 = require("@jbrowse/core/ui");
-const mui_1 = require("tss-react/mui");
+const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
-// locals
-const hooks_1 = require("../hooks");
+const mui_1 = require("tss-react/mui");
 const SequencePanel_1 = __importDefault(require("../SequencePanel"));
+const hooks_1 = require("../hooks");
 const SequenceFeatureMenu_1 = __importDefault(require("./SequenceFeatureMenu"));
 const SequenceTypeSelector_1 = __importDefault(require("./SequenceTypeSelector"));
 const useStyles = (0, mui_1.makeStyles)()({
@@ -52,24 +29,12 @@ const SequenceDialog = (0, mobx_react_1.observer)(function ({ handleClose, model
     const seqPanelRef = (0, react_1.useRef)(null);
     const [force, setForce] = (0, react_1.useState)(false);
     const { sequence, error } = (0, hooks_1.useFeatureSequence)(model, feature, upDownBp, force);
-    return (react_1.default.createElement(ui_1.Dialog, { maxWidth: "xl", open: true, onClose: () => {
+    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { maxWidth: "xl", open: true, onClose: () => {
             handleClose();
-        }, title: "Sequence view" },
-        react_1.default.createElement(material_1.DialogContent, { className: classes.dialogContent },
-            react_1.default.createElement("div", null,
-                react_1.default.createElement(SequenceTypeSelector_1.default, { model: sequenceFeatureDetails }),
-                react_1.default.createElement(SequenceFeatureMenu_1.default, { ref: seqPanelRef, model: sequenceFeatureDetails })),
-            react_1.default.createElement("div", null,
-                feature.type === 'gene' ? (react_1.default.createElement(material_1.Typography, null, "Note: inspect subfeature sequences for protein/CDS computations")) : null,
-                error ? (react_1.default.createElement(ui_1.ErrorMessage, { error: error })) : !sequence ? (react_1.default.createElement(ui_1.LoadingEllipses, null)) : 'error' in sequence ? (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(material_1.Typography, { color: "error" }, sequence.error),
-                    react_1.default.createElement(material_1.Button, { variant: "contained", color: "inherit", onClick: () => {
-                            setForce(true);
-                        } }, "Force load"))) : (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(ui_1.LoadingEllipses, null) },
-                    react_1.default.createElement(SequencePanel_1.default, { ref: seqPanelRef, feature: feature, sequence: sequence, model: sequenceFeatureDetails }))))),
-        react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { onClick: () => {
-                    handleClose();
-                }, variant: "contained" }, "Close"))));
+        }, title: "Sequence view", children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { className: classes.dialogContent, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(SequenceTypeSelector_1.default, { model: sequenceFeatureDetails }), (0, jsx_runtime_1.jsx)(SequenceFeatureMenu_1.default, { ref: seqPanelRef, model: sequenceFeatureDetails })] }), (0, jsx_runtime_1.jsxs)("div", { children: [feature.type === 'gene' ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Note: inspect subfeature sequences for protein/CDS computations" })) : null, error ? ((0, jsx_runtime_1.jsx)(ui_1.ErrorMessage, { error: error })) : !sequence ? ((0, jsx_runtime_1.jsx)(ui_1.LoadingEllipses, {})) : 'error' in sequence ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { color: "error", children: sequence.error }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "inherit", onClick: () => {
+                                            setForce(true);
+                                        }, children: "Force load" })] })) : ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(ui_1.LoadingEllipses, {}), children: (0, jsx_runtime_1.jsx)(SequencePanel_1.default, { ref: seqPanelRef, feature: feature, sequence: sequence, model: sequenceFeatureDetails }) }))] })] }), (0, jsx_runtime_1.jsx)(material_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: () => {
+                        handleClose();
+                    }, variant: "contained", children: "Close" }) })] }));
 });
 exports.default = SequenceDialog;

package/BaseFeatureWidget/SequenceFeatureDetails/dialogs/SequenceFeatureMenu.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
-import { SequenceFeatureDetailsModel } from '../model';
-import { MenuItem } from '../../../ui';
+import type { MenuItem } from '../../../ui';
+import type { SequenceFeatureDetailsModel } from '../model';
 interface Props {
     model: SequenceFeatureDetailsModel;
     extraItems?: MenuItem[];
 }
-declare const SequenceFeatureMenu: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+declare const SequenceFeatureMenu: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
 export default SequenceFeatureMenu;

package/BaseFeatureWidget/SequenceFeatureDetails/dialogs/SequenceFeatureMenu.js

@@ -15,122 +15,127 @@ 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 mobx_react_1 = require("mobx-react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
+const Settings_1 = __importDefault(require("@mui/icons-material/Settings"));
 const copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
 const file_saver_1 = require("file-saver");
-// locals
+const mobx_react_1 = require("mobx-react");
 const CascadingMenuButton_1 = __importDefault(require("../../../ui/CascadingMenuButton"));
-// icons
-const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
-const Settings_1 = __importDefault(require("@mui/icons-material/Settings"));
-// lazies
 const SequenceFeatureSettingsDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./SettingsDialog'))));
-const SequenceFeatureMenu = (0, mobx_react_1.observer)(react_1.default.forwardRef(function SequenceFeatureMenu2({ model, extraItems = [] }, ref) {
+const SequenceFeatureMenu = (0, mobx_react_1.observer)((0, react_1.forwardRef)(function SequenceFeatureMenu2({ model, extraItems = [] }, ref) {
     if (typeof ref === 'function') {
         throw new Error('needs a non function ref');
     }
     const [showSettings, setShowSettings] = (0, react_1.useState)(false);
     const { showCoordinatesSetting, showGenomicCoordsOption } = model;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(CascadingMenuButton_1.default, { menuItems: [
-                {
-                    label: 'Copy plaintext',
-                    onClick: () => {
-                        const r = ref === null || ref === void 0 ? void 0 : ref.current;
-                        if (r) {
-                            (0, copy_to_clipboard_1.default)(r.textContent || '', { format: 'text/plain' });
-                        }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(CascadingMenuButton_1.default, { menuItems: [
+                    {
+                        label: 'Copy plaintext',
+                        onClick: () => {
+                            const r = ref === null || ref === void 0 ? void 0 : ref.current;
+                            if (r) {
+                                (0, copy_to_clipboard_1.default)(r.textContent || '', { format: 'text/plain' });
+                            }
+                        },
                     },
-                },
-                {
-                    label: 'Copy HTML',
-                    onClick: () => {
-                        const r = ref === null || ref === void 0 ? void 0 : ref.current;
-                        if (r) {
-                            (0, copy_to_clipboard_1.default)(r.outerHTML, { format: 'text/html' });
-                        }
+                    {
+                        label: 'Copy HTML',
+                        onClick: () => {
+                            const r = ref === null || ref === void 0 ? void 0 : ref.current;
+                            if (r) {
+                                (0, copy_to_clipboard_1.default)(r.outerHTML, { format: 'text/html' });
+                            }
+                        },
                     },
-                },
-                {
-                    label: 'Download plaintext',
-                    onClick: () => {
-                        const r = ref === null || ref === void 0 ? void 0 : ref.current;
-                        if (r) {
-                            (0, file_saver_1.saveAs)(new Blob([r.textContent || ''], {
-                                type: 'text/plain;charset=utf-8',
-                            }), 'sequence.txt');
-                        }
+                    {
+                        label: 'Download plaintext',
+                        onClick: () => {
+                            const r = ref === null || ref === void 0 ? void 0 : ref.current;
+                            if (r) {
+                                (0, file_saver_1.saveAs)(new Blob([r.textContent || ''], {
+                                    type: 'text/plain;charset=utf-8',
+                                }), 'sequence.txt');
+                            }
+                        },
                     },
-                },
-                {
-                    label: 'Download HTML',
-                    onClick: () => {
-                        const r = ref === null || ref === void 0 ? void 0 : ref.current;
-                        if (r) {
-                            (0, file_saver_1.saveAs)(new Blob([r.outerHTML || ''], {
-                                type: 'text/html;charset=utf-8',
-                            }), 'sequence.html');
-                        }
+                    {
+                        label: 'Download HTML',
+                        onClick: () => {
+                            const r = ref === null || ref === void 0 ? void 0 : ref.current;
+                            if (r) {
+                                (0, file_saver_1.saveAs)(new Blob([r.outerHTML || ''], {
+                                    type: 'text/html;charset=utf-8',
+                                }), 'sequence.html');
+                            }
+                        },
                     },
-                },
-                ...extraItems,
-                {
-                    label: 'Show coordinates?',
-                    type: 'subMenu',
-                    subMenu: [
-                        {
-                            label: 'No coordinates',
-                            type: 'radio',
-                            checked: showCoordinatesSetting === 'none',
-                            onClick: () => {
-                                model.setShowCoordinates('none');
+                    ...extraItems,
+                    {
+                        label: 'Show coordinates?',
+                        type: 'subMenu',
+                        subMenu: [
+                            {
+                                label: 'No coordinates',
+                                type: 'radio',
+                                checked: showCoordinatesSetting === 'none',
+                                onClick: () => {
+                                    model.setShowCoordinates('none');
+                                },
                             },
-                        },
-                        {
-                            label: 'Coordinates relative to feature start',
-                            type: 'radio',
-                            checked: showCoordinatesSetting === 'relative',
-                            onClick: () => {
-                                model.setShowCoordinates('relative');
+                            {
+                                label: 'Coordinates relative to feature start',
+                                type: 'radio',
+                                checked: showCoordinatesSetting === 'relative',
+                                onClick: () => {
+                                    model.setShowCoordinates('relative');
+                                },
                             },
-                        },
-                        ...(showGenomicCoordsOption
-                            ? [
-                                {
-                                    label: 'Coordinates relative to genome (only available for continuous genome based sequence types)',
-                                    type: 'radio',
-                                    checked: showCoordinatesSetting === 'genomic',
-                                    onClick: () => {
-                                        model.setShowCoordinates('genomic');
+                            ...(showGenomicCoordsOption
+                                ? [
+                                    {
+                                        label: 'Coordinates relative to genome (only available for continuous genome based sequence types)',
+                                        type: 'radio',
+                                        checked: showCoordinatesSetting === 'genomic',
+                                        onClick: () => {
+                                            model.setShowCoordinates('genomic');
+                                        },
                                     },
-                                },
-                            ]
-                            : []),
-                    ],
-                },
-                {
-                    label: 'Settings',
-                    icon: Settings_1.default,
-                    onClick: () => {
-                        setShowSettings(true);
+                                ]
+                                : []),
+                        ],
+                    },
+                    {
+                        label: 'Settings',
+                        icon: Settings_1.default,
+                        onClick: () => {
+                            setShowSettings(true);
+                        },
                     },
-                },
-            ] },
-            react_1.default.createElement(MoreVert_1.default, null)),
-        showSettings ? (react_1.default.createElement(SequenceFeatureSettingsDialog, { model: model, handleClose: () => {
-                setShowSettings(false);
-            } })) : null));
+                ], children: (0, jsx_runtime_1.jsx)(MoreVert_1.default, {}) }), showSettings ? ((0, jsx_runtime_1.jsx)(SequenceFeatureSettingsDialog, { model: model, handleClose: () => {
+                    setShowSettings(false);
+                } })) : null] }));
 }));
 exports.default = SequenceFeatureMenu;

package/BaseFeatureWidget/SequenceFeatureDetails/dialogs/SequenceTypeSelector.d.ts

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

package/BaseFeatureWidget/SequenceFeatureDetails/dialogs/SequenceTypeSelector.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");
@@ -16,55 +13,54 @@ const useStyles = (0, mui_1.makeStyles)()({
 const SequenceTypeSelector = (0, mobx_react_1.observer)(function ({ model, }) {
     const { classes } = useStyles();
     const { intronBp, upDownBp, mode, hasCDS, hasExonOrCDS } = model;
-    return (react_1.default.createElement(material_1.FormControl, { className: classes.formControl },
-        react_1.default.createElement(material_1.Select, { size: "small", value: mode, onChange: event => {
+    return ((0, jsx_runtime_1.jsx)(material_1.FormControl, { className: classes.formControl, children: (0, jsx_runtime_1.jsx)(material_1.Select, { size: "small", value: mode, onChange: event => {
                 model.setMode(event.target.value);
-            } }, Object.entries({
-            ...(hasCDS
-                ? {
-                    cds: 'CDS',
-                }
-                : {}),
-            ...(hasCDS
-                ? {
-                    protein: 'Protein',
-                }
-                : {}),
-            ...(hasExonOrCDS
-                ? {
-                    cdna: 'cDNA',
-                }
-                : {}),
-            ...(hasExonOrCDS
-                ? {
-                    gene: 'Genomic w/ full introns',
-                }
-                : {}),
-            ...(hasExonOrCDS
-                ? {
-                    gene_updownstream: `Genomic w/ full introns +/- ${upDownBp}bp up+down stream`,
-                }
-                : {}),
-            ...(hasExonOrCDS
-                ? {
-                    gene_collapsed_intron: `Genomic w/ ${intronBp}bp intron`,
-                }
-                : {}),
-            ...(hasExonOrCDS
-                ? {
-                    gene_updownstream_collapsed_intron: `Genomic w/ ${intronBp}bp intron +/- ${upDownBp}bp up+down stream `,
-                }
-                : {}),
-            ...(!hasExonOrCDS
-                ? {
-                    genomic: 'Genomic',
-                }
-                : {}),
-            ...(!hasExonOrCDS
-                ? {
-                    genomic_sequence_updownstream: `Genomic +/- ${upDownBp}bp up+down stream`,
-                }
-                : {}),
-        }).map(([key, val]) => (react_1.default.createElement(material_1.MenuItem, { key: key, value: key }, val))))));
+            }, children: Object.entries({
+                ...(hasCDS
+                    ? {
+                        cds: 'CDS',
+                    }
+                    : {}),
+                ...(hasCDS
+                    ? {
+                        protein: 'Protein',
+                    }
+                    : {}),
+                ...(hasExonOrCDS
+                    ? {
+                        cdna: 'cDNA',
+                    }
+                    : {}),
+                ...(hasExonOrCDS
+                    ? {
+                        gene: 'Genomic w/ full introns',
+                    }
+                    : {}),
+                ...(hasExonOrCDS
+                    ? {
+                        gene_updownstream: `Genomic w/ full introns +/- ${upDownBp}bp up+down stream`,
+                    }
+                    : {}),
+                ...(hasExonOrCDS
+                    ? {
+                        gene_collapsed_intron: `Genomic w/ ${intronBp}bp intron`,
+                    }
+                    : {}),
+                ...(hasExonOrCDS
+                    ? {
+                        gene_updownstream_collapsed_intron: `Genomic w/ ${intronBp}bp intron +/- ${upDownBp}bp up+down stream `,
+                    }
+                    : {}),
+                ...(!hasExonOrCDS
+                    ? {
+                        genomic: 'Genomic',
+                    }
+                    : {}),
+                ...(!hasExonOrCDS
+                    ? {
+                        genomic_sequence_updownstream: `Genomic +/- ${upDownBp}bp up+down stream`,
+                    }
+                    : {}),
+            }).map(([key, val]) => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: key, children: val }, key))) }) }));
 });
 exports.default = SequenceTypeSelector;

package/BaseFeatureWidget/SequenceFeatureDetails/dialogs/SettingsDialog.d.ts

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

package/BaseFeatureWidget/SequenceFeatureDetails/dialogs/SettingsDialog.js

@@ -1,33 +1,11 @@
 "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 material_1 = require("@mui/material");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const ui_1 = require("@jbrowse/core/ui");
-const mui_1 = require("tss-react/mui");
+const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
+const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     formElt: {
         margin: theme.spacing(3),
@@ -41,12 +19,10 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
     },
 }));
 function TextField2(props) {
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(material_1.TextField, { ...props })));
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(material_1.TextField, { ...props }) }));
 }
 function FormControl2({ children }) {
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(material_1.FormControl, null, children)));
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(material_1.FormControl, { children: children }) }));
 }
 const SequenceFeatureSettingsDialog = (0, mobx_react_1.observer)(function ({ handleClose, model, }) {
     const { classes } = useStyles();
@@ -55,31 +31,20 @@ const SequenceFeatureSettingsDialog = (0, mobx_react_1.observer)(function ({ han
     const [upDownBp, setUpDownBp] = (0, react_1.useState)(`${model.upDownBp}`);
     const intronBpValid = !Number.isNaN(+intronBp);
     const upDownBpValid = !Number.isNaN(+upDownBp);
-    return (react_1.default.createElement(ui_1.Dialog, { maxWidth: "xl", open: true, onClose: () => {
+    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { maxWidth: "xl", open: true, onClose: () => {
             handleClose();
-        }, title: "Feature sequence settings" },
-        react_1.default.createElement(material_1.DialogContent, { className: classes.dialogContent },
-            react_1.default.createElement(TextField2, { label: "Number of intronic bases around splice site to display", className: classes.formElt, value: intronBp, helperText: !intronBpValid ? 'Not a number' : '', error: !intronBpValid, onChange: event => {
-                    setIntronBp(event.target.value);
-                } }),
-            react_1.default.createElement(TextField2, { label: "Number of bases up/down stream of feature to display", className: classes.formElt, value: upDownBp, helperText: !upDownBpValid ? 'Not a number' : '', error: !upDownBpValid, onChange: event => {
-                    setUpDownBp(event.target.value);
-                } }),
-            react_1.default.createElement(FormControl2, null,
-                react_1.default.createElement(material_1.FormLabel, null, "Sequence capitalization"),
-                react_1.default.createElement(material_1.RadioGroup, { value: upperCaseCDS ? 'cds' : 'unchanged', onChange: e => {
-                        model.setUpperCaseCDS(e.target.value === 'cds');
-                    } },
-                    react_1.default.createElement(material_1.FormControlLabel, { value: "cds", control: react_1.default.createElement(material_1.Radio, { className: classes.root, size: "small" }), label: "Capitalize CDS and lower case everything else" }),
-                    react_1.default.createElement(material_1.FormControlLabel, { value: "unchanged", control: react_1.default.createElement(material_1.Radio, { className: classes.root, size: "small" }), label: "Capitalization from reference genome sequence" })))),
-        react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { onClick: () => {
-                    model.setIntronBp(+intronBp);
-                    model.setUpDownBp(+upDownBp);
-                    handleClose();
-                }, disabled: !intronBpValid || !upDownBpValid, color: "primary", variant: "contained" }, "Submit"),
-            react_1.default.createElement(material_1.Button, { onClick: () => {
-                    handleClose();
-                }, color: "secondary", autoFocus: true, variant: "contained" }, "Cancel"))));
+        }, title: "Feature sequence settings", children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { className: classes.dialogContent, children: [(0, jsx_runtime_1.jsx)(TextField2, { label: "Number of intronic bases around splice site to display", className: classes.formElt, value: intronBp, helperText: !intronBpValid ? 'Not a number' : '', error: !intronBpValid, onChange: event => {
+                            setIntronBp(event.target.value);
+                        } }), (0, jsx_runtime_1.jsx)(TextField2, { label: "Number of bases up/down stream of feature to display", className: classes.formElt, value: upDownBp, helperText: !upDownBpValid ? 'Not a number' : '', error: !upDownBpValid, onChange: event => {
+                            setUpDownBp(event.target.value);
+                        } }), (0, jsx_runtime_1.jsxs)(FormControl2, { children: [(0, jsx_runtime_1.jsx)(material_1.FormLabel, { children: "Sequence capitalization" }), (0, jsx_runtime_1.jsxs)(material_1.RadioGroup, { value: upperCaseCDS ? 'cds' : 'unchanged', onChange: e => {
+                                    model.setUpperCaseCDS(e.target.value === 'cds');
+                                }, children: [(0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { value: "cds", control: (0, jsx_runtime_1.jsx)(material_1.Radio, { className: classes.root, size: "small" }), label: "Capitalize CDS and lower case everything else" }), (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { value: "unchanged", control: (0, jsx_runtime_1.jsx)(material_1.Radio, { className: classes.root, size: "small" }), label: "Capitalization from reference genome sequence" })] })] })] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: () => {
+                            model.setIntronBp(+intronBp);
+                            model.setUpDownBp(+upDownBp);
+                            handleClose();
+                        }, disabled: !intronBpValid || !upDownBpValid, color: "primary", variant: "contained", children: "Submit" }), (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: () => {
+                            handleClose();
+                        }, color: "secondary", autoFocus: true, variant: "contained", children: "Cancel" })] })] }));
 });
 exports.default = SequenceFeatureSettingsDialog;

package/BaseFeatureWidget/SequenceFeatureDetails/hooks.d.ts

@@ -1,5 +1,5 @@
-import { SeqState, ErrorState } from '../util';
-import { SimpleFeatureSerialized } from '../../util';
+import type { SimpleFeatureSerialized } from '../../util';
+import type { ErrorState, SeqState } from '../util';
 export declare function useFeatureSequence(model: {
     view?: {
         assemblyNames?: string[];

package/BaseFeatureWidget/SequenceFeatureDetails/hooks.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFeatureSequence = useFeatureSequence;
 const react_1 = require("react");
-const util_1 = require("../../util");
 const configuration_1 = require("../../configuration");
+const util_1 = require("../../util");
 const BPLIMIT = 500000;
 function useFeatureSequence(model, feature, upDownBp, forceLoad) {
     const [sequence, setSequence] = (0, react_1.useState)();
@@ -36,7 +36,6 @@ function useFeatureSequence(model, feature, upDownBp, forceLoad) {
             const [feat] = feats;
             return (feat === null || feat === void 0 ? void 0 : feat.get('seq')) || '';
         }
-        // eslint-disable-next-line @typescript-eslint/no-floating-promises
         ;
         (async () => {
             try {