@jbrowse/plugin-linear-genome-view 1.7.9 → 2.0.0

package/dist/LinearGenomeView/components/ExportSvgDialog.js

@@ -1,147 +1,147 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ExportSvgDlg;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _core = require("@material-ui/core");
-
-var _ui = require("@jbrowse/core/ui");
-
-var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
-
-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 useStyles = (0, _core.makeStyles)(function (theme) {
-  return {
-    closeButton: {
-      position: 'absolute',
-      right: theme.spacing(1),
-      top: theme.spacing(1),
-      color: theme.palette.grey[500]
+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;
 });
-
-function LoadingMessage() {
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.CircularProgress, {
-    size: 20,
-    style: {
-      marginRight: 20
-    }
-  }), /*#__PURE__*/_react.default.createElement(_core.Typography, {
-    display: "inline"
-  }, "Creating SVG"));
-}
-
-function ExportSvgDlg(_ref) {
-  var model = _ref.model,
-      handleClose = _ref.handleClose;
-  // @ts-ignore
-  var offscreenCanvas = typeof OffscreenCanvas !== 'undefined';
-
-  var _useState = (0, _react.useState)(offscreenCanvas),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      rasterizeLayers = _useState2[0],
-      setRasterizeLayers = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      loading = _useState4[0],
-      setLoading = _useState4[1];
-
-  var _useState5 = (0, _react.useState)('jbrowse.svg'),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      filename = _useState6[0],
-      setFilename = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      error = _useState8[0],
-      setError = _useState8[1];
-
-  var classes = useStyles();
-  return /*#__PURE__*/_react.default.createElement(_core.Dialog, {
-    open: true,
-    onClose: handleClose
-  }, /*#__PURE__*/_react.default.createElement(_core.DialogTitle, null, "Export SVG", /*#__PURE__*/_react.default.createElement(_core.IconButton, {
-    className: classes.closeButton,
-    onClick: handleClose
-  }, /*#__PURE__*/_react.default.createElement(_Close.default, null))), /*#__PURE__*/_react.default.createElement(_core.DialogContent, null, error ? /*#__PURE__*/_react.default.createElement(_ui.ErrorMessage, {
-    error: error
-  }) : loading ? /*#__PURE__*/_react.default.createElement(LoadingMessage, null) : null, /*#__PURE__*/_react.default.createElement(_core.TextField, {
-    helperText: "filename",
-    value: filename,
-    onChange: function onChange(event) {
-      return setFilename(event.target.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 };
     }
-  }), offscreenCanvas ? /*#__PURE__*/_react.default.createElement(_core.FormControlLabel, {
-    control: /*#__PURE__*/_react.default.createElement(_core.Checkbox, {
-      checked: rasterizeLayers,
-      onChange: function onChange() {
-        return setRasterizeLayers(function (val) {
-          return !val;
-        });
-      }
-    }),
-    label: "Rasterize canvas based tracks? File may be much larger if this is turned off"
-  }) : /*#__PURE__*/_react.default.createElement(_core.Typography, null, "Note: rasterizing layers not yet supported in this browser, so SVG size may be large")), /*#__PURE__*/_react.default.createElement(_core.DialogActions, null, /*#__PURE__*/_react.default.createElement(_core.Button, {
-    variant: "contained",
-    color: "secondary",
-    onClick: function onClick() {
-      return handleClose();
+};
+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);
     }
-  }, "Cancel"), /*#__PURE__*/_react.default.createElement(_core.Button, {
-    variant: "contained",
-    color: "primary",
-    type: "submit",
-    onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              setLoading(true);
-              setError(undefined);
-              _context.prev = 2;
-              _context.next = 5;
-              return model.exportSvg({
-                rasterizeLayers: rasterizeLayers,
-                filename: filename
-              });
-
-            case 5:
-              handleClose();
-              _context.next = 13;
-              break;
-
-            case 8:
-              _context.prev = 8;
-              _context.t0 = _context["catch"](2);
-              console.error(_context.t0);
-              setError(_context.t0);
-              setLoading(false);
-
-            case 13:
-            case "end":
-              return _context.stop();
-          }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
         }
-      }, _callee, null, [[2, 8]]);
-    }))
-  }, "Submit")));
-}
+        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 mui_1 = require("tss-react/mui");
+var material_1 = require("@mui/material");
+var ui_1 = require("@jbrowse/core/ui");
+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],
+    },
+}); });
+function LoadingMessage() {
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(material_1.CircularProgress, { size: 20, style: { marginRight: 20 } }),
+        react_1.default.createElement(material_1.Typography, { display: "inline" }, "Creating SVG")));
+}
+function ExportSvgDlg(_a) {
+    var _this = this;
+    var model = _a.model, handleClose = _a.handleClose;
+    // @ts-ignore
+    var offscreenCanvas = typeof OffscreenCanvas !== 'undefined';
+    var _b = __read((0, react_1.useState)(offscreenCanvas), 2), rasterizeLayers = _b[0], setRasterizeLayers = _b[1];
+    var _c = __read((0, react_1.useState)(false), 2), loading = _c[0], setLoading = _c[1];
+    var _d = __read((0, react_1.useState)('jbrowse.svg'), 2), filename = _d[0], setFilename = _d[1];
+    var _e = __read((0, react_1.useState)(), 2), error = _e[0], setError = _e[1];
+    var classes = useStyles().classes;
+    return (react_1.default.createElement(material_1.Dialog, { open: true, onClose: handleClose },
+        react_1.default.createElement(material_1.DialogTitle, null,
+            "Export SVG",
+            react_1.default.createElement(material_1.IconButton, { className: classes.closeButton, onClick: handleClose },
+                react_1.default.createElement(Close_1.default, null))),
+        react_1.default.createElement(material_1.DialogContent, null,
+            error ? (react_1.default.createElement(ui_1.ErrorMessage, { error: error })) : loading ? (react_1.default.createElement(LoadingMessage, null)) : null,
+            react_1.default.createElement(material_1.TextField, { helperText: "filename", value: filename, onChange: function (event) { return setFilename(event.target.value); } }),
+            offscreenCanvas ? (react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { checked: rasterizeLayers, onChange: function () { return setRasterizeLayers(function (val) { return !val; }); } }), label: "Rasterize canvas based tracks? File may be much larger if this is turned off" })) : (react_1.default.createElement(material_1.Typography, null, "Note: rasterizing layers not yet supported in this browser, so SVG size may be large"))),
+        react_1.default.createElement(material_1.DialogActions, null,
+            react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: function () { return handleClose(); } }, "Cancel"),
+            react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", onClick: function () { return __awaiter(_this, void 0, void 0, function () {
+                    var e_1;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0:
+                                setLoading(true);
+                                setError(undefined);
+                                _a.label = 1;
+                            case 1:
+                                _a.trys.push([1, 3, , 4]);
+                                return [4 /*yield*/, model.exportSvg({ rasterizeLayers: rasterizeLayers, filename: filename })];
+                            case 2:
+                                _a.sent();
+                                handleClose();
+                                return [3 /*break*/, 4];
+                            case 3:
+                                e_1 = _a.sent();
+                                console.error(e_1);
+                                setError(e_1);
+                                setLoading(false);
+                                return [3 /*break*/, 4];
+                            case 4: return [2 /*return*/];
+                        }
+                    });
+                }); } }, "Submit"))));
+}
+exports.default = ExportSvgDlg;
+//# sourceMappingURL=ExportSvgDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExportSvgDialog.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/ExportSvgDialog.tsx"],"names":[],"mappings":"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"}

