@jbrowse/plugin-data-management 1.7.11 → 2.0.0

package/dist/AddTrackWidget/components/ConfirmTrack.js

@@ -1,69 +1,94 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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;
 });
-exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _configuration = require("@jbrowse/core/configuration");
-
-var _util = require("@jbrowse/core/util");
-
-var _core = require("@material-ui/core");
-
-var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
-
-var _Add = _interopRequireDefault(require("@material-ui/icons/Add"));
-
-var _mobxReact = require("mobx-react");
-
-var _mobxStateTree = require("mobx-state-tree");
-
-var _tracks = require("@jbrowse/core/util/tracks");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+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 __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var configuration_1 = require("@jbrowse/core/configuration");
+var util_1 = require("@jbrowse/core/util");
+var material_1 = require("@mui/material");
+var mui_1 = require("tss-react/mui");
 // icons
-var useStyles = (0, _core.makeStyles)(function (theme) {
-  return {
+var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
+var Add_1 = __importDefault(require("@mui/icons-material//Add"));
+var mobx_react_1 = require("mobx-react");
+var mobx_state_tree_1 = require("mobx-state-tree");
+var tracks_1 = require("@jbrowse/core/util/tracks");
+var useStyles = (0, mui_1.makeStyles)()(function (theme) { return ({
     spacing: {
-      marginBottom: theme.spacing(3)
+        marginBottom: theme.spacing(3),
     },
     paper: {
-      display: 'flex',
-      flexDirection: 'column',
-      padding: theme.spacing(1)
+        display: 'flex',
+        flexDirection: 'column',
+        padding: theme.spacing(1),
     },
     spacer: {
-      height: theme.spacing(8)
+        height: theme.spacing(8),
     },
     card: {
-      marginTop: theme.spacing(1)
-    }
-  };
-});
-
-function StatusMessage(_ref) {
-  var _trackAdapter$subadap;
-
-  var trackAdapter = _ref.trackAdapter,
-      trackType = _ref.trackType;
-  var classes = useStyles();
-  return trackAdapter.type === 'SNPCoverageAdapter' ? /*#__PURE__*/_react.default.createElement(_core.Typography, {
-    className: classes.spacing
-  }, "Selected ", /*#__PURE__*/_react.default.createElement("code", null, trackType), ". Using adapter", ' ', /*#__PURE__*/_react.default.createElement("code", null, trackAdapter.type), " with subadapter", ' ', /*#__PURE__*/_react.default.createElement("code", null, (_trackAdapter$subadap = trackAdapter.subadapter) === null || _trackAdapter$subadap === void 0 ? void 0 : _trackAdapter$subadap.type), ". Please enter a track name and, if necessary, update the track type.") : /*#__PURE__*/_react.default.createElement(_core.Typography, {
-    className: classes.spacing
-  }, "Using adapter ", /*#__PURE__*/_react.default.createElement("code", null, trackAdapter.type), " and guessing track type", ' ', /*#__PURE__*/_react.default.createElement("code", null, trackType), ". Please enter a track name and, if necessary, update the track type.");
+        marginTop: theme.spacing(1),
+    },
+}); });
+function StatusMessage(_a) {
+    var _b;
+    var trackAdapter = _a.trackAdapter, trackType = _a.trackType;
+    var classes = useStyles().classes;
+    return trackAdapter.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, trackAdapter.type),
+        " with subadapter",
+        ' ',
+        react_1.default.createElement("code", null, (_b = trackAdapter.subadapter) === null || _b === void 0 ? void 0 : _b.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, trackAdapter.type),
+        " and guessing track type",
+        ' ',
+        react_1.default.createElement("code", null, trackType),
+        ". Please enter a track name and, if necessary, update the track type."));
 }
 /**
  * categorizeAdapters takes a list of adapters and sorts their menu item elements under an appropriate ListSubheader
@@ -73,346 +98,204 @@ function StatusMessage(_ref) {
  * @returns a series of JSX elements that are ListSubheaders followed by the adapters
  *   found under that subheader
  */
