@jbrowse/plugin-data-management 2.17.0 → 3.0.0

package/dist/AddConnectionWidget/components/AddConnectionWidget.d.ts

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

package/dist/AddConnectionWidget/components/AddConnectionWidget.js

@@ -1,40 +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 jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const util_1 = require("@jbrowse/core/util");
-const mui_1 = require("tss-react/mui");
+const product_core_1 = require("@jbrowse/product-core");
+const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
-// locals
+const mui_1 = require("tss-react/mui");
 const ConfigureConnection_1 = __importDefault(require("./ConfigureConnection"));
 const ConnectionTypeSelect_1 = __importDefault(require("./ConnectionTypeSelect"));
-const product_core_1 = require("@jbrowse/product-core");
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     root: {
         marginTop: theme.spacing(1),
@@ -58,40 +35,32 @@ const AddConnectionWidget = (0, mobx_react_1.observer)(function ({ model }) {
     const { classes } = useStyles();
     const session = (0, util_1.getSession)(model);
     const { pluginManager } = (0, util_1.getEnv)(session);
-    // useMemo is needed for react@18+mobx-react@9, previous code called configScema.create directly in a setConfigModel useState hook setter but this caused infinite loop
     const configModel = (0, react_1.useMemo)(() => connectionType === null || connectionType === void 0 ? void 0 : connectionType.configSchema.create({ connectionId }, (0, util_1.getEnv)(model)), [connectionId, connectionType, model]);
-    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 => (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,
-                activeStep === 0 ? (react_1.default.createElement(ConnectionTypeSelect_1.default, { connectionTypeChoices: pluginManager.getConnectionElements(), connectionType: connectionType, setConnectionType: c => {
-                        setConnectionType(c);
-                        if (!c) {
-                            return;
-                        }
-                        setConnectionId(`${c.name}-${Date.now()}`);
-                    } })) : connectionType && configModel ? (react_1.default.createElement(ConfigureConnection_1.default, { connectionType: connectionType, model: configModel, session: session })) : null,
-                react_1.default.createElement("div", { className: classes.actionsContainer },
-                    react_1.default.createElement(material_1.Button, { disabled: activeStep === 0, onClick: () => {
-                            setActiveStep(activeStep - 1);
-                        }, className: classes.button }, "Back"),
-                    react_1.default.createElement(material_1.Button, { disabled: !((activeStep === 0 && connectionType) ||
-                            (activeStep === 1 && configModel)), variant: "contained", color: "primary", onClick: () => {
-                            if (activeStep === steps.length - 1) {
-                                if (configModel && (0, product_core_1.isSessionWithConnections)(session)) {
-                                    const conf = session.addConnectionConf(configModel);
-                                    session.makeConnection(conf);
-                                }
-                                else {
-                                    session.notify('No config model to add');
-                                }
-                                if ((0, util_1.isSessionModelWithWidgets)(session)) {
-                                    session.hideWidget(model);
-                                }
-                            }
-                            else {
-                                setActiveStep(activeStep + 1);
-                            }
-                        }, className: classes.button, "data-testid": "addConnectionNext" }, activeStep === steps.length - 1 ? 'Connect' : 'Next')))))))));
+    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 => ((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: [activeStep === 0 ? ((0, jsx_runtime_1.jsx)(ConnectionTypeSelect_1.default, { connectionTypeChoices: pluginManager.getConnectionElements(), connectionType: connectionType, setConnectionType: c => {
+                                    setConnectionType(c);
+                                    if (!c) {
+                                        return;
+                                    }
+                                    setConnectionId(`${c.name}-${Date.now()}`);
+                                } })) : connectionType && configModel ? ((0, jsx_runtime_1.jsx)(ConfigureConnection_1.default, { connectionType: connectionType, model: configModel, session: session })) : null, (0, jsx_runtime_1.jsxs)("div", { className: classes.actionsContainer, children: [(0, jsx_runtime_1.jsx)(material_1.Button, { disabled: activeStep === 0, onClick: () => {
+                                            setActiveStep(activeStep - 1);
+                                        }, className: classes.button, children: "Back" }), (0, jsx_runtime_1.jsx)(material_1.Button, { disabled: !((activeStep === 0 && connectionType) ||
+                                            (activeStep === 1 && configModel)), variant: "contained", color: "primary", onClick: () => {
+                                            if (activeStep === steps.length - 1) {
+                                                if (configModel && (0, product_core_1.isSessionWithConnections)(session)) {
+                                                    const conf = session.addConnectionConf(configModel);
+                                                    session.makeConnection(conf);
+                                                }
+                                                else {
+                                                    session.notify('No config model to add');
+                                                }
+                                                if ((0, util_1.isSessionModelWithWidgets)(session)) {
+                                                    session.hideWidget(model);
+                                                }
+                                            }
+                                            else {
+                                                setActiveStep(activeStep + 1);
+                                            }
+                                        }, className: classes.button, "data-testid": "addConnectionNext", children: activeStep === steps.length - 1 ? 'Connect' : 'Next' })] })] })] }, label))) }) }));
 });
 exports.default = AddConnectionWidget;

