@jbrowse/core 1.5.5 → 1.5.6
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 +78 -91
- package/BaseFeatureWidget/SequenceFeatureDetails.js +57 -65
- package/BaseFeatureWidget/SequenceFeatureDetails.test.js +9 -9
- package/BaseFeatureWidget/index.js +1 -1
- package/BaseFeatureWidget/index.test.js +3 -3
- package/BaseFeatureWidget/types.js +5 -1
- package/BaseFeatureWidget/util.js +9 -13
- package/CorePlugin.js +19 -31
- package/Plugin.js +11 -13
- package/PluginLoader.js +33 -38
- package/PluginManager.js +55 -56
- package/ReExports/index.js +4 -4
- package/ReExports/list.js +2 -2
- package/ReExports/material-ui-colors.js +20 -20
- package/ReExports/modules.js +47 -51
- package/TextSearch/BaseResults.js +24 -34
- package/TextSearch/BaseResults.test.js +3 -7
- package/TextSearch/TextSearchManager.js +16 -17
- package/assemblyManager/assembly.js +34 -39
- package/assemblyManager/assemblyConfigSchema.js +2 -2
- package/assemblyManager/assemblyManager.js +16 -20
- package/assemblyManager/index.js +3 -3
- package/configuration/configurationSchema.js +17 -19
- package/configuration/configurationSlot.js +11 -11
- package/configuration/configurationSlot.test.js +5 -5
- package/configuration/util.js +5 -5
- package/data_adapters/BaseAdapter.js +38 -40
- package/data_adapters/BaseAdapter.test.js +24 -30
- package/data_adapters/CytobandAdapter.js +16 -22
- package/data_adapters/dataAdapterCache.js +9 -9
- package/package.json +3 -3
- package/pluggableElementTypes/AdapterType.js +22 -31
- package/pluggableElementTypes/ConnectionType.js +18 -28
- package/pluggableElementTypes/DisplayType.js +17 -27
- package/pluggableElementTypes/InternetAccountType.js +14 -24
- package/pluggableElementTypes/PluggableElementBase.js +8 -10
- package/pluggableElementTypes/RpcMethodType.js +41 -55
- package/pluggableElementTypes/RpcMethodType.test.js +17 -23
- package/pluggableElementTypes/TextSearchAdapterType.js +15 -25
- package/pluggableElementTypes/TrackType.js +15 -25
- package/pluggableElementTypes/ViewType.js +15 -25
- package/pluggableElementTypes/WidgetType.js +17 -27
- package/pluggableElementTypes/index.js +11 -11
- package/pluggableElementTypes/models/BaseConnectionModelFactory.js +5 -5
- package/pluggableElementTypes/models/BaseDisplayModel.js +5 -8
- package/pluggableElementTypes/models/BaseTrackModel.js +8 -11
- package/pluggableElementTypes/models/BaseViewModel.js +3 -3
- package/pluggableElementTypes/models/InternetAccountModel.js +5 -5
- package/pluggableElementTypes/models/baseConnectionConfig.js +2 -2
- package/pluggableElementTypes/models/baseTrackConfig.js +4 -7
- package/pluggableElementTypes/models/index.js +4 -4
- package/pluggableElementTypes/renderers/BoxRendererType.js +39 -49
- package/pluggableElementTypes/renderers/CircularChordRendererType.js +12 -18
- package/pluggableElementTypes/renderers/ComparativeServerSideRendererType.js +27 -35
- package/pluggableElementTypes/renderers/FeatureRendererType.js +36 -46
- package/pluggableElementTypes/renderers/RendererType.js +21 -31
- package/pluggableElementTypes/renderers/ServerSideRenderedContent.js +8 -12
- package/pluggableElementTypes/renderers/ServerSideRendererType.js +31 -44
- package/pluggableElementTypes/renderers/index.js +8 -8
- package/pluggableElementTypes/renderers/util/serializableFilterChain.js +8 -10
- package/pluggableElementTypes/renderers/util/serializableFilterChain.test.js +2 -2
- package/rpc/BaseRpcDriver.js +38 -41
- package/rpc/BaseRpcDriver.test.js +49 -63
- package/rpc/MainThreadRpcDriver.js +22 -32
- package/rpc/RpcManager.js +20 -19
- package/rpc/WebWorkerRpcDriver.js +29 -38
- package/rpc/configSchema.js +2 -2
- package/rpc/coreRpcMethods.js +72 -82
- package/rpc/remoteAbortSignals.js +3 -3
- package/ui/AboutDialog.js +17 -21
- package/ui/App.js +38 -42
- package/ui/AssemblySelector.js +5 -5
- package/ui/Drawer.js +7 -7
- package/ui/DrawerWidget.js +33 -37
- package/ui/DropDownMenu.js +9 -21
- package/ui/EditableTypography.js +19 -30
- package/ui/ErrorMessage.js +5 -5
- package/ui/FactoryResetDialog.js +8 -8
- package/ui/FatalErrorDialog.js +12 -29
- package/ui/FatalErrorDialog.test.js +11 -11
- package/ui/FileSelector/FileSelector.js +32 -42
- 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 +35 -46
- package/ui/NewSessionCards.js +19 -29
- package/ui/PrerenderedCanvas.js +10 -27
- package/ui/ResizeHandle.js +10 -17
- package/ui/SanitizedHTML.js +5 -5
- package/ui/SanitizedHTML.test.js +4 -4
- package/ui/Snackbar.js +12 -16
- package/ui/SnackbarModel.js +1 -1
- package/ui/Tooltip.js +7 -11
- package/ui/ViewContainer.js +20 -30
- package/ui/index.js +13 -17
- package/ui/theme.js +11 -15
- package/util/Base1DViewModel.js +10 -14
- package/util/Base1DViewModel.test.js +5 -5
- package/util/QuickLRU.js +27 -31
- package/util/aborting.js +16 -26
- package/util/analytics.js +7 -7
- package/util/blockTypes.js +39 -49
- package/util/calculateDynamicBlocks.js +4 -4
- package/util/calculateDynamicBlocks.test.js +10 -14
- package/util/calculateStaticBlocks.js +1 -1
- package/util/calculateStaticBlocks.test.js +15 -15
- package/util/compositeMap.js +28 -31
- package/util/idMaker.js +4 -4
- package/util/index.js +33 -44
- package/util/index.test.js +7 -11
- package/util/io/RemoteFileWithRangeCache.js +29 -41
- package/util/io/index.js +6 -6
- package/util/jexl.js +8 -5
- package/util/jexlStrings.js +2 -2
- package/util/jexlStrings.test.js +2 -2
- package/util/layouts/BaseLayout.js +5 -1
- package/util/layouts/GranularRectLayout.js +27 -33
- package/util/layouts/GranularRectLayout.test.js +10 -10
- package/util/layouts/MultiLayout.js +14 -19
- package/util/layouts/PrecomputedLayout.js +14 -16
- package/util/layouts/PrecomputedMultiLayout.js +17 -23
- package/util/layouts/SceneGraph.js +18 -18
- package/util/layouts/index.js +6 -6
- package/util/offscreenCanvasPonyfill.js +29 -31
- package/util/offscreenCanvasUtils.js +6 -6
- package/util/range.test.js +20 -20
- package/util/rxjs.js +2 -2
- package/util/simpleFeature.js +19 -24
- package/util/simpleFeature.test.js +3 -3
- package/util/stats.js +7 -11
- package/util/stats.test.js +15 -15
- package/util/types/index.js +32 -34
- package/util/types/mst.js +15 -19
- package/util/types/util.js +5 -1
- package/util/when.js +6 -6
- package/babel.config.d.ts +0 -15
- package/babel.config.js +0 -19
|
@@ -1,25 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("
|
|
3
|
+
var _interopRequireDefault = require("/home/ubuntu/jbrowse-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js")["default"];
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireWildcard = require("/home/ubuntu/jbrowse-components/node_modules/@babel/runtime/helpers/interopRequireWildcard.js")["default"];
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
10
|
exports.BaseAttributes = exports.Attributes = void 0;
|
|
11
11
|
exports.BaseCard = BaseCard;
|
|
12
|
-
exports.useStyles = exports
|
|
12
|
+
exports.useStyles = exports["default"] = exports.SimpleValue = exports.FieldName = exports.FeatureDetails = exports.BasicValue = exports.BaseCoreDetails = void 0;
|
|
13
13
|
|
|
14
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("
|
|
14
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("/home/ubuntu/jbrowse-components/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"));
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _objectSpread2 = _interopRequireDefault(require("/home/ubuntu/jbrowse-components/node_modules/@babel/runtime/helpers/esm/objectSpread2.js"));
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _toConsumableArray2 = _interopRequireDefault(require("/home/ubuntu/jbrowse-components/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"));
|
|
19
19
|
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
20
|
+
var _slicedToArray2 = _interopRequireDefault(require("/home/ubuntu/jbrowse-components/node_modules/@babel/runtime/helpers/esm/slicedToArray.js"));
|
|
23
21
|
|
|
24
22
|
var _react = _interopRequireWildcard(require("react"));
|
|
25
23
|
|
|
@@ -50,15 +48,6 @@ var _SequenceFeatureDetails = _interopRequireDefault(require("./SequenceFeatureD
|
|
|
50
48
|
var _util2 = require("./util");
|
|
51
49
|
|
|
52
50
|
var _excluded = ["id"];
|
|
53
|
-
|
|
54
|
-
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); }
|
|
55
|
-
|
|
56
|
-
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; }
|
|
57
|
-
|
|
58
|
-
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; }
|
|
59
|
-
|
|
60
|
-
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; }
|
|
61
|
-
|
|
62
51
|
var MAX_FIELD_NAME_WIDTH = 170; // these are always omitted as too detailed
|
|
63
52
|
|
|
64
53
|
var globalOmit = ['length', 'position', 'subfeatures', 'uniqueId', 'exonFrames', 'parentId', 'thickStart', 'thickEnd']; // coreDetails are omitted in some circumstances
|
|
@@ -117,11 +106,11 @@ function BaseCard(_ref) {
|
|
|
117
106
|
var classes = useStyles();
|
|
118
107
|
|
|
119
108
|
var _useState = (0, _react.useState)(defaultExpanded),
|
|
120
|
-
_useState2 = (0, _slicedToArray2
|
|
109
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
121
110
|
expanded = _useState2[0],
|
|
122
111
|
setExpanded = _useState2[1];
|
|
123
112
|
|
|
124
|
-
return /*#__PURE__*/_react
|
|
113
|
+
return /*#__PURE__*/_react["default"].createElement(_core.Accordion, {
|
|
125
114
|
expanded: expanded,
|
|
126
115
|
onChange: function onChange() {
|
|
127
116
|
return setExpanded(function (s) {
|
|
@@ -131,13 +120,13 @@ function BaseCard(_ref) {
|
|
|
131
120
|
TransitionProps: {
|
|
132
121
|
unmountOnExit: true
|
|
133
122
|
}
|
|
134
|
-
}, /*#__PURE__*/_react
|
|
135
|
-
expandIcon: /*#__PURE__*/_react
|
|
123
|
+
}, /*#__PURE__*/_react["default"].createElement(_core.AccordionSummary, {
|
|
124
|
+
expandIcon: /*#__PURE__*/_react["default"].createElement(_ExpandMore["default"], {
|
|
136
125
|
className: classes.expandIcon
|
|
137
126
|
})
|
|
138
|
-
}, /*#__PURE__*/_react
|
|
127
|
+
}, /*#__PURE__*/_react["default"].createElement(_core.Typography, {
|
|
139
128
|
variant: "button"
|
|
140
|
-
}, " ", title)), /*#__PURE__*/_react
|
|
129
|
+
}, " ", title)), /*#__PURE__*/_react["default"].createElement(_core.AccordionDetails, {
|
|
141
130
|
className: classes.expansionPanelDetails
|
|
142
131
|
}, children));
|
|
143
132
|
}
|
|
@@ -149,13 +138,13 @@ var FieldName = function FieldName(_ref2) {
|
|
|
149
138
|
prefix = _ref2$prefix === void 0 ? [] : _ref2$prefix,
|
|
150
139
|
width = _ref2.width;
|
|
151
140
|
var classes = useStyles();
|
|
152
|
-
var val = [].concat((0, _toConsumableArray2
|
|
153
|
-
return description ? /*#__PURE__*/_react
|
|
141
|
+
var val = [].concat((0, _toConsumableArray2["default"])(prefix), [name]).join('.');
|
|
142
|
+
return description ? /*#__PURE__*/_react["default"].createElement(_core.Tooltip, {
|
|
154
143
|
title: description,
|
|
155
144
|
placement: "left"
|
|
156
|
-
}, /*#__PURE__*/_react
|
|
157
|
-
className: (0, _clsx
|
|
158
|
-
}, val)) : /*#__PURE__*/_react
|
|
145
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
146
|
+
className: (0, _clsx["default"])(classes.fieldDescription, classes.fieldName)
|
|
147
|
+
}, val)) : /*#__PURE__*/_react["default"].createElement("div", {
|
|
159
148
|
className: classes.fieldName,
|
|
160
149
|
style: {
|
|
161
150
|
width: width
|
|
@@ -168,10 +157,10 @@ exports.FieldName = FieldName;
|
|
|
168
157
|
var BasicValue = function BasicValue(_ref3) {
|
|
169
158
|
var value = _ref3.value;
|
|
170
159
|
var classes = useStyles();
|
|
171
|
-
return /*#__PURE__*/_react
|
|
160
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
172
161
|
className: classes.fieldValue
|
|
173
|
-
}, /*#__PURE__*/_react
|
|
174
|
-
html: (0, _isObject
|
|
162
|
+
}, /*#__PURE__*/_react["default"].isValidElement(value) ? value : /*#__PURE__*/_react["default"].createElement(_SanitizedHTML["default"], {
|
|
163
|
+
html: (0, _isObject["default"])(value) ? JSON.stringify(value) : String(value)
|
|
175
164
|
}));
|
|
176
165
|
};
|
|
177
166
|
|
|
@@ -184,14 +173,14 @@ var SimpleValue = function SimpleValue(_ref4) {
|
|
|
184
173
|
prefix = _ref4.prefix,
|
|
185
174
|
width = _ref4.width;
|
|
186
175
|
var classes = useStyles();
|
|
187
|
-
return value !== null && value !== undefined ? /*#__PURE__*/_react
|
|
176
|
+
return value !== null && value !== undefined ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
188
177
|
className: classes.field
|
|
189
|
-
}, /*#__PURE__*/_react
|
|
178
|
+
}, /*#__PURE__*/_react["default"].createElement(FieldName, {
|
|
190
179
|
prefix: prefix,
|
|
191
180
|
description: description,
|
|
192
181
|
name: name,
|
|
193
182
|
width: width
|
|
194
|
-
}), /*#__PURE__*/_react
|
|
183
|
+
}), /*#__PURE__*/_react["default"].createElement(BasicValue, {
|
|
195
184
|
value: value
|
|
196
185
|
})) : null;
|
|
197
186
|
};
|
|
@@ -205,36 +194,36 @@ var ArrayValue = function ArrayValue(_ref5) {
|
|
|
205
194
|
_ref5$prefix = _ref5.prefix,
|
|
206
195
|
prefix = _ref5$prefix === void 0 ? [] : _ref5$prefix;
|
|
207
196
|
var classes = useStyles();
|
|
208
|
-
return /*#__PURE__*/_react
|
|
197
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, value.length === 1 ? (0, _isObject["default"])(value[0]) ? /*#__PURE__*/_react["default"].createElement(Attributes, {
|
|
209
198
|
attributes: value[0],
|
|
210
|
-
prefix: [].concat((0, _toConsumableArray2
|
|
211
|
-
}) : /*#__PURE__*/_react
|
|
199
|
+
prefix: [].concat((0, _toConsumableArray2["default"])(prefix), [name])
|
|
200
|
+
}) : /*#__PURE__*/_react["default"].createElement("div", {
|
|
212
201
|
className: classes.field
|
|
213
|
-
}, /*#__PURE__*/_react
|
|
202
|
+
}, /*#__PURE__*/_react["default"].createElement(FieldName, {
|
|
214
203
|
prefix: prefix,
|
|
215
204
|
description: description,
|
|
216
205
|
name: name
|
|
217
|
-
}), /*#__PURE__*/_react
|
|
206
|
+
}), /*#__PURE__*/_react["default"].createElement(BasicValue, {
|
|
218
207
|
value: value[0]
|
|
219
208
|
})) : value.every(function (val) {
|
|
220
|
-
return (0, _isObject
|
|
209
|
+
return (0, _isObject["default"])(val);
|
|
221
210
|
}) ? value.map(function (val, i) {
|
|
222
|
-
return /*#__PURE__*/_react
|
|
211
|
+
return /*#__PURE__*/_react["default"].createElement(Attributes, {
|
|
223
212
|
key: JSON.stringify(val) + '-' + i,
|
|
224
213
|
attributes: val,
|
|
225
|
-
prefix: [].concat((0, _toConsumableArray2
|
|
214
|
+
prefix: [].concat((0, _toConsumableArray2["default"])(prefix), [name + '-' + i])
|
|
226
215
|
});
|
|
227
|
-
}) : /*#__PURE__*/_react
|
|
216
|
+
}) : /*#__PURE__*/_react["default"].createElement("div", {
|
|
228
217
|
className: classes.field
|
|
229
|
-
}, /*#__PURE__*/_react
|
|
218
|
+
}, /*#__PURE__*/_react["default"].createElement(FieldName, {
|
|
230
219
|
prefix: prefix,
|
|
231
220
|
description: description,
|
|
232
221
|
name: name
|
|
233
222
|
}), value.map(function (val, i) {
|
|
234
|
-
return /*#__PURE__*/_react
|
|
223
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
235
224
|
key: JSON.stringify(val) + '-' + i,
|
|
236
225
|
className: classes.fieldSubvalue
|
|
237
|
-
}, /*#__PURE__*/_react
|
|
226
|
+
}, /*#__PURE__*/_react["default"].createElement(BasicValue, {
|
|
238
227
|
value: val
|
|
239
228
|
}));
|
|
240
229
|
})));
|
|
@@ -256,26 +245,24 @@ function CoreDetails(props) {
|
|
|
256
245
|
var displayStart = (start + 1).toLocaleString('en-US');
|
|
257
246
|
var displayEnd = end.toLocaleString('en-US');
|
|
258
247
|
var displayRef = refName ? "".concat(refName, ":") : '';
|
|
259
|
-
|
|
260
|
-
var displayedDetails = _objectSpread(_objectSpread({}, feature), {}, {
|
|
248
|
+
var displayedDetails = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, feature), {}, {
|
|
261
249
|
length: (end - start).toLocaleString('en-US'),
|
|
262
250
|
position: "".concat(displayRef).concat(displayStart, "..").concat(displayEnd, " ").concat(strandStr)
|
|
263
251
|
});
|
|
264
|
-
|
|
265
252
|
var coreRenderedDetails = ['Position', 'Description', 'Name', 'Length', 'Type'];
|
|
266
|
-
return /*#__PURE__*/_react
|
|
253
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, coreRenderedDetails.map(function (key) {
|
|
267
254
|
return [key, displayedDetails[key.toLowerCase()]];
|
|
268
255
|
}).filter(function (_ref7) {
|
|
269
|
-
var _ref8 = (0, _slicedToArray2
|
|
256
|
+
var _ref8 = (0, _slicedToArray2["default"])(_ref7, 2),
|
|
270
257
|
value = _ref8[1];
|
|
271
258
|
|
|
272
259
|
return value !== null && value !== undefined;
|
|
273
260
|
}).map(function (_ref9) {
|
|
274
|
-
var _ref10 = (0, _slicedToArray2
|
|
261
|
+
var _ref10 = (0, _slicedToArray2["default"])(_ref9, 2),
|
|
275
262
|
key = _ref10[0],
|
|
276
263
|
value = _ref10[1];
|
|
277
264
|
|
|
278
|
-
return /*#__PURE__*/_react
|
|
265
|
+
return /*#__PURE__*/_react["default"].createElement(SimpleValue, {
|
|
279
266
|
key: key,
|
|
280
267
|
name: key,
|
|
281
268
|
value: value
|
|
@@ -284,9 +271,9 @@ function CoreDetails(props) {
|
|
|
284
271
|
}
|
|
285
272
|
|
|
286
273
|
var BaseCoreDetails = function BaseCoreDetails(props) {
|
|
287
|
-
return /*#__PURE__*/_react
|
|
274
|
+
return /*#__PURE__*/_react["default"].createElement(BaseCard, Object.assign({}, props, {
|
|
288
275
|
title: "Primary data"
|
|
289
|
-
}), /*#__PURE__*/_react
|
|
276
|
+
}), /*#__PURE__*/_react["default"].createElement(CoreDetails, props));
|
|
290
277
|
};
|
|
291
278
|
|
|
292
279
|
exports.BaseCoreDetails = BaseCoreDetails;
|
|
@@ -306,13 +293,13 @@ var DataGridDetails = function DataGridDetails(_ref11) {
|
|
|
306
293
|
if (unionKeys.size < keys.length + 5) {
|
|
307
294
|
// avoids key 'id' from being used in row data
|
|
308
295
|
var rows = Object.entries(value).map(function (_ref12) {
|
|
309
|
-
var _ref13 = (0, _slicedToArray2
|
|
296
|
+
var _ref13 = (0, _slicedToArray2["default"])(_ref12, 2),
|
|
310
297
|
k = _ref13[0],
|
|
311
298
|
val = _ref13[1];
|
|
312
299
|
|
|
313
300
|
var id = val.id,
|
|
314
|
-
rest = (0, _objectWithoutProperties2
|
|
315
|
-
return
|
|
301
|
+
rest = (0, _objectWithoutProperties2["default"])(val, _excluded);
|
|
302
|
+
return (0, _objectSpread2["default"])({
|
|
316
303
|
id: k,
|
|
317
304
|
// used by material UI
|
|
318
305
|
identifier: id
|
|
@@ -323,16 +310,16 @@ var DataGridDetails = function DataGridDetails(_ref11) {
|
|
|
323
310
|
var colNames;
|
|
324
311
|
|
|
325
312
|
if (unionKeys.has('id')) {
|
|
326
|
-
unionKeys
|
|
327
|
-
colNames = ['identifier'].concat((0, _toConsumableArray2
|
|
313
|
+
unionKeys["delete"]('id');
|
|
314
|
+
colNames = ['identifier'].concat((0, _toConsumableArray2["default"])(unionKeys));
|
|
328
315
|
} else {
|
|
329
|
-
colNames = (0, _toConsumableArray2
|
|
316
|
+
colNames = (0, _toConsumableArray2["default"])(unionKeys);
|
|
330
317
|
}
|
|
331
318
|
|
|
332
319
|
var columns = colNames.map(function (val) {
|
|
333
320
|
return {
|
|
334
321
|
field: val,
|
|
335
|
-
width: Math.max.apply(Math, (0, _toConsumableArray2
|
|
322
|
+
width: Math.max.apply(Math, (0, _toConsumableArray2["default"])(rows.map(function (row) {
|
|
336
323
|
var result = String(row[val]);
|
|
337
324
|
return Math.min(Math.max((0, _util.measureText)(result, 14) + 50, 80), 1000);
|
|
338
325
|
})))
|
|
@@ -340,15 +327,15 @@ var DataGridDetails = function DataGridDetails(_ref11) {
|
|
|
340
327
|
}); // disableSelection on click helps avoid
|
|
341
328
|
// https://github.com/mui-org/material-ui-x/issues/1197
|
|
342
329
|
|
|
343
|
-
return /*#__PURE__*/_react
|
|
330
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(FieldName, {
|
|
344
331
|
prefix: prefix,
|
|
345
332
|
name: name
|
|
346
|
-
}), /*#__PURE__*/_react
|
|
333
|
+
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
347
334
|
style: {
|
|
348
335
|
height: Math.min(rows.length, 100) * 20 + 50 + (rows.length < 100 ? 0 : 50),
|
|
349
336
|
width: '100%'
|
|
350
337
|
}
|
|
351
|
-
}, /*#__PURE__*/_react
|
|
338
|
+
}, /*#__PURE__*/_react["default"].createElement(_xDataGrid.DataGrid, {
|
|
352
339
|
disableSelectionOnClick: true,
|
|
353
340
|
rowHeight: 20,
|
|
354
341
|
headerHeight: 25,
|
|
@@ -381,7 +368,7 @@ function generateMaxWidth(array, prefix) {
|
|
|
381
368
|
// @ts-ignore
|
|
382
369
|
var arr = [];
|
|
383
370
|
array.forEach(function (key, value) {
|
|
384
|
-
var val = [].concat((0, _toConsumableArray2
|
|
371
|
+
var val = [].concat((0, _toConsumableArray2["default"])(prefix), [key[0]]).join('.');
|
|
385
372
|
arr.push((0, _util.measureText)(val, 12));
|
|
386
373
|
}); // @ts-ignore
|
|
387
374
|
|
|
@@ -399,30 +386,30 @@ var Attributes = function Attributes(props) {
|
|
|
399
386
|
} : _props$formatter,
|
|
400
387
|
_props$prefix = props.prefix,
|
|
401
388
|
prefix = _props$prefix === void 0 ? [] : _props$prefix;
|
|
402
|
-
var omits = [].concat((0, _toConsumableArray2
|
|
389
|
+
var omits = [].concat((0, _toConsumableArray2["default"])(omit), globalOmit);
|
|
403
390
|
var maxLabelWidth = generateMaxWidth(Object.entries(attributes).filter(function (_ref14) {
|
|
404
|
-
var _ref15 = (0, _slicedToArray2
|
|
391
|
+
var _ref15 = (0, _slicedToArray2["default"])(_ref14, 2),
|
|
405
392
|
k = _ref15[0],
|
|
406
393
|
v = _ref15[1];
|
|
407
394
|
|
|
408
395
|
return v !== undefined && !omits.includes(k);
|
|
409
396
|
}), prefix);
|
|
410
397
|
var labelWidth = maxLabelWidth <= MAX_FIELD_NAME_WIDTH ? maxLabelWidth : MAX_FIELD_NAME_WIDTH;
|
|
411
|
-
return /*#__PURE__*/_react
|
|
412
|
-
var _ref17 = (0, _slicedToArray2
|
|
398
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, Object.entries(attributes).filter(function (_ref16) {
|
|
399
|
+
var _ref17 = (0, _slicedToArray2["default"])(_ref16, 2),
|
|
413
400
|
k = _ref17[0],
|
|
414
401
|
v = _ref17[1];
|
|
415
402
|
|
|
416
403
|
return v !== undefined && !omits.includes(k);
|
|
417
404
|
}).map(function (_ref18) {
|
|
418
|
-
var _ref19 = (0, _slicedToArray2
|
|
405
|
+
var _ref19 = (0, _slicedToArray2["default"])(_ref18, 2),
|
|
419
406
|
key = _ref19[0],
|
|
420
407
|
value = _ref19[1];
|
|
421
408
|
|
|
422
409
|
if (Array.isArray(value) && value.length > 2 && value.every(function (val) {
|
|
423
|
-
return (0, _isObject
|
|
410
|
+
return (0, _isObject["default"])(val);
|
|
424
411
|
})) {
|
|
425
|
-
return /*#__PURE__*/_react
|
|
412
|
+
return /*#__PURE__*/_react["default"].createElement(DataGridDetails, {
|
|
426
413
|
key: key,
|
|
427
414
|
prefix: prefix,
|
|
428
415
|
name: key,
|
|
@@ -430,10 +417,10 @@ var Attributes = function Attributes(props) {
|
|
|
430
417
|
});
|
|
431
418
|
}
|
|
432
419
|
|
|
433
|
-
var description = accessNested([].concat((0, _toConsumableArray2
|
|
420
|
+
var description = accessNested([].concat((0, _toConsumableArray2["default"])(prefix), [key]), descriptions);
|
|
434
421
|
|
|
435
422
|
if (Array.isArray(value)) {
|
|
436
|
-
return /*#__PURE__*/_react
|
|
423
|
+
return /*#__PURE__*/_react["default"].createElement(ArrayValue, {
|
|
437
424
|
key: key,
|
|
438
425
|
name: key,
|
|
439
426
|
value: value,
|
|
@@ -442,17 +429,17 @@ var Attributes = function Attributes(props) {
|
|
|
442
429
|
});
|
|
443
430
|
}
|
|
444
431
|
|
|
445
|
-
if ((0, _isObject
|
|
446
|
-
return /*#__PURE__*/_react
|
|
432
|
+
if ((0, _isObject["default"])(value)) {
|
|
433
|
+
return /*#__PURE__*/_react["default"].createElement(Attributes, {
|
|
447
434
|
omit: omits,
|
|
448
435
|
key: key,
|
|
449
436
|
attributes: value,
|
|
450
437
|
descriptions: descriptions,
|
|
451
|
-
prefix: [].concat((0, _toConsumableArray2
|
|
438
|
+
prefix: [].concat((0, _toConsumableArray2["default"])(prefix), [key])
|
|
452
439
|
});
|
|
453
440
|
}
|
|
454
441
|
|
|
455
|
-
return /*#__PURE__*/_react
|
|
442
|
+
return /*#__PURE__*/_react["default"].createElement(SimpleValue, {
|
|
456
443
|
key: key,
|
|
457
444
|
name: key,
|
|
458
445
|
value: formatter(value, key),
|
|
@@ -467,9 +454,9 @@ exports.Attributes = Attributes;
|
|
|
467
454
|
|
|
468
455
|
var BaseAttributes = function BaseAttributes(props) {
|
|
469
456
|
var feature = props.feature;
|
|
470
|
-
return /*#__PURE__*/_react
|
|
457
|
+
return /*#__PURE__*/_react["default"].createElement(BaseCard, Object.assign({}, props, {
|
|
471
458
|
title: "Attributes"
|
|
472
|
-
}), /*#__PURE__*/_react
|
|
459
|
+
}), /*#__PURE__*/_react["default"].createElement(Attributes, Object.assign({}, props, {
|
|
473
460
|
attributes: feature
|
|
474
461
|
})));
|
|
475
462
|
};
|
|
@@ -497,26 +484,26 @@ var FeatureDetails = function FeatureDetails(props) {
|
|
|
497
484
|
var session = (0, _util.getSession)(model);
|
|
498
485
|
var defaultSeqTypes = ['mRNA', 'transcript'];
|
|
499
486
|
var sequenceTypes = (0, _configuration.getConf)(session, ['featureDetails', 'sequenceTypes']) || defaultSeqTypes;
|
|
500
|
-
return /*#__PURE__*/_react
|
|
487
|
+
return /*#__PURE__*/_react["default"].createElement(BaseCard, {
|
|
501
488
|
title: [(0, _util2.ellipses)(name || id), type].filter(function (f) {
|
|
502
489
|
return !!f;
|
|
503
490
|
}).join(' - ')
|
|
504
|
-
}, /*#__PURE__*/_react
|
|
491
|
+
}, /*#__PURE__*/_react["default"].createElement(_core.Typography, null, "Core details"), /*#__PURE__*/_react["default"].createElement(CoreDetails, props), /*#__PURE__*/_react["default"].createElement(_core.Divider, null), /*#__PURE__*/_react["default"].createElement(_core.Typography, null, "Attributes"), /*#__PURE__*/_react["default"].createElement(Attributes, Object.assign({
|
|
505
492
|
attributes: feature
|
|
506
493
|
}, props, {
|
|
507
|
-
omit: [].concat((0, _toConsumableArray2
|
|
508
|
-
})), sequenceTypes.includes(feature.type) ? /*#__PURE__*/_react
|
|
494
|
+
omit: [].concat((0, _toConsumableArray2["default"])(omit), coreDetails)
|
|
495
|
+
})), sequenceTypes.includes(feature.type) ? /*#__PURE__*/_react["default"].createElement(_reactErrorBoundary.ErrorBoundary, {
|
|
509
496
|
FallbackComponent: function FallbackComponent(_ref20) {
|
|
510
497
|
var error = _ref20.error;
|
|
511
|
-
return /*#__PURE__*/_react
|
|
498
|
+
return /*#__PURE__*/_react["default"].createElement(_core.Typography, {
|
|
512
499
|
color: "error"
|
|
513
500
|
}, "Failed to fetch sequence for feature: ", "".concat(error));
|
|
514
501
|
}
|
|
515
|
-
}, /*#__PURE__*/_react
|
|
502
|
+
}, /*#__PURE__*/_react["default"].createElement(_SequenceFeatureDetails["default"], props)) : null, subfeatures !== null && subfeatures !== void 0 && subfeatures.length ? /*#__PURE__*/_react["default"].createElement(BaseCard, {
|
|
516
503
|
title: "Subfeatures",
|
|
517
504
|
defaultExpanded: !sequenceTypes.includes(feature.type)
|
|
518
505
|
}, subfeatures.map(function (sub) {
|
|
519
|
-
return /*#__PURE__*/_react
|
|
506
|
+
return /*#__PURE__*/_react["default"].createElement(FeatureDetails, {
|
|
520
507
|
key: JSON.stringify(sub),
|
|
521
508
|
feature: sub,
|
|
522
509
|
model: model,
|
|
@@ -540,10 +527,10 @@ var BaseFeatureDetails = (0, _mobxReact.observer)(function (props) {
|
|
|
540
527
|
return null;
|
|
541
528
|
}
|
|
542
529
|
|
|
543
|
-
return /*#__PURE__*/_react
|
|
530
|
+
return /*#__PURE__*/_react["default"].createElement(FeatureDetails, {
|
|
544
531
|
model: model,
|
|
545
532
|
feature: feature
|
|
546
533
|
});
|
|
547
534
|
});
|
|
548
535
|
var _default = BaseFeatureDetails;
|
|
549
|
-
exports
|
|
536
|
+
exports["default"] = _default;
|