-
-
 function categorizeAdapters(adaptersList) {
-  var currentCategory = ''; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-  var items = [];
-  adaptersList.forEach(function (adapter) {
-    var _adapter$adapterMetad;
-
-    if ((_adapter$adapterMetad = adapter.adapterMetadata) !== null && _adapter$adapterMetad !== void 0 && _adapter$adapterMetad.category) {
-      var _adapter$adapterMetad2, _adapter$adapterMetad7, _adapter$adapterMetad8;
-
-      if (currentCategory !== ((_adapter$adapterMetad2 = adapter.adapterMetadata) === null || _adapter$adapterMetad2 === void 0 ? void 0 : _adapter$adapterMetad2.category)) {
-        var _adapter$adapterMetad3, _adapter$adapterMetad4, _adapter$adapterMetad5, _adapter$adapterMetad6;
-
-        currentCategory = (_adapter$adapterMetad3 = adapter.adapterMetadata) === null || _adapter$adapterMetad3 === void 0 ? void 0 : _adapter$adapterMetad3.category;
-        items.push( /*#__PURE__*/_react.default.createElement(_core.ListSubheader, {
-          key: (_adapter$adapterMetad4 = adapter.adapterMetadata) === null || _adapter$adapterMetad4 === void 0 ? void 0 : _adapter$adapterMetad4.category,
-          value: (_adapter$adapterMetad5 = adapter.adapterMetadata) === null || _adapter$adapterMetad5 === void 0 ? void 0 : _adapter$adapterMetad5.category
-        }, (_adapter$adapterMetad6 = adapter.adapterMetadata) === null || _adapter$adapterMetad6 === void 0 ? void 0 : _adapter$adapterMetad6.category));
-      }
-
-      items.push( /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
-        key: adapter.name,
-        value: adapter.name
-      }, (_adapter$adapterMetad7 = adapter.adapterMetadata) !== null && _adapter$adapterMetad7 !== void 0 && _adapter$adapterMetad7.displayName ? (_adapter$adapterMetad8 = adapter.adapterMetadata) === null || _adapter$adapterMetad8 === void 0 ? void 0 : _adapter$adapterMetad8.displayName : adapter.name));
-    }
-  });
-  return items;
+    var currentCategory = '';
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    var items = [];
+    adaptersList.forEach(function (adapter) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        if ((_a = adapter.adapterMetadata) === null || _a === void 0 ? void 0 : _a.category) {
+            if (currentCategory !== ((_b = adapter.adapterMetadata) === null || _b === void 0 ? void 0 : _b.category)) {
+                currentCategory = (_c = adapter.adapterMetadata) === null || _c === void 0 ? void 0 : _c.category;
+                items.push(react_1.default.createElement(material_1.ListSubheader, { key: (_d = adapter.adapterMetadata) === null || _d === void 0 ? void 0 : _d.category, value: (_e = adapter.adapterMetadata) === null || _e === void 0 ? void 0 : _e.category }, (_f = adapter.adapterMetadata) === null || _f === void 0 ? void 0 : _f.category));
+            }
+            items.push(react_1.default.createElement(material_1.MenuItem, { key: adapter.name, value: adapter.name }, ((_g = adapter.adapterMetadata) === null || _g === void 0 ? void 0 : _g.displayName)
+                ? (_h = adapter.adapterMetadata) === null || _h === void 0 ? void 0 : _h.displayName
+                : adapter.name));
+        }
+    });
+    return items;
 }
-
 function getAdapterTypes(pluginManager) {
-  return pluginManager.getElementTypesInGroup('adapter');
+    return pluginManager.getElementTypesInGroup('adapter');
 }
-
 function getTrackTypes(pluginManager) {
-  return pluginManager.getElementTypesInGroup('track');
+    return pluginManager.getElementTypesInGroup('track');
 }
