@jbrowse/core 2.0.1 → 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 (179) hide show
  1. package/BaseFeatureWidget/BaseFeatureDetail.d.ts +6 -0
  2. package/BaseFeatureWidget/BaseFeatureDetail.js +313 -592
  3. package/BaseFeatureWidget/SequenceFeatureDetails.js +213 -479
  4. package/BaseFeatureWidget/index.js +88 -126
  5. package/BaseFeatureWidget/types.js +1 -4
  6. package/BaseFeatureWidget/util.js +40 -75
  7. package/CorePlugin.js +55 -94
  8. package/Plugin.js +9 -34
  9. package/PluginLoader.js +153 -422
  10. package/PluginManager.d.ts +17 -14
  11. package/PluginManager.js +377 -666
  12. package/ReExports/Attributes.js +3 -10
  13. package/ReExports/BaseCard.js +3 -10
  14. package/ReExports/DataGrid.js +5 -12
  15. package/ReExports/FeatureDetails.js +3 -10
  16. package/ReExports/index.js +6 -12
  17. package/ReExports/list.d.ts +5 -0
  18. package/ReExports/list.js +271 -7
  19. package/ReExports/material-ui-colors.js +15 -16
  20. package/ReExports/modules.d.ts +0 -1
  21. package/ReExports/modules.js +453 -798
  22. package/TextSearch/BaseResults.js +51 -123
  23. package/TextSearch/TextSearchManager.js +66 -144
  24. package/assemblyManager/assembly.js +280 -555
  25. package/assemblyManager/assemblyConfigSchema.js +47 -64
  26. package/assemblyManager/assemblyManager.js +126 -272
  27. package/assemblyManager/index.js +9 -22
  28. package/configuration/configurationSchema.js +167 -203
  29. package/configuration/configurationSlot.js +248 -326
  30. package/configuration/index.js +19 -35
  31. package/configuration/util.js +131 -173
  32. package/data_adapters/BaseAdapter.d.ts +2 -2
  33. package/data_adapters/BaseAdapter.js +132 -521
  34. package/data_adapters/CytobandAdapter.js +40 -126
  35. package/data_adapters/dataAdapterCache.js +77 -158
  36. package/package.json +4 -5
  37. package/pluggableElementTypes/AdapterType.js +24 -79
  38. package/pluggableElementTypes/AddTrackWorkflowType.d.ts +17 -0
  39. package/pluggableElementTypes/AddTrackWorkflowType.js +20 -0
  40. package/pluggableElementTypes/ConnectionType.js +22 -65
  41. package/pluggableElementTypes/DisplayType.js +35 -82
  42. package/pluggableElementTypes/InternetAccountType.js +23 -64
  43. package/pluggableElementTypes/PluggableElementBase.js +8 -20
  44. package/pluggableElementTypes/RpcMethodType.js +85 -427
  45. package/pluggableElementTypes/TextSearchAdapterType.js +16 -55
  46. package/pluggableElementTypes/TrackType.js +26 -70
  47. package/pluggableElementTypes/ViewType.js +21 -63
  48. package/pluggableElementTypes/WidgetType.js +21 -64
  49. package/pluggableElementTypes/index.d.ts +4 -3
  50. package/pluggableElementTypes/index.js +42 -125
  51. package/pluggableElementTypes/models/BaseConnectionModelFactory.js +28 -43
  52. package/pluggableElementTypes/models/BaseDisplayModel.js +58 -95
  53. package/pluggableElementTypes/models/BaseTrackModel.js +139 -199
  54. package/pluggableElementTypes/models/BaseViewModel.js +24 -40
  55. package/pluggableElementTypes/models/InternetAccountModel.js +116 -263
  56. package/pluggableElementTypes/models/baseConnectionConfig.js +14 -25
  57. package/pluggableElementTypes/models/baseInternetAccountConfig.js +29 -38
  58. package/pluggableElementTypes/models/baseTrackConfig.js +106 -133
  59. package/pluggableElementTypes/models/index.js +21 -70
  60. package/pluggableElementTypes/renderers/BoxRendererType.js +132 -291
  61. package/pluggableElementTypes/renderers/CircularChordRendererType.js +8 -38
  62. package/pluggableElementTypes/renderers/ComparativeServerSideRendererType.js +60 -192
  63. package/pluggableElementTypes/renderers/FeatureRendererType.d.ts +0 -2
  64. package/pluggableElementTypes/renderers/FeatureRendererType.js +89 -264
  65. package/pluggableElementTypes/renderers/RendererType.js +31 -105
  66. package/pluggableElementTypes/renderers/ServerSideRenderedContent.js +61 -72
  67. package/pluggableElementTypes/renderers/ServerSideRendererType.js +112 -265
  68. package/pluggableElementTypes/renderers/index.js +19 -62
  69. package/pluggableElementTypes/renderers/util/serializableFilterChain.js +27 -65
  70. package/rpc/BaseRpcDriver.js +169 -405
  71. package/rpc/MainThreadRpcDriver.js +27 -150
  72. package/rpc/RpcManager.js +58 -159
  73. package/rpc/WebWorkerRpcDriver.js +54 -171
  74. package/rpc/configSchema.js +25 -49
  75. package/rpc/coreRpcMethods.js +221 -959
  76. package/rpc/remoteAbortSignals.js +46 -70
  77. package/tsconfig.build.tsbuildinfo +1 -1
  78. package/ui/AboutDialog.js +106 -162
  79. package/ui/App.js +157 -242
  80. package/ui/AssemblySelector.js +59 -120
  81. package/ui/CascadingMenu.js +101 -196
  82. package/ui/ColorPicker.d.ts +16 -0
  83. package/ui/ColorPicker.js +97 -0
  84. package/ui/Drawer.js +28 -61
  85. package/ui/DrawerWidget.js +108 -202
  86. package/ui/DropDownMenu.js +60 -91
  87. package/ui/EditableTypography.js +87 -149
  88. package/ui/ErrorMessage.js +41 -56
  89. package/ui/FactoryResetDialog.js +24 -57
  90. package/ui/FatalErrorDialog.js +59 -91
  91. package/ui/FileSelector/FileSelector.js +123 -189
  92. package/ui/FileSelector/LocalFileChooser.js +44 -75
  93. package/ui/FileSelector/UrlChooser.js +17 -38
  94. package/ui/FileSelector/index.js +6 -12
  95. package/ui/Icons.js +45 -69
  96. package/ui/Logo.js +57 -110
  97. package/ui/Menu.js +232 -354
  98. package/ui/PrerenderedCanvas.js +63 -87
  99. package/ui/ResizeHandle.js +87 -116
  100. package/ui/ReturnToImportFormDialog.js +32 -63
  101. package/ui/SanitizedHTML.js +64 -47
  102. package/ui/Snackbar.js +74 -101
  103. package/ui/SnackbarModel.js +37 -51
  104. package/ui/Tooltip.js +49 -76
  105. package/ui/ViewContainer.js +113 -196
  106. package/ui/colors.d.ts +10 -0
  107. package/ui/colors.js +78 -0
  108. package/ui/index.js +51 -181
  109. package/ui/react-colorful.d.ts +17 -0
  110. package/ui/react-colorful.js +455 -0
  111. package/ui/theme.js +199 -247
  112. package/util/Base1DUtils.js +163 -202
  113. package/util/Base1DViewModel.js +121 -168
  114. package/util/QuickLRU.js +84 -332
  115. package/util/TimeTraveller.d.ts +19 -0
  116. package/util/TimeTraveller.js +86 -0
  117. package/util/aborting.js +49 -127
  118. package/util/analytics.js +91 -154
  119. package/util/blockTypes.js +106 -240
  120. package/util/calculateDynamicBlocks.js +98 -128
  121. package/util/calculateStaticBlocks.js +105 -125
  122. package/util/color/cssColorsLevel4.js +156 -160
  123. package/util/color/index.js +33 -55
  124. package/util/compositeMap.js +49 -333
  125. package/util/formatFastaStrings.js +9 -14
  126. package/util/idMaker.js +18 -31
  127. package/util/index.d.ts +7 -20
  128. package/util/index.js +742 -1188
  129. package/util/io/RemoteFileWithRangeCache.js +88 -257
  130. package/util/io/index.js +95 -169
  131. package/util/jexl.js +60 -115
  132. package/util/jexlStrings.js +24 -29
  133. package/util/layouts/BaseLayout.js +1 -4
  134. package/util/layouts/GranularRectLayout.js +388 -555
  135. package/util/layouts/MultiLayout.js +41 -109
  136. package/util/layouts/PrecomputedLayout.js +56 -112
  137. package/util/layouts/PrecomputedMultiLayout.js +22 -59
  138. package/util/layouts/SceneGraph.js +127 -197
  139. package/util/layouts/index.js +29 -66
  140. package/util/mst-reflection.js +55 -71
  141. package/util/offscreenCanvasPonyfill.js +66 -134
  142. package/util/offscreenCanvasUtils.d.ts +2 -7
  143. package/util/offscreenCanvasUtils.js +49 -146
  144. package/util/range.js +29 -40
  145. package/util/rxjs.js +20 -27
  146. package/util/simpleFeature.js +88 -152
  147. package/util/stats.js +91 -151
  148. package/util/tracks.js +130 -173
  149. package/util/types/index.js +110 -179
  150. package/util/types/mst.js +91 -146
  151. package/util/types/util.js +1 -4
  152. package/util/when.js +54 -101
  153. package/BaseFeatureWidget/SequenceFeatureDetails.test.js +0 -122
  154. package/BaseFeatureWidget/index.test.js +0 -69
  155. package/TextSearch/BaseResults.test.js +0 -42
  156. package/configuration/configurationSchema.test.js +0 -266
  157. package/configuration/configurationSlot.test.js +0 -69
  158. package/configuration/util.test.js +0 -39
  159. package/data_adapters/BaseAdapter.test.js +0 -200
  160. package/declare.d.js +0 -1
  161. package/pluggableElementTypes/RpcMethodType.test.js +0 -118
  162. package/pluggableElementTypes/renderers/declare.d.js +0 -1
  163. package/pluggableElementTypes/renderers/util/serializableFilterChain.test.js +0 -20
  164. package/rpc/BaseRpcDriver.test.js +0 -540
  165. package/rpc/declaration.d.js +0 -1
  166. package/ui/FatalErrorDialog.test.js +0 -82
  167. package/ui/SanitizedHTML.test.js +0 -36
  168. package/ui/theme.test.js +0 -92
  169. package/util/Base1DViewModel.test.js +0 -130
  170. package/util/calculateDynamicBlocks.test.js +0 -74
  171. package/util/calculateStaticBlocks.test.js +0 -297
  172. package/util/declare.d.js +0 -1
  173. package/util/formatFastaStrings.test.js +0 -40
  174. package/util/index.test.js +0 -213
  175. package/util/jexlStrings.test.js +0 -48
  176. package/util/layouts/GranularRectLayout.test.js +0 -99
  177. package/util/range.test.js +0 -64
  178. package/util/simpleFeature.test.js +0 -34
  179. package/util/stats.test.js +0 -172
