@jbrowse/core 2.0.0 → 2.1.2

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 (184) hide show
  1. package/BaseFeatureWidget/BaseFeatureDetail.d.ts +9 -3
  2. package/BaseFeatureWidget/BaseFeatureDetail.js +313 -581
  3. package/BaseFeatureWidget/SequenceFeatureDetails.js +213 -478
  4. package/BaseFeatureWidget/index.js +88 -126
  5. package/BaseFeatureWidget/types.d.ts +1 -0
  6. package/BaseFeatureWidget/types.js +1 -4
  7. package/BaseFeatureWidget/util.js +40 -75
  8. package/CorePlugin.js +55 -94
  9. package/Plugin.js +9 -34
  10. package/PluginLoader.js +153 -422
  11. package/PluginManager.d.ts +28 -33
  12. package/PluginManager.js +377 -666
  13. package/ReExports/Attributes.js +3 -10
  14. package/ReExports/BaseCard.js +3 -10
  15. package/ReExports/DataGrid.js +5 -12
  16. package/ReExports/FeatureDetails.js +3 -10
  17. package/ReExports/index.js +6 -12
  18. package/ReExports/list.d.ts +5 -0
  19. package/ReExports/list.js +271 -7
  20. package/ReExports/material-ui-colors.js +15 -16
  21. package/ReExports/modules.d.ts +11 -20
  22. package/ReExports/modules.js +453 -798
  23. package/TextSearch/BaseResults.js +51 -123
  24. package/TextSearch/TextSearchManager.js +66 -144
  25. package/assemblyManager/assembly.js +280 -555
  26. package/assemblyManager/assemblyConfigSchema.js +47 -64
  27. package/assemblyManager/assemblyManager.js +126 -272
  28. package/assemblyManager/index.js +9 -22
  29. package/configuration/configurationSchema.js +167 -203
  30. package/configuration/configurationSlot.js +248 -326
  31. package/configuration/index.js +19 -35
  32. package/configuration/util.js +131 -173
  33. package/data_adapters/BaseAdapter.d.ts +2 -2
  34. package/data_adapters/BaseAdapter.js +132 -521
  35. package/data_adapters/CytobandAdapter.js +40 -126
  36. package/data_adapters/dataAdapterCache.js +77 -158
  37. package/package.json +4 -5
  38. package/pluggableElementTypes/AdapterType.js +24 -79
  39. package/pluggableElementTypes/AddTrackWorkflowType.d.ts +17 -0
  40. package/pluggableElementTypes/AddTrackWorkflowType.js +20 -0
  41. package/pluggableElementTypes/ConnectionType.js +22 -65
  42. package/pluggableElementTypes/DisplayType.js +35 -82
  43. package/pluggableElementTypes/InternetAccountType.js +23 -64
  44. package/pluggableElementTypes/PluggableElementBase.js +8 -20
  45. package/pluggableElementTypes/RpcMethodType.js +85 -427
  46. package/pluggableElementTypes/TextSearchAdapterType.js +16 -55
  47. package/pluggableElementTypes/TrackType.js +26 -70
  48. package/pluggableElementTypes/ViewType.js +21 -63
  49. package/pluggableElementTypes/WidgetType.js +21 -64
  50. package/pluggableElementTypes/index.d.ts +4 -3
  51. package/pluggableElementTypes/index.js +42 -125
  52. package/pluggableElementTypes/models/BaseConnectionModelFactory.js +28 -43
  53. package/pluggableElementTypes/models/BaseDisplayModel.js +58 -95
  54. package/pluggableElementTypes/models/BaseTrackModel.js +139 -199
  55. package/pluggableElementTypes/models/BaseViewModel.js +24 -40
  56. package/pluggableElementTypes/models/InternetAccountModel.js +116 -263
  57. package/pluggableElementTypes/models/baseConnectionConfig.js +14 -25
  58. package/pluggableElementTypes/models/baseInternetAccountConfig.js +29 -38
  59. package/pluggableElementTypes/models/baseTrackConfig.js +106 -133
  60. package/pluggableElementTypes/models/index.js +21 -70
  61. package/pluggableElementTypes/renderers/BoxRendererType.js +132 -291
  62. package/pluggableElementTypes/renderers/CircularChordRendererType.js +8 -38
  63. package/pluggableElementTypes/renderers/ComparativeServerSideRendererType.js +60 -192
  64. package/pluggableElementTypes/renderers/FeatureRendererType.d.ts +0 -2
  65. package/pluggableElementTypes/renderers/FeatureRendererType.js +89 -255
  66. package/pluggableElementTypes/renderers/RendererType.js +31 -105
  67. package/pluggableElementTypes/renderers/ServerSideRenderedContent.js +61 -72
  68. package/pluggableElementTypes/renderers/ServerSideRendererType.js +112 -265
  69. package/pluggableElementTypes/renderers/index.js +19 -62
  70. package/pluggableElementTypes/renderers/util/serializableFilterChain.js +27 -65
  71. package/rpc/BaseRpcDriver.js +169 -405
  72. package/rpc/MainThreadRpcDriver.js +27 -150
  73. package/rpc/RpcManager.js +58 -159
  74. package/rpc/WebWorkerRpcDriver.js +54 -171
  75. package/rpc/configSchema.js +25 -49
  76. package/rpc/coreRpcMethods.d.ts +1 -3
  77. package/rpc/coreRpcMethods.js +221 -959
  78. package/rpc/remoteAbortSignals.js +46 -70
  79. package/tsconfig.build.tsbuildinfo +1 -1
  80. package/ui/AboutDialog.js +106 -162
  81. package/ui/App.js +157 -242
  82. package/ui/AssemblySelector.js +59 -120
  83. package/ui/CascadingMenu.js +101 -196
  84. package/ui/ColorPicker.d.ts +16 -0
  85. package/ui/ColorPicker.js +97 -0
  86. package/ui/Drawer.js +28 -61
  87. package/ui/DrawerWidget.js +108 -202
  88. package/ui/DropDownMenu.js +60 -91
  89. package/ui/EditableTypography.js +87 -149
  90. package/ui/ErrorMessage.js +41 -56
  91. package/ui/FactoryResetDialog.js +24 -57
  92. package/ui/FatalErrorDialog.js +59 -91
  93. package/ui/FileSelector/FileSelector.js +123 -189
  94. package/ui/FileSelector/LocalFileChooser.js +44 -75
  95. package/ui/FileSelector/UrlChooser.js +17 -38
  96. package/ui/FileSelector/index.js +6 -12
  97. package/ui/Icons.js +45 -69
  98. package/ui/Logo.js +57 -110
  99. package/ui/Menu.js +232 -354
  100. package/ui/PrerenderedCanvas.js +63 -87
  101. package/ui/ResizeHandle.js +87 -116
  102. package/ui/ReturnToImportFormDialog.js +32 -63
  103. package/ui/SanitizedHTML.js +64 -47
  104. package/ui/Snackbar.js +74 -101
  105. package/ui/SnackbarModel.js +37 -51
  106. package/ui/Tooltip.js +49 -76
  107. package/ui/ViewContainer.js +113 -196
  108. package/ui/colors.d.ts +10 -0
  109. package/ui/colors.js +78 -0
  110. package/ui/index.js +51 -181
  111. package/ui/react-colorful.d.ts +17 -0
  112. package/ui/react-colorful.js +455 -0
  113. package/ui/theme.d.ts +23 -1
  114. package/ui/theme.js +199 -247
  115. package/util/Base1DUtils.d.ts +32 -0
  116. package/util/Base1DUtils.js +174 -0
  117. package/util/Base1DViewModel.d.ts +16 -30
  118. package/util/Base1DViewModel.js +116 -293
  119. package/util/QuickLRU.js +84 -332
  120. package/util/TimeTraveller.d.ts +19 -0
  121. package/util/TimeTraveller.js +86 -0
  122. package/util/aborting.js +49 -127
  123. package/util/analytics.js +91 -154
  124. package/util/blockTypes.js +106 -240
  125. package/util/calculateDynamicBlocks.js +98 -128
  126. package/util/calculateStaticBlocks.js +105 -125
  127. package/util/color/cssColorsLevel4.js +156 -160
  128. package/util/color/index.js +33 -55
  129. package/util/compositeMap.js +49 -333
  130. package/util/formatFastaStrings.js +9 -14
  131. package/util/idMaker.js +18 -31
  132. package/util/index.d.ts +18 -32
  133. package/util/index.js +747 -1226
  134. package/util/io/RemoteFileWithRangeCache.js +88 -257
  135. package/util/io/index.js +95 -169
  136. package/util/jexl.js +60 -115
  137. package/util/jexlStrings.js +24 -29
  138. package/util/layouts/BaseLayout.js +1 -4
  139. package/util/layouts/GranularRectLayout.js +388 -555
  140. package/util/layouts/MultiLayout.js +41 -109
  141. package/util/layouts/PrecomputedLayout.js +56 -112
  142. package/util/layouts/PrecomputedMultiLayout.js +22 -59
  143. package/util/layouts/SceneGraph.js +127 -197
  144. package/util/layouts/index.js +29 -66
  145. package/util/mst-reflection.js +55 -71
  146. package/util/offscreenCanvasPonyfill.js +66 -134
  147. package/util/offscreenCanvasUtils.d.ts +2 -7
  148. package/util/offscreenCanvasUtils.js +49 -146
  149. package/util/range.js +29 -40
  150. package/util/rxjs.js +20 -27
  151. package/util/simpleFeature.js +88 -152
  152. package/util/stats.js +91 -151
  153. package/util/tracks.js +130 -173
  154. package/util/types/index.js +110 -179
  155. package/util/types/mst.js +91 -146
  156. package/util/types/util.js +1 -4
  157. package/util/when.js +54 -101
  158. package/BaseFeatureWidget/SequenceFeatureDetails.test.js +0 -122
  159. package/BaseFeatureWidget/index.test.js +0 -69
  160. package/TextSearch/BaseResults.test.js +0 -42
  161. package/configuration/configurationSchema.test.js +0 -266
  162. package/configuration/configurationSlot.test.js +0 -69
  163. package/configuration/util.test.js +0 -39
  164. package/data_adapters/BaseAdapter.test.js +0 -200
  165. package/declare.d.js +0 -1
  166. package/pluggableElementTypes/RpcMethodType.test.js +0 -118
  167. package/pluggableElementTypes/renderers/declare.d.js +0 -1
  168. package/pluggableElementTypes/renderers/util/serializableFilterChain.test.js +0 -20
  169. package/rpc/BaseRpcDriver.test.js +0 -540
  170. package/rpc/declaration.d.js +0 -1
  171. package/ui/FatalErrorDialog.test.js +0 -82
  172. package/ui/SanitizedHTML.test.js +0 -36
  173. package/ui/theme.test.js +0 -92
  174. package/util/Base1DViewModel.test.js +0 -130
  175. package/util/calculateDynamicBlocks.test.js +0 -74
  176. package/util/calculateStaticBlocks.test.js +0 -297
  177. package/util/declare.d.js +0 -1
  178. package/util/formatFastaStrings.test.js +0 -40
  179. package/util/index.test.js +0 -213
  180. package/util/jexlStrings.test.js +0 -48
  181. package/util/layouts/GranularRectLayout.test.js +0 -99
  182. package/util/range.test.js +0 -64
  183. package/util/simpleFeature.test.js +0 -34
  184. 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;