package/dist/LinearGenomeView/components/Header.js

@@ -1,144 +1,91 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _mobxReact = require("mobx-react");
-
-var _core = require("@material-ui/core");
-
-var _SearchBox = _interopRequireDefault(require("./SearchBox"));
-
-var _Icons = require("@jbrowse/core/ui/Icons");
-
-var _ArrowForward = _interopRequireDefault(require("@material-ui/icons/ArrowForward"));
-
-var _ArrowBack = _interopRequireDefault(require("@material-ui/icons/ArrowBack"));
-
-var _ = require("..");
-
-var _OverviewScaleBar = _interopRequireDefault(require("./OverviewScaleBar"));
-
-var _ZoomControls = _interopRequireDefault(require("./ZoomControls"));
-
+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 mobx_react_1 = require("mobx-react");
+var material_1 = require("@mui/material");
+var mui_1 = require("tss-react/mui");
+var util_1 = require("@jbrowse/core/util");
 // icons
+var Icons_1 = require("@jbrowse/core/ui/Icons");
+var ArrowForward_1 = __importDefault(require("@mui/icons-material/ArrowForward"));
+var ArrowBack_1 = __importDefault(require("@mui/icons-material/ArrowBack"));
 // locals
-var useStyles = (0, _core.makeStyles)(function (theme) {
-  return {
+var __1 = require("..");
+var OverviewScaleBar_1 = __importDefault(require("./OverviewScaleBar"));
+var ZoomControls_1 = __importDefault(require("./ZoomControls"));
+var SearchBox_1 = __importDefault(require("./SearchBox"));
+var useStyles = (0, mui_1.makeStyles)()(function (theme) { return ({
     headerBar: {
-      height: _.HEADER_BAR_HEIGHT,
-      display: 'flex'
+        height: __1.HEADER_BAR_HEIGHT,
+        display: 'flex',
     },
     headerForm: {
-      flexWrap: 'nowrap',
-      marginRight: 7
+        flexWrap: 'nowrap',
+        marginRight: 7,
     },
     spacer: {
-      flexGrow: 1
+        flexGrow: 1,
     },
     panButton: {
-      background: (0, _core.alpha)(theme.palette.background.paper, 0.8),
-      height: _.WIDGET_HEIGHT,
-      margin: _.SPACING
+        background: (0, material_1.alpha)(theme.palette.background.paper, 0.8),
+        height: __1.WIDGET_HEIGHT,
+        margin: __1.SPACING,
     },
     bp: {
-      display: 'flex',
-      alignItems: 'center',
-      marginLeft: 5
+        display: 'flex',
+        alignItems: 'center',
+        marginLeft: 5,
     },
     toggleButton: {
-      height: 44,
-      border: 'none',
-      margin: theme.spacing(0.5)
+        height: 44,
+        border: 'none',
+        margin: theme.spacing(0.5),
     },
     buttonSpacer: {
-      marginRight: theme.spacing(2)
-    }
-  };
-});
-var HeaderButtons = (0, _mobxReact.observer)(function (_ref) {
-  var model = _ref.model;
-  var classes = useStyles();
-  return /*#__PURE__*/_react.default.createElement(_core.Button, {
-    onClick: model.activateTrackSelector,
-    className: classes.toggleButton,
-    title: "Open track selector",
-    value: "track_select",
-    color: "secondary"
-  }, /*#__PURE__*/_react.default.createElement(_Icons.TrackSelector, {
-    className: classes.buttonSpacer
-  }));
+        marginRight: theme.spacing(2),
+    },
+}); });
+var HeaderButtons = (0, mobx_react_1.observer)(function (_a) {
+    var model = _a.model;
+    var classes = useStyles().classes;
+    return (react_1.default.createElement(material_1.Button, { onClick: model.activateTrackSelector, className: classes.toggleButton, title: "Open track selector", value: "track_select", color: "secondary" },
+        react_1.default.createElement(Icons_1.TrackSelector, { className: classes.buttonSpacer })));
 });
-
-function PanControls(_ref2) {
-  var model = _ref2.model;
-  var classes = useStyles();
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.Button, {
-    variant: "outlined",
-    className: classes.panButton,
-    onClick: function onClick() {
-      return model.slide(-0.9);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_ArrowBack.default, null)), /*#__PURE__*/_react.default.createElement(_core.Button, {
-    variant: "outlined",
-    className: classes.panButton,
-    onClick: function onClick() {
-      return model.slide(0.9);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_ArrowForward.default, null)));
+function PanControls(_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.Button, { variant: "outlined", className: classes.panButton, onClick: function () { return model.slide(-0.9); } },
+            react_1.default.createElement(ArrowBack_1.default, null)),
+        react_1.default.createElement(material_1.Button, { variant: "outlined", className: classes.panButton, onClick: function () { return model.slide(0.9); } },
+            react_1.default.createElement(ArrowForward_1.default, null))));
 }