@@ -1,198 +1,132 @@
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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
13
-
14
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
15
-
16
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
17
-
18
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
19
-
20
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
21
-
22
- var _react = _interopRequireWildcard(require("react"));
23
-
24
- var _mobxReact = require("mobx-react");
25
-
26
- var _material = require("@mui/material");
27
-
28
- var _types = require("../../util/types");
29
-
30
- var _LocalFileChooser = _interopRequireDefault(require("./LocalFileChooser"));
31
-
32
- var _UrlChooser = _interopRequireDefault(require("./UrlChooser"));
33
-
34
- var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
35
-
36
- var _excluded = ["title", "children"];
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
-
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 mobx_react_1 = require("mobx-react");
31
+ const material_1 = require("@mui/material");
32
+ // locals
33
+ const types_1 = require("../../util/types");
34
+ const LocalFileChooser_1 = __importDefault(require("./LocalFileChooser"));
35
+ const UrlChooser_1 = __importDefault(require("./UrlChooser"));
36
+ // icons
37
+ const ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
46
38
  function ToggleButtonWithTooltip(props) {
47
- var title = props.title,
48
- children = props.children,
49
- other = (0, _objectWithoutProperties2.default)(props, _excluded);
50
- return /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
51
- title: title || ''
52
- }, /*#__PURE__*/_react.default.createElement(_material.ToggleButton, other, children));
39
+ const { title, children, ...other } = props;
40
+ return (react_1.default.createElement(material_1.Tooltip, { title: title || '' },
41
+ react_1.default.createElement(material_1.ToggleButton, { ...other }, children)));
53
42
  }