-
-var TextIndexingConfig = (0, _mobxReact.observer)(function (_ref2) {
-  var model = _ref2.model;
-  var classes = useStyles();
-
-  var _useState = (0, _react.useState)(''),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      value1 = _useState2[0],
-      setValue1 = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(''),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      value2 = _useState4[0],
-      setValue2 = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(['Name', 'ID']),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      attributes = _useState6[0],
-      setAttributes = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(['CDS', 'exon']),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      exclude = _useState8[0],
-      setExclude = _useState8[1];
-
-  var sections = [{
-    label: 'Indexing attributes',
-    values: attributes
-  }, {
-    label: 'Feature types to exclude',
-    values: exclude
-  }];
-  (0, _react.useEffect)(function () {
-    model.setTextIndexingConf({
-      attributes: attributes,
-      exclude: exclude
-    });
-  }, [model, attributes, exclude]);
-  return /*#__PURE__*/_react.default.createElement(_core.Paper, {
-    className: classes.paper
-  }, /*#__PURE__*/_react.default.createElement(_core.InputLabel, null, "Indexing configuration"), sections.map(function (section, index) {
-    return /*#__PURE__*/_react.default.createElement(_core.Card, {
-      raised: true,
-      key: section.label,
-      className: classes.card
-    }, /*#__PURE__*/_react.default.createElement(_core.CardContent, null, /*#__PURE__*/_react.default.createElement(_core.InputLabel, null, section.label), /*#__PURE__*/_react.default.createElement(_core.List, {
-      disablePadding: true
-    }, section.values.map(function (val, idx) {
-      return /*#__PURE__*/_react.default.createElement(_core.ListItem, {
-        key: idx,
-        disableGutters: true
-      }, /*#__PURE__*/_react.default.createElement(_core.TextField, {
-        value: val,
-        InputProps: {
-          endAdornment: /*#__PURE__*/_react.default.createElement(_core.InputAdornment, {
-            position: "end"
-          }, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
-            color: "secondary",
-            onClick: function onClick() {
-              var newAttr = section.values.filter(function (a, i) {
-                return i !== idx;
-              });
-              index === 0 ? setAttributes(newAttr) : setExclude(newAttr);
-            }
-          }, /*#__PURE__*/_react.default.createElement(_Delete.default, null)))
-        }
-      }));
-    }), /*#__PURE__*/_react.default.createElement(_core.ListItem, {
-      disableGutters: true
-    }, /*#__PURE__*/_react.default.createElement(_core.TextField, {
-      value: index === 0 ? value1 : value2,
-      placeholder: "add new",
-      onChange: function onChange(event) {
-        index === 0 ? setValue1(event.target.value) : setValue2(event.target.value);
-      },
-      InputProps: {
-        endAdornment: /*#__PURE__*/_react.default.createElement(_core.InputAdornment, {
-          position: "end"
-        }, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
-          onClick: function onClick() {
-            if (index === 0) {
-              var newAttr = attributes;
-              newAttr.push(value1);
-              setAttributes(newAttr);
-              setValue1('');
-            } else {
-              var newFeat = exclude;
-              newFeat.push(value2);
-              setExclude(newFeat);
-              setValue2('');
-            }
-          },
-          disabled: index === 0 ? value1 === '' : value2 === '',
-          color: "secondary",
-          "data-testid": "stringArrayAdd-Feat"
-        }, /*#__PURE__*/_react.default.createElement(_Add.default, null)))
-      }
-    })))));
-  }));
+var TextIndexingConfig = (0, mobx_react_1.observer)(function (_a) {
+    var model = _a.model;
+    var classes = useStyles().classes;
+    var _b = __read((0, react_1.useState)(''), 2), value1 = _b[0], setValue1 = _b[1];
+    var _c = __read((0, react_1.useState)(''), 2), value2 = _c[0], setValue2 = _c[1];
+    var _d = __read((0, react_1.useState)(['Name', 'ID']), 2), attributes = _d[0], setAttributes = _d[1];
+    var _e = __read((0, react_1.useState)(['CDS', 'exon']), 2), exclude = _e[0], setExclude = _e[1];
+    var sections = [
+        {
+            label: 'Indexing attributes',
+            values: attributes,
+        },
+        {
+            label: 'Feature types to exclude',
+            values: exclude,
+        },
+    ];
+    (0, react_1.useEffect)(function () {
+        model.setTextIndexingConf({ attributes: attributes, exclude: 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(function (section, index) { return (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(function (val, idx) { return (react_1.default.createElement(material_1.ListItem, { key: idx, disableGutters: true },
+                        react_1.default.createElement(material_1.TextField, { value: val, InputProps: {
+                                endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" },
+                                    react_1.default.createElement(material_1.IconButton, { color: "secondary", onClick: function () {
+                                            var newAttr = section.values.filter(function (a, i) {
+                                                return i !== idx;
+                                            });
+                                            index === 0
+                                                ? setAttributes(newAttr)
+                                                : 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: function (event) {
+                                index === 0
+                                    ? setValue1(event.target.value)
+                                    : setValue2(event.target.value);
+                            }, InputProps: {
+                                endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" },
+                                    react_1.default.createElement(material_1.IconButton, { onClick: function () {
+                                            if (index === 0) {
+                                                var newAttr = attributes;
+                                                newAttr.push(value1);
+                                                setAttributes(newAttr);
+                                                setValue1('');
+                                            }
+                                            else {
+                                                var newFeat = exclude;
+                                                newFeat.push(value2);
+                                                setExclude(newFeat);
+                                                setValue2('');
+                                            }
+                                        }, disabled: index === 0 ? value1 === '' : value2 === '', color: "secondary", "data-testid": "stringArrayAdd-Feat" },
+                                        react_1.default.createElement(Add_1.default, null)))),
+                            } })))))); })));
 });
-var TrackAdapterSelector = (0, _mobxReact.observer)(function (_ref3) {
-  var model = _ref3.model;
-  var classes = useStyles();
-  var session = (0, _util.getSession)(model);
-  var trackAdapter = model.trackAdapter; // prettier-ignore
-
-  var adapters = getAdapterTypes((0, _mobxStateTree.getEnv)(session).pluginManager);
-  return /*#__PURE__*/_react.default.createElement(_core.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: "adapterType",
-    helperText: "Select an adapter type",
-    select: true,
-    fullWidth: true,
-    onChange: function onChange(event) {
-      model.setAdapterHint(event.target.value);
-    },
-    SelectProps: {
-      // @ts-ignore
-      SelectDisplayProps: {
-        'data-testid': 'adapterTypeSelect'
-      }
-    }
-  }, adapters // Excludes any adapter with the 'adapterMetadata.hiddenFromGUI' property, and anything with the 'adapterMetadata.category' property
-  .filter(function (elt) {
-    var _elt$adapterMetadata, _elt$adapterMetadata2;
-
-    return !((_elt$adapterMetadata = elt.adapterMetadata) !== null && _elt$adapterMetadata !== void 0 && _elt$adapterMetadata.hiddenFromGUI) && !((_elt$adapterMetadata2 = elt.adapterMetadata) !== null && _elt$adapterMetadata2 !== void 0 && _elt$adapterMetadata2.category);
-  }).map(function (elt) {
-    var _elt$adapterMetadata3, _elt$adapterMetadata4;
-
-    return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
-      key: elt.name,
-      value: elt.name
-    }, (_elt$adapterMetadata3 = elt.adapterMetadata) !== null && _elt$adapterMetadata3 !== void 0 && _elt$adapterMetadata3.displayName ? (_elt$adapterMetadata4 = elt.adapterMetadata) === null || _elt$adapterMetadata4 === void 0 ? void 0 : _elt$adapterMetadata4.displayName : elt.name);
-  }), categorizeAdapters(adapters.filter(function (elt) {
-    var _elt$adapterMetadata5;
-
-    return !((_elt$adapterMetadata5 = elt.adapterMetadata) !== null && _elt$adapterMetadata5 !== void 0 && _elt$adapterMetadata5.hiddenFromGUI);
-  })));
+var TrackAdapterSelector = (0, mobx_react_1.observer)(function (_a) {
+    var model = _a.model;
+    var classes = useStyles().classes;
+    var session = (0, util_1.getSession)(model);
+    var trackAdapter = model.trackAdapter;
+    // prettier-ignore
+    var adapters = getAdapterTypes((0, mobx_state_tree_1.getEnv)(session).pluginManager);
+    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: "adapterType", helperText: "Select an adapter type", select: true, fullWidth: true, onChange: function (event) {
+            model.setAdapterHint(event.target.value);
+        }, SelectProps: {
+            // @ts-ignore
+            SelectDisplayProps: { 'data-testid': 'adapterTypeSelect' },
+        } },
+        adapters
+            // Excludes any adapter with the 'adapterMetadata.hiddenFromGUI' property, and anything with the 'adapterMetadata.category' property
+            .filter(function (elt) {
+            var _a, _b;
+            return !((_a = elt.adapterMetadata) === null || _a === void 0 ? void 0 : _a.hiddenFromGUI) &&
+                !((_b = elt.adapterMetadata) === null || _b === void 0 ? void 0 : _b.category);
+        })
+            .map(function (elt) {
+            var _a, _b;
+            return (react_1.default.createElement(material_1.MenuItem, { key: elt.name, value: elt.name }, ((_a = elt.adapterMetadata) === null || _a === void 0 ? void 0 : _a.displayName)
+                ? (_b = elt.adapterMetadata) === null || _b === void 0 ? void 0 : _b.displayName
+                : elt.name));
+        }),
+        categorizeAdapters(adapters.filter(function (elt) { var _a; return !((_a = elt.adapterMetadata) === null || _a === void 0 ? void 0 : _a.hiddenFromGUI); }))));
 });