package/dist/AddConnectionWidget/components/ConfigureConnection.d.ts

@@ -1,10 +1,9 @@
-import React from 'react';
-import { ConnectionType } from '@jbrowse/core/pluggableElementTypes';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { AbstractSessionModel } from '@jbrowse/core/util';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { ConnectionType } from '@jbrowse/core/pluggableElementTypes';
+import type { AbstractSessionModel } from '@jbrowse/core/util';
 declare const ConfigureConnection: ({ connectionType, model, session, }: {
     connectionType: ConnectionType;
     model: AnyConfigurationModel;
     session: AbstractSessionModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ConfigureConnection;

package/dist/AddConnectionWidget/components/ConfigureConnection.js

@@ -1,35 +1,12 @@
 "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 mobx_react_1 = require("mobx-react");
-const plugin_config_1 = require("@jbrowse/plugin-config");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const ui_1 = require("@jbrowse/core/ui");
+const plugin_config_1 = require("@jbrowse/plugin-config");
+const mobx_react_1 = require("mobx-react");
 const ConfigureConnection = (0, mobx_react_1.observer)(function ({ connectionType, model, session, }) {
     const ConfigEditorComponent = connectionType.configEditorComponent || plugin_config_1.ConfigurationEditor;
-    return (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(ui_1.LoadingEllipses, null) },
-        react_1.default.createElement(ConfigEditorComponent, { model: { target: model }, session: session })));
+    return ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(ui_1.LoadingEllipses, {}), children: (0, jsx_runtime_1.jsx)(ConfigEditorComponent, { model: { target: model }, session: session }) }));
 });
 exports.default = ConfigureConnection;

