@jbrowse/core 1.5.9 → 1.6.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.
- package/BaseFeatureWidget/BaseFeatureDetail.js +91 -78
- package/BaseFeatureWidget/SequenceFeatureDetails.js +64 -56
- package/BaseFeatureWidget/SequenceFeatureDetails.test.js +9 -9
- package/BaseFeatureWidget/index.js +1 -1
- package/BaseFeatureWidget/index.test.js +4 -4
- package/BaseFeatureWidget/util.js +13 -9
- package/CorePlugin.js +32 -20
- package/Plugin.js +13 -11
- package/PluginLoader.js +37 -32
- package/PluginManager.d.ts +8 -5
- package/PluginManager.js +142 -53
- package/ReExports/index.js +4 -4
- package/ReExports/list.js +2 -2
- package/ReExports/material-ui-colors.js +20 -20
- package/ReExports/modules.d.ts +7 -5
- package/ReExports/modules.js +51 -47
- package/TextSearch/BaseResults.js +34 -24
- package/TextSearch/BaseResults.test.js +7 -3
- package/TextSearch/TextSearchManager.js +16 -14
- package/assemblyManager/assembly.js +38 -33
- package/assemblyManager/assemblyConfigSchema.js +2 -2
- package/assemblyManager/assemblyManager.js +19 -15
- package/assemblyManager/index.js +3 -3
- package/babel.config.d.ts +15 -0
- package/babel.config.js +19 -0
- package/configuration/configurationSchema.js +19 -17
- package/configuration/configurationSlot.js +11 -11
- package/configuration/configurationSlot.test.js +5 -5
- package/configuration/index.d.ts +1 -0
- package/configuration/util.js +5 -5
- package/data_adapters/BaseAdapter.d.ts +15 -3
- package/data_adapters/BaseAdapter.js +215 -61
- package/data_adapters/BaseAdapter.test.js +29 -23
- package/data_adapters/CytobandAdapter.d.ts +1 -1
- package/data_adapters/CytobandAdapter.js +24 -18
- package/data_adapters/dataAdapterCache.js +8 -8
- package/package.json +3 -3
- package/pluggableElementTypes/AdapterType.js +30 -21
- package/pluggableElementTypes/ConnectionType.js +28 -18
- package/pluggableElementTypes/DisplayType.js +27 -17
- package/pluggableElementTypes/InternetAccountType.js +24 -14
- package/pluggableElementTypes/PluggableElementBase.js +10 -8
- package/pluggableElementTypes/RpcMethodType.d.ts +1 -1
- package/pluggableElementTypes/RpcMethodType.js +140 -117
- package/pluggableElementTypes/RpcMethodType.test.js +22 -16
- package/pluggableElementTypes/TextSearchAdapterType.js +25 -15
- package/pluggableElementTypes/TrackType.js +25 -15
- package/pluggableElementTypes/ViewType.js +25 -15
- package/pluggableElementTypes/WidgetType.js +27 -17
- package/pluggableElementTypes/index.js +11 -11
- package/pluggableElementTypes/models/BaseConnectionModelFactory.js +5 -5
- package/pluggableElementTypes/models/BaseDisplayModel.js +8 -5
- package/pluggableElementTypes/models/BaseTrackModel.js +11 -8
- package/pluggableElementTypes/models/BaseViewModel.js +3 -3
- package/pluggableElementTypes/models/InternetAccountModel.d.ts +1 -1
- package/pluggableElementTypes/models/InternetAccountModel.js +4 -4
- package/pluggableElementTypes/models/baseConnectionConfig.js +2 -2
- package/pluggableElementTypes/models/baseTrackConfig.js +7 -4
- package/pluggableElementTypes/models/index.js +4 -4
- package/pluggableElementTypes/renderers/BoxRendererType.js +48 -38
- package/pluggableElementTypes/renderers/CircularChordRendererType.js +18 -12
- package/pluggableElementTypes/renderers/ComparativeServerSideRendererType.js +34 -26
- package/pluggableElementTypes/renderers/FeatureRendererType.js +45 -35
- package/pluggableElementTypes/renderers/RendererType.js +30 -20
- package/pluggableElementTypes/renderers/ServerSideRenderedContent.js +12 -8
- package/pluggableElementTypes/renderers/ServerSideRendererType.d.ts +1 -1
- package/pluggableElementTypes/renderers/ServerSideRendererType.js +44 -32
- package/pluggableElementTypes/renderers/index.js +8 -8
- package/pluggableElementTypes/renderers/util/serializableFilterChain.js +10 -8
- package/pluggableElementTypes/renderers/util/serializableFilterChain.test.js +2 -2
- package/rpc/BaseRpcDriver.js +42 -37
- package/rpc/BaseRpcDriver.test.js +62 -48
- package/rpc/MainThreadRpcDriver.js +31 -21
- package/rpc/RpcManager.js +18 -16
- package/rpc/WebWorkerRpcDriver.js +37 -27
- package/rpc/configSchema.js +2 -2
- package/rpc/coreRpcMethods.d.ts +16 -0
- package/rpc/coreRpcMethods.js +247 -120
- package/rpc/remoteAbortSignals.js +3 -3
- package/ui/AboutDialog.js +20 -16
- package/ui/App.js +42 -38
- package/ui/AssemblySelector.d.ts +1 -1
- package/ui/AssemblySelector.js +6 -6
- package/ui/Drawer.js +7 -7
- package/ui/DrawerWidget.d.ts +1 -1
- package/ui/DrawerWidget.js +37 -33
- package/ui/DropDownMenu.js +21 -9
- package/ui/EditableTypography.js +30 -19
- package/ui/ErrorMessage.js +5 -5
- package/ui/FactoryResetDialog.js +8 -8
- package/ui/FatalErrorDialog.js +29 -12
- package/ui/FatalErrorDialog.test.js +10 -10
- package/ui/FileSelector/FileSelector.js +42 -32
- package/ui/FileSelector/LocalFileChooser.js +9 -9
- package/ui/FileSelector/UrlChooser.js +4 -4
- package/ui/FileSelector/index.js +4 -4
- package/ui/Icons.js +9 -9
- package/ui/Logo.js +19 -19
- package/ui/Menu.js +46 -35
- package/ui/NewSessionCards.js +29 -19
- package/ui/PrerenderedCanvas.js +27 -10
- package/ui/ResizeHandle.js +17 -10
- package/ui/SanitizedHTML.js +5 -5
- package/ui/SanitizedHTML.test.js +4 -4
- package/ui/Snackbar.js +16 -12
- package/ui/SnackbarModel.js +1 -1
- package/ui/Tooltip.js +11 -7
- package/ui/ViewContainer.d.ts +2 -5
- package/ui/ViewContainer.js +44 -49
- package/ui/index.d.ts +1 -0
- package/ui/index.js +26 -13
- package/ui/theme.js +15 -11
- package/util/Base1DViewModel.d.ts +14 -12
- package/util/Base1DViewModel.js +51 -55
- package/util/Base1DViewModel.test.js +5 -5
- package/util/QuickLRU.js +30 -26
- package/util/aborting.js +25 -15
- package/util/analytics.d.ts +1 -0
- package/util/analytics.js +14 -6
- package/util/blockTypes.js +48 -36
- package/util/calculateDynamicBlocks.js +4 -4
- package/util/calculateDynamicBlocks.test.js +14 -10
- package/util/calculateStaticBlocks.js +1 -1
- package/util/calculateStaticBlocks.test.js +15 -15
- package/util/compositeMap.js +30 -26
- package/util/idMaker.js +4 -4
- package/util/index.d.ts +23 -1
- package/util/index.js +130 -36
- package/util/index.test.js +11 -7
- package/util/io/RemoteFileWithRangeCache.js +40 -28
- package/util/io/index.js +5 -5
- package/util/jexl.js +5 -5
- package/util/jexlStrings.js +2 -2
- package/util/jexlStrings.test.js +2 -2
- package/util/layouts/GranularRectLayout.js +33 -27
- package/util/layouts/GranularRectLayout.test.js +10 -10
- package/util/layouts/MultiLayout.js +19 -13
- package/util/layouts/PrecomputedLayout.js +16 -14
- package/util/layouts/PrecomputedMultiLayout.js +23 -17
- package/util/layouts/SceneGraph.js +18 -12
- package/util/layouts/index.js +6 -6
- package/util/offscreenCanvasPonyfill.js +30 -28
- package/util/offscreenCanvasUtils.js +5 -5
- package/util/range.test.js +20 -20
- package/util/rxjs.js +2 -2
- package/util/simpleFeature.js +23 -18
- package/util/simpleFeature.test.js +3 -3
- package/util/stats.d.ts +1 -1
- package/util/stats.js +10 -6
- package/util/stats.test.js +15 -15
- package/util/tracks.js +1 -3
- package/util/types/index.d.ts +1 -1
- package/util/types/index.js +36 -31
- package/util/types/mst.js +19 -15
- package/util/when.js +5 -5
package/ui/DropDownMenu.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports
|
|
10
|
+
exports.default = void 0;
|
|
11
11
|
|
|
12
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/
|
|
12
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
13
|
|
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
15
|
|
|
@@ -21,8 +21,14 @@ var _ArrowDropDown = _interopRequireDefault(require("@material-ui/icons/ArrowDro
|
|
|
21
21
|
|
|
22
22
|
var _mobxReact = require("mobx-react");
|
|
23
23
|
|
|
24
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
25
|
+
|
|
24
26
|
var _Menu = _interopRequireDefault(require("./Menu"));
|
|
25
27
|
|
|
28
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
29
|
+
|
|
30
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
31
|
+
|
|
26
32
|
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
27
33
|
return {
|
|
28
34
|
root: {
|
|
@@ -45,7 +51,7 @@ function DropDownMenu(_ref) {
|
|
|
45
51
|
menuItems = _ref.menuItems;
|
|
46
52
|
|
|
47
53
|
var _useState = (0, _react.useState)(false),
|
|
48
|
-
_useState2 = (0, _slicedToArray2
|
|
54
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
49
55
|
open = _useState2[0],
|
|
50
56
|
setOpen = _useState2[1];
|
|
51
57
|
|
|
@@ -65,9 +71,9 @@ function DropDownMenu(_ref) {
|
|
|
65
71
|
setOpen(false);
|
|
66
72
|
}
|
|
67
73
|
|
|
68
|
-
return /*#__PURE__*/_react
|
|
74
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
69
75
|
className: classes.root
|
|
70
|
-
}, /*#__PURE__*/_react
|
|
76
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Button, {
|
|
71
77
|
ref: anchorEl,
|
|
72
78
|
onClick: handleToggle,
|
|
73
79
|
color: "inherit",
|
|
@@ -75,7 +81,7 @@ function DropDownMenu(_ref) {
|
|
|
75
81
|
classes: {
|
|
76
82
|
root: classes.buttonRoot
|
|
77
83
|
}
|
|
78
|
-
}, menuTitle, /*#__PURE__*/_react
|
|
84
|
+
}, menuTitle, /*#__PURE__*/_react.default.createElement(_ArrowDropDown.default, null)), /*#__PURE__*/_react.default.createElement(_Menu.default, {
|
|
79
85
|
anchorEl: anchorEl.current,
|
|
80
86
|
anchorOrigin: {
|
|
81
87
|
vertical: 'bottom',
|
|
@@ -88,6 +94,12 @@ function DropDownMenu(_ref) {
|
|
|
88
94
|
}));
|
|
89
95
|
}
|
|
90
96
|
|
|
97
|
+
DropDownMenu.propTypes = {
|
|
98
|
+
menuTitle: _propTypes.default.string.isRequired,
|
|
99
|
+
menuItems: _mobxReact.PropTypes.arrayOrObservableArray.isRequired,
|
|
100
|
+
session: _mobxReact.PropTypes.objectOrObservableObject.isRequired
|
|
101
|
+
};
|
|
102
|
+
|
|
91
103
|
var _default = (0, _mobxReact.observer)(DropDownMenu);
|
|
92
104
|
|
|
93
|
-
exports
|
|
105
|
+
exports.default = _default;
|
package/ui/EditableTypography.js
CHANGED
|
@@ -1,19 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports
|
|
10
|
+
exports.default = void 0;
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
17
|
+
|
|
18
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
17
19
|
|
|
18
20
|
var _InputBase = _interopRequireDefault(require("@material-ui/core/InputBase"));
|
|
19
21
|
|
|
@@ -24,6 +26,15 @@ var _styles = require("@material-ui/core/styles");
|
|
|
24
26
|
var _react = _interopRequireWildcard(require("react"));
|
|
25
27
|
|
|
26
28
|
var _excluded = ["value", "setValue", "variant"];
|
|
29
|
+
|
|
30
|
+
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); }
|
|
31
|
+
|
|
32
|
+
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; }
|
|
33
|
+
|
|
34
|
+
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; }
|
|
35
|
+
|
|
36
|
+
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; }
|
|
37
|
+
|
|
27
38
|
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
28
39
|
return {
|
|
29
40
|
input: {},
|
|
@@ -47,34 +58,34 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
|
47
58
|
});
|
|
48
59
|
|
|
49
60
|
// using forwardRef so that MUI Tooltip can wrap this component
|
|
50
|
-
var EditableTypography = /*#__PURE__*/_react
|
|
61
|
+
var EditableTypography = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
51
62
|
var value = props.value,
|
|
52
63
|
setValue = props.setValue,
|
|
53
64
|
variant = props.variant,
|
|
54
|
-
other = (0, _objectWithoutProperties2
|
|
65
|
+
other = (0, _objectWithoutProperties2.default)(props, _excluded);
|
|
55
66
|
|
|
56
67
|
var _useState = (0, _react.useState)(),
|
|
57
|
-
_useState2 = (0, _slicedToArray2
|
|
68
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
58
69
|
editedValue = _useState2[0],
|
|
59
70
|
setEditedValue = _useState2[1];
|
|
60
71
|
|
|
61
72
|
var _useState3 = (0, _react.useState)(0),
|
|
62
|
-
_useState4 = (0, _slicedToArray2
|
|
73
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
63
74
|
width = _useState4[0],
|
|
64
75
|
setWidth = _useState4[1];
|
|
65
76
|
|
|
66
77
|
var _useState5 = (0, _react.useState)(null),
|
|
67
|
-
_useState6 = (0, _slicedToArray2
|
|
78
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
68
79
|
sizerNode = _useState6[0],
|
|
69
80
|
setSizerNode = _useState6[1];
|
|
70
81
|
|
|
71
82
|
var _useState7 = (0, _react.useState)(null),
|
|
72
|
-
_useState8 = (0, _slicedToArray2
|
|
83
|
+
_useState8 = (0, _slicedToArray2.default)(_useState7, 2),
|
|
73
84
|
inputNode = _useState8[0],
|
|
74
85
|
setInputNode = _useState8[1];
|
|
75
86
|
|
|
76
87
|
var _useState9 = (0, _react.useState)(false),
|
|
77
|
-
_useState10 = (0, _slicedToArray2
|
|
88
|
+
_useState10 = (0, _slicedToArray2.default)(_useState9, 2),
|
|
78
89
|
blur = _useState10[0],
|
|
79
90
|
setBlur = _useState10[1];
|
|
80
91
|
|
|
@@ -121,22 +132,22 @@ var EditableTypography = /*#__PURE__*/_react["default"].forwardRef(function (pro
|
|
|
121
132
|
setEditedValue(event.target.value);
|
|
122
133
|
}
|
|
123
134
|
|
|
124
|
-
return /*#__PURE__*/_react
|
|
135
|
+
return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, other, {
|
|
125
136
|
ref: ref
|
|
126
|
-
}), /*#__PURE__*/_react
|
|
137
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
127
138
|
style: {
|
|
128
139
|
position: 'relative'
|
|
129
140
|
}
|
|
130
|
-
}, /*#__PURE__*/_react
|
|
141
|
+
}, /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
131
142
|
ref: sizerRef,
|
|
132
143
|
component: "span",
|
|
133
144
|
variant: variant,
|
|
134
145
|
className: classes.typography
|
|
135
|
-
}, editedValue === undefined ? value : editedValue)), /*#__PURE__*/_react
|
|
146
|
+
}, editedValue === undefined ? value : editedValue)), /*#__PURE__*/_react.default.createElement(_InputBase.default, {
|
|
136
147
|
inputRef: inputRef,
|
|
137
148
|
className: classes.inputBase,
|
|
138
149
|
inputProps: {
|
|
139
|
-
style: (
|
|
150
|
+
style: _objectSpread({
|
|
140
151
|
width: width
|
|
141
152
|
}, variant && variant !== 'inherit' && variant !== 'srOnly' ? theme.typography[variant] : {})
|
|
142
153
|
},
|
|
@@ -153,4 +164,4 @@ var EditableTypography = /*#__PURE__*/_react["default"].forwardRef(function (pro
|
|
|
153
164
|
});
|
|
154
165
|
|
|
155
166
|
var _default = EditableTypography;
|
|
156
|
-
exports
|
|
167
|
+
exports.default = _default;
|
package/ui/ErrorMessage.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports
|
|
8
|
+
exports.default = void 0;
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
|
|
@@ -43,12 +43,12 @@ var ErrorMessage = function ErrorMessage(_ref) {
|
|
|
43
43
|
snapshotError = match[2];
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
return /*#__PURE__*/_react
|
|
46
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
47
47
|
className: classes.message
|
|
48
|
-
}, str.slice(0, 10000), snapshotError ? /*#__PURE__*/_react
|
|
48
|
+
}, str.slice(0, 10000), snapshotError ? /*#__PURE__*/_react.default.createElement("div", null, "... Failed element had snapshot:", /*#__PURE__*/_react.default.createElement("pre", {
|
|
49
49
|
className: classes.errorBox
|
|
50
50
|
}, JSON.stringify(JSON.parse(snapshotError), null, 2))) : null);
|
|
51
51
|
};
|
|
52
52
|
|
|
53
53
|
var _default = ErrorMessage;
|
|
54
|
-
exports
|
|
54
|
+
exports.default = _default;
|
package/ui/FactoryResetDialog.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports
|
|
8
|
+
exports.default = void 0;
|
|
9
9
|
|
|
10
10
|
var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
|
|
11
11
|
|
|
@@ -34,21 +34,21 @@ var _default = function _default(_ref) {
|
|
|
34
34
|
onClose();
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
return /*#__PURE__*/_react
|
|
37
|
+
return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
|
|
38
38
|
open: open,
|
|
39
39
|
onClose: function onClose() {
|
|
40
40
|
return handleDialogClose();
|
|
41
41
|
}
|
|
42
|
-
}, /*#__PURE__*/_react
|
|
42
|
+
}, /*#__PURE__*/_react.default.createElement(_DialogTitle.default, {
|
|
43
43
|
id: "alert-dialog-title"
|
|
44
|
-
}, "Reset"), /*#__PURE__*/_react
|
|
44
|
+
}, "Reset"), /*#__PURE__*/_react.default.createElement(_DialogContent.default, null, /*#__PURE__*/_react.default.createElement(_DialogContentText.default, {
|
|
45
45
|
id: "alert-dialog-description"
|
|
46
|
-
}, "Are you sure you want to reset? This will restore the default configuration.")), /*#__PURE__*/_react
|
|
46
|
+
}, "Are you sure you want to reset? This will restore the default configuration.")), /*#__PURE__*/_react.default.createElement(_DialogActions.default, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
47
47
|
onClick: function onClick() {
|
|
48
48
|
return handleDialogClose();
|
|
49
49
|
},
|
|
50
50
|
color: "primary"
|
|
51
|
-
}, "Cancel"), /*#__PURE__*/_react
|
|
51
|
+
}, "Cancel"), /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
52
52
|
onClick: function onClick() {
|
|
53
53
|
return handleDialogClose('reset');
|
|
54
54
|
},
|
|
@@ -57,4 +57,4 @@ var _default = function _default(_ref) {
|
|
|
57
57
|
}, "OK")));
|
|
58
58
|
};
|
|
59
59
|
|
|
60
|
-
exports
|
|
60
|
+
exports.default = _default;
|
package/ui/FatalErrorDialog.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports
|
|
10
|
+
exports.default = void 0;
|
|
11
11
|
|
|
12
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/
|
|
12
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
13
|
|
|
14
14
|
var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
|
|
15
15
|
|
|
@@ -21,27 +21,33 @@ var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogCon
|
|
|
21
21
|
|
|
22
22
|
var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
|
|
23
23
|
|
|
24
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
25
|
+
|
|
24
26
|
var _react = _interopRequireWildcard(require("react"));
|
|
25
27
|
|
|
26
28
|
var _FactoryResetDialog = _interopRequireDefault(require("./FactoryResetDialog"));
|
|
27
29
|
|
|
30
|
+
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); }
|
|
31
|
+
|
|
32
|
+
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; }
|
|
33
|
+
|
|
28
34
|
var ResetComponent = function ResetComponent(_ref) {
|
|
29
35
|
var onFactoryReset = _ref.onFactoryReset,
|
|
30
36
|
resetButtonText = _ref.resetButtonText;
|
|
31
37
|
|
|
32
38
|
var _useState = (0, _react.useState)(false),
|
|
33
|
-
_useState2 = (0, _slicedToArray2
|
|
39
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
34
40
|
dialogOpen = _useState2[0],
|
|
35
41
|
setDialogOpen = _useState2[1];
|
|
36
42
|
|
|
37
|
-
return /*#__PURE__*/_react
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
38
44
|
"data-testid": "fatal-error",
|
|
39
45
|
color: "primary",
|
|
40
46
|
variant: "contained",
|
|
41
47
|
onClick: function onClick() {
|
|
42
48
|
return setDialogOpen(true);
|
|
43
49
|
}
|
|
44
|
-
}, resetButtonText), /*#__PURE__*/_react
|
|
50
|
+
}, resetButtonText), /*#__PURE__*/_react.default.createElement(_FactoryResetDialog.default, {
|
|
45
51
|
onClose: function onClose() {
|
|
46
52
|
return setDialogOpen(false);
|
|
47
53
|
},
|
|
@@ -50,29 +56,40 @@ var ResetComponent = function ResetComponent(_ref) {
|
|
|
50
56
|
}));
|
|
51
57
|
};
|
|
52
58
|
|
|
59
|
+
ResetComponent.propTypes = {
|
|
60
|
+
onFactoryReset: _propTypes.default.func.isRequired,
|
|
61
|
+
resetButtonText: _propTypes.default.string.isRequired
|
|
62
|
+
};
|
|
63
|
+
|
|
53
64
|
var FatalErrorDialog = function FatalErrorDialog(_ref2) {
|
|
54
65
|
var componentStack = _ref2.componentStack,
|
|
55
66
|
error = _ref2.error,
|
|
56
67
|
onFactoryReset = _ref2.onFactoryReset,
|
|
57
68
|
resetButtonText = _ref2.resetButtonText;
|
|
58
|
-
return /*#__PURE__*/_react
|
|
69
|
+
return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
|
|
59
70
|
open: true
|
|
60
|
-
}, /*#__PURE__*/_react
|
|
71
|
+
}, /*#__PURE__*/_react.default.createElement(_DialogTitle.default, {
|
|
61
72
|
style: {
|
|
62
73
|
backgroundColor: '#e88'
|
|
63
74
|
}
|
|
64
|
-
}, "Fatal error"), /*#__PURE__*/_react
|
|
75
|
+
}, "Fatal error"), /*#__PURE__*/_react.default.createElement(_DialogContent.default, null, /*#__PURE__*/_react.default.createElement("pre", null, error.toString(), componentStack)), /*#__PURE__*/_react.default.createElement(_DialogActions.default, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
65
76
|
color: "secondary",
|
|
66
77
|
variant: "contained",
|
|
67
78
|
onClick: function onClick() {
|
|
68
79
|
return window.location.reload();
|
|
69
80
|
}
|
|
70
|
-
}, "Refresh"), /*#__PURE__*/_react
|
|
81
|
+
}, "Refresh"), /*#__PURE__*/_react.default.createElement(ResetComponent, {
|
|
71
82
|
onFactoryReset: onFactoryReset,
|
|
72
83
|
resetButtonText: resetButtonText
|
|
73
84
|
})));
|
|
74
85
|
};
|
|
75
86
|
|
|
87
|
+
FatalErrorDialog.propTypes = {
|
|
88
|
+
componentStack: _propTypes.default.string,
|
|
89
|
+
error: _propTypes.default.shape({}),
|
|
90
|
+
onFactoryReset: _propTypes.default.func.isRequired,
|
|
91
|
+
resetButtonText: _propTypes.default.string
|
|
92
|
+
};
|
|
76
93
|
FatalErrorDialog.defaultProps = {
|
|
77
94
|
error: {
|
|
78
95
|
message: 'No error message provided'
|
|
@@ -81,4 +98,4 @@ FatalErrorDialog.defaultProps = {
|
|
|
81
98
|
resetButtonText: 'Factory Reset'
|
|
82
99
|
};
|
|
83
100
|
var _default = FatalErrorDialog;
|
|
84
|
-
exports
|
|
101
|
+
exports.default = _default;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
5
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
6
6
|
|
|
7
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
|
|
7
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
8
8
|
|
|
9
9
|
require("@testing-library/jest-dom/extend-expect");
|
|
10
10
|
|
|
@@ -15,18 +15,18 @@ var _react2 = _interopRequireDefault(require("react"));
|
|
|
15
15
|
var _FatalErrorDialog = _interopRequireDefault(require("./FatalErrorDialog"));
|
|
16
16
|
|
|
17
17
|
afterEach(_react.cleanup);
|
|
18
|
-
test('open fatal error dialog in web', /*#__PURE__*/(0, _asyncToGenerator2
|
|
18
|
+
test('open fatal error dialog in web', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
19
19
|
var _render, findByTestId, getByText;
|
|
20
20
|
|
|
21
|
-
return _regenerator
|
|
21
|
+
return _regenerator.default.wrap(function _callee$(_context) {
|
|
22
22
|
while (1) {
|
|
23
23
|
switch (_context.prev = _context.next) {
|
|
24
24
|
case 0:
|
|
25
25
|
console.error = jest.fn();
|
|
26
|
-
_render = (0, _react.render)( /*#__PURE__*/_react2
|
|
26
|
+
_render = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_FatalErrorDialog.default, {
|
|
27
27
|
resetButtonText: "Reset Session",
|
|
28
28
|
onFactoryReset: function onFactoryReset() {
|
|
29
|
-
return /*#__PURE__*/_react2
|
|
29
|
+
return /*#__PURE__*/_react2.default.createElement("div", null, "Placeholder for actual factory reset func");
|
|
30
30
|
}
|
|
31
31
|
})), findByTestId = _render.findByTestId, getByText = _render.getByText;
|
|
32
32
|
expect(getByText('Reset Session')).toBeTruthy();
|
|
@@ -48,17 +48,17 @@ test('open fatal error dialog in web', /*#__PURE__*/(0, _asyncToGenerator2["defa
|
|
|
48
48
|
}
|
|
49
49
|
}, _callee);
|
|
50
50
|
})));
|
|
51
|
-
test('open fatal error dialog in desktop', /*#__PURE__*/(0, _asyncToGenerator2
|
|
51
|
+
test('open fatal error dialog in desktop', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
|
|
52
52
|
var _render2, findByTestId, getByText;
|
|
53
53
|
|
|
54
|
-
return _regenerator
|
|
54
|
+
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
55
55
|
while (1) {
|
|
56
56
|
switch (_context2.prev = _context2.next) {
|
|
57
57
|
case 0:
|
|
58
58
|
console.error = jest.fn();
|
|
59
|
-
_render2 = (0, _react.render)( /*#__PURE__*/_react2
|
|
59
|
+
_render2 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_FatalErrorDialog.default, {
|
|
60
60
|
onFactoryReset: function onFactoryReset() {
|
|
61
|
-
return /*#__PURE__*/_react2
|
|
61
|
+
return /*#__PURE__*/_react2.default.createElement("div", null, "Placeholder for actual factory reset func");
|
|
62
62
|
}
|
|
63
63
|
})), findByTestId = _render2.findByTestId, getByText = _render2.getByText;
|
|
64
64
|
expect(getByText('Factory Reset')).toBeTruthy();
|
|
@@ -1,21 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports
|
|
10
|
+
exports.default = void 0;
|
|
11
11
|
|
|
12
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/
|
|
12
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
19
|
+
|
|
20
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
19
21
|
|
|
20
22
|
var _react = _interopRequireWildcard(require("react"));
|
|
21
23
|
|
|
@@ -35,13 +37,21 @@ var _UrlChooser = _interopRequireDefault(require("./UrlChooser"));
|
|
|
35
37
|
|
|
36
38
|
var _excluded = ["title", "children"];
|
|
37
39
|
|
|
40
|
+
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); }
|
|
41
|
+
|
|
42
|
+
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; }
|
|
43
|
+
|
|
44
|
+
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; }
|
|
45
|
+
|
|
46
|
+
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; }
|
|
47
|
+
|
|
38
48
|
function ToggleButtonWithTooltip(props) {
|
|
39
49
|
var title = props.title,
|
|
40
50
|
children = props.children,
|
|
41
|
-
other = (0, _objectWithoutProperties2
|
|
42
|
-
return /*#__PURE__*/_react
|
|
51
|
+
other = (0, _objectWithoutProperties2.default)(props, _excluded);
|
|
52
|
+
return /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
|
|
43
53
|
title: title || ''
|
|
44
|
-
}, /*#__PURE__*/_react
|
|
54
|
+
}, /*#__PURE__*/_react.default.createElement(_lab.ToggleButton, other, children));
|
|
45
55
|
}
|
|
46
56
|
|
|
47
57
|
function shorten(str, len) {
|
|
@@ -61,7 +71,7 @@ var FileSelector = (0, _mobxReact.observer)(function (props) {
|
|
|
61
71
|
var fileOrUrl = !location || (0, _types.isUriLocation)(location) ? 'url' : 'file';
|
|
62
72
|
|
|
63
73
|
var _useState = (0, _react.useState)(location && 'internetAccountId' in location && location.internetAccountId ? location.internetAccountId : fileOrUrl),
|
|
64
|
-
_useState2 = (0, _slicedToArray2
|
|
74
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
65
75
|
toggleButtonValue = _useState2[0],
|
|
66
76
|
setToggleButtonValue = _useState2[1];
|
|
67
77
|
|
|
@@ -69,17 +79,17 @@ var FileSelector = (0, _mobxReact.observer)(function (props) {
|
|
|
69
79
|
var numShown = 2;
|
|
70
80
|
|
|
71
81
|
var _useState3 = (0, _react.useState)(accts.slice(0, numShown)),
|
|
72
|
-
_useState4 = (0, _slicedToArray2
|
|
82
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
73
83
|
shownAccts = _useState4[0],
|
|
74
84
|
setShownAccts = _useState4[1];
|
|
75
85
|
|
|
76
86
|
var _useState5 = (0, _react.useState)(accts.slice(numShown)),
|
|
77
|
-
_useState6 = (0, _slicedToArray2
|
|
87
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
78
88
|
hiddenAccts = _useState6[0],
|
|
79
89
|
setHiddenAccts = _useState6[1];
|
|
80
90
|
|
|
81
91
|
var _useState7 = (0, _react.useState)(null),
|
|
82
|
-
_useState8 = (0, _slicedToArray2
|
|
92
|
+
_useState8 = (0, _slicedToArray2.default)(_useState7, 2),
|
|
83
93
|
anchorEl = _useState8[0],
|
|
84
94
|
setAnchorEl = _useState8[1];
|
|
85
95
|
|
|
@@ -88,7 +98,7 @@ var FileSelector = (0, _mobxReact.observer)(function (props) {
|
|
|
88
98
|
});
|
|
89
99
|
|
|
90
100
|
var setLocationWithAccount = function setLocationWithAccount(location) {
|
|
91
|
-
setLocation((
|
|
101
|
+
setLocation(_objectSpread(_objectSpread({}, location), {}, {
|
|
92
102
|
internetAccountId: selectedAcct ? selectedAcct.internetAccountId : undefined
|
|
93
103
|
}));
|
|
94
104
|
}; // if you swap account selection after inputting url
|
|
@@ -98,30 +108,30 @@ var FileSelector = (0, _mobxReact.observer)(function (props) {
|
|
|
98
108
|
setLocationWithAccount(location);
|
|
99
109
|
}
|
|
100
110
|
|
|
101
|
-
var locationInput = /*#__PURE__*/_react
|
|
111
|
+
var locationInput = /*#__PURE__*/_react.default.createElement(_UrlChooser.default, (0, _extends2.default)({}, props, {
|
|
102
112
|
setLocation: setLocationWithAccount,
|
|
103
113
|
label: selectedAcct === null || selectedAcct === void 0 ? void 0 : selectedAcct.selectorLabel
|
|
104
114
|
}));
|
|
105
115
|
|
|
106
116
|
if (toggleButtonValue === 'file') {
|
|
107
|
-
locationInput = /*#__PURE__*/_react
|
|
117
|
+
locationInput = /*#__PURE__*/_react.default.createElement(_LocalFileChooser.default, props);
|
|
108
118
|
}
|
|
109
119
|
|
|
110
120
|
if (selectedAcct !== null && selectedAcct !== void 0 && selectedAcct.SelectorComponent) {
|
|
111
121
|
var SelectorComponent = selectedAcct.SelectorComponent;
|
|
112
|
-
locationInput = /*#__PURE__*/_react
|
|
122
|
+
locationInput = /*#__PURE__*/_react.default.createElement(SelectorComponent, (0, _extends2.default)({}, props, {
|
|
113
123
|
setLocation: setLocationWithAccount
|
|
114
124
|
}));
|
|
115
125
|
}
|
|
116
126
|
|
|
117
|
-
return /*#__PURE__*/_react
|
|
127
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.Box, {
|
|
118
128
|
display: "flex"
|
|
119
|
-
}, /*#__PURE__*/_react
|
|
129
|
+
}, /*#__PURE__*/_react.default.createElement(_core.InputLabel, {
|
|
120
130
|
shrink: true
|
|
121
|
-
}, name)), /*#__PURE__*/_react
|
|
131
|
+
}, name)), /*#__PURE__*/_react.default.createElement(_core.Box, {
|
|
122
132
|
display: "flex",
|
|
123
133
|
flexDirection: "row"
|
|
124
|
-
}, /*#__PURE__*/_react
|
|
134
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Box, null, /*#__PURE__*/_react.default.createElement(_lab.ToggleButtonGroup, {
|
|
125
135
|
value: toggleButtonValue,
|
|
126
136
|
exclusive: true,
|
|
127
137
|
onChange: function onChange(_event, newState) {
|
|
@@ -134,28 +144,28 @@ var FileSelector = (0, _mobxReact.observer)(function (props) {
|
|
|
134
144
|
}
|
|
135
145
|
},
|
|
136
146
|
"aria-label": "file, url, or account picker"
|
|
137
|
-
}, new URLSearchParams(window.location.search).get('adminKey') ? null : /*#__PURE__*/_react
|
|
147
|
+
}, new URLSearchParams(window.location.search).get('adminKey') ? null : /*#__PURE__*/_react.default.createElement(_lab.ToggleButton, {
|
|
138
148
|
value: "file",
|
|
139
149
|
"aria-label": "local file"
|
|
140
|
-
}, "File"), /*#__PURE__*/_react
|
|
150
|
+
}, "File"), /*#__PURE__*/_react.default.createElement(_lab.ToggleButton, {
|
|
141
151
|
value: "url",
|
|
142
152
|
"aria-label": "url"
|
|
143
153
|
}, "URL"), shownAccts.map(function (_ref) {
|
|
144
154
|
var internetAccountId = _ref.internetAccountId,
|
|
145
155
|
toggleContents = _ref.toggleContents,
|
|
146
156
|
name = _ref.name;
|
|
147
|
-
return /*#__PURE__*/_react
|
|
157
|
+
return /*#__PURE__*/_react.default.createElement(ToggleButtonWithTooltip, {
|
|
148
158
|
key: internetAccountId,
|
|
149
159
|
value: internetAccountId,
|
|
150
160
|
"aria-label": name,
|
|
151
161
|
title: name
|
|
152
162
|
}, shorten(toggleContents || name, 5));
|
|
153
|
-
}), hiddenAccts.length ? /*#__PURE__*/_react
|
|
163
|
+
}), hiddenAccts.length ? /*#__PURE__*/_react.default.createElement(_lab.ToggleButton, {
|
|
154
164
|
onClick: function onClick(event) {
|
|
155
165
|
return setAnchorEl(event.target);
|
|
156
166
|
},
|
|
157
167
|
selected: false
|
|
158
|
-
}, "More", /*#__PURE__*/_react
|
|
168
|
+
}, "More", /*#__PURE__*/_react.default.createElement(_ArrowDropDown.default, null)) : null), /*#__PURE__*/_react.default.createElement(_core.Menu, {
|
|
159
169
|
open: Boolean(anchorEl),
|
|
160
170
|
anchorEl: anchorEl,
|
|
161
171
|
onClose: function onClose() {
|
|
@@ -171,18 +181,18 @@ var FileSelector = (0, _mobxReact.observer)(function (props) {
|
|
|
171
181
|
horizontal: 'center'
|
|
172
182
|
}
|
|
173
183
|
}, hiddenAccts === null || hiddenAccts === void 0 ? void 0 : hiddenAccts.map(function (acct, idx) {
|
|
174
|
-
return /*#__PURE__*/_react
|
|
184
|
+
return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
|
|
175
185
|
key: acct.internetAccountId,
|
|
176
186
|
value: acct.internetAccountId,
|
|
177
187
|
onClick: function onClick() {
|
|
178
188
|
var prev = shownAccts[shownAccts.length - 1];
|
|
179
|
-
setShownAccts([].concat((0, _toConsumableArray2
|
|
180
|
-
setHiddenAccts([prev].concat((0, _toConsumableArray2
|
|
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))));
|
|
181
191
|
setToggleButtonValue(acct.internetAccountId);
|
|
182
192
|
setAnchorEl(null);
|
|
183
193
|
}
|
|
184
194
|
}, acct.name);
|
|
185
|
-
})))), locationInput, /*#__PURE__*/_react
|
|
195
|
+
})))), locationInput, /*#__PURE__*/_react.default.createElement(_core.FormHelperText, null, description));
|
|
186
196
|
});
|
|
187
197
|
var _default = FileSelector;
|
|
188
|
-
exports
|
|
198
|
+
exports.default = _default;
|