@jbrowse/plugin-data-management 2.17.0 → 3.0.0

package/dist/AddTrackWidget/components/DefaultAddTrackWorkflow.d.ts

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

package/dist/AddTrackWidget/components/DefaultAddTrackWorkflow.js

@@ -1,41 +1,17 @@
 "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 mui_1 = require("tss-react/mui");
-const mobx_state_tree_1 = require("mobx-state-tree");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const util_1 = require("@jbrowse/core/util");
-const configuration_1 = require("@jbrowse/core/configuration");
+const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
-// locals
+const mui_1 = require("tss-react/mui");
 const ConfirmTrack_1 = __importDefault(require("./ConfirmTrack"));
 const TrackSourceSelect_1 = __importDefault(require("./TrackSourceSelect"));
+const doSubmit_1 = require("./doSubmit");
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     root: {
         marginTop: theme.spacing(1),
@@ -58,76 +34,15 @@ const steps = ['Enter track data', 'Confirm track type'];
 const DefaultAddTrackWorkflow = (0, mobx_react_1.observer)(function ({ model, }) {
     const [activeStep, setActiveStep] = (0, react_1.useState)(0);
     const { classes } = useStyles();
-    const { jobsManager } = (0, mobx_state_tree_1.getRoot)(model);
-    const session = (0, util_1.getSession)(model);
-    const { assembly, trackAdapter, trackData, trackName, trackType, textIndexTrack, textIndexingConf, } = model;
-    const [trackErrorMessage, setTrackErrorMessage] = (0, react_1.useState)();
+    const { assembly, trackAdapter, trackData, trackName, trackType } = model;
     function getStepContent(step) {
         switch (step) {
             case 0:
-                return react_1.default.createElement(TrackSourceSelect_1.default, { model: model });
+                return (0, jsx_runtime_1.jsx)(TrackSourceSelect_1.default, { model: model });
             case 1:
-                return react_1.default.createElement(ConfirmTrack_1.default, { model: model });
+                return (0, jsx_runtime_1.jsx)(ConfirmTrack_1.default, { model: model });
             default:
-                return react_1.default.createElement(material_1.Typography, null, "Unknown step");
-        }
-    }
-    async function handleNext() {
-        var _a, _b;
-        if (activeStep !== steps.length - 1) {
-            setActiveStep(activeStep + 1);
-            return;
-        }
-        const trackId = [
-            `${trackName.toLowerCase().replaceAll(' ', '_')}-${Date.now()}`,
-            session.adminMode ? '' : '-sessionTrack',
-        ].join('');
-        const assemblyInstance = session.assemblyManager.get(assembly);
-        if (!(0, util_1.isSessionWithAddTracks)(session)) {
-            setTrackErrorMessage('Unable to add tracks to this model');
-            return;
-        }
-        if (assemblyInstance && trackAdapter && trackAdapter.type !== 'UNKNOWN') {
-            session.addTrackConf({
-                trackId,
-                type: trackType,
-                name: trackName,
-                assemblyNames: [assembly],
-                adapter: {
-                    ...trackAdapter,
-                    sequenceAdapter: (0, configuration_1.getConf)(assemblyInstance, ['sequence', 'adapter']),
-                },
-            });
-            (_b = (_a = model.view).showTrack) === null || _b === void 0 ? void 0 : _b.call(_a, trackId);
-            if (util_1.isElectron &&
-                textIndexTrack &&
-                (0, util_1.isSupportedIndexingAdapter)(trackAdapter.type)) {
-                const attr = textIndexingConf || {
-                    attributes: ['Name', 'ID'],
-                    exclude: ['CDS', 'exon'],
-                };
-                const indexName = `${trackName}-index`;
-                const newEntry = {
-                    indexingParams: {
-                        ...attr,
-                        assemblies: [assembly],
-                        tracks: [trackId],
-                        indexType: 'perTrack',
-                        name: indexName,
-                        timestamp: new Date().toISOString(),
-                    },
-                    name: indexName,
-                    cancelCallback: () => jobsManager.abortJob(),
-                };
-                jobsManager.queueJob(newEntry);
-            }
-            model.clearData();
-            if ((0, util_1.isSessionModelWithWidgets)(session)) {
-                session.hideWidget(model);
-            }
-        }
-        else {
-            setTrackErrorMessage('Failed to add track.\nThe configuration of this file is not currently supported.');
+                return (0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Unknown step" });
         }
     }
     function isNextDisabled() {
@@ -140,18 +55,20 @@ const DefaultAddTrackWorkflow = (0, mobx_react_1.observer)(function ({ model, })
                 return true;
         }
     }
-    return (react_1.default.createElement("div", { className: classes.root },
-        react_1.default.createElement(material_1.Stepper, { className: classes.stepper, activeStep: activeStep, orientation: "vertical" }, steps.map((label, idx) => (react_1.default.createElement(material_1.Step, { key: label },
-            react_1.default.createElement(material_1.StepLabel, null, label),
-            react_1.default.createElement(material_1.StepContent, null,
-                getStepContent(idx),
-                react_1.default.createElement("div", { className: classes.actionsContainer },
-                    react_1.default.createElement(material_1.Button, { disabled: activeStep === 0, onClick: () => {
-                            setTrackErrorMessage(undefined);
-                            setActiveStep(activeStep - 1);
-                        }, className: classes.button }, "Back"),
-                    react_1.default.createElement(material_1.Button, { disabled: isNextDisabled(), variant: "contained", color: "primary", onClick: handleNext, className: classes.button, "data-testid": "addTrackNextButton" }, activeStep === steps.length - 1 ? 'Add' : 'Next')),
-                trackErrorMessage ? (react_1.default.createElement("div", { className: classes.alertContainer },
-                    react_1.default.createElement(material_1.Alert, { severity: "error" }, trackErrorMessage))) : null)))))));
+    return ((0, jsx_runtime_1.jsx)("div", { className: classes.root, children: (0, jsx_runtime_1.jsx)(material_1.Stepper, { className: classes.stepper, activeStep: activeStep, orientation: "vertical", children: steps.map((label, idx) => ((0, jsx_runtime_1.jsxs)(material_1.Step, { children: [(0, jsx_runtime_1.jsx)(material_1.StepLabel, { children: label }), (0, jsx_runtime_1.jsxs)(material_1.StepContent, { children: [getStepContent(idx), (0, jsx_runtime_1.jsxs)("div", { className: classes.actionsContainer, children: [(0, jsx_runtime_1.jsx)(material_1.Button, { disabled: activeStep === 0, className: classes.button, onClick: () => {
+                                            setActiveStep(activeStep - 1);
+                                        }, children: "Back" }), (0, jsx_runtime_1.jsx)(material_1.Button, { disabled: isNextDisabled(), variant: "contained", color: "primary", onClick: () => {
+                                            if (activeStep !== steps.length - 1) {
+                                                setActiveStep(activeStep + 1);
+                                            }
+                                            else {
+                                                try {
+                                                    (0, doSubmit_1.doSubmit)({ model });
+                                                }
+                                                catch (e) {
+                                                    (0, util_1.getSession)(model).notifyError(`${e}`, e);
+                                                }
+                                            }
+                                        }, className: classes.button, "data-testid": "addTrackNextButton", children: activeStep === steps.length - 1 ? 'Add' : 'Next' })] })] })] }, label))) }) }));
 });
 exports.default = DefaultAddTrackWorkflow;

package/dist/AddTrackWidget/components/PasteConfigWorkflow.d.ts

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

package/dist/AddTrackWidget/components/PasteConfigWorkflow.js

@@ -1,34 +1,13 @@
 "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 util_1 = require("@jbrowse/core/util");
+const material_1 = require("@mui/material");
+const mobx_1 = require("mobx");
 const mobx_react_1 = require("mobx-react");
+const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()({
     textbox: {
         width: '100%',
@@ -43,31 +22,32 @@ const PasteConfigAddTrackWorkflow = (0, mobx_react_1.observer)(function ({ model
     const { classes } = useStyles();
     const [val, setVal] = (0, react_1.useState)('');
     const [error, setError] = (0, react_1.useState)();
-    return (react_1.default.createElement("div", null,
-        error ? react_1.default.createElement(ui_1.ErrorMessage, { error: error }) : null,
-        react_1.default.createElement(material_1.TextField, { multiline: true, rows: 10, value: val, onChange: event => {
-                setVal(event.target.value);
-            }, placeholder: 'Paste track config or array of track configs in JSON format', variant: "outlined", className: classes.textbox }),
-        react_1.default.createElement(material_1.Button, { variant: "contained", className: classes.submit, onClick: () => {
-                try {
-                    setError(undefined);
-                    const session = (0, util_1.getSession)(model);
-                    const conf = JSON.parse(val);
-                    const confs = Array.isArray(conf) ? conf : [conf];
-                    if ((0, util_1.isSessionWithAddTracks)(session) &&
-                        (0, util_1.isSessionModelWithWidgets)(session)) {
-                        confs.forEach(c => {
-                            session.addTrackConf(c);
-                        });
-                        confs.forEach(c => model.view.showTrack(c.trackId));
-                        model.clearData();
-                        session.hideWidget(model);
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [error ? (0, jsx_runtime_1.jsx)(ui_1.ErrorMessage, { error: error }) : null, (0, jsx_runtime_1.jsx)(material_1.TextField, { multiline: true, rows: 10, value: val, placeholder: "Paste track config or array of track configs in JSON format", variant: "outlined", className: classes.textbox, onChange: event => {
+                    setVal(event.target.value);
+                } }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", className: classes.submit, onClick: () => {
+                    try {
+                        setError(undefined);
+                        const session = (0, util_1.getSession)(model);
+                        const conf = JSON.parse(val);
+                        const confs = Array.isArray(conf) ? conf : [conf];
+                        if ((0, util_1.isSessionWithAddTracks)(session) &&
+                            (0, util_1.isSessionModelWithWidgets)(session)) {
+                            (0, mobx_1.transaction)(() => {
+                                confs.forEach(c => {
+                                    session.addTrackConf(c);
+                                });
+                                confs.forEach(c => {
+                                    model.view.showTrack(c.trackId);
+                                });
+                                model.clearData();
+                            });
+                            session.hideWidget(model);
+                        }
+                    }
+                    catch (e) {
+                        console.error(e);
+                        setError(e);
                     }
-                }
-                catch (e) {
-                    console.error(e);
-                    setError(e);
-                }
-            } }, "Submit")));
+                }, children: "Submit" })] }));
 });
 exports.default = PasteConfigAddTrackWorkflow;

package/dist/AddTrackWidget/components/TextIndexingConfig.d.ts

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

package/dist/AddTrackWidget/components/TextIndexingConfig.js

@@ -1,38 +1,15 @@
 "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 Add_1 = __importDefault(require("@mui/icons-material/Add"));
+const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
 const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
 const mobx_react_1 = require("mobx-react");
-// icons
-const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
-const Add_1 = __importDefault(require("@mui/icons-material/Add"));
+const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     paper: {
         display: 'flex',
@@ -62,53 +39,38 @@ const TextIndexingConfig = (0, mobx_react_1.observer)(function ({ model, }) {
     (0, react_1.useEffect)(() => {
         model.setTextIndexingConf({ attributes, exclude });
     }, [model, attributes, exclude]);
-    return (react_1.default.createElement(material_1.Paper, { className: classes.paper },
-        react_1.default.createElement(material_1.InputLabel, null, "Indexing configuration"),
-        sections.map((section, index) => (react_1.default.createElement(material_1.Card, { raised: true, key: section.label, className: classes.card },
-            react_1.default.createElement(material_1.CardContent, null,
-                react_1.default.createElement(material_1.InputLabel, null, section.label),
-                react_1.default.createElement(material_1.List, { disablePadding: true },
-                    section.values.map((val, idx) => (
-                    /* biome-ignore lint/suspicious/noArrayIndexKey: */
-                    react_1.default.createElement(material_1.ListItem, { key: `${val}-${idx}`, disableGutters: true },
-                        react_1.default.createElement(material_1.TextField, { value: val, slotProps: {
-                                input: {
-                                    endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" },
-                                        react_1.default.createElement(material_1.IconButton, { onClick: () => {
-                                                const newAttr = section.values.filter((_, i) => i !== idx);
-                                                if (index === 0) {
-                                                    setAttributes(newAttr);
-                                                }
-                                                else {
-                                                    setExclude(newAttr);
-                                                }
-                                            } },
-                                            react_1.default.createElement(Delete_1.default, null)))),
-                                },
-                            } })))),
-                    react_1.default.createElement(material_1.ListItem, { disableGutters: true },
-                        react_1.default.createElement(material_1.TextField, { value: index === 0 ? value1 : value2, placeholder: "add new", onChange: event => {
-                                if (index === 0) {
-                                    setValue1(event.target.value);
-                                }
-                                else {
-                                    setValue2(event.target.value);
-                                }
-                            }, slotProps: {
-                                input: {
-                                    endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" },
-                                        react_1.default.createElement(material_1.IconButton, { onClick: () => {
-                                                if (index === 0) {
-                                                    setAttributes([...attributes, value1]);
-                                                    setValue1('');
-                                                }
-                                                else {
-                                                    setExclude([...exclude, value2]);
-                                                    setValue2('');
-                                                }
-                                            }, disabled: index === 0 ? value1 === '' : value2 === '', "data-testid": "stringArrayAdd-Feat" },
-                                            react_1.default.createElement(Add_1.default, null)))),
-                                },
-                            } })))))))));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Paper, { className: classes.paper, children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { children: "Indexing configuration" }), sections.map((section, index) => ((0, jsx_runtime_1.jsx)(material_1.Card, { raised: true, className: classes.card, children: (0, jsx_runtime_1.jsxs)(material_1.CardContent, { children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { children: section.label }), (0, jsx_runtime_1.jsxs)(material_1.List, { disablePadding: true, children: [section.values.map((val, idx) => ((0, jsx_runtime_1.jsx)(material_1.ListItem, { disableGutters: true, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { value: val, slotProps: {
+                                            input: {
+                                                endAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
+                                                            const newAttr = section.values.filter((_, i) => i !== idx);
+                                                            if (index === 0) {
+                                                                setAttributes(newAttr);
+                                                            }
+                                                            else {
+                                                                setExclude(newAttr);
+                                                            }
+                                                        }, children: (0, jsx_runtime_1.jsx)(Delete_1.default, {}) }) })),
+                                            },
+                                        } }) }, `${val}-${idx}`))), (0, jsx_runtime_1.jsx)(material_1.ListItem, { disableGutters: true, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { value: index === 0 ? value1 : value2, placeholder: "add new", onChange: event => {
+                                            if (index === 0) {
+                                                setValue1(event.target.value);
+                                            }
+                                            else {
+                                                setValue2(event.target.value);
+                                            }
+                                        }, slotProps: {
+                                            input: {
+                                                endAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
+                                                            if (index === 0) {
+                                                                setAttributes([...attributes, value1]);
+                                                                setValue1('');
+                                                            }
+                                                            else {
+                                                                setExclude([...exclude, value2]);
+                                                                setValue2('');
+                                                            }
+                                                        }, disabled: index === 0 ? value1 === '' : value2 === '', "data-testid": "stringArrayAdd-Feat", children: (0, jsx_runtime_1.jsx)(Add_1.default, {}) }) })),
+                                            },
+                                        } }) })] })] }) }, section.label)))] }));
 });
 exports.default = TextIndexingConfig;