-
-function UnknownAdapterPrompt(_ref4) {
-  var model = _ref4.model;
-  var classes = useStyles();
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.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", ' ', /*#__PURE__*/_react.default.createElement(_core.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", ' ', /*#__PURE__*/_react.default.createElement(_core.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."), /*#__PURE__*/_react.default.createElement(TrackAdapterSelector, {
-    model: model
-  }));
+function UnknownAdapterPrompt(_a) {
+    var model = _a.model;
+    var classes = useStyles().classes;
+    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, { model: model })));
 }
-
-var TrackTypeSelector = (0, _mobxReact.observer)(function (_ref5) {
-  var model = _ref5.model;
-  var classes = useStyles();
-  var session = (0, _util.getSession)(model);
-  var trackType = model.trackType;
-  var trackTypes = getTrackTypes((0, _mobxStateTree.getEnv)(session).pluginManager);
-  return /*#__PURE__*/_react.default.createElement(_core.TextField, {
-    className: classes.spacing,
-    value: trackType,
-    label: "trackType",
-    helperText: "Select a track type",
-    select: true,
-    fullWidth: true,
-    onChange: function onChange(event) {
-      model.setTrackType(event.target.value);
-    },
-    SelectProps: {
-      // @ts-ignore
-      SelectDisplayProps: {
-        'data-testid': 'trackTypeSelect'
-      }
-    }
-  }, trackTypes.map(function (_ref6) {
-    var name = _ref6.name;
-    return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
-      key: name,
-      value: name
-    }, name);
-  }));
+var TrackTypeSelector = (0, mobx_react_1.observer)(function (_a) {
+    var model = _a.model;
+    var classes = useStyles().classes;
+    var session = (0, util_1.getSession)(model);
+    var trackType = model.trackType;
+    var trackTypes = getTrackTypes((0, mobx_state_tree_1.getEnv)(session).pluginManager);
+    return (react_1.default.createElement(material_1.TextField, { className: classes.spacing, value: trackType, label: "trackType", helperText: "Select a track type", select: true, fullWidth: true, onChange: function (event) {
+            model.setTrackType(event.target.value);
+        }, SelectProps: {
+            // @ts-ignore
+            SelectDisplayProps: { 'data-testid': 'trackTypeSelect' },
+        } }, trackTypes.map(function (_a) {
+        var name = _a.name;
+        return (react_1.default.createElement(material_1.MenuItem, { key: name, value: name }, name));
+    })));
 });