package/dist/AddConnectionWidget/components/ConnectionTypeSelect.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
-import { ConnectionType } from '@jbrowse/core/pluggableElementTypes';
+import type { ConnectionType } from '@jbrowse/core/pluggableElementTypes';
 declare const ConnectionTypeSelect: ({ connectionTypeChoices, connectionType, setConnectionType, }: {
     connectionTypeChoices: ConnectionType[];
     connectionType?: ConnectionType;
     setConnectionType: (c?: ConnectionType) => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ConnectionTypeSelect;

package/dist/AddConnectionWidget/components/ConnectionTypeSelect.js

@@ -1,36 +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;
-};
 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 OpenInNew_1 = __importDefault(require("@mui/icons-material/OpenInNew"));
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
-// icons
-const OpenInNew_1 = __importDefault(require("@mui/icons-material/OpenInNew"));
 const ConnectionTypeSelect = (0, mobx_react_1.observer)(function ConnectionTypeSelect({ connectionTypeChoices, connectionType, setConnectionType, }) {
     const firstChoice = connectionTypeChoices[0];
     (0, react_1.useEffect)(() => {
@@ -38,11 +15,8 @@ const ConnectionTypeSelect = (0, mobx_react_1.observer)(function ConnectionTypeS
             setConnectionType(firstChoice);
         }
     }, [connectionType, firstChoice, setConnectionType]);
-    return (react_1.default.createElement("form", { autoComplete: "off" }, connectionType ? (react_1.default.createElement(material_1.TextField, { value: connectionType.name, label: "connectionType", helperText: connectionType.description ? (react_1.default.createElement(react_1.default.Fragment, null,
-            connectionType.description,
-            connectionType.url ? (react_1.default.createElement(material_1.IconButton, { href: connectionType.url, rel: "noopener noreferrer", target: "_blank" },
-                react_1.default.createElement(OpenInNew_1.default, null))) : null)) : null, select: true, fullWidth: true, onChange: event => {
-            setConnectionType(connectionTypeChoices.find(c => c.name === event.target.value));
-        }, variant: "outlined" }, connectionTypeChoices.map(c => (react_1.default.createElement(material_1.MenuItem, { key: c.name, value: c.name }, c.displayName || c.name))))) : null));
+    return ((0, jsx_runtime_1.jsx)("form", { autoComplete: "off", children: connectionType ? ((0, jsx_runtime_1.jsx)(material_1.TextField, { value: connectionType.name, label: "connectionType", helperText: connectionType.description ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [connectionType.description, connectionType.url ? ((0, jsx_runtime_1.jsx)(material_1.IconButton, { href: connectionType.url, rel: "noopener noreferrer", target: "_blank", children: (0, jsx_runtime_1.jsx)(OpenInNew_1.default, {}) })) : null] })) : null, select: true, fullWidth: true, onChange: event => {
+                setConnectionType(connectionTypeChoices.find(c => c.name === event.target.value));
+            }, variant: "outlined", children: connectionTypeChoices.map(c => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: c.name, children: c.displayName || c.name }, c.name))) })) : null }));
 });
 exports.default = ConnectionTypeSelect;

package/dist/AddConnectionWidget/index.d.ts

@@ -1,2 +1,2 @@
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default function AddConnectionWidgetF(pluginManager: PluginManager): void;

package/dist/AddConnectionWidget/index.js

@@ -15,21 +15,31 @@ 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 });
 exports.default = AddConnectionWidgetF;
+const react_1 = require("react");
 const configuration_1 = require("@jbrowse/core/configuration");
 const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