package/dist/AddTrackWidget/components/TrackAdapterSelector.d.ts

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

package/dist/AddTrackWidget/components/TrackAdapterSelector.js

@@ -1,53 +1,26 @@
 "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 material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const util_1 = require("@jbrowse/core/util");
+const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    spacing: {
-        marginBottom: theme.spacing(3),
-    },
-}));
-// collate adapters into a map with
-// key: category
-// value: array of adapters with that category
-function categorizeAdapters(adaptersList) {
-    const map = {};
-    adaptersList.forEach(adapter => {
-        var _a;
-        const key = ((_a = adapter.adapterMetadata) === null || _a === void 0 ? void 0 : _a.category) || 'Default';
-        if (!map[key]) {
-            map[key] = [];
-        }
-        map[key].push(adapter);
-    });
-    return map;
-}
+const util_2 = require("./util");
 const TrackAdapterSelector = (0, mobx_react_1.observer)(({ model }) => {
-    const { classes } = useStyles();
     const { trackAdapter } = model;
     const { pluginManager } = (0, util_1.getEnv)(model);
-    return (react_1.default.createElement(material_1.TextField, { className: classes.spacing, value: (trackAdapter === null || trackAdapter === void 0 ? void 0 : trackAdapter.type) !== 'UNKNOWN' ? trackAdapter === null || trackAdapter === void 0 ? void 0 : trackAdapter.type : '', label: "Adapter type", variant: "outlined", helperText: "Select an adapter type", select: true, fullWidth: true, onChange: event => {
+    return ((0, jsx_runtime_1.jsx)(material_1.TextField, { value: (trackAdapter === null || trackAdapter === void 0 ? void 0 : trackAdapter.type) !== 'UNKNOWN' ? trackAdapter === null || trackAdapter === void 0 ? void 0 : trackAdapter.type : '', label: "Adapter type", variant: "outlined", select: true, fullWidth: true, onChange: event => {
             model.setAdapterHint(event.target.value);
         }, slotProps: {
             select: {
-                // @ts-expect-error
-                SelectDisplayProps: { 'data-testid': 'adapterTypeSelect' },
+                SelectDisplayProps: {
+                    'data-testid': 'adapterTypeSelect',
+                },
             },
-        } }, Object.entries(categorizeAdapters(pluginManager
-        .getAdapterElements()
-        .filter(e => { var _a; return !((_a = e.adapterMetadata) === null || _a === void 0 ? void 0 : _a.hiddenFromGUI); }))).map(([key, val]) => {
-        // returning array avoids needing to use a react fragment which
-        // Select/TextField sub-elements disagree with
-        return [
-            react_1.default.createElement(material_1.ListSubheader, { key: key }, key),
-            val.map(elt => (react_1.default.createElement(material_1.MenuItem, { key: elt.name, value: elt.name }, elt.displayName))),
-        ];
-    })));
+        }, children: Object.entries((0, util_2.categorizeAdapters)(pluginManager
+            .getAdapterElements()
+            .filter(e => { var _a; return !((_a = e.adapterMetadata) === null || _a === void 0 ? void 0 : _a.hiddenFromGUI); }))).map(([key, val]) => [
+            (0, jsx_runtime_1.jsx)(material_1.ListSubheader, { children: key }, key),
+            val.map(elt => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: elt.name, children: elt.displayName }, elt.name))),
+        ]) }));
 });
 exports.default = TrackAdapterSelector;

