@jbrowse/core 1.7.11 → 2.1.0

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 (204) hide show
  1. package/BaseFeatureWidget/BaseFeatureDetail.d.ts +20 -4
  2. package/BaseFeatureWidget/BaseFeatureDetail.js +313 -558
  3. package/BaseFeatureWidget/SequenceFeatureDetails.js +213 -473
  4. package/BaseFeatureWidget/index.d.ts +2 -2
  5. package/BaseFeatureWidget/index.js +88 -124
  6. package/BaseFeatureWidget/types.d.ts +1 -0
  7. package/BaseFeatureWidget/types.js +1 -4
  8. package/BaseFeatureWidget/util.js +40 -75
  9. package/CorePlugin.js +55 -94
  10. package/Plugin.js +9 -34
  11. package/PluginLoader.js +153 -422
  12. package/PluginManager.d.ts +84 -117
  13. package/PluginManager.js +377 -666
  14. package/ReExports/Attributes.d.ts +2 -0
  15. package/ReExports/Attributes.js +5 -0
  16. package/ReExports/BaseCard.d.ts +2 -0
  17. package/ReExports/BaseCard.js +5 -0
  18. package/ReExports/DataGrid.d.ts +2 -0
  19. package/ReExports/DataGrid.js +6 -0
  20. package/ReExports/FeatureDetails.d.ts +2 -0
  21. package/ReExports/FeatureDetails.js +5 -0
  22. package/ReExports/index.js +6 -12
  23. package/ReExports/list.d.ts +5 -0
  24. package/ReExports/list.js +271 -7
  25. package/ReExports/material-ui-colors.d.ts +1 -19
  26. package/ReExports/material-ui-colors.js +16 -158
  27. package/ReExports/modules.d.ts +68 -109
  28. package/ReExports/modules.js +455 -244
  29. package/TextSearch/BaseResults.js +51 -123
  30. package/TextSearch/TextSearchManager.d.ts +3 -1
  31. package/TextSearch/TextSearchManager.js +66 -144
  32. package/assemblyManager/assembly.js +280 -554
  33. package/assemblyManager/assemblyConfigSchema.js +47 -64
  34. package/assemblyManager/assemblyManager.d.ts +12 -10
  35. package/assemblyManager/assemblyManager.js +126 -270
  36. package/assemblyManager/index.js +9 -22
  37. package/configuration/configurationSchema.js +167 -203
  38. package/configuration/configurationSlot.js +248 -326
  39. package/configuration/index.js +19 -35
  40. package/configuration/util.d.ts +1 -1
  41. package/configuration/util.js +131 -173
  42. package/data_adapters/BaseAdapter.d.ts +2 -2
  43. package/data_adapters/BaseAdapter.js +132 -521
  44. package/data_adapters/CytobandAdapter.js +40 -126
  45. package/data_adapters/dataAdapterCache.js +77 -158
  46. package/package.json +16 -18
  47. package/pluggableElementTypes/AdapterType.js +24 -79
  48. package/pluggableElementTypes/AddTrackWorkflowType.d.ts +17 -0
  49. package/pluggableElementTypes/AddTrackWorkflowType.js +20 -0
  50. package/pluggableElementTypes/ConnectionType.js +22 -65
  51. package/pluggableElementTypes/DisplayType.js +35 -82
  52. package/pluggableElementTypes/InternetAccountType.js +23 -64
  53. package/pluggableElementTypes/PluggableElementBase.js +8 -20
  54. package/pluggableElementTypes/RpcMethodType.js +85 -427
  55. package/pluggableElementTypes/TextSearchAdapterType.js +16 -55
  56. package/pluggableElementTypes/TrackType.js +26 -70
  57. package/pluggableElementTypes/ViewType.js +21 -63
  58. package/pluggableElementTypes/WidgetType.js +21 -64
  59. package/pluggableElementTypes/index.d.ts +4 -3
  60. package/pluggableElementTypes/index.js +42 -125
  61. package/pluggableElementTypes/models/BaseConnectionModelFactory.js +28 -43
  62. package/pluggableElementTypes/models/BaseDisplayModel.d.ts +10 -10
  63. package/pluggableElementTypes/models/BaseDisplayModel.js +58 -95
  64. package/pluggableElementTypes/models/BaseTrackModel.d.ts +1 -1
  65. package/pluggableElementTypes/models/BaseTrackModel.js +139 -200
  66. package/pluggableElementTypes/models/BaseViewModel.js +24 -40
  67. package/pluggableElementTypes/models/InternetAccountModel.js +116 -263
  68. package/pluggableElementTypes/models/baseConnectionConfig.js +14 -25
  69. package/pluggableElementTypes/models/baseInternetAccountConfig.js +29 -38
  70. package/pluggableElementTypes/models/baseTrackConfig.js +106 -133
  71. package/pluggableElementTypes/models/index.js +21 -70
  72. package/pluggableElementTypes/renderers/BoxRendererType.js +132 -291
  73. package/pluggableElementTypes/renderers/CircularChordRendererType.js +8 -38
  74. package/pluggableElementTypes/renderers/ComparativeServerSideRendererType.js +60 -192
  75. package/pluggableElementTypes/renderers/FeatureRendererType.d.ts +0 -2
  76. package/pluggableElementTypes/renderers/FeatureRendererType.js +89 -255
  77. package/pluggableElementTypes/renderers/RendererType.js +31 -105
  78. package/pluggableElementTypes/renderers/ServerSideRenderedContent.js +61 -72
  79. package/pluggableElementTypes/renderers/ServerSideRendererType.d.ts +2 -2
  80. package/pluggableElementTypes/renderers/ServerSideRendererType.js +112 -265
  81. package/pluggableElementTypes/renderers/index.js +19 -62
  82. package/pluggableElementTypes/renderers/util/serializableFilterChain.js +27 -65
  83. package/rpc/BaseRpcDriver.js +169 -405
  84. package/rpc/MainThreadRpcDriver.js +27 -150
  85. package/rpc/RpcManager.js +58 -159
  86. package/rpc/WebWorkerRpcDriver.js +54 -171
  87. package/rpc/configSchema.js +25 -49
  88. package/rpc/coreRpcMethods.d.ts +1 -3
  89. package/rpc/coreRpcMethods.js +221 -959
  90. package/rpc/remoteAbortSignals.js +46 -70
  91. package/tsconfig.build.tsbuildinfo +1 -1
  92. package/ui/AboutDialog.js +107 -158
  93. package/ui/App.js +157 -261
  94. package/ui/AssemblySelector.d.ts +1 -1
  95. package/ui/AssemblySelector.js +59 -115
  96. package/ui/CascadingMenu.js +100 -199
  97. package/ui/ColorPicker.d.ts +16 -0
  98. package/ui/ColorPicker.js +97 -0
  99. package/ui/Drawer.js +28 -58
  100. package/ui/DrawerWidget.js +109 -209
  101. package/ui/DropDownMenu.d.ts +0 -8
  102. package/ui/DropDownMenu.js +60 -97
  103. package/ui/EditableTypography.d.ts +1 -1
  104. package/ui/EditableTypography.js +87 -155
  105. package/ui/ErrorMessage.js +41 -66
  106. package/ui/FactoryResetDialog.js +24 -57
  107. package/ui/FatalErrorDialog.js +59 -91
  108. package/ui/FileSelector/FileSelector.js +123 -189
  109. package/ui/FileSelector/LocalFileChooser.js +44 -71
  110. package/ui/FileSelector/UrlChooser.js +17 -38
  111. package/ui/FileSelector/index.js +6 -12
  112. package/ui/Icons.d.ts +1 -1
  113. package/ui/Icons.js +45 -69
  114. package/ui/Logo.js +57 -110
  115. package/ui/Menu.d.ts +1 -1
  116. package/ui/Menu.js +232 -355
  117. package/ui/PrerenderedCanvas.js +63 -78
  118. package/ui/ResizeHandle.js +87 -114
  119. package/ui/ReturnToImportFormDialog.js +32 -59
  120. package/ui/SanitizedHTML.js +63 -52
  121. package/ui/Snackbar.js +74 -99
  122. package/ui/SnackbarModel.js +37 -51
  123. package/ui/Tooltip.d.ts +3 -1
  124. package/ui/Tooltip.js +49 -74
  125. package/ui/ViewContainer.js +113 -183
  126. package/ui/colors.d.ts +10 -0
  127. package/ui/colors.js +78 -0
  128. package/ui/index.js +51 -181
  129. package/ui/react-colorful.d.ts +17 -0
  130. package/ui/react-colorful.js +455 -0
  131. package/ui/theme.d.ts +279 -131
  132. package/ui/theme.js +197 -225
  133. package/util/Base1DUtils.d.ts +32 -0
  134. package/util/Base1DUtils.js +174 -0
  135. package/util/Base1DViewModel.d.ts +16 -37
  136. package/util/Base1DViewModel.js +116 -295
  137. package/util/QuickLRU.js +84 -332
  138. package/util/TimeTraveller.d.ts +19 -0
  139. package/util/TimeTraveller.js +86 -0
  140. package/util/aborting.js +49 -127
  141. package/util/analytics.js +91 -154
  142. package/util/blockTypes.js +106 -240
  143. package/util/calculateDynamicBlocks.js +98 -128
  144. package/util/calculateStaticBlocks.js +105 -125
  145. package/util/color/cssColorsLevel4.js +156 -160
  146. package/util/color/index.js +33 -55
  147. package/util/compositeMap.js +49 -333
  148. package/util/formatFastaStrings.js +9 -14
  149. package/util/idMaker.js +18 -31
  150. package/util/index.d.ts +18 -39
  151. package/util/index.js +743 -1236
  152. package/util/io/RemoteFileWithRangeCache.js +88 -257
  153. package/util/io/index.js +95 -169
  154. package/util/jexl.js +60 -115
  155. package/util/jexlStrings.js +24 -29
  156. package/util/layouts/BaseLayout.js +1 -4
  157. package/util/layouts/GranularRectLayout.js +388 -557
  158. package/util/layouts/MultiLayout.js +41 -109
  159. package/util/layouts/PrecomputedLayout.js +56 -114
  160. package/util/layouts/PrecomputedMultiLayout.js +22 -59
  161. package/util/layouts/SceneGraph.js +127 -197
  162. package/util/layouts/index.js +29 -66
  163. package/util/mst-reflection.js +55 -71
  164. package/util/offscreenCanvasPonyfill.js +66 -134
  165. package/util/offscreenCanvasUtils.d.ts +2 -7
  166. package/util/offscreenCanvasUtils.js +49 -146
  167. package/util/range.js +29 -40
  168. package/util/rxjs.js +20 -27
  169. package/util/simpleFeature.js +88 -152
  170. package/util/stats.js +91 -151
  171. package/util/tracks.js +130 -171
  172. package/util/types/index.d.ts +3 -3
  173. package/util/types/index.js +110 -179
  174. package/util/types/mst.d.ts +3 -3
  175. package/util/types/mst.js +91 -142
  176. package/util/types/util.js +1 -4
  177. package/util/when.js +54 -101
  178. package/BaseFeatureWidget/SequenceFeatureDetails.test.js +0 -122
  179. package/BaseFeatureWidget/index.test.js +0 -51
  180. package/TextSearch/BaseResults.test.js +0 -42
  181. package/configuration/configurationSchema.test.js +0 -266
  182. package/configuration/configurationSlot.test.js +0 -69
  183. package/configuration/util.test.js +0 -39
  184. package/data_adapters/BaseAdapter.test.js +0 -200
  185. package/declare.d.js +0 -1
  186. package/pluggableElementTypes/RpcMethodType.test.js +0 -118
  187. package/pluggableElementTypes/renderers/declare.d.js +0 -1
  188. package/pluggableElementTypes/renderers/util/serializableFilterChain.test.js +0 -20
  189. package/rpc/BaseRpcDriver.test.js +0 -540
  190. package/rpc/declaration.d.js +0 -1
  191. package/ui/FatalErrorDialog.test.js +0 -82
  192. package/ui/SanitizedHTML.test.js +0 -36
  193. package/ui/theme.test.js +0 -111
  194. package/util/Base1DViewModel.test.js +0 -130
  195. package/util/calculateDynamicBlocks.test.js +0 -74
  196. package/util/calculateStaticBlocks.test.js +0 -297
  197. package/util/declare.d.js +0 -1
  198. package/util/formatFastaStrings.test.js +0 -40
  199. package/util/index.test.js +0 -213
  200. package/util/jexlStrings.test.js +0 -48
  201. package/util/layouts/GranularRectLayout.test.js +0 -99
  202. package/util/range.test.js +0 -64
  203. package/util/simpleFeature.test.js +0 -34
  204. package/util/stats.test.js +0 -172