54
-
55
43
  function shorten(str, len) {
56
- if (typeof str === 'string' && str.length > len) {
57
- return "".concat(str.substring(0, len), "\u2026");
58
- }
59
-
60
- return str;
44
+ if (typeof str === 'string' && str.length > len) {
45
+ return `${str.substring(0, len)}…`;
46
+ }
47
+ return str;
61
48
  }
62
-
63
- var FileSelector = (0, _mobxReact.observer)(function (props) {
64
- var location = props.location,
65
- name = props.name,
66
- description = props.description,
67
- rootModel = props.rootModel,
68
- setLocation = props.setLocation;
69
- var fileOrUrl = !location || (0, _types.isUriLocation)(location) ? 'url' : 'file';
70
-
71
- var _useState = (0, _react.useState)(location && 'internetAccountId' in location && location.internetAccountId ? location.internetAccountId : fileOrUrl),
72
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
73
- toggleButtonValue = _useState2[0],
74
- setToggleButtonValue = _useState2[1];
75
-
76
- var accts = (0, _types.isAppRootModel)(rootModel) ? rootModel.internetAccounts.slice() : [];
77
- var numShown = 2;
78
-
79
- var _useState3 = (0, _react.useState)(accts.slice(0, numShown)),
80
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
81
- shownAccts = _useState4[0],
82
- setShownAccts = _useState4[1];
83
-
84
- var _useState5 = (0, _react.useState)(accts.slice(numShown)),
85
- _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
86
- hiddenAccts = _useState6[0],
87
- setHiddenAccts = _useState6[1];
88
-
89
- var _useState7 = (0, _react.useState)(null),
90
- _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
91
- anchorEl = _useState8[0],
92
- setAnchorEl = _useState8[1];
93
-
94
- var selectedAcct = accts.find(function (ia) {
95
- return ia.internetAccountId === toggleButtonValue;
96
- });
97
-
98
- var setLocationWithAccount = function setLocationWithAccount(location) {
99
- setLocation(_objectSpread(_objectSpread({}, location), {}, {
100
- internetAccountId: selectedAcct ? selectedAcct.internetAccountId : undefined
101
- }));
102
- }; // if you swap account selection after inputting url
103
-
104
-
105
- if (location && selectedAcct && (0, _types.isUriLocation)(location) && location.internetAccountId !== selectedAcct.internetAccountId) {
106
- setLocationWithAccount(location);
107
- }
108
-
109
- var locationInput = /*#__PURE__*/_react.default.createElement(_UrlChooser.default, (0, _extends2.default)({}, props, {
110
- setLocation: setLocationWithAccount,
111
- label: selectedAcct === null || selectedAcct === void 0 ? void 0 : selectedAcct.selectorLabel
112
- }));
113
-
114
- if (toggleButtonValue === 'file') {
115
- locationInput = /*#__PURE__*/_react.default.createElement(_LocalFileChooser.default, props);
116
- }
117
-
118
- if (selectedAcct !== null && selectedAcct !== void 0 && selectedAcct.SelectorComponent) {
119
- var SelectorComponent = selectedAcct.SelectorComponent;
120
- locationInput = /*#__PURE__*/_react.default.createElement(SelectorComponent, (0, _extends2.default)({}, props, {
121
- setLocation: setLocationWithAccount
122
- }));
123
- }
124
-
125
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
126
- display: "flex"
127
- }, /*#__PURE__*/_react.default.createElement(_material.InputLabel, {
128
- shrink: true
129
- }, name)), /*#__PURE__*/_react.default.createElement(_material.Box, {
130
- display: "flex",
131
- flexDirection: "row"
132
- }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.ToggleButtonGroup, {
133
- value: toggleButtonValue,
134
- exclusive: true,
135
- onChange: function onChange(_event, newState) {
136
- if (newState) {
137
- setToggleButtonValue(newState);
138
- }
139
-
140
- if ((0, _types.isUriLocation)(location)) {
49
+ const FileSelector = (0, mobx_react_1.observer)((props) => {
50
+ const { location, name, description, rootModel, setLocation } = props;
51
+ const fileOrUrl = !location || (0, types_1.isUriLocation)(location) ? 'url' : 'file';
52
+ const [toggleButtonValue, setToggleButtonValue] = (0, react_1.useState)(location && 'internetAccountId' in location && location.internetAccountId
53
+ ? location.internetAccountId
54
+ : fileOrUrl);
55
+ const accts = (0, types_1.isAppRootModel)(rootModel)
56
+ ? rootModel.internetAccounts.slice()
57
+ : [];
58
+ const numShown = 2;
59
+ const [shownAccts, setShownAccts] = (0, react_1.useState)(accts.slice(0, numShown));
60
+ const [hiddenAccts, setHiddenAccts] = (0, react_1.useState)(accts.slice(numShown));
61
+ const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
62
+ const selectedAcct = accts.find(ia => ia.internetAccountId === toggleButtonValue);
63
+ const setLocationWithAccount = (location) => {
64
+ setLocation({
65
+ ...location,
66
+ internetAccountId: selectedAcct
67
+ ? selectedAcct.internetAccountId
68
+ : undefined,
69
+ });
70
+ };
71
+ // if you swap account selection after inputting url
72
+ if (location &&
73
+ selectedAcct &&
74
+ (0, types_1.isUriLocation)(location) &&
75
+ location.internetAccountId !== selectedAcct.internetAccountId) {
141
76
  setLocationWithAccount(location);
142
- }
143
- },
144
- "aria-label": "file, url, or account picker"
145
- }, new URLSearchParams(window.location.search).get('adminKey') ? null : /*#__PURE__*/_react.default.createElement(_material.ToggleButton, {
146
- value: "file",
147
- "aria-label": "local file"
148
- }, "File"), /*#__PURE__*/_react.default.createElement(_material.ToggleButton, {
149
- value: "url",
150
- "aria-label": "url"
151
- }, "URL"), shownAccts.map(function (_ref) {
152
- var internetAccountId = _ref.internetAccountId,
153
- toggleContents = _ref.toggleContents,
154
- name = _ref.name;
155
- return /*#__PURE__*/_react.default.createElement(ToggleButtonWithTooltip, {
156
- key: internetAccountId,
157
- value: internetAccountId,
158
- "aria-label": name,
159
- title: name
160
- }, typeof toggleContents === 'string' ? shorten(toggleContents, 5) : toggleContents || shorten(name, 5));
161
- }), hiddenAccts.length ?
162
- /*#__PURE__*/
163
- // @ts-ignore
164
- _react.default.createElement(_material.ToggleButton, {
165
- onClick: function onClick(event) {
166
- return setAnchorEl(event.target);
167
- },
168
- selected: false
169
- }, "More", /*#__PURE__*/_react.default.createElement(_ArrowDropDown.default, null)) : null), /*#__PURE__*/_react.default.createElement(_material.Menu, {
170
- open: Boolean(anchorEl),
171
- anchorEl: anchorEl,
172
- onClose: function onClose() {
173
- return setAnchorEl(null);
174
- },
175
- anchorOrigin: {
176
- vertical: 'bottom',
177
- horizontal: 'center'
178
- },
179
- transformOrigin: {
180
- vertical: 'top',
181
- horizontal: 'center'
182
77
  }
183
- }, hiddenAccts === null || hiddenAccts === void 0 ? void 0 : hiddenAccts.map(function (acct, idx) {
184
- return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
185
- key: acct.internetAccountId,
186
- value: acct.internetAccountId,
187
- onClick: function onClick() {
188
- var prev = shownAccts[shownAccts.length - 1];
189
- setShownAccts([].concat((0, _toConsumableArray2.default)(shownAccts.slice(0, shownAccts.length - 1)), [acct]));
190
- setHiddenAccts([prev].concat((0, _toConsumableArray2.default)(hiddenAccts.slice(0, idx)), (0, _toConsumableArray2.default)(hiddenAccts.slice(idx + 1))));
191
- setToggleButtonValue(acct.internetAccountId);
192
- setAnchorEl(null);
193
- }
194
- }, acct.name);
195
- })))), locationInput, /*#__PURE__*/_react.default.createElement(_material.FormHelperText, null, description));
78
+ let locationInput = (react_1.default.createElement(UrlChooser_1.default, { ...props, setLocation: setLocationWithAccount, label: selectedAcct === null || selectedAcct === void 0 ? void 0 : selectedAcct.selectorLabel }));
79
+ if (toggleButtonValue === 'file') {
80
+ locationInput = react_1.default.createElement(LocalFileChooser_1.default, { ...props });
81
+ }
82
+ if (selectedAcct === null || selectedAcct === void 0 ? void 0 : selectedAcct.SelectorComponent) {
83
+ const { SelectorComponent } = selectedAcct;
84
+ locationInput = (react_1.default.createElement(SelectorComponent, { ...props, setLocation: setLocationWithAccount }));
85
+ }
86
+ return (react_1.default.createElement(react_1.default.Fragment, null,
87
+ react_1.default.createElement(material_1.Box, { display: "flex" },
88
+ react_1.default.createElement(material_1.InputLabel, { shrink: true }, name)),
89
+ react_1.default.createElement(material_1.Box, { display: "flex", flexDirection: "row" },
90
+ react_1.default.createElement(material_1.Box, null,
91
+ react_1.default.createElement(material_1.ToggleButtonGroup, { value: toggleButtonValue, exclusive: true, onChange: (_event, newState) => {
92
+ if (newState) {
93
+ setToggleButtonValue(newState);
94
+ }
95
+ if ((0, types_1.isUriLocation)(location)) {
96
+ setLocationWithAccount(location);
97
+ }
98
+ }, "aria-label": "file, url, or account picker" },
99
+ new URLSearchParams(window.location.search).get('adminKey') ? null : (react_1.default.createElement(material_1.ToggleButton, { value: "file", "aria-label": "local file" }, "File")),
100
+ react_1.default.createElement(material_1.ToggleButton, { value: "url", "aria-label": "url" }, "URL"),
101
+ shownAccts.map(({ internetAccountId, toggleContents, name }) => (react_1.default.createElement(ToggleButtonWithTooltip, { key: internetAccountId, value: internetAccountId, "aria-label": name, title: name }, typeof toggleContents === 'string'
102
+ ? shorten(toggleContents, 5)
103
+ : toggleContents || shorten(name, 5)))),
104
+ hiddenAccts.length ? (
105
+ // @ts-ignore
106
+ react_1.default.createElement(material_1.ToggleButton, { onClick: event => setAnchorEl(event.target), selected: false },
107
+ "More",
108
+ react_1.default.createElement(ArrowDropDown_1.default, null))) : null),
109
+ react_1.default.createElement(material_1.Menu, { open: Boolean(anchorEl), anchorEl: anchorEl, onClose: () => setAnchorEl(null), anchorOrigin: {
110
+ vertical: 'bottom',
111
+ horizontal: 'center',
112
+ }, transformOrigin: {
113
+ vertical: 'top',
114
+ horizontal: 'center',
115
+ } }, hiddenAccts === null || hiddenAccts === void 0 ? void 0 : hiddenAccts.map((acct, idx) => (react_1.default.createElement(material_1.MenuItem, { key: acct.internetAccountId, value: acct.internetAccountId, onClick: () => {
116
+ const prev = shownAccts[shownAccts.length - 1];
117
+ setShownAccts([
118
+ ...shownAccts.slice(0, shownAccts.length - 1),
119
+ acct,
120
+ ]);
121
+ setHiddenAccts([
122
+ prev,
123
+ ...hiddenAccts.slice(0, idx),
124
+ ...hiddenAccts.slice(idx + 1),
125
+ ]);
126
+ setToggleButtonValue(acct.internetAccountId);
127
+ setAnchorEl(null);
128
+ } }, acct.name)))))),
129
+ locationInput,
130
+ react_1.default.createElement(material_1.FormHelperText, null, description)));
196
131
  });