package/dist/AddTrackWidget/components/TrackSourceSelect.d.ts

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

package/dist/AddTrackWidget/components/TrackSourceSelect.js

@@ -1,14 +1,11 @@
 "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 ui_1 = require("@jbrowse/core/ui");
 const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const mobx_state_tree_1 = require("mobx-state-tree");
 const mobx_react_1 = require("mobx-react");
+const mobx_state_tree_1 = require("mobx-state-tree");
+const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     paper: {
         padding: theme.spacing(2),
@@ -20,9 +17,6 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
 const TrackSourceSelect = (0, mobx_react_1.observer)(function ({ model, }) {
     const { classes } = useStyles();
     const rootModel = (0, mobx_state_tree_1.getRoot)(model);
-    return (react_1.default.createElement(material_1.Paper, { className: classes.paper },
-        react_1.default.createElement(ui_1.FileSelector, { name: "Main file", description: "", location: model.trackData, setLocation: model.setTrackData, setName: model.setTrackName, rootModel: rootModel }),
-        react_1.default.createElement("div", { className: classes.spacer }),
-        react_1.default.createElement(ui_1.FileSelector, { name: "Index file", description: "(Optional) The URL of the index file is automatically inferred from the URL of the main file if it is not supplied.", location: model.indexTrackData, setLocation: model.setIndexTrackData, setName: model.setTrackName, rootModel: rootModel })));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Paper, { className: classes.paper, children: [(0, jsx_runtime_1.jsx)(ui_1.FileSelector, { name: "Main file", description: "", location: model.trackData, setLocation: model.setTrackData, setName: model.setTrackName, rootModel: rootModel }), (0, jsx_runtime_1.jsx)("div", { className: classes.spacer }), (0, jsx_runtime_1.jsx)(ui_1.FileSelector, { name: "Index file", description: "(Optional) The URL of the index file is automatically inferred from the URL of the main file if it is not supplied.", location: model.indexTrackData, setLocation: model.setIndexTrackData, setName: model.setTrackName, rootModel: rootModel })] }));
 });
 exports.default = TrackSourceSelect;

