@jbrowse/plugin-linear-genome-view 1.7.0 → 1.7.4

package/dist/LinearGenomeView/components/RefNameAutocomplete.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -41,11 +41,11 @@ var _util2 = require("./util");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 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; }
+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; }
 
 // lazy
 var HelpDialog = /*#__PURE__*/(0, _react.lazy)(function () {
@@ -68,7 +68,7 @@ function _filterOptions(options, searchQuery) {
 
 var MyPopper = function MyPopper(props) {
   var style = props.style;
-  return /*#__PURE__*/_react["default"].createElement(_core.Popper, (0, _extends2["default"])({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_core.Popper, (0, _extends2.default)({}, props, {
     style: {
       width: 'fit-content',
       minWidth: Math.min(+((style === null || style === void 0 ? void 0 : style.width) || 0), 200),
@@ -95,32 +95,32 @@ function RefNameAutocomplete(_ref) {
   var assemblyManager = session.assemblyManager;
 
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       open = _useState2[0],
       setOpen = _useState2[1];
 
   var _useState3 = (0, _react.useState)(true),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
       loaded = _useState4[0],
       setLoaded = _useState4[1];
 
   var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
       isHelpDialogDisplayed = _useState6[0],
       setHelpDialogDisplayed = _useState6[1];
 
   var _useState7 = (0, _react.useState)(''),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
       currentSearch = _useState8[0],
       setCurrentSearch = _useState8[1];
 
   var _useState9 = (0, _react.useState)(''),
-      _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
       inputValue = _useState10[0],
       setInputValue = _useState10[1];
 
   var _useState11 = (0, _react.useState)(),
-      _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
+      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
       searchOptions = _useState12[0],
       setSearchOptions = _useState12[1];
 
@@ -143,9 +143,9 @@ function RefNameAutocomplete(_ref) {
   }, [regions]);
   (0, _react.useEffect)(function () {
     var active = true;
-    (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
       var results;
-      return _regenerator["default"].wrap(function _callee$(_context) {
+      return _regenerator.default.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
@@ -206,7 +206,7 @@ function RefNameAutocomplete(_ref) {
   var width = Math.min(Math.max((0, _util.measureText)(inputBoxVal, 16) + 45, minWidth), 550); // notes on implementation:
   // The selectOnFocus setting helps highlight the field when clicked
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"], {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Autocomplete.default, {
     id: "refNameAutocomplete-".concat(model.id),
     "data-testid": "autocomplete",
     disableListWrap: true,
@@ -246,7 +246,7 @@ function RefNameAutocomplete(_ref) {
 
       if (typeof selectedOption === 'string') {
         // handles string inputs on keyPress enter
-        onSelect(new _BaseResults["default"]({
+        onSelect(new _BaseResults.default({
           label: selectedOption
         }));
       } else {
@@ -262,9 +262,9 @@ function RefNameAutocomplete(_ref) {
     filterOptions: function filterOptions(options, params) {
       var filtered = _filterOptions(options, params.inputValue.toLocaleLowerCase());
 
-      return [].concat((0, _toConsumableArray2["default"])(filtered.slice(0, 100)), (0, _toConsumableArray2["default"])(filtered.length > 100 ? [{
+      return [].concat((0, _toConsumableArray2.default)(filtered.slice(0, 100)), (0, _toConsumableArray2.default)(filtered.length > 100 ? [{
         group: 'limitOption',
-        result: new _BaseResults["default"]({
+        result: new _BaseResults.default({
           label: 'keep typing for more results'
         })
       }] : []));
@@ -273,7 +273,7 @@ function RefNameAutocomplete(_ref) {
       var helperText = TextFieldProps.helperText,
           _TextFieldProps$Input = TextFieldProps.InputProps,
           InputProps = _TextFieldProps$Input === void 0 ? {} : _TextFieldProps$Input;
-      return /*#__PURE__*/_react["default"].createElement(_core.TextField, (0, _extends2["default"])({
+      return /*#__PURE__*/_react.default.createElement(_core.TextField, (0, _extends2.default)({
         onBlur: function onBlur() {
           // this is used to restore a refName or the non-user-typed input
           // to the box on blurring
@@ -282,19 +282,19 @@ function RefNameAutocomplete(_ref) {
       }, params, TextFieldProps, {
         helperText: helperText,
         InputProps: _objectSpread(_objectSpread(_objectSpread({}, params.InputProps), InputProps), {}, {
-          endAdornment: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, regions.length === 0 ? /*#__PURE__*/_react["default"].createElement(_core.CircularProgress, {
+          endAdornment: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, regions.length === 0 ? /*#__PURE__*/_react.default.createElement(_core.CircularProgress, {
             color: "inherit",
             size: 20
-          }) : /*#__PURE__*/_react["default"].createElement(_core.InputAdornment, {
+          }) : /*#__PURE__*/_react.default.createElement(_core.InputAdornment, {
             position: "end",
             style: {
               marginRight: 7
             }
-          }, /*#__PURE__*/_react["default"].createElement(_Search["default"], null), showHelp ? /*#__PURE__*/_react["default"].createElement(_core.IconButton, {
+          }, /*#__PURE__*/_react.default.createElement(_Search.default, null), showHelp ? /*#__PURE__*/_react.default.createElement(_core.IconButton, {
             onClick: function onClick() {
               return setHelpDialogDisplayed(true);
             }
-          }, /*#__PURE__*/_react["default"].createElement(_Help["default"], null)) : null), params.InputProps.endAdornment)
+          }, /*#__PURE__*/_react.default.createElement(_Help.default, null)) : null), params.InputProps.endAdornment)
         }),
         placeholder: "Search for location",
         onChange: function onChange(e) {
@@ -306,20 +306,20 @@ function RefNameAutocomplete(_ref) {
       var result = option.result;
       var component = result.getRenderingComponent();
 
-      if (component && /*#__PURE__*/_react["default"].isValidElement(component)) {
+      if (component && /*#__PURE__*/_react.default.isValidElement(component)) {
         return component;
       }
 
-      return /*#__PURE__*/_react["default"].createElement(_core.Typography, {
+      return /*#__PURE__*/_react.default.createElement(_core.Typography, {
         noWrap: true
       }, result.getDisplayString());
     },
     getOptionLabel: function getOptionLabel(option) {
       return (typeof option === 'string' ? option : option.result.getLabel()) || '';
     }
-  }), isHelpDialogDisplayed ? /*#__PURE__*/_react["default"].createElement(_react.Suspense, {
-    fallback: /*#__PURE__*/_react["default"].createElement("div", null)
-  }, /*#__PURE__*/_react["default"].createElement(HelpDialog, {
+  }), isHelpDialogDisplayed ? /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: /*#__PURE__*/_react.default.createElement("div", null)
+  }, /*#__PURE__*/_react.default.createElement(HelpDialog, {
     handleClose: function handleClose() {
       return setHelpDialogDisplayed(false);
     }
@@ -328,4 +328,4 @@ function RefNameAutocomplete(_ref) {
 
 var _default = (0, _mobxReact.observer)(RefNameAutocomplete);
 
-exports["default"] = _default;
+exports.default = _default;

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

@@ -1,20 +1,9 @@
-import React from 'react';
-import ReactPropTypes from 'prop-types';
-import { Instance } from 'mobx-state-tree';
-import { LinearGenomeViewStateModel } from '..';
-declare type LGV = Instance<LinearGenomeViewStateModel>;
-declare function RubberBand({ model, ControlComponent, }: {
-    model: LGV;
-    ControlComponent?: React.ReactElement;
-}): JSX.Element;
-declare namespace RubberBand {
-    var propTypes: {
-        model: ReactPropTypes.Validator<any>;
-        ControlComponent: ReactPropTypes.Requireable<ReactPropTypes.ReactNodeLike>;
-    };
-    var defaultProps: {
-        ControlComponent: JSX.Element;
-    };
-}
-declare const _default: typeof RubberBand;
-export default _default;
+import React from 'react';
+import { LinearGenomeViewModel } from '..';
+declare type LGV = LinearGenomeViewModel;
+declare function RubberBand({ model, ControlComponent, }: {
+    model: LGV;
+    ControlComponent?: React.ReactElement;
+}): JSX.Element;
+declare const _default: typeof RubberBand;
+export default _default;

package/dist/LinearGenomeView/components/RubberBand.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -23,7 +23,7 @@ var _ui = require("@jbrowse/core/ui");
 
 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; }
+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) {
   var background = theme.palette.tertiary ? (0, _core.alpha)(theme.palette.tertiary.main, 0.7) : (0, _core.alpha)(theme.palette.primary.main, 0.7);
@@ -65,12 +65,12 @@ var VerticalGuide = (0, _mobxReact.observer)(function (_ref) {
   var model = _ref.model,
       coordX = _ref.coordX;
   var classes = useStyles();
-  return /*#__PURE__*/_react["default"].createElement(_core.Tooltip, {
+  return /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
     open: true,
     placement: "top",
     title: (0, _util.stringify)(model.pxToBp(coordX)),
     arrow: true
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: classes.guide,
     style: {
       left: coordX,
@@ -82,27 +82,27 @@ var VerticalGuide = (0, _mobxReact.observer)(function (_ref) {
 function RubberBand(_ref2) {
   var model = _ref2.model,
       _ref2$ControlComponen = _ref2.ControlComponent,
-      ControlComponent = _ref2$ControlComponen === void 0 ? /*#__PURE__*/_react["default"].createElement("div", null) : _ref2$ControlComponen;
+      ControlComponent = _ref2$ControlComponen === void 0 ? /*#__PURE__*/_react.default.createElement("div", null) : _ref2$ControlComponen;
 
   var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       startX = _useState2[0],
       setStartX = _useState2[1];
 
   var _useState3 = (0, _react.useState)(),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
       currentX = _useState4[0],
       setCurrentX = _useState4[1]; // clientX and clientY used for anchorPosition for menu
   // offsetX used for calculations about width of selection
 
 
   var _useState5 = (0, _react.useState)(),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
       anchorPosition = _useState6[0],
       setAnchorPosition = _useState6[1];
 
   var _useState7 = (0, _react.useState)(),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
       guideX = _useState8[0],
       setGuideX = _useState8[1];
 
@@ -217,10 +217,10 @@ function RubberBand(_ref2) {
   }
 
   if (startX === undefined) {
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, guideX !== undefined ? /*#__PURE__*/_react["default"].createElement(VerticalGuide, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, guideX !== undefined ? /*#__PURE__*/_react.default.createElement(VerticalGuide, {
       model: model,
       coordX: guideX
-    }) : null, /*#__PURE__*/_react["default"].createElement("div", {
+    }) : null, /*#__PURE__*/_react.default.createElement("div", {
       "data-testid": "rubberBand_controls",
       className: classes.rubberBandControl,
       role: "presentation",
@@ -239,7 +239,7 @@ function RubberBand(_ref2) {
   var leftBpOffset = model.pxToBp(left);
   var rightBpOffset = model.pxToBp(left + width);
   var numOfBpSelected = Math.ceil(width * model.bpPerPx);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, rubberBandRef.current ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_core.Popover, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, rubberBandRef.current ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.Popover, {
     className: classes.popover,
     classes: {
       paper: classes.paper
@@ -256,7 +256,7 @@ function RubberBand(_ref2) {
     },
     keepMounted: true,
     disableRestoreFocus: true
-  }, /*#__PURE__*/_react["default"].createElement(_core.Typography, null, (0, _util.stringify)(leftBpOffset))), /*#__PURE__*/_react["default"].createElement(_core.Popover, {
+  }, /*#__PURE__*/_react.default.createElement(_core.Typography, null, (0, _util.stringify)(leftBpOffset))), /*#__PURE__*/_react.default.createElement(_core.Popover, {
     className: classes.popover,
     classes: {
       paper: classes.paper
@@ -273,17 +273,17 @@ function RubberBand(_ref2) {
     },
     keepMounted: true,
     disableRestoreFocus: true
-  }, /*#__PURE__*/_react["default"].createElement(_core.Typography, null, (0, _util.stringify)(rightBpOffset)))) : null, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_core.Typography, null, (0, _util.stringify)(rightBpOffset)))) : null, /*#__PURE__*/_react.default.createElement("div", {
     ref: rubberBandRef,
     className: classes.rubberBand,
     style: {
       left: left,
       width: width
     }
-  }, /*#__PURE__*/_react["default"].createElement(_core.Typography, {
+  }, /*#__PURE__*/_react.default.createElement(_core.Typography, {
     variant: "h6",
     className: classes.rubberBandText
-  }, numOfBpSelected.toLocaleString('en-US'), " bp")), /*#__PURE__*/_react["default"].createElement("div", {
+  }, numOfBpSelected.toLocaleString('en-US'), " bp")), /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "rubberBand_controls",
     className: classes.rubberBandControl,
     role: "presentation",
@@ -291,7 +291,7 @@ function RubberBand(_ref2) {
     onMouseDown: mouseDown,
     onMouseOut: mouseOut,
     onMouseMove: mouseMove
-  }, ControlComponent), anchorPosition ? /*#__PURE__*/_react["default"].createElement(_ui.Menu, {
+  }, ControlComponent), anchorPosition ? /*#__PURE__*/_react.default.createElement(_ui.Menu, {
     anchorReference: "anchorPosition",
     anchorPosition: {
       left: anchorPosition.clientX,
@@ -306,4 +306,4 @@ function RubberBand(_ref2) {
 
 var _default = (0, _mobxReact.observer)(RubberBand);
 
-exports["default"] = _default;
+exports.default = _default;

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

@@ -1,27 +1,27 @@
-/// <reference types="react" />
-import ReactPropTypes from 'prop-types';
-declare function Ruler({ start, end, bpPerPx, reversed, major, minor, }: {
-    start: number;
-    end: number;
-    bpPerPx: number;
-    reversed?: boolean;
-    major: boolean;
-    minor: boolean;
-}): JSX.Element;
-declare namespace Ruler {
-    var propTypes: {
-        start: ReactPropTypes.Validator<number>;
-        end: ReactPropTypes.Validator<number>;
-        bpPerPx: ReactPropTypes.Validator<number>;
-        reversed: ReactPropTypes.Requireable<boolean>;
-        major: ReactPropTypes.Requireable<boolean>;
-        minor: ReactPropTypes.Requireable<boolean>;
-    };
-    var defaultProps: {
-        reversed: boolean;
-        major: boolean;
-        minor: boolean;
-    };
-}
-declare const _default: typeof Ruler;
-export default _default;
+/// <reference types="react" />
+import ReactPropTypes from 'prop-types';
+declare function Ruler({ start, end, bpPerPx, reversed, major, minor, }: {
+    start: number;
+    end: number;
+    bpPerPx: number;
+    reversed?: boolean;
+    major: boolean;
+    minor: boolean;
+}): JSX.Element;
+declare namespace Ruler {
+    var propTypes: {
+        start: ReactPropTypes.Validator<number>;
+        end: ReactPropTypes.Validator<number>;
+        bpPerPx: ReactPropTypes.Validator<number>;
+        reversed: ReactPropTypes.Requireable<boolean>;
+        major: ReactPropTypes.Requireable<boolean>;
+        minor: ReactPropTypes.Requireable<boolean>;
+    };
+    var defaultProps: {
+        reversed: boolean;
+        major: boolean;
+        minor: boolean;
+    };
+}
+declare const _default: typeof Ruler;
+export default _default;

package/dist/LinearGenomeView/components/Ruler.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _styles = require("@material-ui/core/styles");
 
@@ -53,9 +53,9 @@ function Ruler(_ref) {
       minor = _ref.minor;
   var classes = useStyles();
   var ticks = (0, _util.makeTicks)(start, end, bpPerPx, major, minor);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, ticks.map(function (tick) {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ticks.map(function (tick) {
     var x = (reversed ? end - tick.base : tick.base - start) / bpPerPx;
-    return /*#__PURE__*/_react["default"].createElement("line", {
+    return /*#__PURE__*/_react.default.createElement("line", {
       key: tick.base,
       x1: x,
       x2: x,
@@ -70,7 +70,7 @@ function Ruler(_ref) {
     return tick.type === 'major';
   }).map(function (tick) {
     var x = (reversed ? end - tick.base : tick.base - start) / bpPerPx;
-    return /*#__PURE__*/_react["default"].createElement("text", {
+    return /*#__PURE__*/_react.default.createElement("text", {
       x: x - 3,
       y: 7 + 11,
       key: "label-".concat(tick.base),
@@ -83,12 +83,12 @@ function Ruler(_ref) {
 }
 
 Ruler.propTypes = {
-  start: _propTypes["default"].number.isRequired,
-  end: _propTypes["default"].number.isRequired,
-  bpPerPx: _propTypes["default"].number.isRequired,
-  reversed: _propTypes["default"].bool,
-  major: _propTypes["default"].bool,
-  minor: _propTypes["default"].bool
+  start: _propTypes.default.number.isRequired,
+  end: _propTypes.default.number.isRequired,
+  bpPerPx: _propTypes.default.number.isRequired,
+  reversed: _propTypes.default.bool,
+  major: _propTypes.default.bool,
+  minor: _propTypes.default.bool
 };
 Ruler.defaultProps = {
   reversed: false,
@@ -98,4 +98,4 @@ Ruler.defaultProps = {
 
 var _default = (0, _mobxReact.observer)(Ruler);
 
-exports["default"] = _default;
+exports.default = _default;