-var TrackAssemblySelector = (0, _mobxReact.observer)(function (_ref7) {
-  var model = _ref7.model;
-  var session = (0, _util.getSession)(model);
-  var assembly = model.assembly;
-  return /*#__PURE__*/_react.default.createElement(_core.TextField, {
-    value: assembly,
-    label: "assemblyName",
-    helperText: "Assembly to which the track will be added",
-    select: true,
-    fullWidth: true,
-    onChange: function onChange(event) {
-      return model.setAssembly(event.target.value);
-    },
-    SelectProps: {
-      // @ts-ignore
-      SelectDisplayProps: {
-        'data-testid': 'assemblyNameSelect'
-      }
-    }
-  }, session.assemblies.map(function (conf) {
-    return (0, _configuration.readConfObject)(conf, 'name');
-  }).map(function (name) {
-    return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
-      key: name,
-      value: name
-    }, name);
-  }));
+var TrackAssemblySelector = (0, mobx_react_1.observer)(function (_a) {
+    var model = _a.model;
+    var session = (0, util_1.getSession)(model);
+    var assembly = model.assembly;
+    return (react_1.default.createElement(material_1.TextField, { value: assembly, label: "assemblyName", helperText: "Assembly to which the track will be added", select: true, fullWidth: true, onChange: function (event) { return model.setAssembly(event.target.value); }, SelectProps: {
+            // @ts-ignore
+            SelectDisplayProps: { 'data-testid': 'assemblyNameSelect' },
+        } }, session.assemblies
+        .map(function (conf) { return (0, configuration_1.readConfObject)(conf, 'name'); })
+        .map(function (name) { return (react_1.default.createElement(material_1.MenuItem, { key: name, value: name }, name)); })));
 });