package/dist/AddTrackWidget/components/TrackTypeSelector.d.ts

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

package/dist/AddTrackWidget/components/TrackTypeSelector.js

@@ -1,30 +1,21 @@
 "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 material_1 = require("@mui/material");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const util_1 = require("@jbrowse/core/util");
+const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    spacing: {
-        marginBottom: theme.spacing(3),
-    },
-}));
-const TrackTypeSelector = (0, mobx_react_1.observer)(({ model }) => {
-    const { classes } = useStyles();
+const TrackTypeSelector = (0, mobx_react_1.observer)(function ({ model, }) {
     const { pluginManager } = (0, util_1.getEnv)(model);
     const { trackType } = model;
     const trackTypes = pluginManager.getTrackElements();
-    return (react_1.default.createElement(material_1.TextField, { className: classes.spacing, value: trackType, variant: "outlined", label: "Track type", helperText: "Select track type", select: true, fullWidth: true, onChange: event => {
+    return ((0, jsx_runtime_1.jsx)(material_1.TextField, { value: trackType, variant: "outlined", label: "Track type", select: true, fullWidth: true, onChange: event => {
             model.setTrackType(event.target.value);
         }, slotProps: {
             select: {
-                // @ts-expect-error
-                SelectDisplayProps: { 'data-testid': 'trackTypeSelect' },
+                SelectDisplayProps: {
+                    'data-testid': 'trackTypeSelect',
+                },
             },
-        } }, trackTypes.map(({ name, displayName }) => (react_1.default.createElement(material_1.MenuItem, { key: name, value: name }, displayName)))));
+        }, children: trackTypes.map(({ name, displayName }) => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: name, children: displayName }, name))) }));
 });
 exports.default = TrackTypeSelector;