197
- var _default = FileSelector;
198
- exports.default = _default;
132
+ exports.default = FileSelector;
@@ -1,83 +1,52 @@
1
1
  "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _material = require("@mui/material");
13
-
14
- var _mui = require("tss-react/mui");
15
-
16
- var _util = require("../../util");
17
-
18
- var _tracks = require("../../util/tracks");
19
-
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ const react_1 = __importDefault(require("react"));
7
+ const material_1 = require("@mui/material");
8
+ const mui_1 = require("tss-react/mui");
9
+ const util_1 = require("../../util");
10
+ const tracks_1 = require("../../util/tracks");
20
11
  function isLocalPathLocation(location) {
21
- return 'localPath' in location;
12
+ return 'localPath' in location;
22
13
  }
23
-
24
14
  function isBlobLocation(location) {
25
- return 'blobId' in location;
15
+ return 'blobId' in location;
26
16
  }
27
-
28
- var useStyles = (0, _mui.makeStyles)()(function (theme) {
29
- return {
17
+ const useStyles = (0, mui_1.makeStyles)()(theme => ({
30
18
  filename: {
31
- marginLeft: theme.spacing(1)
32
- }
33
- };
34
- });
35
-
19
+ marginLeft: theme.spacing(1),
20
+ },
21
+ }));
36
22
  function LocalFileChooser(props) {
37
- var _useStyles = useStyles(),
38
- classes = _useStyles.classes;
39
-
40
- var location = props.location,
41
- setLocation = props.setLocation;
42
- var filename = location && (isBlobLocation(location) && location.name || isLocalPathLocation(location) && location.localPath);
43
- var needToReload = location && isBlobLocation(location) && !(0, _tracks.getBlob)(location.blobId);
44
- return /*#__PURE__*/_react.default.createElement(_material.Box, {
45
- display: "flex",
46
- flexDirection: "row",
47
- alignItems: "center"
48
- }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.FormControl, {
49
- fullWidth: true
50
- }, /*#__PURE__*/_react.default.createElement(_material.Button, {
51
- variant: "outlined",
52
- component: "label"
53
- }, "Choose File", /*#__PURE__*/_react.default.createElement("input", {
54
- type: "file",
55
- hidden: true,
56
- onChange: function onChange(_ref) {
57
- var target = _ref.target;
58
- var file = target && target.files && target.files[0];
59
-
60
- if (file) {
61
- if (_util.isElectron) {
62
- setLocation({
63
- localPath: file.path,
64
- locationType: 'LocalPathLocation'
65
- });
66
- } else {
67
- setLocation((0, _tracks.storeBlobLocation)({
68
- blob: file
69
- }));
70
- }
71
- }
72
- }
73
- })))), /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Typography, {
74
- component: "span",
75
- className: classes.filename,
76
- color: filename ? 'initial' : 'textSecondary'
77
- }, filename || 'No file chosen'), needToReload ? /*#__PURE__*/_react.default.createElement(_material.Typography, {
78
- color: "error"
79
- }, "(need to reload)") : null));
23
+ const { classes } = useStyles();
24
+ const { location, setLocation } = props;
25
+ const filename = location &&
26
+ ((isBlobLocation(location) && location.name) ||
27
+ (isLocalPathLocation(location) && location.localPath));
28
+ const needToReload = location && isBlobLocation(location) && !(0, tracks_1.getBlob)(location.blobId);
29
+ return (react_1.default.createElement(material_1.Box, { display: "flex", flexDirection: "row", alignItems: "center" },
30
+ react_1.default.createElement(material_1.Box, null,
31
+ react_1.default.createElement(material_1.FormControl, { fullWidth: true },
32
+ react_1.default.createElement(material_1.Button, { variant: "outlined", component: "label" },
33
+ "Choose File",
34
+ react_1.default.createElement("input", { type: "file", hidden: true, onChange: ({ target }) => {
35
+ const file = target && target.files && target.files[0];
36
+ if (file) {
37
+ if (util_1.isElectron) {
38
+ setLocation({
39
+ localPath: file.path,
40
+ locationType: 'LocalPathLocation',
41
+ });
42
+ }
43
+ else {
44
+ setLocation((0, tracks_1.storeBlobLocation)({ blob: file }));
45
+ }
46
+ }
47
+ } })))),
48
+ react_1.default.createElement(material_1.Box, null,
49
+ react_1.default.createElement(material_1.Typography, { component: "span", className: classes.filename, color: filename ? 'initial' : 'textSecondary' }, filename || 'No file chosen'),
50
+ needToReload ? (react_1.default.createElement(material_1.Typography, { color: "error" }, "(need to reload)")) : null)));
80
51
  }