-
-var RegionWidth = (0, _mobxReact.observer)(function (_ref3) {
-  var model = _ref3.model;
-  var classes = useStyles();
-  var coarseTotalBp = model.coarseTotalBp;
-  return /*#__PURE__*/_react.default.createElement(_core.Typography, {
-    variant: "body2",
-    color: "textSecondary",
-    className: classes.bp
-  }, Math.round(coarseTotalBp).toLocaleString('en-US'), " bp");
+var RegionWidth = (0, mobx_react_1.observer)(function (_a) {
+    var model = _a.model;
+    var classes = useStyles().classes;
+    var coarseTotalBp = model.coarseTotalBp;
+    return (react_1.default.createElement(material_1.Typography, { variant: "body2", color: "textSecondary", className: classes.bp }, (0, util_1.getBpDisplayStr)(coarseTotalBp)));
 });
-
-var Controls = function Controls(_ref4) {
-  var model = _ref4.model;
-  var classes = useStyles();
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.headerBar
-  }, /*#__PURE__*/_react.default.createElement(HeaderButtons, {
-    model: model
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.spacer
-  }), /*#__PURE__*/_react.default.createElement(_core.FormGroup, {
-    row: true,
-    className: classes.headerForm
-  }, /*#__PURE__*/_react.default.createElement(PanControls, {
-    model: model
-  }), /*#__PURE__*/_react.default.createElement(_SearchBox.default, {
-    model: model
-  })), /*#__PURE__*/_react.default.createElement(RegionWidth, {
-    model: model
-  }), /*#__PURE__*/_react.default.createElement(_ZoomControls.default, {
-    model: model
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.spacer
-  }));
+var Controls = function (_a) {
+    var model = _a.model;
+    var classes = useStyles().classes;
+    return (react_1.default.createElement("div", { className: classes.headerBar },
+        react_1.default.createElement(HeaderButtons, { model: model }),
+        react_1.default.createElement("div", { className: classes.spacer }),
+        react_1.default.createElement(material_1.FormGroup, { row: true, className: classes.headerForm },
+            react_1.default.createElement(PanControls, { model: model }),
+            react_1.default.createElement(SearchBox_1.default, { model: model })),
+        react_1.default.createElement(RegionWidth, { model: model }),
+        react_1.default.createElement(ZoomControls_1.default, { model: model }),
+        react_1.default.createElement("div", { className: classes.spacer })));
 };
-
-var LinearGenomeViewHeader = (0, _mobxReact.observer)(function (_ref5) {
-  var model = _ref5.model;
-  return model.hideHeaderOverview ? /*#__PURE__*/_react.default.createElement(Controls, {
-    model: model
-  }) : /*#__PURE__*/_react.default.createElement(_OverviewScaleBar.default, {
-    model: model
-  }, /*#__PURE__*/_react.default.createElement(Controls, {
-    model: model
-  }));
+var LinearGenomeViewHeader = (0, mobx_react_1.observer)(function (_a) {
+    var model = _a.model;
+    return model.hideHeaderOverview ? (react_1.default.createElement(Controls, { model: model })) : (react_1.default.createElement(OverviewScaleBar_1.default, { model: model },
+        react_1.default.createElement(Controls, { model: model })));
 });
-var _default = LinearGenomeViewHeader;
-exports.default = _default;
+exports.default = LinearGenomeViewHeader;
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/Header.tsx"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-export declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"closeButton">;
 export default function HelpDialog({ handleClose, }: {
     handleClose: () => void;
 }): JSX.Element;