@jbrowse/plugin-config 1.7.3 → 1.7.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/dist/ConfigurationEditorWidget/components/CallbackEditor.js +12 -12
- package/dist/ConfigurationEditorWidget/components/CodeEditor.js +6 -6
- package/dist/ConfigurationEditorWidget/components/ColorEditor.js +18 -18
- package/dist/ConfigurationEditorWidget/components/ColorEditor.test.js +1 -1
- package/dist/ConfigurationEditorWidget/components/ColorPicker.js +9 -9
- package/dist/ConfigurationEditorWidget/components/ConfigurationEditor.js +19 -19
- package/dist/ConfigurationEditorWidget/components/ConfigurationEditor.test.js +4 -4
- package/dist/ConfigurationEditorWidget/components/JsonEditor.js +12 -12
- package/dist/ConfigurationEditorWidget/components/SlotEditor.js +70 -70
- package/dist/ConfigurationEditorWidget/components/TypeSelector.js +6 -6
- package/dist/ConfigurationEditorWidget/index.js +1 -1
- package/dist/ConfigurationEditorWidget/model.js +2 -2
- package/dist/FromConfigAdapter/FromConfigAdapter.js +16 -16
- package/dist/FromConfigAdapter/FromConfigAdapter.test.js +6 -6
- package/dist/FromConfigAdapter/FromConfigRegionsAdapter.js +12 -12
- package/dist/FromConfigAdapter/FromConfigRegionsAdapter.test.js +12 -12
- package/dist/FromConfigAdapter/FromConfigSequenceAdapter.js +16 -16
- package/dist/FromConfigAdapter/FromConfigSequenceAdapter.test.js +6 -6
- package/dist/FromConfigAdapter/index.js +3 -3
- package/dist/RefNameAliasAdapter/RefNameAliasAdapter.js +11 -11
- package/dist/RefNameAliasAdapter/RefNameAliasAdapter.test.js +3 -3
- package/dist/RefNameAliasAdapter/configSchema.js +2 -2
- package/dist/RefNameAliasAdapter/index.js +2 -2
- package/dist/index.js +15 -15
- package/dist/index.test.js +2 -2
- package/package.json +3 -3
|
@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports
|
|
10
|
+
exports.default = void 0;
|
|
11
11
|
|
|
12
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
13
|
|
|
@@ -29,7 +29,7 @@ var _reactSimpleCodeEditor = _interopRequireDefault(require("react-simple-code-e
|
|
|
29
29
|
|
|
30
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
31
|
|
|
32
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
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
33
|
|
|
34
34
|
// fontSize and fontFamily have to match between Editor and SyntaxHighlighter
|
|
35
35
|
var fontSize = '12px'; // Optimize by using system default fonts:
|
|
@@ -52,12 +52,12 @@ function CallbackEditor(_ref) {
|
|
|
52
52
|
var classes = useStyles();
|
|
53
53
|
|
|
54
54
|
var _useState = (0, _react.useState)(slot.value),
|
|
55
|
-
_useState2 = (0, _slicedToArray2
|
|
55
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
56
56
|
code = _useState2[0],
|
|
57
57
|
setCode = _useState2[1];
|
|
58
58
|
|
|
59
59
|
var _useState3 = (0, _react.useState)(),
|
|
60
|
-
_useState4 = (0, _slicedToArray2
|
|
60
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
61
61
|
error = _useState4[0],
|
|
62
62
|
setCodeError = _useState4[1];
|
|
63
63
|
|
|
@@ -79,10 +79,10 @@ function CallbackEditor(_ref) {
|
|
|
79
79
|
}, [debouncedCode, slot]); // if default value is a callback, will have to remove jexl:
|
|
80
80
|
// do this last
|
|
81
81
|
|
|
82
|
-
return /*#__PURE__*/_react
|
|
82
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.FormControl, null, /*#__PURE__*/_react.default.createElement(_core.InputLabel, {
|
|
83
83
|
shrink: true,
|
|
84
84
|
htmlFor: "callback-editor"
|
|
85
|
-
}, slot.name), /*#__PURE__*/_react
|
|
85
|
+
}, slot.name), /*#__PURE__*/_react.default.createElement(_reactSimpleCodeEditor.default, {
|
|
86
86
|
className: classes.callbackEditor,
|
|
87
87
|
value: code.startsWith('jexl:') ? code.split('jexl:')[1] : code,
|
|
88
88
|
onValueChange: function onValueChange(newCode) {
|
|
@@ -95,14 +95,14 @@ function CallbackEditor(_ref) {
|
|
|
95
95
|
style: {
|
|
96
96
|
background: error ? '#fdd' : undefined
|
|
97
97
|
}
|
|
98
|
-
}), error ? /*#__PURE__*/_react
|
|
98
|
+
}), error ? /*#__PURE__*/_react.default.createElement(_core.FormHelperText, {
|
|
99
99
|
style: {
|
|
100
100
|
color: '#f00'
|
|
101
101
|
}
|
|
102
|
-
}, "".concat(error)) : null, /*#__PURE__*/_react
|
|
103
|
-
title: /*#__PURE__*/_react
|
|
102
|
+
}, "".concat(error)) : null, /*#__PURE__*/_react.default.createElement(_core.FormHelperText, null, slot.description)), /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
|
|
103
|
+
title: /*#__PURE__*/_react.default.createElement("div", null, "Callbacks are written in Jexl format. Click to learn more.", /*#__PURE__*/_react.default.createElement("br", null), " Names of available context items: ", slot.contextVariable),
|
|
104
104
|
arrow: true
|
|
105
|
-
}, /*#__PURE__*/_react
|
|
105
|
+
}, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
106
106
|
color: "primary",
|
|
107
107
|
onClick: function onClick() {
|
|
108
108
|
var newWindow = window.open('https://github.com/TomFrost/Jexl', '_blank', 'noopener,noreferrer');
|
|
@@ -111,7 +111,7 @@ function CallbackEditor(_ref) {
|
|
|
111
111
|
newWindow.opener = null;
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
|
-
}, /*#__PURE__*/_react
|
|
114
|
+
}, /*#__PURE__*/_react.default.createElement(_Help.default, null))));
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
CallbackEditor.propTypes = {
|
|
@@ -120,4 +120,4 @@ CallbackEditor.propTypes = {
|
|
|
120
120
|
|
|
121
121
|
var _default = (0, _mobxReact.observer)(CallbackEditor);
|
|
122
122
|
|
|
123
|
-
exports
|
|
123
|
+
exports.default = _default;
|
|
@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports
|
|
10
|
+
exports.default = CodeEditor;
|
|
11
11
|
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
13
|
|
|
@@ -25,7 +25,7 @@ var _core = require("@material-ui/core");
|
|
|
25
25
|
|
|
26
26
|
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); }
|
|
27
27
|
|
|
28
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
28
|
+
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; }
|
|
29
29
|
|
|
30
30
|
// fontSize and fontFamily have to match between Editor and SyntaxHighlighter
|
|
31
31
|
var fontSize = '12px'; // Optimize by using system default fonts: https://css-tricks.com/snippets/css/font-stacks/
|
|
@@ -52,16 +52,16 @@ function CodeEditor(_ref) {
|
|
|
52
52
|
var classes = useStyles();
|
|
53
53
|
var theme = (0, _core.useTheme)();
|
|
54
54
|
(0, _react.useEffect)(function () {
|
|
55
|
-
_reactSyntaxHighlighter.Light.registerLanguage('json', _json
|
|
55
|
+
_reactSyntaxHighlighter.Light.registerLanguage('json', _json.default);
|
|
56
56
|
}, []);
|
|
57
|
-
return /*#__PURE__*/_react
|
|
57
|
+
return /*#__PURE__*/_react.default.createElement(_reactSimpleCodeEditor.default, {
|
|
58
58
|
className: classes.callbackEditor,
|
|
59
59
|
value: contents,
|
|
60
60
|
onValueChange: setContents,
|
|
61
61
|
highlight: function highlight(newCode) {
|
|
62
|
-
return /*#__PURE__*/_react
|
|
62
|
+
return /*#__PURE__*/_react.default.createElement(_reactSyntaxHighlighter.Light, {
|
|
63
63
|
language: "json",
|
|
64
|
-
style: theme.palette.type === 'dark' ? _a11yDark
|
|
64
|
+
style: theme.palette.type === 'dark' ? _a11yDark.default : _a11yLight.default,
|
|
65
65
|
className: classes.syntaxHighlighter // override some inline style stuff that's higher specificity
|
|
66
66
|
// than className
|
|
67
67
|
,
|
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports
|
|
8
|
+
exports.default = exports.ColorSlot = void 0;
|
|
9
9
|
|
|
10
10
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
11
11
|
|
|
@@ -23,7 +23,7 @@ var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
|
|
|
23
23
|
|
|
24
24
|
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); }
|
|
25
25
|
|
|
26
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2
|
|
26
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(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; }
|
|
27
27
|
|
|
28
28
|
var ColorPicker = /*#__PURE__*/(0, _react.lazy)(function () {
|
|
29
29
|
return Promise.resolve().then(function () {
|
|
@@ -52,11 +52,11 @@ var ColorSlot = function ColorSlot(props) {
|
|
|
52
52
|
_onChange = props.onChange;
|
|
53
53
|
|
|
54
54
|
var _useState = (0, _react.useState)(false),
|
|
55
|
-
_useState2 = (0, _slicedToArray2
|
|
55
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
56
56
|
displayed = _useState2[0],
|
|
57
57
|
setDisplayed = _useState2[1];
|
|
58
58
|
|
|
59
|
-
return /*#__PURE__*/_react
|
|
59
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_TextField.default, (0, _extends2.default)({
|
|
60
60
|
value: value,
|
|
61
61
|
label: label,
|
|
62
62
|
InputProps: {
|
|
@@ -73,9 +73,9 @@ var ColorSlot = function ColorSlot(props) {
|
|
|
73
73
|
onChange: function onChange(event) {
|
|
74
74
|
_onChange(event.target.value);
|
|
75
75
|
}
|
|
76
|
-
}, TextFieldProps)), displayed ? /*#__PURE__*/_react
|
|
77
|
-
fallback: /*#__PURE__*/_react
|
|
78
|
-
}, /*#__PURE__*/_react
|
|
76
|
+
}, TextFieldProps)), displayed ? /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
|
|
77
|
+
fallback: /*#__PURE__*/_react.default.createElement("div", null)
|
|
78
|
+
}, /*#__PURE__*/_react.default.createElement(ColorPicker, {
|
|
79
79
|
color: value,
|
|
80
80
|
onChange: function onChange(event) {
|
|
81
81
|
_onChange(serializeColor(event.rgb));
|
|
@@ -85,10 +85,10 @@ var ColorSlot = function ColorSlot(props) {
|
|
|
85
85
|
|
|
86
86
|
exports.ColorSlot = ColorSlot;
|
|
87
87
|
ColorSlot.propTypes = {
|
|
88
|
-
onChange: _propTypes
|
|
89
|
-
label: _propTypes
|
|
90
|
-
TextFieldProps: _propTypes
|
|
91
|
-
value: _propTypes
|
|
88
|
+
onChange: _propTypes.default.func.isRequired,
|
|
89
|
+
label: _propTypes.default.string,
|
|
90
|
+
TextFieldProps: _propTypes.default.shape({}),
|
|
91
|
+
value: _propTypes.default.string
|
|
92
92
|
};
|
|
93
93
|
ColorSlot.defaultProps = {
|
|
94
94
|
label: '',
|
|
@@ -98,7 +98,7 @@ ColorSlot.defaultProps = {
|
|
|
98
98
|
|
|
99
99
|
function ColorEditorSlot(props) {
|
|
100
100
|
var slot = props.slot;
|
|
101
|
-
return /*#__PURE__*/_react
|
|
101
|
+
return /*#__PURE__*/_react.default.createElement(ColorSlot, {
|
|
102
102
|
label: slot.name,
|
|
103
103
|
value: slot.value,
|
|
104
104
|
onChange: function onChange(color) {
|
|
@@ -112,14 +112,14 @@ function ColorEditorSlot(props) {
|
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
ColorEditorSlot.propTypes = {
|
|
115
|
-
slot: _propTypes
|
|
116
|
-
name: _propTypes
|
|
117
|
-
description: _propTypes
|
|
118
|
-
value: _propTypes
|
|
119
|
-
set: _propTypes
|
|
115
|
+
slot: _propTypes.default.shape({
|
|
116
|
+
name: _propTypes.default.string.isRequired,
|
|
117
|
+
description: _propTypes.default.string,
|
|
118
|
+
value: _propTypes.default.string.isRequired,
|
|
119
|
+
set: _propTypes.default.func.isRequired
|
|
120
120
|
}).isRequired
|
|
121
121
|
};
|
|
122
122
|
|
|
123
123
|
var _default = (0, _mobxReact.observer)(ColorEditorSlot);
|
|
124
124
|
|
|
125
|
-
exports
|
|
125
|
+
exports.default = _default;
|
|
@@ -12,7 +12,7 @@ describe('ColorPicker widget', function () {
|
|
|
12
12
|
it('can change value via the text field', function () {
|
|
13
13
|
var myfn = jest.fn();
|
|
14
14
|
|
|
15
|
-
var _render = (0, _react2.render)( /*#__PURE__*/_react
|
|
15
|
+
var _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_ColorEditor.ColorSlot, {
|
|
16
16
|
value: "green",
|
|
17
17
|
onChange: myfn
|
|
18
18
|
})),
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
10
|
exports.ColorPicker = ColorPicker;
|
|
11
|
-
exports
|
|
11
|
+
exports.default = void 0;
|
|
12
12
|
|
|
13
13
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
14
14
|
|
|
@@ -22,7 +22,7 @@ var _reactColor = require("react-color");
|
|
|
22
22
|
|
|
23
23
|
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); }
|
|
24
24
|
|
|
25
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
25
|
+
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; }
|
|
26
26
|
|
|
27
27
|
var useStyles = (0, _styles.makeStyles)({
|
|
28
28
|
popover: {
|
|
@@ -44,7 +44,7 @@ function ColorPicker(props) {
|
|
|
44
44
|
var classes = useStyles();
|
|
45
45
|
|
|
46
46
|
var _useState = (0, _react.useState)(true),
|
|
47
|
-
_useState2 = (0, _slicedToArray2
|
|
47
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
48
48
|
displayColorPicker = _useState2[0],
|
|
49
49
|
setDisplayColorPicker = _useState2[1];
|
|
50
50
|
|
|
@@ -52,21 +52,21 @@ function ColorPicker(props) {
|
|
|
52
52
|
setDisplayColorPicker(false);
|
|
53
53
|
};
|
|
54
54
|
|
|
55
|
-
return /*#__PURE__*/_react
|
|
55
|
+
return /*#__PURE__*/_react.default.createElement("div", null, displayColorPicker ? /*#__PURE__*/_react.default.createElement("div", {
|
|
56
56
|
className: classes.popover
|
|
57
|
-
}, /*#__PURE__*/_react
|
|
57
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
58
58
|
role: "presentation",
|
|
59
59
|
className: classes.cover,
|
|
60
60
|
onClick: handleClose
|
|
61
|
-
}), /*#__PURE__*/_react
|
|
61
|
+
}), /*#__PURE__*/_react.default.createElement(_reactColor.ChromePicker, {
|
|
62
62
|
color: color,
|
|
63
63
|
onChange: onChange
|
|
64
64
|
})) : null);
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
ColorPicker.propTypes = {
|
|
68
|
-
color: _propTypes
|
|
69
|
-
onChange: _propTypes
|
|
68
|
+
color: _propTypes.default.string.isRequired,
|
|
69
|
+
onChange: _propTypes.default.func.isRequired
|
|
70
70
|
};
|
|
71
71
|
var _default = ColorPicker;
|
|
72
|
-
exports
|
|
72
|
+
exports.default = _default;
|
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports
|
|
8
|
+
exports.default = void 0;
|
|
9
9
|
|
|
10
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
11
|
|
|
@@ -65,7 +65,7 @@ var Member = (0, _mobxReact.observer)(function (props) {
|
|
|
65
65
|
if (slot.length) {
|
|
66
66
|
return slot.map(function (subslot, slotIndex) {
|
|
67
67
|
var key = "".concat((0, _pluralize.singular)(slotName), " ").concat(slotIndex + 1);
|
|
68
|
-
return /*#__PURE__*/_react
|
|
68
|
+
return /*#__PURE__*/_react.default.createElement(Member, (0, _extends2.default)({}, props, {
|
|
69
69
|
key: key,
|
|
70
70
|
slot: subslot,
|
|
71
71
|
slotName: key
|
|
@@ -78,7 +78,7 @@ var Member = (0, _mobxReact.observer)(function (props) {
|
|
|
78
78
|
var typeNameChoices = (0, _configuration.getTypeNamesFromExplicitlyTypedUnion)(slotSchema);
|
|
79
79
|
|
|
80
80
|
if (typeNameChoices.length) {
|
|
81
|
-
typeSelector = /*#__PURE__*/_react
|
|
81
|
+
typeSelector = /*#__PURE__*/_react.default.createElement(_TypeSelector.default, {
|
|
82
82
|
typeNameChoices: typeNameChoices,
|
|
83
83
|
slotName: slotName,
|
|
84
84
|
slot: slot,
|
|
@@ -92,28 +92,28 @@ var Member = (0, _mobxReact.observer)(function (props) {
|
|
|
92
92
|
});
|
|
93
93
|
}
|
|
94
94
|
|
|
95
|
-
return /*#__PURE__*/_react
|
|
95
|
+
return /*#__PURE__*/_react.default.createElement(_core.Accordion, {
|
|
96
96
|
defaultExpanded: true,
|
|
97
97
|
className: classes.accordion,
|
|
98
98
|
TransitionProps: {
|
|
99
99
|
unmountOnExit: true,
|
|
100
100
|
timeout: 150
|
|
101
101
|
}
|
|
102
|
-
}, /*#__PURE__*/_react
|
|
103
|
-
expandIcon: /*#__PURE__*/_react
|
|
102
|
+
}, /*#__PURE__*/_react.default.createElement(_core.AccordionSummary, {
|
|
103
|
+
expandIcon: /*#__PURE__*/_react.default.createElement(_ExpandMore.default, {
|
|
104
104
|
className: classes.expandIcon
|
|
105
105
|
})
|
|
106
|
-
}, /*#__PURE__*/_react
|
|
106
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Typography, null, [].concat((0, _toConsumableArray2.default)(path), [slotName]).join('🡒'))), /*#__PURE__*/_react.default.createElement(_core.AccordionDetails, {
|
|
107
107
|
className: classes.expansionPanelDetails
|
|
108
|
-
}, typeSelector, /*#__PURE__*/_react
|
|
108
|
+
}, typeSelector, /*#__PURE__*/_react.default.createElement(_core.FormGroup, null, /*#__PURE__*/_react.default.createElement(Schema, {
|
|
109
109
|
schema: slot,
|
|
110
|
-
path: [].concat((0, _toConsumableArray2
|
|
110
|
+
path: [].concat((0, _toConsumableArray2.default)(path), [slotName])
|
|
111
111
|
}))));
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
if ((0, _configuration.isConfigurationSlotType)(slotSchema)) {
|
|
115
115
|
// this is a regular config slot
|
|
116
|
-
return /*#__PURE__*/_react
|
|
116
|
+
return /*#__PURE__*/_react.default.createElement(_SlotEditor.default, {
|
|
117
117
|
key: slotName,
|
|
118
118
|
slot: slot,
|
|
119
119
|
slotSchema: slotSchema
|
|
@@ -128,11 +128,11 @@ var Schema = (0, _mobxReact.observer)(function (_ref) {
|
|
|
128
128
|
path = _ref$path === void 0 ? [] : _ref$path;
|
|
129
129
|
var properties = (0, _mobxStateTree.getMembers)(schema).properties;
|
|
130
130
|
return Object.entries(properties).map(function (_ref2) {
|
|
131
|
-
var _ref3 = (0, _slicedToArray2
|
|
131
|
+
var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
|
|
132
132
|
slotName = _ref3[0],
|
|
133
133
|
slotSchema = _ref3[1];
|
|
134
134
|
|
|
135
|
-
return /*#__PURE__*/_react
|
|
135
|
+
return /*#__PURE__*/_react.default.createElement(Member, {
|
|
136
136
|
key: slotName,
|
|
137
137
|
slotName: slotName,
|
|
138
138
|
slotSchema: slotSchema,
|
|
@@ -149,7 +149,7 @@ var ConfigurationEditor = (0, _mobxReact.observer)(function (_ref4) {
|
|
|
149
149
|
|
|
150
150
|
var key = model.target && (0, _configuration.readConfObject)(model.target, 'trackId');
|
|
151
151
|
var name = model.target && (0, _configuration.readConfObject)(model.target, 'name');
|
|
152
|
-
return /*#__PURE__*/_react
|
|
152
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.Accordion, {
|
|
153
153
|
key: key,
|
|
154
154
|
defaultExpanded: true,
|
|
155
155
|
className: classes.accordion,
|
|
@@ -157,20 +157,20 @@ var ConfigurationEditor = (0, _mobxReact.observer)(function (_ref4) {
|
|
|
157
157
|
unmountOnExit: true,
|
|
158
158
|
timeout: 150
|
|
159
159
|
}
|
|
160
|
-
}, /*#__PURE__*/_react
|
|
161
|
-
expandIcon: /*#__PURE__*/_react
|
|
160
|
+
}, /*#__PURE__*/_react.default.createElement(_core.AccordionSummary, {
|
|
161
|
+
expandIcon: /*#__PURE__*/_react.default.createElement(_ExpandMore.default, {
|
|
162
162
|
className: classes.expandIcon
|
|
163
163
|
})
|
|
164
|
-
}, /*#__PURE__*/_react
|
|
164
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Typography, null, name ? name : 'Configuration')), /*#__PURE__*/_react.default.createElement(_core.AccordionDetails, {
|
|
165
165
|
className: classes.expansionPanelDetails,
|
|
166
166
|
"data-testid": "configEditor"
|
|
167
|
-
}, !model.target ? 'no target set' : /*#__PURE__*/_react
|
|
167
|
+
}, !model.target ? 'no target set' : /*#__PURE__*/_react.default.createElement(Schema, {
|
|
168
168
|
schema: model.target
|
|
169
|
-
}))), /*#__PURE__*/_react
|
|
169
|
+
}))), /*#__PURE__*/_react.default.createElement("div", {
|
|
170
170
|
style: {
|
|
171
171
|
height: 300
|
|
172
172
|
}
|
|
173
173
|
}));
|
|
174
174
|
});
|
|
175
175
|
var _default = ConfigurationEditor;
|
|
176
|
-
exports
|
|
176
|
+
exports.default = _default;
|
|
@@ -27,7 +27,7 @@ describe('ConfigurationEditor widget', function () {
|
|
|
27
27
|
}
|
|
28
28
|
});
|
|
29
29
|
|
|
30
|
-
var _render = (0, _react2.render)( /*#__PURE__*/_react
|
|
30
|
+
var _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_ConfigurationEditor.default, {
|
|
31
31
|
model: {
|
|
32
32
|
target: TestSchema.create()
|
|
33
33
|
}
|
|
@@ -93,7 +93,7 @@ describe('ConfigurationEditor widget', function () {
|
|
|
93
93
|
}
|
|
94
94
|
});
|
|
95
95
|
|
|
96
|
-
var _render2 = (0, _react2.render)( /*#__PURE__*/_react
|
|
96
|
+
var _render2 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_ConfigurationEditor.default, {
|
|
97
97
|
model: {
|
|
98
98
|
target: TestSchema.create()
|
|
99
99
|
}
|
|
@@ -104,12 +104,12 @@ describe('ConfigurationEditor widget', function () {
|
|
|
104
104
|
});
|
|
105
105
|
it('renders with defaults of the PileupTrack schema', function () {
|
|
106
106
|
console.warn = jest.fn();
|
|
107
|
-
var pluginManager = new _PluginManager
|
|
107
|
+
var pluginManager = new _PluginManager.default([new _pluginAlignments.default(), new _pluginSvg.default()]);
|
|
108
108
|
pluginManager.createPluggableElements();
|
|
109
109
|
pluginManager.configure();
|
|
110
110
|
var PileupDisplaySchema = (0, _pluginLinearGenomeView.linearBasicDisplayConfigSchemaFactory)(pluginManager);
|
|
111
111
|
|
|
112
|
-
var _render3 = (0, _react2.render)( /*#__PURE__*/_react
|
|
112
|
+
var _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_ConfigurationEditor.default, {
|
|
113
113
|
model: {
|
|
114
114
|
target: PileupDisplaySchema.create()
|
|
115
115
|
}
|
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports
|
|
8
|
+
exports.default = void 0;
|
|
9
9
|
|
|
10
10
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
11
11
|
|
|
@@ -21,7 +21,7 @@ var _mobxReact = require("mobx-react");
|
|
|
21
21
|
|
|
22
22
|
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); }
|
|
23
23
|
|
|
24
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2
|
|
24
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(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; }
|
|
25
25
|
|
|
26
26
|
var useStyles = (0, _core.makeStyles)({
|
|
27
27
|
error: {
|
|
@@ -40,12 +40,12 @@ function JsonEditor(_ref) {
|
|
|
40
40
|
var classes = useStyles();
|
|
41
41
|
|
|
42
42
|
var _useState = (0, _react.useState)(JSON.stringify(slot.value, null, ' ')),
|
|
43
|
-
_useState2 = (0, _slicedToArray2
|
|
43
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
44
44
|
contents = _useState2[0],
|
|
45
45
|
setContents = _useState2[1];
|
|
46
46
|
|
|
47
47
|
var _useState3 = (0, _react.useState)(),
|
|
48
|
-
_useState4 = (0, _slicedToArray2
|
|
48
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
49
49
|
error = _useState4[0],
|
|
50
50
|
setError = _useState4[1];
|
|
51
51
|
|
|
@@ -58,19 +58,19 @@ function JsonEditor(_ref) {
|
|
|
58
58
|
setError(e.message);
|
|
59
59
|
}
|
|
60
60
|
}, [debouncedJson, slot]);
|
|
61
|
-
return /*#__PURE__*/_react
|
|
61
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, error ? /*#__PURE__*/_react.default.createElement("p", {
|
|
62
62
|
className: classes.error
|
|
63
|
-
}, error) : null, /*#__PURE__*/_react
|
|
63
|
+
}, error) : null, /*#__PURE__*/_react.default.createElement(_core.FormControl, {
|
|
64
64
|
error: error
|
|
65
|
-
}, /*#__PURE__*/_react
|
|
65
|
+
}, /*#__PURE__*/_react.default.createElement(_core.InputLabel, {
|
|
66
66
|
shrink: true,
|
|
67
67
|
htmlFor: "callback-editor"
|
|
68
|
-
}, slot.name), /*#__PURE__*/_react
|
|
69
|
-
fallback: /*#__PURE__*/_react
|
|
70
|
-
}, /*#__PURE__*/_react
|
|
68
|
+
}, slot.name), /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
|
|
69
|
+
fallback: /*#__PURE__*/_react.default.createElement("div", null)
|
|
70
|
+
}, /*#__PURE__*/_react.default.createElement(CodeEditor, {
|
|
71
71
|
contents: contents,
|
|
72
72
|
setContents: setContents
|
|
73
|
-
})), /*#__PURE__*/_react
|
|
73
|
+
})), /*#__PURE__*/_react.default.createElement(_core.FormHelperText, null, slot.description)));
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
JsonEditor.propTypes = {
|
|
@@ -79,4 +79,4 @@ JsonEditor.propTypes = {
|
|
|
79
79
|
|
|
80
80
|
var _default = (0, _mobxReact.observer)(JsonEditor);
|
|
81
81
|
|
|
82
|
-
exports
|
|
82
|
+
exports.default = _default;
|