@@ -1,203 +1,133 @@
1
1
  "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
9
17
  });
10
- exports.default = void 0;
11
-
12
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
15
-
16
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
17
-
18
- var _react = _interopRequireWildcard(require("react"));
19
-
20
- var _core = require("@material-ui/core");
21
-
22
- var _mobxReact = require("mobx-react");
23
-
24
- var _mobxStateTree = require("mobx-state-tree");
25
-
26
- var _reactUseMeasure = _interopRequireDefault(require("react-use-measure"));
27
-
28
- var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
29
-
30
- var _Menu = _interopRequireDefault(require("@material-ui/icons/Menu"));
31
-
32
- var _EditableTypography = _interopRequireDefault(require("./EditableTypography"));
33
-
34
- var _Menu2 = _interopRequireDefault(require("./Menu"));
35
-
36
- 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); }
37
-
38
- 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; }
39
-
40
- 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; }
41
-
42
- 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; }
43
-
44
- var useStyles = (0, _core.makeStyles)(function (theme) {
45
- return {
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __importDefault = (this && this.__importDefault) || function (mod) {
26
+ return (mod && mod.__esModule) ? mod : { "default": mod };
27
+ };
28
+ Object.defineProperty(exports, "__esModule", { value: true });
29
+ const react_1 = __importStar(require("react"));
30
+ const material_1 = require("@mui/material");
31
+ const mui_1 = require("tss-react/mui");
32
+ const styles_1 = require("@mui/material/styles");
33
+ const mobx_react_1 = require("mobx-react");
34
+ const mobx_state_tree_1 = require("mobx-state-tree");
35
+ const react_use_measure_1 = __importDefault(require("react-use-measure"));
36
+ // icons
37
+ const Close_1 = __importDefault(require("@mui/icons-material/Close"));
38
+ const Menu_1 = __importDefault(require("@mui/icons-material/Menu"));
39
+ const EditableTypography_1 = __importDefault(require("./EditableTypography"));
40
+ const Menu_2 = __importDefault(require("./Menu"));
41
+ const useStyles = (0, mui_1.makeStyles)()(theme => ({
46
42
  viewContainer: {
47
- overflow: 'hidden',
48
- background: theme.palette.secondary.main,
49
- margin: theme.spacing(0.5)
43
+ overflow: 'hidden',
44
+ background: theme.palette.secondary.main,
45
+ margin: theme.spacing(0.5),
50
46
  },
51
47
  icon: {
52
- color: theme.palette.secondary.contrastText
48
+ color: theme.palette.secondary.contrastText,
53
49
  },
54
50
  grow: {
55
- flexGrow: 1
51
+ flexGrow: 1,
56
52
  },
57
53
  iconRoot: {
58
- '&:hover': {
59
- backgroundColor: (0, _core.alpha)(theme.palette.secondary.contrastText, theme.palette.action.hoverOpacity),
60
- '@media (hover: none)': {
61
- backgroundColor: 'transparent'
62
- }
63
- }
54
+ '&:hover': {
55
+ backgroundColor: (0, styles_1.alpha)(theme.palette.secondary.contrastText, theme.palette.action.hoverOpacity),
56
+ '@media (hover: none)': {
57
+ backgroundColor: 'transparent',
58
+ },
59
+ },
64
60
  },
65
61
  input: {
66
- paddingBottom: 0,
67
- paddingTop: 2
62
+ paddingBottom: 0,
63
+ paddingTop: 2,
68
64
  },
69
65
  inputBase: {
70
- color: theme.palette.secondary.contrastText
66
+ color: theme.palette.secondary.contrastText,
71
67
  },
72
68
  inputRoot: {
73
- '&:hover': {
74
- backgroundColor: theme.palette.secondary.light
75
- }
69
+ '&:hover': {
70
+ backgroundColor: theme.palette.secondary.light,
71
+ },
76
72
  },
77
73
  inputFocused: {
78
- borderColor: theme.palette.primary.main,
79
- backgroundColor: theme.palette.secondary.light
80
- }
81
- };
82
- });
83
- var ViewMenu = (0, _mobxReact.observer)(function (_ref) {
84
- var model = _ref.model,
85
- IconButtonProps = _ref.IconButtonProps,
86
- IconProps = _ref.IconProps;
87
-
88
- var _useState = (0, _react.useState)(),
89
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
90
- anchorEl = _useState2[0],
91
- setAnchorEl = _useState2[1];
92
-
93
- var menuItems = model.menuItems; // <=1.3.3 didn't use a function
94
-
95
- var items = typeof menuItems === 'function' ? menuItems() : menuItems;
96
- return items !== null && items !== void 0 && items.length ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.IconButton, (0, _extends2.default)({}, IconButtonProps, {
97
- "aria-label": "more",
98
- "aria-controls": "view-menu",
99
- "aria-haspopup": "true",
100
- onClick: function onClick(event) {
101
- setAnchorEl(event.currentTarget);
74
+ borderColor: theme.palette.primary.main,
75
+ backgroundColor: theme.palette.secondary.light,
102
76
  },
103
- "data-testid": "view_menu_icon"
104
- }), /*#__PURE__*/_react.default.createElement(_Menu.default, IconProps)), /*#__PURE__*/_react.default.createElement(_Menu2.default, {
105
- anchorEl: anchorEl,
106
- open: Boolean(anchorEl),
107
- onMenuItemClick: function onMenuItemClick(_event, callback) {
108
- callback();
109
- setAnchorEl(undefined);
110
- },
111
- onClose: function onClose() {
112
- setAnchorEl(undefined);
113
- },
114
- menuItems: model.menuItems()
115
- })) : null;
77
+ }));
78
+ const ViewMenu = (0, mobx_react_1.observer)(({ model, IconButtonProps, IconProps, }) => {
79
+ const [anchorEl, setAnchorEl] = (0, react_1.useState)();
80
+ const { menuItems } = model;
81
+ // <=1.3.3 didn't use a function
82
+ const items = typeof menuItems === 'function' ? menuItems() : menuItems;
83
+ return (items === null || items === void 0 ? void 0 : items.length) ? (react_1.default.createElement(react_1.default.Fragment, null,
84
+ react_1.default.createElement(material_1.IconButton, { ...IconButtonProps, style: { padding: 3 }, onClick: event => setAnchorEl(event.currentTarget), "data-testid": "view_menu_icon", size: "small" },
85
+ react_1.default.createElement(Menu_1.default, { ...IconProps, fontSize: "small" })),
86
+ react_1.default.createElement(Menu_2.default, { anchorEl: anchorEl, open: Boolean(anchorEl), onMenuItemClick: (_event, callback) => {
87
+ callback();
88
+ setAnchorEl(undefined);
89
+ }, onClose: () => setAnchorEl(undefined), menuItems: model.menuItems() }))) : null;
116
90
  });