-const react_1 = require("react");
 const model_1 = __importDefault(require("./model"));
 const configSchema = (0, configuration_1.ConfigurationSchema)('AddConnectionWidget', {});
 function AddConnectionWidgetF(pluginManager) {

package/dist/AddConnectionWidget/model.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const mobx_state_tree_1 = require("mobx-state-tree");
 const mst_1 = require("@jbrowse/core/util/types/mst");
+const mobx_state_tree_1 = require("mobx-state-tree");
 exports.default = mobx_state_tree_1.types.model('AddConnectionModel', {
     id: mst_1.ElementId,
     type: mobx_state_tree_1.types.literal('AddConnectionWidget'),

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

@@ -0,0 +1,9 @@
+export default function StatusMessage({ trackAdapter, trackType, }: {
+    trackAdapter: {
+        type: string;
+        subadapter?: {
+            type: string;
+        };
+    };
+    trackType: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/AddTrackWidget/components/AddTrackStatusMessage.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = StatusMessage;
+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 StatusMessage({ trackAdapter, trackType, }) {
+    const { classes } = useStyles();
+    const { type, subadapter } = trackAdapter;
+    return type === 'SNPCoverageAdapter' ? ((0, jsx_runtime_1.jsxs)(material_1.Typography, { className: classes.spacing, children: ["Selected ", (0, jsx_runtime_1.jsx)("code", { children: trackType }), ". Using adapter ", (0, jsx_runtime_1.jsx)("code", { children: type }), " with subadapter ", (0, jsx_runtime_1.jsx)("code", { children: subadapter === null || subadapter === void 0 ? void 0 : subadapter.type }), ". Please enter a track name and, if necessary, update the track type."] })) : ((0, jsx_runtime_1.jsxs)(material_1.Typography, { className: classes.spacing, children: ["Using adapter ", (0, jsx_runtime_1.jsx)("code", { children: type }), " and guessing track type", ' ', (0, jsx_runtime_1.jsx)("code", { children: trackType }), ". Please enter a track name and, if necessary, update the track type."] }));
+}

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

@@ -0,0 +1,4 @@
+import type { AddTrackModel } from '../model';
+export default function UnknownAdapterPrompt({ model, }: {
+    model: AddTrackModel;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/AddTrackWidget/components/AddTrackUnknownAdapterPrompt.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = UnknownAdapterPrompt;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const mui_1 = require("tss-react/mui");
+const TrackAdapterSelector_1 = __importDefault(require("./TrackAdapterSelector"));
+const useStyles = (0, mui_1.makeStyles)()(theme => ({
+    spacing: {
+        marginBottom: theme.spacing(3),
+    },
+}));
+function UnknownAdapterPrompt({ model, }) {
+    const { classes } = useStyles();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { className: classes.spacing, children: ["JBrowse was not able to guess the adapter type for this data, but it may be in the list below. If not, 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 to see if they support this data type 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."] }), (0, jsx_runtime_1.jsx)(TrackAdapterSelector_1.default, { model: model })] }));
+}

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

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

package/dist/AddTrackWidget/components/AddTrackWidget.js

@@ -1,35 +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;
-};
 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 material_1 = require("@mui/material");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const util_1 = require("@jbrowse/core/util");
+const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
 const DefaultAddTrackWorkflow_1 = __importDefault(require("./DefaultAddTrackWorkflow"));
 const PasteConfigWorkflow_1 = __importDefault(require("./PasteConfigWorkflow"));
 const AddTrackSelector = (0, mobx_react_1.observer)(function ({ model, }) {
@@ -41,16 +19,10 @@ const AddTrackSelector = (0, mobx_react_1.observer)(function ({ model, }) {
             .pluginManager.getAddTrackWorkflowElements()
             .map(w => [w.name, w.ReactComponent])),
     };
-    // make sure the selected value is in the list
     const val2 = ComponentMap[val] ? val : 'Default add track workflow';
     const Component = ComponentMap[val2];
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.FormControl, null,
-            react_1.default.createElement(material_1.Select, { value: val2, onChange: event => {
-                    setVal(event.target.value);
-                } }, Object.keys(ComponentMap).map(e => (react_1.default.createElement(material_1.MenuItem, { key: e, value: e }, e)))),
-            react_1.default.createElement(material_1.FormHelperText, null, "Type of add track workflow")),
-        react_1.default.createElement(react_1.Suspense, { fallback: null },
-            react_1.default.createElement(Component, { model: model }))));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.FormControl, { children: [(0, jsx_runtime_1.jsx)(material_1.Select, { value: val2, onChange: event => {
+                            setVal(event.target.value);
+                        }, children: Object.keys(ComponentMap).map(e => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: e, children: e }, e))) }), (0, jsx_runtime_1.jsx)(material_1.FormHelperText, { children: "Type of add track workflow" })] }), (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)(Component, { model: model }) })] }));
 });
 exports.default = AddTrackSelector;

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

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

package/dist/AddTrackWidget/components/ConfirmTrack.js

@@ -1,79 +1,27 @@
 "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 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 mobx_react_1 = require("mobx-react");
 const tracks_1 = require("@jbrowse/core/util/tracks");
-const ui_1 = require("@jbrowse/core/ui");
+const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
+const mui_1 = require("tss-react/mui");
+const AddTrackStatusMessage_1 = __importDefault(require("./AddTrackStatusMessage"));
+const AddTrackUnknownAdapterPrompt_1 = __importDefault(require("./AddTrackUnknownAdapterPrompt"));
 const TextIndexingConfig_1 = __importDefault(require("./TextIndexingConfig"));
-const TrackTypeSelector_1 = __importDefault(require("./TrackTypeSelector"));
 const TrackAdapterSelector_1 = __importDefault(require("./TrackAdapterSelector"));
