@jbrowse/core 1.5.5 → 1.5.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (139) hide show
  1. package/BaseFeatureWidget/BaseFeatureDetail.js +78 -91
  2. package/BaseFeatureWidget/SequenceFeatureDetails.js +56 -64
  3. package/BaseFeatureWidget/SequenceFeatureDetails.test.js +9 -9
  4. package/BaseFeatureWidget/index.js +1 -1
  5. package/BaseFeatureWidget/index.test.js +3 -3
  6. package/BaseFeatureWidget/types.js +5 -1
  7. package/BaseFeatureWidget/util.js +9 -13
  8. package/CorePlugin.js +19 -31
  9. package/Plugin.js +11 -13
  10. package/PluginLoader.js +32 -37
  11. package/PluginManager.js +55 -56
  12. package/ReExports/index.js +4 -4
  13. package/ReExports/list.js +2 -2
  14. package/ReExports/material-ui-colors.js +20 -20
  15. package/ReExports/modules.js +47 -51
  16. package/TextSearch/BaseResults.js +24 -34
  17. package/TextSearch/BaseResults.test.js +3 -7
  18. package/TextSearch/TextSearchManager.js +15 -16
  19. package/assemblyManager/assembly.js +33 -38
  20. package/assemblyManager/assemblyConfigSchema.js +2 -2
  21. package/assemblyManager/assemblyManager.js +15 -19
  22. package/assemblyManager/index.js +3 -3
  23. package/configuration/configurationSchema.js +17 -19
  24. package/configuration/configurationSlot.js +11 -11
  25. package/configuration/configurationSlot.test.js +5 -5
  26. package/configuration/util.js +5 -5
  27. package/data_adapters/BaseAdapter.js +37 -39
  28. package/data_adapters/BaseAdapter.test.js +23 -29
  29. package/data_adapters/CytobandAdapter.js +15 -21
  30. package/data_adapters/dataAdapterCache.js +8 -8
  31. package/package.json +3 -4
  32. package/pluggableElementTypes/AdapterType.js +21 -30
  33. package/pluggableElementTypes/ConnectionType.js +18 -28
  34. package/pluggableElementTypes/DisplayType.js +17 -27
  35. package/pluggableElementTypes/InternetAccountType.js +14 -24
  36. package/pluggableElementTypes/PluggableElementBase.js +8 -10
  37. package/pluggableElementTypes/RpcMethodType.js +40 -54
  38. package/pluggableElementTypes/RpcMethodType.test.js +16 -22
  39. package/pluggableElementTypes/TextSearchAdapterType.js +15 -25
  40. package/pluggableElementTypes/TrackType.js +15 -25
  41. package/pluggableElementTypes/ViewType.js +15 -25
  42. package/pluggableElementTypes/WidgetType.js +17 -27
  43. package/pluggableElementTypes/index.js +11 -11
  44. package/pluggableElementTypes/models/BaseConnectionModelFactory.js +5 -5
  45. package/pluggableElementTypes/models/BaseDisplayModel.js +5 -8
  46. package/pluggableElementTypes/models/BaseTrackModel.js +8 -11
  47. package/pluggableElementTypes/models/BaseViewModel.js +3 -3
  48. package/pluggableElementTypes/models/InternetAccountModel.js +4 -4
  49. package/pluggableElementTypes/models/baseConnectionConfig.js +2 -2
  50. package/pluggableElementTypes/models/baseTrackConfig.js +4 -7
  51. package/pluggableElementTypes/models/index.js +4 -4
  52. package/pluggableElementTypes/renderers/BoxRendererType.js +38 -48
  53. package/pluggableElementTypes/renderers/CircularChordRendererType.js +12 -18
  54. package/pluggableElementTypes/renderers/ComparativeServerSideRendererType.js +26 -34
  55. package/pluggableElementTypes/renderers/FeatureRendererType.js +35 -45
  56. package/pluggableElementTypes/renderers/RendererType.js +20 -30
  57. package/pluggableElementTypes/renderers/ServerSideRenderedContent.js +8 -12
  58. package/pluggableElementTypes/renderers/ServerSideRendererType.js +30 -43
  59. package/pluggableElementTypes/renderers/index.js +8 -8
  60. package/pluggableElementTypes/renderers/util/serializableFilterChain.js +8 -10
  61. package/pluggableElementTypes/renderers/util/serializableFilterChain.test.js +2 -2
  62. package/rpc/BaseRpcDriver.js +37 -40
  63. package/rpc/BaseRpcDriver.test.js +48 -62
  64. package/rpc/MainThreadRpcDriver.js +21 -31
  65. package/rpc/RpcManager.js +19 -18
  66. package/rpc/WebWorkerRpcDriver.js +28 -37
  67. package/rpc/configSchema.js +2 -2
  68. package/rpc/coreRpcMethods.js +71 -81
  69. package/rpc/remoteAbortSignals.js +3 -3
  70. package/ui/AboutDialog.js +16 -20
  71. package/ui/App.js +38 -42
  72. package/ui/AssemblySelector.js +5 -5
  73. package/ui/Drawer.js +7 -7
  74. package/ui/DrawerWidget.js +33 -37
  75. package/ui/DropDownMenu.js +9 -21
  76. package/ui/EditableTypography.js +19 -30
  77. package/ui/ErrorMessage.js +5 -5
  78. package/ui/FactoryResetDialog.js +8 -8
  79. package/ui/FatalErrorDialog.js +12 -29
  80. package/ui/FatalErrorDialog.test.js +10 -10
  81. package/ui/FileSelector/FileSelector.js +32 -42
  82. package/ui/FileSelector/LocalFileChooser.js +9 -9
  83. package/ui/FileSelector/UrlChooser.js +4 -4
  84. package/ui/FileSelector/index.js +4 -4
  85. package/ui/Icons.js +9 -9
  86. package/ui/Logo.js +19 -19
  87. package/ui/Menu.js +35 -46
  88. package/ui/NewSessionCards.js +19 -29
  89. package/ui/PrerenderedCanvas.js +10 -27
  90. package/ui/ResizeHandle.js +10 -17
  91. package/ui/SanitizedHTML.js +5 -5
  92. package/ui/SanitizedHTML.test.js +4 -4
  93. package/ui/Snackbar.js +12 -16
  94. package/ui/SnackbarModel.js +1 -1
  95. package/ui/Tooltip.js +7 -11
  96. package/ui/ViewContainer.js +20 -30
  97. package/ui/index.js +13 -17
  98. package/ui/theme.js +11 -15
  99. package/util/Base1DViewModel.js +10 -14
  100. package/util/Base1DViewModel.test.js +5 -5
  101. package/util/QuickLRU.js +26 -30
  102. package/util/aborting.js +15 -25
  103. package/util/analytics.js +6 -6
  104. package/util/blockTypes.js +39 -49
  105. package/util/calculateDynamicBlocks.js +4 -4
  106. package/util/calculateDynamicBlocks.test.js +10 -14
  107. package/util/calculateStaticBlocks.js +1 -1
  108. package/util/calculateStaticBlocks.test.js +15 -15
  109. package/util/compositeMap.js +27 -30
  110. package/util/idMaker.js +4 -4
  111. package/util/index.js +34 -45
  112. package/util/index.test.js +7 -11
  113. package/util/io/RemoteFileWithRangeCache.js +28 -40
  114. package/util/io/index.js +5 -5
  115. package/util/jexl.js +8 -5
  116. package/util/jexlStrings.js +2 -2
  117. package/util/jexlStrings.test.js +2 -2
  118. package/util/layouts/BaseLayout.js +5 -1
  119. package/util/layouts/GranularRectLayout.js +27 -33
  120. package/util/layouts/GranularRectLayout.test.js +10 -10
  121. package/util/layouts/MultiLayout.js +14 -19
  122. package/util/layouts/PrecomputedLayout.js +14 -16
  123. package/util/layouts/PrecomputedMultiLayout.js +17 -23
  124. package/util/layouts/SceneGraph.js +18 -18
  125. package/util/layouts/index.js +6 -6
  126. package/util/offscreenCanvasPonyfill.js +28 -30
  127. package/util/offscreenCanvasUtils.js +5 -5
  128. package/util/range.test.js +20 -20
  129. package/util/rxjs.js +2 -2
  130. package/util/simpleFeature.js +19 -24
  131. package/util/simpleFeature.test.js +3 -3
  132. package/util/stats.js +6 -10
  133. package/util/stats.test.js +14 -14
  134. package/util/types/index.js +32 -34
  135. package/util/types/mst.js +15 -19
  136. package/util/types/util.js +5 -1
  137. package/util/when.js +5 -5
  138. package/babel.config.d.ts +0 -15
  139. package/babel.config.js +0 -19