117
- var ViewContainer = (0, _mobxReact.observer)(function (_ref2) {
118
- var view = _ref2.view,
119
- onClose = _ref2.onClose,
120
- style = _ref2.style,
121
- children = _ref2.children;
122
- var classes = useStyles();
123
- var theme = (0, _core.useTheme)();
124
- var padWidth = theme.spacing(1);
125
-
126
- var _useMeasure = (0, _reactUseMeasure.default)(),
127
- _useMeasure2 = (0, _slicedToArray2.default)(_useMeasure, 2),
128
- ref = _useMeasure2[0],
129
- width = _useMeasure2[1].width;
130
-
131
- (0, _react.useEffect)(function () {
132
- if (width && (0, _mobxStateTree.isAlive)(view)) {
133
- view.setWidth(width - padWidth * 2);
134
- }
135
- }, [padWidth, view, width]);
136
- var scrollRef = (0, _react.useRef)(null); // scroll the view into view when first mounted
137
- // note that this effect will run only once, because of
138
- // the empty array second param
139
-
140
- (0, _react.useEffect)(function () {
141
- var _scrollRef$current, _scrollRef$current$sc;
142
-
143
- (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : (_scrollRef$current$sc = _scrollRef$current.scrollIntoView) === null || _scrollRef$current$sc === void 0 ? void 0 : _scrollRef$current$sc.call(_scrollRef$current, {
144
- block: 'center'
145
- });
146
- }, []);
147
- return /*#__PURE__*/_react.default.createElement(_core.Paper, {
148
- ref: ref,
149
- elevation: 12,
150
- className: classes.viewContainer,
151
- style: _objectSpread(_objectSpread({}, style), {}, {
152
- padding: "0px ".concat(padWidth, "px ").concat(padWidth, "px")
153
- })
154
- }, /*#__PURE__*/_react.default.createElement("div", {
155
- ref: scrollRef,
156
- style: {
157
- display: 'flex'
158
- }
159
- }, /*#__PURE__*/_react.default.createElement(ViewMenu, {
160
- model: view,
161
- IconButtonProps: {
162
- classes: {
163
- root: classes.iconRoot
164
- },
165
- edge: 'start'
166
- },
167
- IconProps: {
168
- className: classes.icon
169
- }
170
- }), /*#__PURE__*/_react.default.createElement("div", {
171
- className: classes.grow
172
- }), /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
173
- title: "Rename view",
174
- arrow: true
175
- }, /*#__PURE__*/_react.default.createElement(_EditableTypography.default, {
176
- value: view.displayName || ( // @ts-ignore
177
- view.assemblyNames ? // @ts-ignore
178
- view.assemblyNames.join(',') : 'Untitled view'),
179
- setValue: function setValue(val) {
180
- view.setDisplayName(val);
181
- },
182
- variant: "body2",
183
- classes: {
184
- input: classes.input,
185
- inputBase: classes.inputBase,
186
- inputRoot: classes.inputRoot,
187
- inputFocused: classes.inputFocused
188
- }
189
- })), /*#__PURE__*/_react.default.createElement("div", {
190
- className: classes.grow
191
- }), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
192
- "data-testid": "close_view",
193
- classes: {
194
- root: classes.iconRoot
195
- },
196
- edge: "end",
197
- onClick: onClose
198
- }, /*#__PURE__*/_react.default.createElement(_Close.default, {
199
- className: classes.icon
200
- }))), /*#__PURE__*/_react.default.createElement(_core.Paper, null, children));
91
+ const ViewContainer = (0, mobx_react_1.observer)(({ view, onClose, style, children, }) => {
92
+ var _a;
93
+ const { classes } = useStyles();
94
+ const theme = (0, material_1.useTheme)();
95
+ const padWidth = theme.spacing(1);
96
+ const [ref, { width }] = (0, react_use_measure_1.default)();
97
+ (0, react_1.useEffect)(() => {
98
+ if (width && (0, mobx_state_tree_1.isAlive)(view)) {
99
+ view.setWidth(width - parseInt(padWidth, 10) * 2);
100
+ }
101
+ }, [padWidth, view, width]);
102
+ const scrollRef = (0, react_1.useRef)(null);
103
+ // scroll the view into view when first mounted
104
+ // note that this effect will run only once, because of
105
+ // the empty array second param
106
+ (0, react_1.useEffect)(() => {
107
+ var _a, _b;
108
+ (_b = (_a = scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView) === null || _b === void 0 ? void 0 : _b.call(_a, { block: 'center' });
109
+ }, []);
110
+ return (react_1.default.createElement(material_1.Paper, { ref: ref, elevation: 12, className: classes.viewContainer, style: { ...style, padding: `0px ${padWidth} ${padWidth}` } },
111
+ react_1.default.createElement("div", { ref: scrollRef, style: { display: 'flex' } },
112
+ react_1.default.createElement(ViewMenu, { model: view, IconButtonProps: {
113
+ classes: { root: classes.iconRoot },
114
+ edge: 'start',
115
+ }, IconProps: { className: classes.icon } }),
116
+ react_1.default.createElement("div", { className: classes.grow }),
117
+ react_1.default.createElement(material_1.Tooltip, { title: "Rename view", arrow: true },
118
+ react_1.default.createElement(EditableTypography_1.default, { value: view.displayName ||
119
+ (
120
+ // @ts-ignore
121
+ (_a = view.assemblyNames) === null || _a === void 0 ? void 0 : _a.join(',')) ||
122
+ 'Untitled view', setValue: val => view.setDisplayName(val), variant: "body2", classes: {
123
+ input: classes.input,
124
+ inputBase: classes.inputBase,
125
+ inputRoot: classes.inputRoot,
126
+ inputFocused: classes.inputFocused,
127
+ } })),
128
+ react_1.default.createElement("div", { className: classes.grow }),
129
+ react_1.default.createElement(material_1.IconButton, { "data-testid": "close_view", classes: { root: classes.iconRoot }, edge: "end", size: "small", onClick: onClose },
130
+ react_1.default.createElement(Close_1.default, { className: classes.icon, fontSize: "small" }))),
131
+ react_1.default.createElement(material_1.Paper, null, children)));
201
132
  });
202
- var _default = ViewContainer;
203
- exports.default = _default;
133
+ exports.default = ViewContainer;
package/ui/colors.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ declare const category10: string[];
2
+ declare const dark2: string[];
3
+ declare const set1: string[];
4
+ declare const set2: string[];
5
+ declare const tableau10: string[];
6
+ declare const ggplot2Colors6: string[];
7
+ declare const ggplot2Colors5: string[];
8
+ declare const ggplot2Colors4: string[];
9
+ declare const ggplot2Colors3: string[];
10
+ export { set1, set2, tableau10, dark2, category10, ggplot2Colors6, ggplot2Colors5, ggplot2Colors4, ggplot2Colors3, };
package/ui/colors.js ADDED
@@ -0,0 +1,78 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ggplot2Colors3 = exports.ggplot2Colors4 = exports.ggplot2Colors5 = exports.ggplot2Colors6 = exports.category10 = exports.dark2 = exports.tableau10 = exports.set2 = exports.set1 = void 0;
4
+ const category10 = [
5
+ '#1f77b4',
6
+ '#ff7f0e',
7
+ '#2ca02c',
8
+ '#d62728',
9
+ '#9467bd',
10
+ '#8c564b',
11
+ '#e377c2',
12
+ '#7f7f7f',
13
+ '#bcbd22',
14
+ '#17becf',
15
+ ];
16
+ exports.category10 = category10;
17
+ const dark2 = [
18
+ '#1b9e77',
19
+ '#d95f02',
20
+ '#7570b3',
21
+ '#e7298a',
22
+ '#66a61e',
23
+ '#e6ab02',
24
+ '#a6761d',
25
+ '#666666',
26
+ ];
27
+ exports.dark2 = dark2;
28
+ const set1 = [
29
+ '#e41a1c',
30
+ '#377eb8',
31
+ '#4daf4a',
32
+ '#984ea3',
33
+ '#ff7f00',
34
+ '#ffff33',
35
+ '#a65628',
36
+ '#f781bf',
37
+ '#999999',
38
+ ];
39
+ exports.set1 = set1;
40
+ const set2 = [
41
+ '#66c2a5',
42
+ '#fc8d62',
43
+ '#8da0cb',
44
+ '#e78ac3',
45
+ '#a6d854',
46
+ '#ffd92f',
47
+ '#e5c494',
48
+ '#b3b3b3',
49
+ ];
50
+ exports.set2 = set2;
51
+ const tableau10 = [
52
+ '#4e79a7',
53
+ '#f28e2c',
54
+ '#e15759',
55
+ '#76b7b2',
56
+ '#59a14f',
57
+ '#edc949',
58
+ '#af7aa1',
59
+ '#ff9da7',
60
+ '#9c755f',
61
+ '#bab0ab',
62
+ ];
63
+ exports.tableau10 = tableau10;
64
+ const ggplot2Colors6 = [
65
+ '#F8766D',
66
+ '#B79F00',
67
+ '#00BA38',
68
+ '#00BFC4',
69
+ '#619CFF',
70
+ '#F564E3',
71
+ ];
72
+ exports.ggplot2Colors6 = ggplot2Colors6;
73
+ const ggplot2Colors5 = ['#F8766D', '#A3A500', '#00BF7D', '#00B0F6', '#E76BF3'];
74
+ exports.ggplot2Colors5 = ggplot2Colors5;
75
+ const ggplot2Colors4 = ['#F8766D', '#7CAE00', '#00BFC4', '#C77CFF'];
76
+ exports.ggplot2Colors4 = ggplot2Colors4;
77
+ const ggplot2Colors3 = ['#F8766D', '#00BA38', '#619CFF'];
78
+ exports.ggplot2Colors3 = ggplot2Colors3;
package/ui/index.js CHANGED
@@ -1,183 +1,53 @@
1
1
  "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- var _exportNames = {
11
- LogoFull: true,
12
- Logomark: true,
13
- App: true,
14
- ReturnToImportFormDialog: true,
15
- ErrorMessage: true,
16
- AssemblySelector: true,
17
- FileSelector: true,
18
- PrerenderedCanvas: true,
19
- ResizeHandle: true,
20
- EditableTypography: true,
21
- FactoryResetDialog: true,
22
- Tooltip: true,
23
- FatalErrorDialog: true,
24
- Menu: true,
25
- CascadingMenu: true,
26
- SanitizedHTML: true
27
- };
28
- Object.defineProperty(exports, "App", {
29
- enumerable: true,
30
- get: function get() {
31
- return _App.default;
32
- }
33
- });
34
- Object.defineProperty(exports, "AssemblySelector", {
35
- enumerable: true,
36
- get: function get() {
37
- return _AssemblySelector.default;
38
- }
39
- });
40
- Object.defineProperty(exports, "CascadingMenu", {
41
- enumerable: true,
42
- get: function get() {
43
- return _CascadingMenu.default;
44
- }
45
- });
46
- Object.defineProperty(exports, "EditableTypography", {
47
- enumerable: true,
48
- get: function get() {
49
- return _EditableTypography.default;
50
- }
51
- });
52
- Object.defineProperty(exports, "ErrorMessage", {
53
- enumerable: true,
54
- get: function get() {
55
- return _ErrorMessage.default;
56
- }
57
- });
58
- Object.defineProperty(exports, "FactoryResetDialog", {
59
- enumerable: true,
60
- get: function get() {
61
- return _FactoryResetDialog.default;
62
- }
63
- });
64
- Object.defineProperty(exports, "FatalErrorDialog", {
65
- enumerable: true,
66
- get: function get() {
67
- return _FatalErrorDialog.default;
68
- }
69
- });
70
- Object.defineProperty(exports, "FileSelector", {
71
- enumerable: true,
72
- get: function get() {
73
- return _FileSelector.default;
74
- }
75
- });
76
- Object.defineProperty(exports, "LogoFull", {
77
- enumerable: true,
78
- get: function get() {
79
- return _Logo.LogoFull;
80
- }
81
- });
82
- Object.defineProperty(exports, "Logomark", {
83
- enumerable: true,
84
- get: function get() {
85
- return _Logo.Logomark;
86
- }
87
- });
88
- Object.defineProperty(exports, "Menu", {
89
- enumerable: true,
90
- get: function get() {
91
- return _Menu.default;
92
- }
93
- });
94
- Object.defineProperty(exports, "PrerenderedCanvas", {
95
- enumerable: true,
96
- get: function get() {
97
- return _PrerenderedCanvas.default;
98
- }
99
- });
100
- Object.defineProperty(exports, "ResizeHandle", {
101
- enumerable: true,
102
- get: function get() {
103
- return _ResizeHandle.default;
104
- }
105
- });
106
- Object.defineProperty(exports, "ReturnToImportFormDialog", {
107
- enumerable: true,
108
- get: function get() {
109
- return _ReturnToImportFormDialog.default;
110
- }
111
- });
112
- Object.defineProperty(exports, "SanitizedHTML", {
113
- enumerable: true,
114
- get: function get() {
115
- return _SanitizedHTML.default;
116
- }
117
- });
118
- Object.defineProperty(exports, "Tooltip", {
119
- enumerable: true,
120
- get: function get() {
121
- return _Tooltip.default;
122
- }
123
- });
124
-
125
- var _theme = require("./theme");
126
-
127
- Object.keys(_theme).forEach(function (key) {
128
- if (key === "default" || key === "__esModule") return;
129
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
130
- if (key in exports && exports[key] === _theme[key]) return;
131
- Object.defineProperty(exports, key, {
132
- enumerable: true,
133
- get: function get() {
134
- return _theme[key];
135
- }
136
- });
137
- });
138
-
139
- var _Logo = require("./Logo");
140
-
141
- var _App = _interopRequireDefault(require("./App"));
142
-
143
- var _ReturnToImportFormDialog = _interopRequireDefault(require("./ReturnToImportFormDialog"));
144
-
145
- var _ErrorMessage = _interopRequireDefault(require("./ErrorMessage"));
146
-
147
- var _AssemblySelector = _interopRequireDefault(require("./AssemblySelector"));
148
-
149
- var _FileSelector = _interopRequireDefault(require("./FileSelector"));
150
-
151
- var _PrerenderedCanvas = _interopRequireDefault(require("./PrerenderedCanvas"));
152
-
153
- var _ResizeHandle = _interopRequireDefault(require("./ResizeHandle"));
154
-
155
- var _EditableTypography = _interopRequireDefault(require("./EditableTypography"));
156
-
157
- var _FactoryResetDialog = _interopRequireDefault(require("./FactoryResetDialog"));
158
-
159
- var _Tooltip = _interopRequireDefault(require("./Tooltip"));
160
-
161
- var _FatalErrorDialog = _interopRequireDefault(require("./FatalErrorDialog"));
162
-
163
- var _Menu = _interopRequireWildcard(require("./Menu"));
164
-
165
- Object.keys(_Menu).forEach(function (key) {
166
- if (key === "default" || key === "__esModule") return;
167
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
168
- if (key in exports && exports[key] === _Menu[key]) return;
169
- Object.defineProperty(exports, key, {
170
- enumerable: true,
171
- get: function get() {
172
- return _Menu[key];
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
173
7
  }
174
- });
175
- });
176
-
177
- var _CascadingMenu = _interopRequireDefault(require("./CascadingMenu"));
178
-
179
- var _SanitizedHTML = _interopRequireDefault(require("./SanitizedHTML"));
180
-
181
- 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); }
182
-
183
- 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; }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ var __importDefault = (this && this.__importDefault) || function (mod) {
17
+ return (mod && mod.__esModule) ? mod : { "default": mod };
18
+ };
19
+ Object.defineProperty(exports, "__esModule", { value: true });
20
+ exports.SanitizedHTML = exports.CascadingMenu = exports.Menu = exports.FatalErrorDialog = exports.Tooltip = exports.FactoryResetDialog = exports.EditableTypography = exports.ResizeHandle = exports.PrerenderedCanvas = exports.FileSelector = exports.AssemblySelector = exports.ErrorMessage = exports.ReturnToImportFormDialog = exports.App = exports.Logomark = exports.LogoFull = void 0;
21
+ __exportStar(require("./theme"), exports);
22
+ var Logo_1 = require("./Logo");
23
+ Object.defineProperty(exports, "LogoFull", { enumerable: true, get: function () { return Logo_1.LogoFull; } });
24
+ Object.defineProperty(exports, "Logomark", { enumerable: true, get: function () { return Logo_1.Logomark; } });
25
+ var App_1 = require("./App");
26
+ Object.defineProperty(exports, "App", { enumerable: true, get: function () { return __importDefault(App_1).default; } });
27
+ var ReturnToImportFormDialog_1 = require("./ReturnToImportFormDialog");
28
+ Object.defineProperty(exports, "ReturnToImportFormDialog", { enumerable: true, get: function () { return __importDefault(ReturnToImportFormDialog_1).default; } });
29
+ var ErrorMessage_1 = require("./ErrorMessage");
30
+ Object.defineProperty(exports, "ErrorMessage", { enumerable: true, get: function () { return __importDefault(ErrorMessage_1).default; } });
31
+ var AssemblySelector_1 = require("./AssemblySelector");
32
+ Object.defineProperty(exports, "AssemblySelector", { enumerable: true, get: function () { return __importDefault(AssemblySelector_1).default; } });
33
+ var FileSelector_1 = require("./FileSelector");
34
+ Object.defineProperty(exports, "FileSelector", { enumerable: true, get: function () { return __importDefault(FileSelector_1).default; } });
35
+ var PrerenderedCanvas_1 = require("./PrerenderedCanvas");
36
+ Object.defineProperty(exports, "PrerenderedCanvas", { enumerable: true, get: function () { return __importDefault(PrerenderedCanvas_1).default; } });
37
+ var ResizeHandle_1 = require("./ResizeHandle");
38
+ Object.defineProperty(exports, "ResizeHandle", { enumerable: true, get: function () { return __importDefault(ResizeHandle_1).default; } });
39
+ var EditableTypography_1 = require("./EditableTypography");
40
+ Object.defineProperty(exports, "EditableTypography", { enumerable: true, get: function () { return __importDefault(EditableTypography_1).default; } });
41
+ var FactoryResetDialog_1 = require("./FactoryResetDialog");
42
+ Object.defineProperty(exports, "FactoryResetDialog", { enumerable: true, get: function () { return __importDefault(FactoryResetDialog_1).default; } });
43
+ var Tooltip_1 = require("./Tooltip");
44
+ Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return __importDefault(Tooltip_1).default; } });
45
+ var FatalErrorDialog_1 = require("./FatalErrorDialog");
46
+ Object.defineProperty(exports, "FatalErrorDialog", { enumerable: true, get: function () { return __importDefault(FatalErrorDialog_1).default; } });
47
+ var Menu_1 = require("./Menu");
48
+ Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return __importDefault(Menu_1).default; } });
49
+ var CascadingMenu_1 = require("./CascadingMenu");
50
+ Object.defineProperty(exports, "CascadingMenu", { enumerable: true, get: function () { return __importDefault(CascadingMenu_1).default; } });
51
+ var SanitizedHTML_1 = require("./SanitizedHTML");
52
+ Object.defineProperty(exports, "SanitizedHTML", { enumerable: true, get: function () { return __importDefault(SanitizedHTML_1).default; } });
53
+ __exportStar(require("./Menu"), exports);