+const TrackTypeSelector_1 = __importDefault(require("./TrackTypeSelector"));
+const Unsupported_1 = __importDefault(require("./Unsupported"));
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     spacing: {
         marginBottom: theme.spacing(3),
     },
 }));
-function StatusMessage({ trackAdapter, trackType, }) {
-    const { classes } = useStyles();
-    const { type, subadapter } = trackAdapter;
-    return type === 'SNPCoverageAdapter' ? (react_1.default.createElement(material_1.Typography, { className: classes.spacing },
-        "Selected ",
-        react_1.default.createElement("code", null, trackType),
-        ". Using adapter ",
-        react_1.default.createElement("code", null, type),
-        " with subadapter ",
-        react_1.default.createElement("code", null, subadapter === null || subadapter === void 0 ? void 0 : subadapter.type),
-        ". Please enter a track name and, if necessary, update the track type.")) : (react_1.default.createElement(material_1.Typography, { className: classes.spacing },
-        "Using adapter ",
-        react_1.default.createElement("code", null, type),
-        " and guessing track type",
-        ' ',
-        react_1.default.createElement("code", null, trackType),
-        ". Please enter a track name and, if necessary, update the track type."));
-}
-function UnknownAdapterPrompt({ model }) {
-    const { classes } = useStyles();
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.Typography, { className: classes.spacing },
-            "JBrowse was not able to guess the adapter type for this data, but it may be in the list below. If not, you can",
-            ' ',
-            react_1.default.createElement(material_1.Link, { href: "https://github.com/GMOD/jbrowse-components/releases", target: "_blank", rel: "noopener noreferrer" }, "check for new releases"),
-            ' ',
-            "of JBrowse to see if they support this data type or",
-            ' ',
-            react_1.default.createElement(material_1.Link, { href: "https://github.com/GMOD/jbrowse-components/issues/new", target: "_blank", rel: "noopener noreferrer" }, "file an issue"),
-            ' ',
-            "and add a feature request for this data type."),
-        react_1.default.createElement(TrackAdapterSelector_1.default, { model: model })));
-}
 const ConfirmTrack = (0, mobx_react_1.observer)(function ConfirmTrack({ model, }) {
     const { classes } = useStyles();
     const [check, setCheck] = (0, react_1.useState)(true);
@@ -85,48 +33,41 @@ const ConfirmTrack = (0, mobx_react_1.observer)(function ConfirmTrack({ model, }
         }
     }, [adapterHint, trackAdapter, trackAdapter === null || trackAdapter === void 0 ? void 0 : trackAdapter.type, model]);
     if (unsupported) {
-        return (react_1.default.createElement(material_1.Typography, { className: classes.spacing },
-            "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",
-            ' ',
-            react_1.default.createElement(material_1.Link, { href: "https://github.com/GMOD/jbrowse-components/releases", target: "_blank", rel: "noopener noreferrer" }, "check for new releases"),
-            ' ',
-            "of JBrowse or",
-            ' ',
-            react_1.default.createElement(material_1.Link, { href: "https://github.com/GMOD/jbrowse-components/issues/new", target: "_blank", rel: "noopener noreferrer" }, "file an issue"),
-            ' ',
-            "and add a feature request for this data type."));
+        return (0, jsx_runtime_1.jsx)(Unsupported_1.default, {});
     }
-    if ((trackAdapter === null || trackAdapter === void 0 ? void 0 : trackAdapter.type) === tracks_1.UNKNOWN) {
-        return react_1.default.createElement(UnknownAdapterPrompt, { model: model });
+    else if ((trackAdapter === null || trackAdapter === void 0 ? void 0 : trackAdapter.type) === tracks_1.UNKNOWN) {
+        return (0, jsx_runtime_1.jsx)(AddTrackUnknownAdapterPrompt_1.default, { model: model });
     }
-    if (!(trackAdapter === null || trackAdapter === void 0 ? void 0 : trackAdapter.type)) {
-        return react_1.default.createElement(material_1.Typography, null, "Could not recognize this data type.");
+    else if (!(trackAdapter === null || trackAdapter === void 0 ? void 0 : trackAdapter.type)) {
+        return (0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Could not recognize this data type." });
     }
-    const supportedForIndexing = (0, util_1.isSupportedIndexingAdapter)(trackAdapter.type);
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(StatusMessage, { trackAdapter: trackAdapter, trackType: trackType }),
-        warningMessage ? (react_1.default.createElement(material_1.Typography, { style: { color: 'orange' } }, warningMessage)) : null,
-        react_1.default.createElement(material_1.TextField, { className: classes.spacing, label: "trackName", helperText: "A name for this track", fullWidth: true, value: trackName, onChange: event => {
-                model.setTrackName(event.target.value);
-            }, slotProps: {
-                htmlInput: { 'data-testid': 'trackNameInput' },
-            } }),
-        react_1.default.createElement(TrackAdapterSelector_1.default, { model: model }),
-        react_1.default.createElement(TrackTypeSelector_1.default, { model: model }),
-        react_1.default.createElement(ui_1.AssemblySelector, { session: session, helperText: "Select assembly to add track to", selected: model.assembly, onChange: asm => {
+    else {
+        const supportedForIndexing = (0, util_1.isSupportedIndexingAdapter)(trackAdapter.type);
+        const { pluginManager } = (0, util_1.getEnv)(model);
+        const Component = pluginManager.evaluateExtensionPoint('Core-addTrackComponent', ({ model }) => ((0, jsx_runtime_1.jsx)(ui_1.AssemblySelector, { session: session, helperText: "Select assembly to add track to", selected: model.assembly, onChange: asm => {
                 model.setAssembly(asm);
             }, TextFieldProps: {
                 fullWidth: true,
                 SelectProps: {
-                    // @ts-expect-error
-                    SelectDisplayProps: { 'data-testid': 'assemblyNameSelect' },
+                    SelectDisplayProps: {
+                        'data-testid': 'assemblyNameSelect',
+                    },
                 },
-            } }),
-        util_1.isElectron && supportedForIndexing && (react_1.default.createElement(material_1.FormControl, null,
-            react_1.default.createElement(material_1.FormControlLabel, { label: 'Index track for text searching?', control: react_1.default.createElement(material_1.Checkbox, { checked: check, onChange: e => {
-                        setCheck(e.target.checked);
-                        model.setTextIndexTrack(e.target.checked);
-                    } }) }))),
-        util_1.isElectron && check && supportedForIndexing ? (react_1.default.createElement(TextIndexingConfig_1.default, { model: model })) : null));
+            } })), { model });
+        return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(AddTrackStatusMessage_1.default, { trackAdapter: trackAdapter, trackType: trackType }), warningMessage ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { color: "warning", children: warningMessage })) : null, (0, jsx_runtime_1.jsx)(material_1.TextField, { className: classes.spacing, label: "trackName", helperText: "A name for this track", fullWidth: true, value: trackName, onChange: event => {
+                        model.setTrackName(event.target.value);
+                    }, slotProps: {
+                        htmlInput: {
+                            'data-testid': 'trackNameInput',
+                        },
+                    } }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        gap: 10,
+                    }, children: [(0, jsx_runtime_1.jsx)(TrackAdapterSelector_1.default, { model: model }), (0, jsx_runtime_1.jsx)(TrackTypeSelector_1.default, { model: model }), (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)(Component, { model: model }) })] }), util_1.isElectron && supportedForIndexing && ((0, jsx_runtime_1.jsx)(material_1.FormControl, { children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { label: "Index track for text searching?", control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: check, onChange: e => {
+                                setCheck(e.target.checked);
+                                model.setTextIndexTrack(e.target.checked);
+                            } }) }) })), util_1.isElectron && check && supportedForIndexing ? ((0, jsx_runtime_1.jsx)(TextIndexingConfig_1.default, { model: model })) : null] }));
+    }
 });
 exports.default = ConfirmTrack;