@jbrowse/plugin-linear-genome-view 1.7.11 → 2.1.0

package/dist/LinearGenomeView/components/HelpDialog.js

@@ -1,47 +1,65 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = HelpDialog;
-exports.useStyles = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _core = require("@material-ui/core");
-
-var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
-
-var useStyles = (0, _core.makeStyles)(function (theme) {
-  return {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var material_1 = require("@mui/material");
+var mui_1 = require("tss-react/mui");
+var Close_1 = __importDefault(require("@mui/icons-material/Close"));
+var useStyles = (0, mui_1.makeStyles)()(function (theme) { return ({
     closeButton: {
-      position: 'absolute',
-      right: theme.spacing(1),
-      top: theme.spacing(1),
-      color: theme.palette.grey[500]
-    }
-  };
-});
-exports.useStyles = useStyles;
-
-function HelpDialog(_ref) {
-  var handleClose = _ref.handleClose;
-  var classes = useStyles();
-  return /*#__PURE__*/_react.default.createElement(_core.Dialog, {
-    open: true,
-    maxWidth: "xl",
-    onClose: handleClose
-  }, /*#__PURE__*/_react.default.createElement(_core.DialogTitle, null, "Using the search box", handleClose ? /*#__PURE__*/_react.default.createElement(_core.IconButton, {
-    className: classes.closeButton,
-    onClick: function onClick() {
-      return handleClose();
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Close.default, null)) : null), /*#__PURE__*/_react.default.createElement(_core.Divider, null), /*#__PURE__*/_react.default.createElement(_core.DialogContent, null, /*#__PURE__*/_react.default.createElement("h3", null, "Searching"), /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", null, "Jump to a feature or reference sequence by typing its name in the location box and pressing Enter."), /*#__PURE__*/_react.default.createElement("li", null, "Jump to a specific region by typing the region into the location box as: ", /*#__PURE__*/_react.default.createElement("code", null, "ref:start..end"), " or ", /*#__PURE__*/_react.default.createElement("code", null, "ref:start-end"), ". Commas are allowed in the start and end coordinates. A space-separated list of locstrings can be used to open up multiple chromosomes at a time")), /*#__PURE__*/_react.default.createElement("h3", null, "Example Searches"), /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("code", null, "BRCA"), " - searches for the feature named BRCA"), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("code", null, "chr4"), " - jumps to chromosome 4"), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("code", null, "chr4:79,500,000..80,000,000"), " - jumps the region on chromosome 4 between 79.5Mb and 80Mb."), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("code", null, "chr1:1-100 chr2:1-100"), " - create a split view of chr1:1-100 and chr2:1-100"), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("code", null, "chr1 chr2 chr3"), " - open up multiple chromosomes at once"), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("code", null, "chr1:1-100[rev] chr2:1-100"), " - open up the first region in the horizontally flipped orientation"), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("code", null, "chr1 100 200"), " - use whitespace separated refname, start, end"))), /*#__PURE__*/_react.default.createElement(_core.Divider, null), /*#__PURE__*/_react.default.createElement(_core.DialogActions, null, /*#__PURE__*/_react.default.createElement(_core.Button, {
-    onClick: function onClick() {
-      return handleClose();
+        position: 'absolute',
+        right: theme.spacing(1),
+        top: theme.spacing(1),
+        color: theme.palette.grey[500],
     },
-    color: "primary"
-  }, "Close")));
-}
+}); });
+function HelpDialog(_a) {
+    var handleClose = _a.handleClose;
+    var classes = useStyles().classes;
+    return (react_1.default.createElement(material_1.Dialog, { open: true, maxWidth: "xl", onClose: handleClose },
+        react_1.default.createElement(material_1.DialogTitle, null,
+            "Using the search box",
+            handleClose ? (react_1.default.createElement(material_1.IconButton, { className: classes.closeButton, onClick: function () { return handleClose(); } },
+                react_1.default.createElement(Close_1.default, null))) : null),
+        react_1.default.createElement(material_1.Divider, null),
+        react_1.default.createElement(material_1.DialogContent, null,
+            react_1.default.createElement("h3", null, "Searching"),
+            react_1.default.createElement("ul", null,
+                react_1.default.createElement("li", null, "Jump to a feature or reference sequence by typing its name in the location box and pressing Enter."),
+                react_1.default.createElement("li", null,
+                    "Jump to a specific region by typing the region into the location box as: ",
+                    react_1.default.createElement("code", null, "ref:start..end"),
+                    " or ",
+                    react_1.default.createElement("code", null, "ref:start-end"),
+                    ". Commas are allowed in the start and end coordinates. A space-separated list of locstrings can be used to open up multiple chromosomes at a time")),
+            react_1.default.createElement("h3", null, "Example Searches"),
+            react_1.default.createElement("ul", null,
+                react_1.default.createElement("li", null,
+                    react_1.default.createElement("code", null, "BRCA"),
+                    " - searches for the feature named BRCA"),
+                react_1.default.createElement("li", null,
+                    react_1.default.createElement("code", null, "chr4"),
+                    " - jumps to chromosome 4"),
+                react_1.default.createElement("li", null,
+                    react_1.default.createElement("code", null, "chr4:79,500,000..80,000,000"),
+                    " - jumps the region on chromosome 4 between 79.5Mb and 80Mb."),
+                react_1.default.createElement("li", null,
+                    react_1.default.createElement("code", null, "chr1:1-100 chr2:1-100"),
+                    " - create a split view of chr1:1-100 and chr2:1-100"),
+                react_1.default.createElement("li", null,
+                    react_1.default.createElement("code", null, "chr1 chr2 chr3"),
+                    " - open up multiple chromosomes at once"),
+                react_1.default.createElement("li", null,
+                    react_1.default.createElement("code", null, "chr1:1-100[rev] chr2:1-100"),
+                    " - open up the first region in the horizontally flipped orientation"),
+                react_1.default.createElement("li", null,
+                    react_1.default.createElement("code", null, "chr1 100 200"),
+                    " - use whitespace separated refname, start, end"))),
+        react_1.default.createElement(material_1.Divider, null),
+        react_1.default.createElement(material_1.DialogActions, null,
+            react_1.default.createElement(material_1.Button, { onClick: function () { return handleClose(); }, color: "primary" }, "Close"))));
+}
+exports.default = HelpDialog;
+//# sourceMappingURL=HelpDialog.js.map