81
-
82
- var _default = LocalFileChooser;
83
- exports.default = _default;
52
+ exports.default = LocalFileChooser;
@@ -1,41 +1,20 @@
1
1
  "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _material = require("@mui/material");
13
-
14
- var _mobxReact = require("mobx-react");
15
-
16
- var _types = require("../../util/types");
17
-
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ const react_1 = __importDefault(require("react"));
7
+ const material_1 = require("@mui/material");
8
+ const mobx_react_1 = require("mobx-react");
9
+ const types_1 = require("../../util/types");
18
10
  function UrlChooser(props) {
19
- var location = props.location,
20
- setLocation = props.setLocation,
21
- label = props.label;
22
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.TextField, {
23
- fullWidth: true,
24
- variant: "outlined",
25
- inputProps: {
26
- 'data-testid': 'urlInput'
27
- },
28
- defaultValue: location && (0, _types.isUriLocation)(location) ? location.uri : '',
29
- label: label || 'Enter URL',
30
- onChange: function onChange(event) {
31
- setLocation({
32
- uri: event.target.value.trim(),
33
- locationType: 'UriLocation'
34
- });
35
- }
36
- }));
11
+ const { location, setLocation, label } = props;
12
+ return (react_1.default.createElement(react_1.default.Fragment, null,
13
+ react_1.default.createElement(material_1.TextField, { fullWidth: true, variant: "outlined", inputProps: { 'data-testid': 'urlInput' }, defaultValue: location && (0, types_1.isUriLocation)(location) ? location.uri : '', label: label || 'Enter URL', onChange: event => {
14
+ setLocation({
15
+ uri: event.target.value.trim(),
16
+ locationType: 'UriLocation',
17
+ });
18
+ } })));
37
19
  }
38
-
39
- var _default = (0, _mobxReact.observer)(UrlChooser);
40
-
41
- exports.default = _default;
20
+ exports.default = (0, mobx_react_1.observer)(UrlChooser);
@@ -1,13 +1,7 @@
1
1
  "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
-
10
- var _FileSelector = _interopRequireDefault(require("./FileSelector"));
11
-
12
- var _default = _FileSelector.default;
13
- exports.default = _default;
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ const FileSelector_1 = __importDefault(require("./FileSelector"));
7
+ exports.default = FileSelector_1.default;