@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
package/ui/App.js CHANGED
@@ -1,15 +1,15 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
4
4
 
5
- var _typeof = require("@babel/runtime/helpers/typeof");
5
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
12
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
13
13
 
14
14
  var _react = _interopRequireWildcard(require("react"));
15
15
 
@@ -35,10 +35,6 @@ var _Snackbar = _interopRequireDefault(require("./Snackbar"));
35
35
 
36
36
  var _ViewContainer = _interopRequireDefault(require("./ViewContainer"));
37
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
38
  // locals
43
39
  var useStyles = (0, _core.makeStyles)(function (theme) {
44
40
  return {
@@ -125,11 +121,11 @@ var Logo = (0, _mobxReact.observer)(function (_ref) {
125
121
  var logoPath = (0, _configuration.readConfObject)(configuration, 'logoPath');
126
122
 
127
123
  if (!(logoPath !== null && logoPath !== void 0 && logoPath.uri)) {
128
- return /*#__PURE__*/_react.default.createElement(_Logo.LogoFull, {
124
+ return /*#__PURE__*/_react["default"].createElement(_Logo.LogoFull, {
129
125
  variant: "white"
130
126
  });
131
127
  } else {
132
- return /*#__PURE__*/_react.default.createElement("img", {
128
+ return /*#__PURE__*/_react["default"].createElement("img", {
133
129
  src: logoPath.uri,
134
130
  alt: "Custom logo"
135
131
  });
@@ -140,7 +136,7 @@ var App = (0, _mobxReact.observer)(function (_ref2) {
140
136
 
141
137
  var session = _ref2.session,
142
138
  _ref2$HeaderButtons = _ref2.HeaderButtons,
143
- HeaderButtons = _ref2$HeaderButtons === void 0 ? /*#__PURE__*/_react.default.createElement("div", null) : _ref2$HeaderButtons;
139
+ HeaderButtons = _ref2$HeaderButtons === void 0 ? /*#__PURE__*/_react["default"].createElement("div", null) : _ref2$HeaderButtons;
144
140
  var classes = useStyles();
145
141
 
146
142
  var _getEnv = (0, _mobxStateTree.getEnv)(session),
@@ -149,7 +145,7 @@ var App = (0, _mobxReact.observer)(function (_ref2) {
149
145
  var viewTypes = pluginManager.getElementTypeRecord('view').all();
150
146
 
151
147
  var _useState = (0, _react.useState)((_viewTypes$ = viewTypes[0]) === null || _viewTypes$ === void 0 ? void 0 : _viewTypes$.name),
152
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
148
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
153
149
  value = _useState2[0],
154
150
  setValue = _useState2[1];
155
151
 
@@ -180,37 +176,37 @@ var App = (0, _mobxReact.observer)(function (_ref2) {
180
176
  grid = [drawerVisible ? "[drawer] ".concat(drawerWidth, "px") : undefined, "[main] 1fr"];
181
177
  }
182
178
 
183
- return /*#__PURE__*/_react.default.createElement("div", {
179
+ return /*#__PURE__*/_react["default"].createElement("div", {
184
180
  className: classes.root,
185
181
  style: {
186
182
  gridTemplateColumns: (_grid = grid) === null || _grid === void 0 ? void 0 : _grid.filter(function (f) {
187
183
  return !!f;
188
184
  }).join(' ')
189
185
  }
190
- }, drawerVisible && drawerPosition === 'left' ? /*#__PURE__*/_react.default.createElement(_DrawerWidget.default, {
186
+ }, drawerVisible && drawerPosition === 'left' ? /*#__PURE__*/_react["default"].createElement(_DrawerWidget["default"], {
191
187
  session: session
192
- }) : null, session.DialogComponent ? /*#__PURE__*/_react.default.createElement(_react.Suspense, {
193
- fallback: /*#__PURE__*/_react.default.createElement("div", null)
194
- }, /*#__PURE__*/_react.default.createElement(session.DialogComponent, session.DialogProps)) : null, /*#__PURE__*/_react.default.createElement("div", {
188
+ }) : null, session.DialogComponent ? /*#__PURE__*/_react["default"].createElement(_react.Suspense, {
189
+ fallback: /*#__PURE__*/_react["default"].createElement("div", null)
190
+ }, /*#__PURE__*/_react["default"].createElement(session.DialogComponent, session.DialogProps)) : null, /*#__PURE__*/_react["default"].createElement("div", {
195
191
  className: classes.menuBarAndComponents
196
- }, /*#__PURE__*/_react.default.createElement("div", {
192
+ }, /*#__PURE__*/_react["default"].createElement("div", {
197
193
  className: classes.menuBar
198
- }, /*#__PURE__*/_react.default.createElement(_core.AppBar, {
194
+ }, /*#__PURE__*/_react["default"].createElement(_core.AppBar, {
199
195
  className: classes.appBar,
200
196
  position: "static"
201
- }, /*#__PURE__*/_react.default.createElement(_core.Toolbar, null, menus.map(function (menu) {
202
- return /*#__PURE__*/_react.default.createElement(_DropDownMenu.default, {
197
+ }, /*#__PURE__*/_react["default"].createElement(_core.Toolbar, null, menus.map(function (menu) {
198
+ return /*#__PURE__*/_react["default"].createElement(_DropDownMenu["default"], {
203
199
  key: menu.label,
204
200
  menuTitle: menu.label,
205
201
  menuItems: menu.menuItems,
206
202
  session: session
207
203
  });
208
- }), /*#__PURE__*/_react.default.createElement("div", {
204
+ }), /*#__PURE__*/_react["default"].createElement("div", {
209
205
  className: classes.grow
210
- }), /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
206
+ }), /*#__PURE__*/_react["default"].createElement(_core.Tooltip, {
211
207
  title: "Rename Session",
212
208
  arrow: true
213
- }, /*#__PURE__*/_react.default.createElement(_EditableTypography.default, {
209
+ }, /*#__PURE__*/_react["default"].createElement(_EditableTypography["default"], {
214
210
  value: name,
215
211
  setValue: handleNameChange,
216
212
  variant: "body1",
@@ -219,16 +215,16 @@ var App = (0, _mobxReact.observer)(function (_ref2) {
219
215
  inputRoot: classes.inputRoot,
220
216
  inputFocused: classes.inputFocused
221
217
  }
222
- })), HeaderButtons, /*#__PURE__*/_react.default.createElement("div", {
218
+ })), HeaderButtons, /*#__PURE__*/_react["default"].createElement("div", {
223
219
  className: classes.grow
224
- }), /*#__PURE__*/_react.default.createElement("div", {
220
+ }), /*#__PURE__*/_react["default"].createElement("div", {
225
221
  style: {
226
222
  width: 150,
227
223
  maxHeight: 48
228
224
  }
229
- }, /*#__PURE__*/_react.default.createElement(Logo, {
225
+ }, /*#__PURE__*/_react["default"].createElement(Logo, {
230
226
  session: session
231
- }))))), /*#__PURE__*/_react.default.createElement("div", {
227
+ }))))), /*#__PURE__*/_react["default"].createElement("div", {
232
228
  className: classes.components
233
229
  }, views.length ? views.map(function (view) {
234
230
  var viewType = pluginManager.getViewType(view.type);
@@ -241,57 +237,57 @@ var App = (0, _mobxReact.observer)(function (_ref2) {
241
237
  return (
242
238
  /*#__PURE__*/
243
239
  // @ts-ignore
244
- _react.default.createElement(_ViewContainer.default, {
240
+ _react["default"].createElement(_ViewContainer["default"], {
245
241
  key: "view-".concat(view.id),
246
242
  view: view,
247
243
  onClose: function onClose() {
248
244
  return session.removeView(view);
249
245
  }
250
- }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
251
- fallback: /*#__PURE__*/_react.default.createElement("div", null, "Loading...")
252
- }, /*#__PURE__*/_react.default.createElement(ReactComponent, {
246
+ }, /*#__PURE__*/_react["default"].createElement(_react.Suspense, {
247
+ fallback: /*#__PURE__*/_react["default"].createElement("div", null, "Loading...")
248
+ }, /*#__PURE__*/_react["default"].createElement(ReactComponent, {
253
249
  model: view,
254
250
  session: session,
255
251
  getTrackType: pluginManager.getTrackType
256
252
  })))
257
253
  );
258
- }) : /*#__PURE__*/_react.default.createElement(_core.Paper, {
254
+ }) : /*#__PURE__*/_react["default"].createElement(_core.Paper, {
259
255
  className: classes.selectPaper
260
- }, /*#__PURE__*/_react.default.createElement(_core.Typography, null, "Select a view to launch"), /*#__PURE__*/_react.default.createElement(_core.Select, {
256
+ }, /*#__PURE__*/_react["default"].createElement(_core.Typography, null, "Select a view to launch"), /*#__PURE__*/_react["default"].createElement(_core.Select, {
261
257
  value: value,
262
258
  onChange: function onChange(event) {
263
259
  return setValue(event.target.value);
264
260
  }
265
261
  }, viewTypes.map(function (_ref3) {
266
262
  var name = _ref3.name;
267
- return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
263
+ return /*#__PURE__*/_react["default"].createElement(_core.MenuItem, {
268
264
  key: name,
269
265
  value: name
270
266
  }, name);
271
- })), /*#__PURE__*/_react.default.createElement(_core.Button, {
267
+ })), /*#__PURE__*/_react["default"].createElement(_core.Button, {
272
268
  onClick: function onClick() {
273
269
  session.addView(value, {});
274
270
  },
275
271
  variant: "contained",
276
272
  color: "primary"
277
- }, "Launch view")), /*#__PURE__*/_react.default.createElement("div", {
273
+ }, "Launch view")), /*#__PURE__*/_react["default"].createElement("div", {
278
274
  style: {
279
275
  height: 300
280
276
  }
281
- }))), activeWidgets.size > 0 && minimized ? /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
277
+ }))), activeWidgets.size > 0 && minimized ? /*#__PURE__*/_react["default"].createElement(_core.Tooltip, {
282
278
  title: "Open drawer widget"
283
- }, /*#__PURE__*/_react.default.createElement(_core.Fab, {
279
+ }, /*#__PURE__*/_react["default"].createElement(_core.Fab, {
284
280
  className: drawerPosition === 'right' ? classes.fabRight : classes.fabLeft,
285
281
  color: "primary",
286
282
  "data-testid": "drawer-maximize",
287
283
  onClick: function onClick() {
288
284
  return session.showWidgetDrawer();
289
285
  }
290
- }, /*#__PURE__*/_react.default.createElement(_Launch.default, null))) : null, drawerVisible && drawerPosition === 'right' ? /*#__PURE__*/_react.default.createElement(_DrawerWidget.default, {
286
+ }, /*#__PURE__*/_react["default"].createElement(_Launch["default"], null))) : null, drawerVisible && drawerPosition === 'right' ? /*#__PURE__*/_react["default"].createElement(_DrawerWidget["default"], {
291
287
  session: session
292
- }) : null, /*#__PURE__*/_react.default.createElement(_Snackbar.default, {
288
+ }) : null, /*#__PURE__*/_react["default"].createElement(_Snackbar["default"], {
293
289
  session: session
294
290
  }));
295
291
  });
296
292
  var _default = App;
297
- exports.default = _default;
293
+ exports["default"] = _default;
@@ -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
 
@@ -30,7 +30,7 @@ var AssemblySelector = (0, _mobxReact.observer)(function (_ref) {
30
30
  var assemblyNames = session.assemblyNames,
31
31
  assemblyManager = session.assemblyManager;
32
32
  var error = assemblyNames.length ? '' : 'No configured assemblies';
33
- return /*#__PURE__*/_react.default.createElement(_core.TextField, {
33
+ return /*#__PURE__*/_react["default"].createElement(_core.TextField, {
34
34
  select: true,
35
35
  label: "Assembly",
36
36
  variant: "outlined",
@@ -49,11 +49,11 @@ var AssemblySelector = (0, _mobxReact.observer)(function (_ref) {
49
49
  }, assemblyNames.map(function (name) {
50
50
  var assembly = assemblyManager.get(name);
51
51
  var displayName = assembly ? (0, _configuration.getConf)(assembly, 'displayName') : '';
52
- return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
52
+ return /*#__PURE__*/_react["default"].createElement(_core.MenuItem, {
53
53
  key: name,
54
54
  value: name
55
55
  }, displayName || name);
56
56
  }));
57
57
  });
58
58
  var _default = AssemblySelector;
59
- exports.default = _default;
59
+ exports["default"] = _default;
package/ui/Drawer.js CHANGED
@@ -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
 
@@ -24,7 +24,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
24
24
  height: '100%',
25
25
  zIndex: theme.zIndex.drawer,
26
26
  outline: 'none',
27
- background: theme.palette.background.default
27
+ background: theme.palette.background["default"]
28
28
  },
29
29
  resizeHandle: {
30
30
  width: 4,
@@ -41,15 +41,15 @@ function Drawer(_ref) {
41
41
  var drawerPosition = session.drawerPosition,
42
42
  drawerWidth = session.drawerWidth;
43
43
  var classes = useStyles();
44
- return /*#__PURE__*/_react.default.createElement(_Paper.default, {
44
+ return /*#__PURE__*/_react["default"].createElement(_Paper["default"], {
45
45
  className: classes.paper,
46
46
  elevation: 16,
47
47
  square: true
48
- }, drawerPosition === 'right' ? /*#__PURE__*/_react.default.createElement(_ResizeHandle.default, {
48
+ }, drawerPosition === 'right' ? /*#__PURE__*/_react["default"].createElement(_ResizeHandle["default"], {
49
49
  onDrag: session.resizeDrawer,
50
50
  className: classes.resizeHandle,
51
51
  vertical: true
52
- }) : null, children, drawerPosition === 'left' ? /*#__PURE__*/_react.default.createElement(_ResizeHandle.default, {
52
+ }) : null, children, drawerPosition === 'left' ? /*#__PURE__*/_react["default"].createElement(_ResizeHandle["default"], {
53
53
  onDrag: session.resizeDrawer,
54
54
  className: classes.resizeHandle,
55
55
  style: {
@@ -61,4 +61,4 @@ function Drawer(_ref) {
61
61
 
62
62
  var _default = (0, _mobxReact.observer)(Drawer);
63
63
 
64
- exports.default = _default;
64
+ exports["default"] = _default;
@@ -1,15 +1,15 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
4
4
 
5
- var _typeof = require("@babel/runtime/helpers/typeof");
5
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
12
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
13
13
 
14
14
  var _react = _interopRequireWildcard(require("react"));
15
15
 
@@ -29,16 +29,12 @@ var _MoreVert = _interopRequireDefault(require("@material-ui/icons/MoreVert"));
29
29
 
30
30
  var _Drawer = _interopRequireDefault(require("./Drawer"));
31
31
 
32
- 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); }
33
-
34
- 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; }
35
-
36
32
  // icons
37
33
  // locals
38
34
  var useStyles = (0, _core.makeStyles)(function (theme) {
39
35
  return {
40
36
  drawerActions: {
41
- float: 'right',
37
+ "float": 'right',
42
38
  '&:hover': {
43
39
  backgroundColor: (0, _core.alpha)(theme.palette.secondary.contrastText, theme.palette.action.hoverOpacity),
44
40
  '@media (hover: none)': {
@@ -78,21 +74,21 @@ var DrawerHeader = (0, _mobxReact.observer)(function (_ref) {
78
74
  drawerPosition = session.drawerPosition;
79
75
  var classes = useStyles();
80
76
 
81
- var _React$useState = _react.default.useState(null),
82
- _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
77
+ var _React$useState = _react["default"].useState(null),
78
+ _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
83
79
  anchorEl = _React$useState2[0],
84
80
  setAnchorEl = _React$useState2[1];
85
81
 
86
- return /*#__PURE__*/_react.default.createElement(_core.AppBar, {
82
+ return /*#__PURE__*/_react["default"].createElement(_core.AppBar, {
87
83
  position: "sticky",
88
84
  className: classes.header,
89
85
  ref: function ref(_ref2) {
90
86
  return setToolbarHeight((_ref2 === null || _ref2 === void 0 ? void 0 : _ref2.getBoundingClientRect().height) || 0);
91
87
  }
92
- }, /*#__PURE__*/_react.default.createElement(_core.Toolbar, {
88
+ }, /*#__PURE__*/_react["default"].createElement(_core.Toolbar, {
93
89
  disableGutters: true,
94
90
  className: classes.drawerToolbar
95
- }, /*#__PURE__*/_react.default.createElement(_core.Select, {
91
+ }, /*#__PURE__*/_react["default"].createElement(_core.Select, {
96
92
  value: visibleWidget === null || visibleWidget === void 0 ? void 0 : visibleWidget.id,
97
93
  "data-testid": "widget-drawer-selects",
98
94
  className: classes.drawerSelect,
@@ -103,7 +99,7 @@ var DrawerHeader = (0, _mobxReact.observer)(function (_ref) {
103
99
  var widget = session.activeWidgets.get(widgetId);
104
100
 
105
101
  if (!widget) {
106
- return /*#__PURE__*/_react.default.createElement(_core.Typography, {
102
+ return /*#__PURE__*/_react["default"].createElement(_core.Typography, {
107
103
  variant: "h6",
108
104
  color: "inherit"
109
105
  }, "Unknown widget");
@@ -112,9 +108,9 @@ var DrawerHeader = (0, _mobxReact.observer)(function (_ref) {
112
108
  var widgetType = pluginManager.getWidgetType(widget.type);
113
109
  var HeadingComponent = widgetType.HeadingComponent,
114
110
  heading = widgetType.heading;
115
- return HeadingComponent ? /*#__PURE__*/_react.default.createElement(HeadingComponent, {
111
+ return HeadingComponent ? /*#__PURE__*/_react["default"].createElement(HeadingComponent, {
116
112
  model: widget
117
- }) : /*#__PURE__*/_react.default.createElement(_core.Typography, {
113
+ }) : /*#__PURE__*/_react["default"].createElement(_core.Typography, {
118
114
  variant: "h6",
119
115
  color: "inherit"
120
116
  }, heading);
@@ -132,56 +128,56 @@ var DrawerHeader = (0, _mobxReact.observer)(function (_ref) {
132
128
  var widgetType = pluginManager.getWidgetType(widget.type);
133
129
  var HeadingComponent = widgetType.HeadingComponent,
134
130
  heading = widgetType.heading;
135
- return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
131
+ return /*#__PURE__*/_react["default"].createElement(_core.MenuItem, {
136
132
  "data-testid": "widget-drawer-selects-item-".concat(widget.type),
137
133
  key: widget.id,
138
134
  value: widget.id
139
- }, HeadingComponent ? /*#__PURE__*/_react.default.createElement(HeadingComponent, {
135
+ }, HeadingComponent ? /*#__PURE__*/_react["default"].createElement(HeadingComponent, {
140
136
  model: widget
141
- }) : /*#__PURE__*/_react.default.createElement(_core.Typography, {
137
+ }) : /*#__PURE__*/_react["default"].createElement(_core.Typography, {
142
138
  variant: "h6",
143
139
  color: "inherit"
144
- }, heading), /*#__PURE__*/_react.default.createElement(_core.ListItemSecondaryAction, null, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
140
+ }, heading), /*#__PURE__*/_react["default"].createElement(_core.ListItemSecondaryAction, null, /*#__PURE__*/_react["default"].createElement(_core.IconButton, {
145
141
  "data-testid": "".concat(widget.type, "-drawer-delete"),
146
142
  color: "inherit",
147
143
  "aria-label": "Delete",
148
144
  onClick: function onClick() {
149
145
  session.hideWidget(widget);
150
146
  }
151
- }, /*#__PURE__*/_react.default.createElement(_Delete.default, null))));
152
- })), /*#__PURE__*/_react.default.createElement("div", {
147
+ }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], null))));
148
+ })), /*#__PURE__*/_react["default"].createElement("div", {
153
149
  className: classes.spacer
154
- }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
150
+ }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_core.IconButton, {
155
151
  "data-testid": "drawer-close",
156
152
  color: "inherit",
157
153
  onClick: function onClick(event) {
158
154
  return setAnchorEl(event.currentTarget);
159
155
  }
160
- }, /*#__PURE__*/_react.default.createElement(_MoreVert.default, null)), /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
156
+ }, /*#__PURE__*/_react["default"].createElement(_MoreVert["default"], null)), /*#__PURE__*/_react["default"].createElement(_core.Tooltip, {
161
157
  title: "Minimize drawer"
162
- }, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
158
+ }, /*#__PURE__*/_react["default"].createElement(_core.IconButton, {
163
159
  "data-testid": "drawer-minimize",
164
160
  color: "inherit",
165
161
  onClick: function onClick() {
166
162
  session.notify("Drawer minimized, click button on ".concat(drawerPosition, " side of screen to re-open"), 'info');
167
163
  session.minimizeWidgetDrawer();
168
164
  }
169
- }, /*#__PURE__*/_react.default.createElement(_Minimize.default, null))), /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
165
+ }, /*#__PURE__*/_react["default"].createElement(_Minimize["default"], null))), /*#__PURE__*/_react["default"].createElement(_core.Tooltip, {
170
166
  title: "Close drawer"
171
- }, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
167
+ }, /*#__PURE__*/_react["default"].createElement(_core.IconButton, {
172
168
  "data-testid": "drawer-close",
173
169
  color: "inherit",
174
170
  onClick: function onClick() {
175
171
  session.hideWidget(visibleWidget);
176
172
  }
177
- }, /*#__PURE__*/_react.default.createElement(_Close.default, null))))), /*#__PURE__*/_react.default.createElement(_core.Menu, {
173
+ }, /*#__PURE__*/_react["default"].createElement(_Close["default"], null))))), /*#__PURE__*/_react["default"].createElement(_core.Menu, {
178
174
  anchorEl: anchorEl,
179
175
  open: Boolean(anchorEl),
180
176
  onClose: function onClose() {
181
177
  return setAnchorEl(null);
182
178
  }
183
179
  }, ['left', 'right'].map(function (option) {
184
- return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
180
+ return /*#__PURE__*/_react["default"].createElement(_core.MenuItem, {
185
181
  key: option,
186
182
  selected: drawerPosition === 'option',
187
183
  onClick: function onClick() {
@@ -203,22 +199,22 @@ var DrawerWidget = (0, _mobxReact.observer)(function (_ref3) {
203
199
  // (the position static/sticky is included in AutoSizer estimates)
204
200
 
205
201
  var _useState = (0, _react.useState)(0),
206
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
202
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
207
203
  toolbarHeight = _useState2[0],
208
204
  setToolbarHeight = _useState2[1];
209
205
 
210
- return /*#__PURE__*/_react.default.createElement(_Drawer.default, {
206
+ return /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
211
207
  session: session
212
- }, /*#__PURE__*/_react.default.createElement(DrawerHeader, {
208
+ }, /*#__PURE__*/_react["default"].createElement(DrawerHeader, {
213
209
  session: session,
214
210
  setToolbarHeight: setToolbarHeight
215
- }), /*#__PURE__*/_react.default.createElement(_react.Suspense, {
216
- fallback: /*#__PURE__*/_react.default.createElement("div", null, "Loading...")
217
- }, /*#__PURE__*/_react.default.createElement(DrawerComponent, {
211
+ }), /*#__PURE__*/_react["default"].createElement(_react.Suspense, {
212
+ fallback: /*#__PURE__*/_react["default"].createElement("div", null, "Loading...")
213
+ }, /*#__PURE__*/_react["default"].createElement(DrawerComponent, {
218
214
  model: visibleWidget,
219
215
  session: session,
220
216
  toolbarHeight: toolbarHeight
221
217
  })));
222
218
  });
223
219
  var _default = DrawerWidget;
224
- exports.default = _default;
220
+ exports["default"] = _default;
@@ -1,15 +1,15 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
4
4
 
5
- var _typeof = require("@babel/runtime/helpers/typeof");
5
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
12
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
13
13
 
14
14
  var _react = _interopRequireWildcard(require("react"));
15
15
 
@@ -21,14 +21,8 @@ var _ArrowDropDown = _interopRequireDefault(require("@material-ui/icons/ArrowDro
21
21
 
22
22
  var _mobxReact = require("mobx-react");
23
23
 
24
- var _propTypes = _interopRequireDefault(require("prop-types"));
25
-
26
24
  var _Menu = _interopRequireDefault(require("./Menu"));
27
25
 
28
- 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); }
29
-
30
- 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; }
31
-
32
26
  var useStyles = (0, _styles.makeStyles)(function (theme) {
33
27
  return {
34
28
  root: {
@@ -51,7 +45,7 @@ function DropDownMenu(_ref) {
51
45
  menuItems = _ref.menuItems;
52
46
 
53
47
  var _useState = (0, _react.useState)(false),
54
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
48
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
55
49
  open = _useState2[0],
56
50
  setOpen = _useState2[1];
57
51
 
@@ -71,9 +65,9 @@ function DropDownMenu(_ref) {
71
65
  setOpen(false);
72
66
  }
73
67
 
74
- return /*#__PURE__*/_react.default.createElement("div", {
68
+ return /*#__PURE__*/_react["default"].createElement("div", {
75
69
  className: classes.root
76
- }, /*#__PURE__*/_react.default.createElement(_core.Button, {
70
+ }, /*#__PURE__*/_react["default"].createElement(_core.Button, {
77
71
  ref: anchorEl,
78
72
  onClick: handleToggle,
79
73
  color: "inherit",
@@ -81,7 +75,7 @@ function DropDownMenu(_ref) {
81
75
  classes: {
82
76
  root: classes.buttonRoot
83
77
  }
84
- }, menuTitle, /*#__PURE__*/_react.default.createElement(_ArrowDropDown.default, null)), /*#__PURE__*/_react.default.createElement(_Menu.default, {
78
+ }, menuTitle, /*#__PURE__*/_react["default"].createElement(_ArrowDropDown["default"], null)), /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
85
79
  anchorEl: anchorEl.current,
86
80
  anchorOrigin: {
87
81
  vertical: 'bottom',
@@ -94,12 +88,6 @@ function DropDownMenu(_ref) {
94
88
  }));
95
89
  }
96
90
 
97
- DropDownMenu.propTypes = {
98
- menuTitle: _propTypes.default.string.isRequired,
99
- menuItems: _mobxReact.PropTypes.arrayOrObservableArray.isRequired,
100
- session: _mobxReact.PropTypes.objectOrObservableObject.isRequired
101
- };
102
-
103
91
  var _default = (0, _mobxReact.observer)(DropDownMenu);
104
92
 
105
- exports.default = _default;
93
+ exports["default"] = _default;