package/dist/AddTrackWidget/components/Unsupported.d.ts

@@ -0,0 +1 @@
+export default function Unsupported(): import("react/jsx-runtime").JSX.Element;

package/dist/AddTrackWidget/components/Unsupported.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Unsupported;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const mui_1 = require("tss-react/mui");
+const useStyles = (0, mui_1.makeStyles)()(theme => ({
+    spacing: {
+        marginBottom: theme.spacing(3),
+    },
+}));
+function Unsupported() {
+    const { classes } = useStyles();
+    return ((0, jsx_runtime_1.jsxs)(material_1.Typography, { className: classes.spacing, children: ["This version of JBrowse cannot display data of this type. It is possible, however, that there is a newer version that can display them. You can", ' ', (0, jsx_runtime_1.jsx)(material_1.Link, { href: "https://github.com/GMOD/jbrowse-components/releases", target: "_blank", rel: "noopener noreferrer", children: "check for new releases" }), ' ', "of JBrowse or", ' ', (0, jsx_runtime_1.jsx)(material_1.Link, { href: "https://github.com/GMOD/jbrowse-components/issues/new", target: "_blank", rel: "noopener noreferrer", children: "file an issue" }), ' ', "and add a feature request for this data type."] }));
+}

package/dist/AddTrackWidget/components/doSubmit.d.ts

@@ -0,0 +1,4 @@
+import type { AddTrackModel } from '../model';
+export declare function doSubmit({ model }: {
+    model: AddTrackModel;
+}): void;