package/dist/LinearGenomeView/components/HelpDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpDialog.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/HelpDialog.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AACzB,0CAQsB;AACtB,qCAA0C;AAC1C,oEAAiD;AAEjD,IAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,UAAA,KAAK,IAAI,OAAA,CAAC;IACvC,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACvB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACrB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;KAC/B;CACF,CAAC,EAPsC,CAOtC,CAAC,CAAA;AAEH,SAAwB,UAAU,CAAC,EAIlC;QAHC,WAAW,iBAAA;IAIH,IAAA,OAAO,GAAK,SAAS,EAAE,QAAhB,CAAgB;IAC/B,OAAO,CACL,8BAAC,iBAAM,IAAC,IAAI,QAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAE,WAAW;QAC7C,8BAAC,sBAAW;;YAET,WAAW,CAAC,CAAC,CAAC,CACb,8BAAC,qBAAU,IACT,SAAS,EAAE,OAAO,CAAC,WAAW,EAC9B,OAAO,EAAE,cAAM,OAAA,WAAW,EAAE,EAAb,CAAa;gBAE5B,8BAAC,eAAS,OAAG,CACF,CACd,CAAC,CAAC,CAAC,IAAI,CACI;QACd,8BAAC,kBAAO,OAAG;QACX,8BAAC,wBAAa;YACZ,sDAAkB;YAClB;gBACE,+IAGK;gBACL;;oBAEM,6DAA2B;;oBAAI,4DAA0B;wKAI1D,CACF;YACL,6DAAyB;YACzB;gBACE;oBACE,mDAAiB;6DACd;gBACL;oBACE,mDAAiB;+CACd;gBACL;oBACE,0EAAwC;mFAErC;gBACL;oBACE,oEAAkC;0EAE/B;gBACL;oBACE,6DAA2B;8DACxB;gBACL;oBACE,yEAAuC;0FAEpC;gBACL;oBACE,2DAAyB;sEAEtB,CACF,CACS;QAChB,8BAAC,kBAAO,OAAG;QACX,8BAAC,wBAAa;YACZ,8BAAC,iBAAM,IAAC,OAAO,EAAE,cAAM,OAAA,WAAW,EAAE,EAAb,CAAa,EAAE,KAAK,EAAC,SAAS,YAE5C,CACK,CACT,CACV,CAAA;AACH,CAAC;AAxED,6BAwEC"}