@@ -1,11 +1,11 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.default = void 0;
8
+ exports["default"] = void 0;
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
@@ -19,7 +19,7 @@ function UrlChooser(props) {
19
19
  var location = props.location,
20
20
  setLocation = props.setLocation,
21
21
  label = props.label;
22
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.TextField, {
22
+ return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_core.TextField, {
23
23
  fullWidth: true,
24
24
  variant: "outlined",
25
25
  inputProps: {
@@ -38,4 +38,4 @@ function UrlChooser(props) {
38
38
 
39
39
  var _default = (0, _mobxReact.observer)(UrlChooser);
40
40
 
41
- exports.default = _default;
41
+ exports["default"] = _default;
@@ -1,13 +1,13 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.default = void 0;
8
+ exports["default"] = void 0;
9
9
 
10
10
  var _FileSelector = _interopRequireDefault(require("./FileSelector"));
11
11
 
12
- var _default = _FileSelector.default;
13
- exports.default = _default;
12
+ var _default = _FileSelector["default"];
13
+ exports["default"] = _default;
package/ui/Icons.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -20,33 +20,33 @@ var _react = _interopRequireDefault(require("react"));
20
20
 
21
21
  // Icons below come from https://material.io/resources/icons/?icon=line_style&style=baseline
22
22
  function ContentCopy(props) {
23
- return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, props, /*#__PURE__*/_react.default.createElement("path", {
23
+ return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], props, /*#__PURE__*/_react["default"].createElement("path", {
24
24
  d: "M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"
25
25
  }));
26
26
  }
27
27
 
28
28
  function ContentCut(props) {
29
- return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, props, /*#__PURE__*/_react.default.createElement("path", {
29
+ return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], props, /*#__PURE__*/_react["default"].createElement("path", {
30
30
  d: "M19,3L13,9L15,11L22,4V3M12,12.5A0.5,0.5 0 0,1 11.5,12A0.5,0.5 0 0,1 12,11.5A0.5,0.5 0 0,1 12.5,12A0.5,0.5 0 0,1 12,12.5M6,20A2,2 0 0,1 4,18C4,16.89 4.9,16 6,16A2,2 0 0,1 8,18C8,19.11 7.1,20 6,20M6,8A2,2 0 0,1 4,6C4,4.89 4.9,4 6,4A2,2 0 0,1 8,6C8,7.11 7.1,8 6,8M9.64,7.64C9.87,7.14 10,6.59 10,6A4,4 0 0,0 6,2A4,4 0 0,0 2,6A4,4 0 0,0 6,10C6.59,10 7.14,9.87 7.64,9.64L10,12L7.64,14.36C7.14,14.13 6.59,14 6,14A4,4 0 0,0 2,18A4,4 0 0,0 6,22A4,4 0 0,0 10,18C10,17.41 9.87,16.86 9.64,16.36L12,14L19,21H22V20L9.64,7.64Z"
31
31
  }));
32
32
  }
33
33
 
34
34
  function ContentPaste(props) {
35
- return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, props, /*#__PURE__*/_react.default.createElement("path", {
35
+ return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], props, /*#__PURE__*/_react["default"].createElement("path", {
36
36
  d: "M19,20H5V4H7V7H17V4H19M12,2A1,1 0 0,1 13,3A1,1 0 0,1 12,4A1,1 0 0,1 11,3A1,1 0 0,1 12,2M19,2H14.82C14.4,0.84 13.3,0 12,0C10.7,0 9.6,0.84 9.18,2H5A2,2 0 0,0 3,4V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V4A2,2 0 0,0 19,2Z"
37
37
  }));
38
38
  } // format-list-checkbox from https://materialdesignicons.com/
39
39
 
40
40
 
41
41
  function TrackSelector(props) {
42
- return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, props, /*#__PURE__*/_react.default.createElement("path", {
42
+ return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], props, /*#__PURE__*/_react["default"].createElement("path", {
43
43
  d: "M21 19v-2H8v2h13m0-6v-2H8v2h13M8 7h13V5H8v2M4 5v2h2V5H4M3 5a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V5m1 6v2h2v-2H4m-1 0a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1v-2m1 6v2h2v-2H4m-1 0a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1v-2z"
44
44
  }));
45
45
  } // content-save-edit from https://materialdesignicons.com/
46
46
 
47
47
 
48
48
  function SaveAs(props) {
49
- return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, props, /*#__PURE__*/_react.default.createElement("path", {
49
+ return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], props, /*#__PURE__*/_react["default"].createElement("path", {
50
50
  fill: "currentColor",
51
51
  d: "M10,19L10.14,18.86C8.9,18.5 8,17.36 8,16A3,3 0 0,1 11,13C12.36,13 13.5,13.9 13.86,15.14L20,9V7L16,3H4C2.89,3 2,3.9 2,5V19A2,2 0 0,0 4,21H10V19M4,5H14V9H4V5M20.04,12.13C19.9,12.13 19.76,12.19 19.65,12.3L18.65,13.3L20.7,15.35L21.7,14.35C21.92,14.14 21.92,13.79 21.7,13.58L20.42,12.3C20.31,12.19 20.18,12.13 20.04,12.13M18.07,13.88L12,19.94V22H14.06L20.12,15.93L18.07,13.88Z"
52
52
  }));
@@ -54,7 +54,7 @@ function SaveAs(props) {
54
54
 
55
55
 
56
56
  function Save(props) {
57
- return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, props, /*#__PURE__*/_react.default.createElement("path", {
57
+ return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], props, /*#__PURE__*/_react["default"].createElement("path", {
58
58
  fill: "currentColor",
59
59
  d: "M15,9H5V5H15M12,19A3,3 0 0,1 9,16A3,3 0 0,1 12,13A3,3 0 0,1 15,16A3,3 0 0,1 12,19M17,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V7L17,3Z"
60
60
  }));
@@ -62,14 +62,14 @@ function Save(props) {
62
62
 
63
63
 
64
64
  function DNA(props) {
65
- return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, props, /*#__PURE__*/_react.default.createElement("path", {
65
+ return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], props, /*#__PURE__*/_react["default"].createElement("path", {
66
66
  fill: "currentColor",
67
67
  d: "M4,2H6V4C6,5.44 6.68,6.61 7.88,7.78C8.74,8.61 9.89,9.41 11.09,10.2L9.26,11.39C8.27,10.72 7.31,10 6.5,9.21C5.07,7.82 4,6.1 4,4V2M18,2H20V4C20,6.1 18.93,7.82 17.5,9.21C16.09,10.59 14.29,11.73 12.54,12.84C10.79,13.96 9.09,15.05 7.88,16.22C6.68,17.39 6,18.56 6,20V22H4V20C4,17.9 5.07,16.18 6.5,14.79C7.91,13.41 9.71,12.27 11.46,11.16C13.21,10.04 14.91,8.95 16.12,7.78C17.32,6.61 18,5.44 18,4V2M14.74,12.61C15.73,13.28 16.69,14 17.5,14.79C18.93,16.18 20,17.9 20,20V22H18V20C18,18.56 17.32,17.39 16.12,16.22C15.26,15.39 14.11,14.59 12.91,13.8L14.74,12.61M7,3H17V4L16.94,4.5H7.06L7,4V3M7.68,6H16.32C16.08,6.34 15.8,6.69 15.42,7.06L14.91,7.5H9.07L8.58,7.06C8.2,6.69 7.92,6.34 7.68,6M9.09,16.5H14.93L15.42,16.94C15.8,17.31 16.08,17.66 16.32,18H7.68C7.92,17.66 8.2,17.31 8.58,16.94L9.09,16.5M7.06,19.5H16.94L17,20V21H7V20L7.06,19.5Z"
68
68
  }));
69
69
  }
70
70
 
71
71
  function Cable(props) {
72
- return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, props, /*#__PURE__*/_react.default.createElement("path", {
72
+ return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], props, /*#__PURE__*/_react["default"].createElement("path", {
73
73
  d: "M20 5V4c0-.55-.45-1-1-1h-2c-.55 0-1 .45-1 1v1h-1v4c0 .55.45 1 1 1h1v7c0 1.1-.9 2-2 2s-2-.9-2-2V7c0-2.21-1.79-4-4-4S5 4.79 5 7v7H4c-.55 0-1 .45-1 1v4h1v1c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-1h1v-4c0-.55-.45-1-1-1H7V7c0-1.1.9-2 2-2s2 .9 2 2v10c0 2.21 1.79 4 4 4s4-1.79 4-4v-7h1c.55 0 1-.45 1-1V5h-1z"
74
74
  }));
75
75
  }
package/ui/Logo.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -42,20 +42,20 @@ function getColors(variant) {
42
42
 
43
43
  function Logomark(_ref) {
44
44
  var variant = _ref.variant;
45
- return /*#__PURE__*/_react.default.createElement("svg", {
45
+ return /*#__PURE__*/_react["default"].createElement("svg", {
46
46
  viewBox: "0 0 175 175"
47
- }, /*#__PURE__*/_react.default.createElement(Icon, {
47
+ }, /*#__PURE__*/_react["default"].createElement(Icon, {
48
48
  variant: variant
49
49
  }));
50
50
  }
51
51
 
52
52
  function LogoFull(_ref2) {
53
53
  var variant = _ref2.variant;
54
- return /*#__PURE__*/_react.default.createElement("svg", {
54
+ return /*#__PURE__*/_react["default"].createElement("svg", {
55
55
  viewBox: "0 0 641 175"
56
- }, /*#__PURE__*/_react.default.createElement(Text, {
56
+ }, /*#__PURE__*/_react["default"].createElement(Text, {
57
57
  variant: variant
58
- }), /*#__PURE__*/_react.default.createElement(Icon, {
58
+ }), /*#__PURE__*/_react["default"].createElement(Icon, {
59
59
  variant: variant
60
60
  }));
61
61
  }
@@ -63,27 +63,27 @@ function LogoFull(_ref2) {
63
63
  function Icon(_ref3) {
64
64
  var variant = _ref3.variant;
65
65
  var colors = getColors(variant);
66
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("path", {
66
+ return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("path", {
67
67
  style: {
68
68
  fill: colors.midnight
69
69
  },
70
70
  d: "M120.5,57.5c.168,0,.333.012.5.013V40.506c-.167,0-.333-.006-.5-.006a98.325,98.325,0,0,0-77.4,37.565q-2.664,3.378-5.023,6.994l14.206,9.327Q54.043,91.709,56,89.179A81.363,81.363,0,0,1,120.5,57.5Z"
71
- }), /*#__PURE__*/_react.default.createElement("path", {
71
+ }), /*#__PURE__*/_react["default"].createElement("path", {
72
72
  style: {
73
73
  fill: colors.forrest
74
74
  },
75
75
  d: "M148.668,86.223c.308.133.6.283.908.42l6.746-15.618c-.153-.067-.3-.143-.454-.21a81.36,81.36,0,0,0-71.777,3.5q-2.8,1.544-5.469,3.309l9.249,14.054A63.93,63.93,0,0,1,148.668,86.223Z"
76
- }), /*#__PURE__*/_react.default.createElement("path", {
76
+ }), /*#__PURE__*/_react["default"].createElement("path", {
77
77
  style: {
78
78
  fill: colors.grape
79
79
  },
80
80
  d: "M170.894,109.37A63.929,63.929,0,0,0,113.4,88.861l2.336,15.474a48.456,48.456,0,0,1,44.322,15.42c.111.125.214.255.324.381l11.16-10C171.323,109.879,171.118,109.62,170.894,109.37Z"
81
- }), /*#__PURE__*/_react.default.createElement("path", {
81
+ }), /*#__PURE__*/_react["default"].createElement("path", {
82
82
  style: {
83
83
  fill: colors.mandarin
84
84
  },
85
85
  d: "M150.921,150.314c.04.163.07.326.107.489l16.509-4.058c-.039-.163-.067-.326-.107-.489A48.457,48.457,0,0,0,135.575,111.8l-5.515,15.591A32.466,32.466,0,0,1,150.921,150.314Z"
86
- }), /*#__PURE__*/_react.default.createElement("path", {
86
+ }), /*#__PURE__*/_react["default"].createElement("path", {
87
87
  style: {
88
88
  fill: colors.gray
89
89
  },
@@ -94,25 +94,25 @@ function Icon(_ref3) {
94
94
  function Text(_ref4) {
95
95
  var variant = _ref4.variant;
96
96
  var colors = getColors(variant);
97
- return /*#__PURE__*/_react.default.createElement("g", {
97
+ return /*#__PURE__*/_react["default"].createElement("g", {
98
98
  "aria-label": "JBrowse",
99
99
  transform: "translate(213.084 144.241)",
100
100
  style: {
101
101
  fill: colors.midnight
102
102
  }
103
- }, /*#__PURE__*/_react.default.createElement("path", {
103
+ }, /*#__PURE__*/_react["default"].createElement("path", {
104
104
  d: "m 26.355,-71.505 v 54.075 2.835 q 0,6.825 -0.42,10.185 -0.735,5.67 -2.835,9.135 -3.255,5.355 -8.505,8.4 -4.83,2.73 -11.55,3.57 L 1.47,11.76 Q 7.35,10.185 9.24,4.2 10.605,-0.105 10.605,-9.975 v -5.565 -55.965 q 1.785,0 4.62,0.315 2.835,0.21 3.255,0.21 1.785,0 2.94,-0.105 4.515,-0.42 4.935,-0.42 z"
105
- }), /*#__PURE__*/_react.default.createElement("path", {
105
+ }), /*#__PURE__*/_react["default"].createElement("path", {
106
106
  d: "m 60.68836,-65.415 v 24.78 h 3.255 q 2.94,0 4.935,-0.525 2.1,-0.525 3.885,-2.1 2.31,-1.995 3.36,-4.83 1.155,-2.835 1.155,-6.09 0,-5.565 -2.94,-8.61 -2.94,-3.045 -8.295,-3.045 -2.52,0 -5.355,0.42 z m 0,30.87 V -6.09 h 5.25 q 4.725,0 8.505,-3.675 3.885,-3.78 3.885,-10.08 0,-8.19 -4.62,-11.655 -4.095,-3.045 -13.02,-3.045 z M 44.93836,0 v -71.505 h 27.09 q 9.135,0 14.385,3.255 6.51,3.99 6.51,12.6 0,7.035 -5.25,11.655 -4.62,4.095 -11.97,5.145 v 0.945 q 7.56,0.735 12.285,3.99 6.615,4.62 6.615,13.335 0,10.185 -7.98,15.75 -6.93,4.83 -17.43,4.83 z"
107
- }), /*#__PURE__*/_react.default.createElement("path", {
107
+ }), /*#__PURE__*/_react["default"].createElement("path", {
108
108
  d: "M 109.44281,0.525 V -50.4 q 1.785,0.21 3.99,0.42 2.31,0.105 3.255,0.105 2.31,0 4.2,-0.21 1.89,-0.21 3.045,-0.315 v 13.02 q 1.89,-6.51 5.46,-9.87 4.41,-4.095 11.655,-4.095 -0.315,2.73 -0.42,6.825 -0.105,3.99 -0.105,7.455 l -0.945,0.84 q -0.945,-0.735 -2.415,-1.05 -1.47,-0.315 -2.94,-0.315 -3.57,0 -6.195,1.89 -2.52,1.785 -3.465,5.04 -0.42,1.155 -0.525,3.15 -0.105,1.89 -0.105,4.515 v 4.515 19.005 q -1.785,-0.21 -2.625,-0.21 -3.675,-0.315 -4.62,-0.315 -2.31,0 -4.2,0.21 -1.89,0.21 -3.045,0.315 z"
109
- }), /*#__PURE__*/_react.default.createElement("path", {
109
+ }), /*#__PURE__*/_react["default"].createElement("path", {
110
110
  d: "m 173.77337,1.47 q -11.655,0 -18.585,-6.825 -6.93,-6.825 -6.93,-18.48 0,-12.6 6.72,-20.055 6.825,-7.455 18.9,-7.455 11.97,0 18.9,6.72 6.93,6.72 6.93,18.48 0,12.285 -6.72,19.74 -7.14,7.875 -19.215,7.875 z m 0.735,-48.09 q -5.88,0 -8.505,6.51 -2.205,5.565 -2.205,15.96 0,8.19 1.47,12.915 2.415,7.98 8.505,7.98 5.565,0 8.19,-7.875 2.205,-6.51 2.205,-16.695 0,-8.505 -2.1,-13.23 -2.52,-5.565 -7.56,-5.565 z"
111
- }), /*#__PURE__*/_react.default.createElement("path", {
111
+ }), /*#__PURE__*/_react["default"].createElement("path", {
112
112
  d: "m 222.03563,-50.4 10.5,36.015 q 3.675,-11.235 5.67,-17.85 2.415,-8.085 5.04,-18.165 1.05,0.105 3.045,0.315 2.1,0.21 2.835,0.21 1.995,0 3.15,-0.105 1.26,-0.21 2.73,-0.42 l 10.71,36.015 q 5.88,-17.43 10.71,-36.015 l 4.2,0.315 4.095,-0.315 q -5.145,13.125 -9.135,24.57 -5.04,14.28 -8.505,26.355 -1.89,-0.21 -3.36,-0.42 -1.365,-0.105 -2.205,-0.105 -1.89,0 -3.36,0.21 -1.365,0.21 -2.31,0.315 l -10.605,-34.755 q -4.41,13.65 -6.72,21.105 -2.31,7.35 -4.095,13.65 -1.89,-0.21 -3.36,-0.42 -1.365,-0.105 -2.31,-0.105 -1.995,0 -3.465,0.21 -1.365,0.21 -2.31,0.315 -3.78,-12.81 -5.04,-17.01 -2.205,-7.245 -5.46,-17.01 -2.835,-8.4 -5.88,-16.905 1.575,0 4.305,0.315 2.73,0.21 3.36,0.21 1.47,0 4.305,-0.21 2.835,-0.315 3.465,-0.315 z"
113
- }), /*#__PURE__*/_react.default.createElement("path", {
113
+ }), /*#__PURE__*/_react["default"].createElement("path", {
114
114
  d: "m 292.84172,-12.81 h 2.625 q 1.47,4.095 4.62,6.51 3.15,2.415 7.35,2.415 2.94,0 5.46,-1.785 2.625,-1.89 2.625,-4.62 0,-3.885 -6.195,-6.615 -10.395,-4.62 -11.655,-5.46 -6.405,-4.515 -6.405,-12.285 0,-7.77 5.25,-12.18 5.25,-4.515 12.81,-4.515 3.99,0 8.085,1.365 4.095,1.26 7.14,3.57 l -2.52,9.24 h -2.94 q -0.63,-3.57 -3.57,-6.195 -2.835,-2.625 -6.405,-2.625 -3.15,0 -5.46,1.575 -2.31,1.47 -2.31,4.515 0,3.885 6.405,6.51 10.185,4.095 11.865,5.25 6.405,4.41 6.405,12.81 0,7.455 -5.46,12.18 -5.355,4.62 -14.805,4.62 -8.19,0 -14.49,-4.305 z"
115
- }), /*#__PURE__*/_react.default.createElement("path", {
115
+ }), /*#__PURE__*/_react["default"].createElement("path", {
116
116
  d: "m 349.61228,-29.925 h 15.54 q 0,-6.51 -1.05,-10.395 -1.68,-6.3 -5.88,-6.3 -5.04,0 -7.14,6.195 -1.47,4.305 -1.47,10.5 z m 30.03,5.04 h -30.03 q 0,9.135 3.045,13.86 3.57,5.67 11.55,5.67 3.255,0 6.405,-1.26 3.15,-1.26 5.88,-3.465 l 1.26,0.945 -2.31,5.88 q -6.72,4.725 -15.015,4.725 -12.915,0 -19.635,-7.245 -6.72,-7.245 -6.72,-20.37 0,-11.235 6.405,-18.165 6.51,-7.035 17.64,-7.035 11.655,0 16.905,7.56 4.62,6.615 4.62,18.9 z"
117
117
  }));
118
118
  }
package/ui/Menu.js CHANGED
@@ -1,21 +1,19 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
4
 
5
- var _typeof = require("@babel/runtime/helpers/typeof");
5
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
6
6
 
7
7
  Object.defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
10
- exports.default = void 0;
10
+ exports["default"] = void 0;
11
11
 
12
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
12
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
13
13
 
14
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
14
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
15
15
 
16
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
17
-
18
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
16
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
19
17
 
20
18
  var _react = _interopRequireWildcard(require("react"));
21
19
 
@@ -34,15 +32,6 @@ var _RadioButtonUnchecked = _interopRequireDefault(require("@material-ui/icons/R
34
32
  var _util = require("../util");
35
33
 
36
34
  var _excluded = ["open", "onClose", "menuItems", "onMenuItemClick"];
37
-
38
- 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); }
39
-
40
- 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; }
41
-
42
- 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; }
43
-
44
- 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; }
45
-
46
35
  var useStyles = (0, _core.makeStyles)({
47
36
  paper: {
48
37
  position: 'fixed',
@@ -84,17 +73,17 @@ function MenuItemEndDecoration(props) {
84
73
  var icon;
85
74
 
86
75
  if (type === 'subMenu') {
87
- icon = /*#__PURE__*/_react.default.createElement(_ArrowRight.default, {
76
+ icon = /*#__PURE__*/_react["default"].createElement(_ArrowRight["default"], {
88
77
  color: "action"
89
78
  });
90
79
  } else if (type === 'checkbox') {
91
80
  if (checked) {
92
81
  var color = disabled ? 'inherit' : 'secondary';
93
- icon = /*#__PURE__*/_react.default.createElement(_CheckBox.default, {
82
+ icon = /*#__PURE__*/_react["default"].createElement(_CheckBox["default"], {
94
83
  color: color
95
84
  });
96
85
  } else {
97
- icon = /*#__PURE__*/_react.default.createElement(_CheckBoxOutlineBlank.default, {
86
+ icon = /*#__PURE__*/_react["default"].createElement(_CheckBoxOutlineBlank["default"], {
98
87
  color: "action"
99
88
  });
100
89
  }
@@ -102,17 +91,17 @@ function MenuItemEndDecoration(props) {
102
91
  if (checked) {
103
92
  var _color = disabled ? 'inherit' : 'secondary';
104
93
 
105
- icon = /*#__PURE__*/_react.default.createElement(_RadioButtonChecked.default, {
94
+ icon = /*#__PURE__*/_react["default"].createElement(_RadioButtonChecked["default"], {
106
95
  color: _color
107
96
  });
108
97
  } else {
109
- icon = /*#__PURE__*/_react.default.createElement(_RadioButtonUnchecked.default, {
98
+ icon = /*#__PURE__*/_react["default"].createElement(_RadioButtonUnchecked["default"], {
110
99
  color: "action"
111
100
  });
112
101
  }
113
102
  }
114
103
 
115
- return /*#__PURE__*/_react.default.createElement("div", {
104
+ return /*#__PURE__*/_react["default"].createElement("div", {
116
105
  className: classes.menuItemEndDecoration
117
106
  }, icon);
118
107
  }
@@ -135,29 +124,29 @@ function findPreviousValidIdx(menuItems, currentIdx) {
135
124
  });
136
125
  }
137
126
 
138
- var MenuPage = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
127
+ var MenuPage = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
139
128
  var _useState = (0, _react.useState)(),
140
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
129
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
141
130
  subMenuAnchorEl = _useState2[0],
142
131
  setSubMenuAnchorEl = _useState2[1];
143
132
 
144
133
  var _useState3 = (0, _react.useState)(),
145
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
134
+ _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
146
135
  openSubMenuIdx = _useState4[0],
147
136
  setOpenSubMenuIdx = _useState4[1];
148
137
 
149
138
  var _useState5 = (0, _react.useState)(false),
150
- _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
139
+ _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
151
140
  isSubMenuOpen = _useState6[0],
152
141
  setIsSubMenuOpen = _useState6[1];
153
142
 
154
143
  var _useState7 = (0, _react.useState)(),
155
- _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
144
+ _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
156
145
  selectedMenuItemIdx = _useState8[0],
157
146
  setSelectedMenuItemIdx = _useState8[1];
158
147
 
159
148
  var _useState9 = (0, _react.useState)(),
160
- _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
149
+ _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
161
150
  position = _useState10[0],
162
151
  setPosition = _useState10[1];
163
152
 
@@ -233,20 +222,20 @@ var MenuPage = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
233
222
  };
234
223
  }
235
224
 
236
- var ListContents = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.MenuList, {
225
+ var ListContents = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_core.MenuList, {
237
226
  autoFocusItem: open && !isSubMenuOpen
238
227
  }, menuItems.sort(function (a, b) {
239
228
  return (b.priority || 0) - (a.priority || 0);
240
229
  }).map(function (menuItem, idx) {
241
230
  if (menuItem.type === 'divider') {
242
- return /*#__PURE__*/_react.default.createElement(_core.Divider, {
231
+ return /*#__PURE__*/_react["default"].createElement(_core.Divider, {
243
232
  key: "divider-".concat(idx),
244
233
  component: "li"
245
234
  });
246
235
  }
247
236
 
248
237
  if (menuItem.type === 'subHeader') {
249
- return /*#__PURE__*/_react.default.createElement(_core.ListSubheader, {
238
+ return /*#__PURE__*/_react["default"].createElement(_core.ListSubheader, {
250
239
  key: "subHeader-".concat(menuItem.label, "-").concat(idx)
251
240
  }, menuItem.label);
252
241
  }
@@ -256,15 +245,15 @@ var MenuPage = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
256
245
 
257
246
  if (menuItem.icon) {
258
247
  var Icon = menuItem.icon;
259
- icon = /*#__PURE__*/_react.default.createElement(_core.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(Icon, null));
248
+ icon = /*#__PURE__*/_react["default"].createElement(_core.ListItemIcon, null, /*#__PURE__*/_react["default"].createElement(Icon, null));
260
249
  }
261
250
 
262
251
  if ('subMenu' in menuItem) {
263
- endDecoration = /*#__PURE__*/_react.default.createElement(MenuItemEndDecoration, {
252
+ endDecoration = /*#__PURE__*/_react["default"].createElement(MenuItemEndDecoration, {
264
253
  type: "subMenu"
265
254
  });
266
255
  } else if (menuItem.type === 'checkbox' || menuItem.type === 'radio') {
267
- endDecoration = /*#__PURE__*/_react.default.createElement(MenuItemEndDecoration, {
256
+ endDecoration = /*#__PURE__*/_react["default"].createElement(MenuItemEndDecoration, {
268
257
  type: menuItem.type,
269
258
  checked: menuItem.checked,
270
259
  disabled: menuItem.disabled
@@ -272,7 +261,7 @@ var MenuPage = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
272
261
  }
273
262
 
274
263
  var onClick = 'onClick' in menuItem ? handleClick(menuItem.onClick) : undefined;
275
- return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
264
+ return /*#__PURE__*/_react["default"].createElement(_core.MenuItem, {
276
265
  key: menuItem.label,
277
266
  style: menuItemStyle,
278
267
  selected: idx === selectedMenuItemIdx,
@@ -310,7 +299,7 @@ var MenuPage = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
310
299
  }
311
300
  },
312
301
  disabled: Boolean(menuItem.disabled)
313
- }, icon, /*#__PURE__*/_react.default.createElement(_core.ListItemText, {
302
+ }, icon, /*#__PURE__*/_react["default"].createElement(_core.ListItemText, {
314
303
  primary: menuItem.label,
315
304
  secondary: menuItem.subLabel,
316
305
  inset: hasIcon && !menuItem.icon
@@ -319,7 +308,7 @@ var MenuPage = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
319
308
  var subMenu = null;
320
309
 
321
310
  if ('subMenu' in menuItem) {
322
- subMenu = /*#__PURE__*/_react.default.createElement(MenuPage, {
311
+ subMenu = /*#__PURE__*/_react["default"].createElement(MenuPage, {
323
312
  key: menuItem.label,
324
313
  anchorEl: subMenuAnchorEl,
325
314
  open: isSubMenuOpen && openSubMenuIdx === idx,
@@ -339,17 +328,17 @@ var MenuPage = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
339
328
  return ListContents;
340
329
  }
341
330
 
342
- return /*#__PURE__*/_react.default.createElement(_core.Grow, {
343
- in: open,
331
+ return /*#__PURE__*/_react["default"].createElement(_core.Grow, {
332
+ "in": open,
344
333
  style: {
345
334
  transformOrigin: "0 0 0"
346
335
  },
347
336
  ref: ref
348
- }, /*#__PURE__*/_react.default.createElement(_core.Paper, {
337
+ }, /*#__PURE__*/_react["default"].createElement(_core.Paper, {
349
338
  elevation: 8,
350
339
  ref: paperRef,
351
340
  className: classes.paper,
352
- style: _objectSpread({}, position)
341
+ style: (0, _objectSpread2["default"])({}, position)
353
342
  }, ListContents));
354
343
  });
355
344
 
@@ -358,15 +347,15 @@ function Menu(props) {
358
347
  onClose = props.onClose,
359
348
  menuItems = props.menuItems,
360
349
  onMenuItemClick = props.onMenuItemClick,
361
- other = (0, _objectWithoutProperties2.default)(props, _excluded);
362
- return /*#__PURE__*/_react.default.createElement(_core.Popover, (0, _extends2.default)({
350
+ other = (0, _objectWithoutProperties2["default"])(props, _excluded);
351
+ return /*#__PURE__*/_react["default"].createElement(_core.Popover, Object.assign({
363
352
  transitionDuration: 0,
364
353
  open: open,
365
354
  onClose: onClose,
366
355
  BackdropProps: {
367
356
  invisible: true
368
357
  }
369
- }, other), /*#__PURE__*/_react.default.createElement(MenuPage, {
358
+ }, other), /*#__PURE__*/_react["default"].createElement(MenuPage, {
370
359
  open: open,
371
360
  onClose: onClose,
372
361
  menuItems: menuItems,
@@ -376,4 +365,4 @@ function Menu(props) {
376
365
  }
377
366
 
378
367
  var _default = Menu;
379
- exports.default = _default;
368
+ exports["default"] = _default;