-
-function ConfirmTrack(_ref8) {
-  var model = _ref8.model;
-  var classes = useStyles();
-
-  var _useState9 = (0, _react.useState)(true),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      check = _useState10[0],
-      setCheck = _useState10[1];
-
-  var trackName = model.trackName,
-      trackAdapter = model.trackAdapter,
-      trackType = model.trackType,
-      warningMessage = model.warningMessage,
-      adapterHint = model.adapterHint;
-
-  if (model.unsupported) {
-    return /*#__PURE__*/_react.default.createElement(_core.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", ' ', /*#__PURE__*/_react.default.createElement(_core.Link, {
-      href: "https://github.com/GMOD/jbrowse-components/releases",
-      target: "_blank",
-      rel: "noopener noreferrer"
-    }, "check for new releases"), ' ', "of JBrowse or", ' ', /*#__PURE__*/_react.default.createElement(_core.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.");
-  }
-
-  if ((trackAdapter === null || trackAdapter === void 0 ? void 0 : trackAdapter.type) === _tracks.UNKNOWN) {
-    return /*#__PURE__*/_react.default.createElement(UnknownAdapterPrompt, {
-      model: model
-    });
-  }
-
-  if (adapterHint === '' && trackAdapter) {
-    model.setAdapterHint(trackAdapter.type);
-  }
-
-  if (!(trackAdapter !== null && trackAdapter !== void 0 && trackAdapter.type)) {
-    return /*#__PURE__*/_react.default.createElement(_core.Typography, null, "Could not recognize this data type.");
-  }
-
-  var supportedForIndexing = (0, _util.supportedIndexingAdapters)(trackAdapter === null || trackAdapter === void 0 ? void 0 : trackAdapter.type);
-  return /*#__PURE__*/_react.default.createElement("div", null, trackAdapter ? /*#__PURE__*/_react.default.createElement(StatusMessage, {
-    trackAdapter: trackAdapter,
-    trackType: trackType
-  }) : null, warningMessage ? /*#__PURE__*/_react.default.createElement(_core.Typography, {
-    style: {
-      color: 'orange'
+function ConfirmTrack(_a) {
+    var model = _a.model;
+    var classes = useStyles().classes;
+    var _b = __read((0, react_1.useState)(true), 2), check = _b[0], setCheck = _b[1];
+    var trackName = model.trackName, trackAdapter = model.trackAdapter, trackType = model.trackType, warningMessage = model.warningMessage, adapterHint = model.adapterHint;
+    if (model.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."));
     }
-  }, warningMessage) : null, /*#__PURE__*/_react.default.createElement(_core.TextField, {
-    className: classes.spacing,
-    label: "trackName",
-    helperText: "A name for this track",
-    fullWidth: true,
-    value: trackName,
-    onChange: function onChange(event) {
-      return model.setTrackName(event.target.value);
-    },
-    inputProps: {
-      'data-testid': 'trackNameInput'
+    if ((trackAdapter === null || trackAdapter === void 0 ? void 0 : trackAdapter.type) === tracks_1.UNKNOWN) {
+        return react_1.default.createElement(UnknownAdapterPrompt, { model: model });
+    }
+    if (adapterHint === '' && trackAdapter) {
+        model.setAdapterHint(trackAdapter.type);
+    }
+    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.");
     }
-  }), /*#__PURE__*/_react.default.createElement(TrackAdapterSelector, {
-    model: model
-  }), /*#__PURE__*/_react.default.createElement(TrackTypeSelector, {
-    model: model
-  }), /*#__PURE__*/_react.default.createElement(TrackAssemblySelector, {
-    model: model
-  }), _util.isElectron && supportedForIndexing && /*#__PURE__*/_react.default.createElement(_core.FormControl, null, /*#__PURE__*/_react.default.createElement(_core.FormControlLabel, {
-    label: 'Index track for text searching?',
-    control: /*#__PURE__*/_react.default.createElement(_core.Checkbox, {
-      checked: check,
-      onChange: function onChange(e) {
-        setCheck(e.target.checked);
-        model.setTextIndexTrack(e.target.checked);
-      }
-    })
-  })), _util.isElectron && check && supportedForIndexing ? /*#__PURE__*/_react.default.createElement(TextIndexingConfig, {
-    model: model
-  }) : null);
+    var supportedForIndexing = (0, util_1.supportedIndexingAdapters)(trackAdapter === null || trackAdapter === void 0 ? void 0 : trackAdapter.type);
+    return (react_1.default.createElement("div", null,
+        trackAdapter ? (react_1.default.createElement(StatusMessage, { trackAdapter: trackAdapter, trackType: trackType })) : null,
+        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: function (event) { return model.setTrackName(event.target.value); }, inputProps: { 'data-testid': 'trackNameInput' } }),
+        react_1.default.createElement(TrackAdapterSelector, { model: model }),
+        react_1.default.createElement(TrackTypeSelector, { model: model }),
+        react_1.default.createElement(TrackAssemblySelector, { model: model }),
+        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: function (e) {
+                        setCheck(e.target.checked);
+                        model.setTextIndexTrack(e.target.checked);
+                    } }) }))),
+        util_1.isElectron && check && supportedForIndexing ? (react_1.default.createElement(TextIndexingConfig, { model: model })) : null));
 }
-
-var _default = (0, _mobxReact.observer)(ConfirmTrack);
-
-exports.default = _default;
+exports.default = (0, mobx_react_1.observer)(ConfirmTrack);
+//# sourceMappingURL=ConfirmTrack.js.map