package/dist/LinearGenomeView/components/ImportForm.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { LinearGenomeViewModel } from '..';
 declare type LGV = LinearGenomeViewModel;
 declare const ImportForm: ({ model }: {

package/dist/LinearGenomeView/components/ImportForm.js

@@ -1,300 +1,233 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _mobxReact = require("mobx-react");
-
-var _util = require("@jbrowse/core/util");
-
-var _core = require("@material-ui/core");
-
-var _ErrorMessage = _interopRequireDefault(require("@jbrowse/core/ui/ErrorMessage"));
-
-var _BaseResults = _interopRequireDefault(require("@jbrowse/core/TextSearch/BaseResults"));
-
-var _AssemblySelector = _interopRequireDefault(require("@jbrowse/core/ui/AssemblySelector"));
-
-var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
-
-var _RefNameAutocomplete = _interopRequireDefault(require("./RefNameAutocomplete"));
-
-var _util2 = require("./util");
-
-var _ = require("..");
-
-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 || (0, _typeof2.default)(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 SearchResultsDialog = /*#__PURE__*/(0, _react.lazy)(function () {
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require('./SearchResultsDialog'));
-  });
-});
-var useStyles = (0, _core.makeStyles)(function (theme) {
-  return {
-    importFormContainer: {
-      padding: theme.spacing(2)
-    },
-    button: {
-      margin: theme.spacing(2)
-    },
-    container: {
-      padding: theme.spacing(4)
+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 ImportForm = (0, _mobxReact.observer)(function (_ref) {
-  var _regions$;
-
-  var model = _ref.model;
-  var classes = useStyles();
-  var session = (0, _util.getSession)(model);
-  var assemblyNames = session.assemblyNames,
-      assemblyManager = session.assemblyManager,
-      textSearchManager = session.textSearchManager;
-  var rankSearchResults = model.rankSearchResults,
-      isSearchDialogDisplayed = model.isSearchDialogDisplayed,
-      error = model.error;
-
-  var _useState = (0, _react.useState)(assemblyNames[0]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      selectedAsm = _useState2[0],
-      setSelectedAsm = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(error),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      importError = _useState4[0],
-      setImportError = _useState4[1];
-
-  var searchScope = model.searchScope(selectedAsm);
-  var assembly = assemblyManager.get(selectedAsm);
-  var assemblyError = assemblyNames.length ? assembly === null || assembly === void 0 ? void 0 : assembly.error : 'No configured assemblies';
-  var regions = (assembly === null || assembly === void 0 ? void 0 : assembly.regions) || [];
-  var err = assemblyError || importError;
-
-  var _useState5 = (0, _react.useState)(''),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      myVal = _useState6[0],
-      setValue = _useState6[1];
-
-  var value = myVal || ((_regions$ = regions[0]) === null || _regions$ === void 0 ? void 0 : _regions$.refName); // use this instead of useState initializer because the useState initializer
-  // won't update in response to an observable
-
-  var option = new _BaseResults.default({
-    label: value
-  }); // gets a string as input, or use stored option results from previous query,
-  // then re-query and
-  // 1) if it has multiple results: pop a dialog
-  // 2) if it's a single result navigate to it
-  // 3) else assume it's a locstring and navigate to it
-
-  function handleSelectedRegion(_x) {
-    return _handleSelectedRegion.apply(this, arguments);
-  }
-
-  function _handleSelectedRegion() {
-    _handleSelectedRegion = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(input) {
-      var trackId, location, _location$split, _location$split2, ref, rest, allRefs, results;
-
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (option) {
-                _context.next = 2;
-                break;
-              }
-
-              return _context.abrupt("return");
-
-            case 2:
-              trackId = option.getTrackId();
-              location = input || option.getLocation() || '';
-              _location$split = location.split(':'), _location$split2 = (0, _slicedToArray2.default)(_location$split, 2), ref = _location$split2[0], rest = _location$split2[1];
-              allRefs = (assembly === null || assembly === void 0 ? void 0 : assembly.allRefNames) || [];
-              _context.prev = 6;
-
-              if (!(allRefs.includes(location) || allRefs.includes(ref) && rest !== undefined && !Number.isNaN(parseInt(rest, 10)))) {
-                _context.next = 11;
-                break;
-              }
-
-              model.navToLocString(location, selectedAsm);
-              _context.next = 22;
-              break;
-
-            case 11:
-              _context.next = 13;
-              return (0, _util2.fetchResults)({
-                queryString: input,
-                searchType: 'exact',
-                searchScope: searchScope,
-                rankSearchResults: rankSearchResults,
-                textSearchManager: textSearchManager,
-                assembly: assembly
-              });
-
-            case 13:
-              results = _context.sent;
-
-              if (!(results.length > 1)) {
-                _context.next = 19;
-                break;
-              }
-
-              model.setSearchResults(results, input.toLowerCase());
-              return _context.abrupt("return");
-
-            case 19:
-              if (results.length === 1) {
-                location = results[0].getLocation();
-                trackId = results[0].getTrackId();
-              }
-
-            case 20:
-              model.navToLocString(location, selectedAsm);
-
-              if (trackId) {
-                model.showTrack(trackId);
-              }
-
-            case 22:
-              _context.next = 28;
-              break;
-
-            case 24:
-              _context.prev = 24;
-              _context.t0 = _context["catch"](6);
-              console.error(_context.t0);
-              session.notify("".concat(_context.t0), 'warning');
-
-            case 28:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[6, 24]]);
-    }));
-    return _handleSelectedRegion.apply(this, arguments);
-  }
-
-  var height = _.WIDGET_HEIGHT + 5; // implementation notes:
-  // having this wrapped in a form allows intuitive use of enter key to submit
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.container
-  }, err ? /*#__PURE__*/_react.default.createElement(_ErrorMessage.default, {
-    error: err
-  }) : null, /*#__PURE__*/_react.default.createElement(_core.Container, {
-    className: classes.importFormContainer
-  }, /*#__PURE__*/_react.default.createElement("form", {
-    onSubmit: function onSubmit(event) {
-      event.preventDefault();
-      model.setError(undefined);
-
-      if (value) {
-        handleSelectedRegion(value);
-      }
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
-  }, /*#__PURE__*/_react.default.createElement(_core.Grid, {
-    container: true,
-    spacing: 1,
-    justifyContent: "center",
-    alignItems: "center"
-  }, /*#__PURE__*/_react.default.createElement(_core.Grid, {
-    item: true
-  }, /*#__PURE__*/_react.default.createElement(_AssemblySelector.default, {
-    onChange: function onChange(val) {
-      setImportError('');
-      setSelectedAsm(val);
-    },
-    session: session,
-    selected: selectedAsm,
-    InputProps: {
-      style: {
-        height: height
-      }
+};
+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);
     }
-  })), /*#__PURE__*/_react.default.createElement(_core.Grid, {
-    item: true
-  }, selectedAsm ? err ? /*#__PURE__*/_react.default.createElement(_Close.default, {
-    style: {
-      color: 'red'
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
     }
-  }) : value ? /*#__PURE__*/_react.default.createElement(_RefNameAutocomplete.default, {
-    fetchResults: function fetchResults(queryString) {
-      return (0, _util2.fetchResults)({
-        queryString: queryString,
-        assembly: assembly,
-        textSearchManager: textSearchManager,
-        rankSearchResults: rankSearchResults,
-        searchScope: searchScope
-      });
+    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 mui_1 = require("tss-react/mui");
+var mobx_react_1 = require("mobx-react");
+var util_1 = require("@jbrowse/core/util");
+var material_1 = require("@mui/material");
+var ui_1 = require("@jbrowse/core/ui");
+var BaseResults_1 = __importDefault(require("@jbrowse/core/TextSearch/BaseResults"));
+var Close_1 = __importDefault(require("@mui/icons-material/Close"));
+// locals
+var RefNameAutocomplete_1 = __importDefault(require("./RefNameAutocomplete"));
+var util_2 = require("./util");
+var __1 = require("..");
+var SearchResultsDialog = (0, react_1.lazy)(function () { return Promise.resolve().then(function () { return __importStar(require('./SearchResultsDialog')); }); });
+var useStyles = (0, mui_1.makeStyles)()(function (theme) { return ({
+    importFormContainer: {
+        padding: theme.spacing(2),
     },
-    model: model,
-    assemblyName: assemblyError ? undefined : selectedAsm,
-    value: value // note: minWidth 270 accomodates full width of helperText
-    ,
-    minWidth: 270,
-    onChange: function onChange(str) {
-      return setValue(str);
+    button: {
+        margin: theme.spacing(2),
     },
-    TextFieldProps: {
-      variant: 'outlined',
-      helperText: 'Enter sequence name, feature name, or location',
-      style: {
-        minWidth: '175px'
-      },
-      InputProps: {
-        style: {
-          height: height
-        }
-      }
-    }
-  }) : /*#__PURE__*/_react.default.createElement(_core.CircularProgress, {
-    role: "progressbar",
-    size: 20,
-    disableShrink: true
-  }) : null), /*#__PURE__*/_react.default.createElement(_core.Grid, {
-    item: true
-  }, /*#__PURE__*/_react.default.createElement(_core.Button, {
-    type: "submit",
-    disabled: !value,
-    className: classes.button,
-    variant: "contained",
-    color: "primary"
-  }, "Open"), /*#__PURE__*/_react.default.createElement(_core.Button, {
-    disabled: !value,
-    className: classes.button,
-    onClick: function onClick() {
-      model.setError(undefined);
-      model.showAllRegionsInAssembly(selectedAsm);
+    container: {
+        padding: theme.spacing(4),
     },
-    variant: "contained",
-    color: "secondary"
-  }, "Show all regions in assembly"))))), isSearchDialogDisplayed ? /*#__PURE__*/_react.default.createElement(SearchResultsDialog, {
-    model: model,
-    optAssemblyName: selectedAsm,
-    handleClose: function handleClose() {
-      return model.setSearchResults(undefined, undefined);
+}); });
+var ImportForm = (0, mobx_react_1.observer)(function (_a) {
+    var _b;
+    var model = _a.model;
+    var classes = useStyles().classes;
+    var session = (0, util_1.getSession)(model);
+    var assemblyNames = session.assemblyNames, assemblyManager = session.assemblyManager, textSearchManager = session.textSearchManager;
+    var rankSearchResults = model.rankSearchResults, isSearchDialogDisplayed = model.isSearchDialogDisplayed, error = model.error;
+    var _c = __read((0, react_1.useState)(assemblyNames[0]), 2), selectedAsm = _c[0], setSelectedAsm = _c[1];
+    var _d = __read((0, react_1.useState)(error), 2), importError = _d[0], setImportError = _d[1];
+    var searchScope = model.searchScope(selectedAsm);
+    var assembly = assemblyManager.get(selectedAsm);
+    var assemblyError = assemblyNames.length
+        ? assembly === null || assembly === void 0 ? void 0 : assembly.error
+        : 'No configured assemblies';
+    var regions = (assembly === null || assembly === void 0 ? void 0 : assembly.regions) || [];
+    var err = assemblyError || importError;
+    var _e = __read((0, react_1.useState)(''), 2), myVal = _e[0], setValue = _e[1];
+    var value = myVal || ((_b = regions[0]) === null || _b === void 0 ? void 0 : _b.refName);
+    // use this instead of useState initializer because the useState initializer
+    // won't update in response to an observable
+    var option = new BaseResults_1.default({
+        label: value,
+    });
+    // gets a string as input, or use stored option results from previous query,
+    // then re-query and
+    // 1) if it has multiple results: pop a dialog
+    // 2) if it's a single result navigate to it
+    // 3) else assume it's a locstring and navigate to it
+    function handleSelectedRegion(input) {
+        return __awaiter(this, void 0, void 0, function () {
+            var trackId, location, _a, ref, rest, allRefs, results, e_1;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!option) {
+                            return [2 /*return*/];
+                        }
+                        trackId = option.getTrackId();
+                        location = input || option.getLocation() || '';
+                        _a = __read(location.split(':'), 2), ref = _a[0], rest = _a[1];
+                        allRefs = (assembly === null || assembly === void 0 ? void 0 : assembly.allRefNames) || [];
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 5, , 6]);
+                        if (!(allRefs.includes(location) ||
+                            (allRefs.includes(ref) &&
+                                rest !== undefined &&
+                                !Number.isNaN(parseInt(rest, 10))))) return [3 /*break*/, 2];
+                        model.navToLocString(location, selectedAsm);
+                        return [3 /*break*/, 4];
+                    case 2: return [4 /*yield*/, (0, util_2.fetchResults)({
+                            queryString: input,
+                            searchType: 'exact',
+                            searchScope: searchScope,
+                            rankSearchResults: rankSearchResults,
+                            textSearchManager: textSearchManager,
+                            assembly: assembly,
+                        })];
+                    case 3:
+                        results = _b.sent();
+                        if (results.length > 1) {
+                            model.setSearchResults(results, input.toLowerCase());
+                            return [2 /*return*/];
+                        }
+                        else if (results.length === 1) {
+                            location = results[0].getLocation();
+                            trackId = results[0].getTrackId();
+                        }
+                        model.navToLocString(location, selectedAsm);
+                        if (trackId) {
+                            model.showTrack(trackId);
+                        }
+                        _b.label = 4;
+                    case 4: return [3 /*break*/, 6];
+                    case 5:
+                        e_1 = _b.sent();
+                        console.error(e_1);
+                        session.notify("".concat(e_1), 'warning');
+                        return [3 /*break*/, 6];
+                    case 6: return [2 /*return*/];
+                }
+            });
+        });
     }
-  }) : null);
+    var height = __1.WIDGET_HEIGHT + 5;
+    // implementation notes:
+    // having this wrapped in a form allows intuitive use of enter key to submit
+    return (react_1.default.createElement("div", { className: classes.container },
+        err ? react_1.default.createElement(ui_1.ErrorMessage, { error: err }) : null,
+        react_1.default.createElement(material_1.Container, { className: classes.importFormContainer },
+            react_1.default.createElement("form", { onSubmit: function (event) {
+                    event.preventDefault();
+                    model.setError(undefined);
+                    if (value) {
+                        handleSelectedRegion(value);
+                    }
+                } },
+                react_1.default.createElement(material_1.Grid, { container: true, spacing: 1, justifyContent: "center", alignItems: "center" },
+                    react_1.default.createElement(material_1.Grid, { item: true },
+                        react_1.default.createElement(ui_1.AssemblySelector, { onChange: function (val) {
+                                setImportError('');
+                                setSelectedAsm(val);
+                            }, session: session, selected: selectedAsm, InputProps: { style: { height: height } } })),
+                    react_1.default.createElement(material_1.Grid, { item: true }, selectedAsm ? (err ? (react_1.default.createElement(Close_1.default, { style: { color: 'red' } })) : value ? (react_1.default.createElement(RefNameAutocomplete_1.default, { fetchResults: function (queryString) {
+                            return (0, util_2.fetchResults)({
+                                queryString: queryString,
+                                assembly: assembly,
+                                textSearchManager: textSearchManager,
+                                rankSearchResults: rankSearchResults,
+                                searchScope: searchScope,
+                            });
+                        }, model: model, assemblyName: assemblyError ? undefined : selectedAsm, value: value, 
+                        // note: minWidth 270 accomodates full width of helperText
+                        minWidth: 270, onChange: function (str) { return setValue(str); }, TextFieldProps: {
+                            variant: 'outlined',
+                            helperText: 'Enter sequence name, feature name, or location',
+                            style: { minWidth: '175px' },
+                            InputProps: { style: { height: height } },
+                        } })) : (react_1.default.createElement(material_1.CircularProgress, { role: "progressbar", size: 20, disableShrink: true }))) : null),
+                    react_1.default.createElement(material_1.Grid, { item: true },
+                        react_1.default.createElement(material_1.Button, { type: "submit", disabled: !value, className: classes.button, variant: "contained", color: "primary" }, "Open"),
+                        react_1.default.createElement(material_1.Button, { disabled: !value, className: classes.button, onClick: function () {
+                                model.setError(undefined);
+                                model.showAllRegionsInAssembly(selectedAsm);
+                            }, variant: "contained", color: "secondary" }, "Show all regions in assembly"))))),
+        isSearchDialogDisplayed ? (react_1.default.createElement(SearchResultsDialog, { model: model, optAssemblyName: selectedAsm, handleClose: function () { return model.setSearchResults(undefined, undefined); } })) : null));
 });
-var _default = ImportForm;
-exports.default = _default;
+exports.default = ImportForm;
+//# sourceMappingURL=ImportForm.js.map