@jbrowse/plugin-config 1.7.6 → 1.7.9
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/CodeEditor.js +16 -13
- package/dist/ConfigurationEditorWidget/components/SlotEditor.js +28 -15
- package/package.json +2 -2
- package/src/ConfigurationEditorWidget/components/CodeEditor.js +4 -3
- package/src/ConfigurationEditorWidget/components/SlotEditor.js +27 -15
- package/src/ConfigurationEditorWidget/components/__snapshots__/ConfigurationEditor.test.js.snap +84 -56
|
@@ -31,19 +31,22 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
31
31
|
var fontSize = '12px'; // Optimize by using system default fonts: https://css-tricks.com/snippets/css/font-stacks/
|
|
32
32
|
|
|
33
33
|
var fontFamily = 'Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace';
|
|
34
|
-
var useStyles = (0, _core.makeStyles)({
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
34
|
+
var useStyles = (0, _core.makeStyles)(function (theme) {
|
|
35
|
+
return {
|
|
36
|
+
callbackEditor: {
|
|
37
|
+
fontFamily: fontFamily,
|
|
38
|
+
fontSize: fontSize,
|
|
39
|
+
background: theme.palette.background.default,
|
|
40
|
+
overflowX: 'auto',
|
|
41
|
+
marginTop: '16px',
|
|
42
|
+
border: '1px solid rgba(0,0,0,0.42)'
|
|
43
|
+
},
|
|
44
|
+
syntaxHighlighter: {
|
|
45
|
+
margin: 0,
|
|
46
|
+
fontFamily: fontFamily,
|
|
47
|
+
fontSize: fontSize
|
|
48
|
+
}
|
|
49
|
+
};
|
|
47
50
|
}); // eslint-disable-next-line react/prop-types
|
|
48
51
|
|
|
49
52
|
function CodeEditor(_ref) {
|
|
@@ -11,6 +11,8 @@ exports.useSlotEditorStyles = exports.default = void 0;
|
|
|
11
11
|
|
|
12
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
13
|
|
|
14
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
15
|
+
|
|
14
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
17
|
|
|
16
18
|
var _mobxReact = require("mobx-react");
|
|
@@ -41,13 +43,27 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
41
43
|
|
|
42
44
|
// icons
|
|
43
45
|
// locals
|
|
46
|
+
// adds ability to have html in helperText. note that FormHelperTextProps is
|
|
47
|
+
// div because the default is p which does not like div children
|
|
48
|
+
var MyTextField = function MyTextField(props) {
|
|
49
|
+
// eslint-disable-next-line react/prop-types
|
|
50
|
+
var helperText = props.helperText;
|
|
51
|
+
return /*#__PURE__*/_react.default.createElement(_core.TextField, (0, _extends2.default)({}, props, {
|
|
52
|
+
helperText: /*#__PURE__*/_react.default.createElement(_ui.SanitizedHTML, {
|
|
53
|
+
html: helperText
|
|
54
|
+
}),
|
|
55
|
+
FormHelperTextProps: {
|
|
56
|
+
component: 'div'
|
|
57
|
+
},
|
|
58
|
+
fullWidth: true
|
|
59
|
+
}));
|
|
60
|
+
};
|
|
61
|
+
|
|
44
62
|
var StringEditor = (0, _mobxReact.observer)(function (_ref) {
|
|
45
63
|
var slot = _ref.slot;
|
|
46
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
47
|
-
label: slot.name
|
|
48
|
-
,
|
|
64
|
+
return /*#__PURE__*/_react.default.createElement(MyTextField, {
|
|
65
|
+
label: slot.name,
|
|
49
66
|
helperText: slot.description,
|
|
50
|
-
fullWidth: true,
|
|
51
67
|
value: slot.value,
|
|
52
68
|
onChange: function onChange(evt) {
|
|
53
69
|
return slot.set(evt.target.value);
|
|
@@ -59,7 +75,6 @@ var TextEditor = (0, _mobxReact.observer)(function (_ref2) {
|
|
|
59
75
|
return /*#__PURE__*/_react.default.createElement(_core.TextField, {
|
|
60
76
|
label: slot.name,
|
|
61
77
|
helperText: slot.description,
|
|
62
|
-
fullWidth: true,
|
|
63
78
|
multiline: true,
|
|
64
79
|
value: slot.value,
|
|
65
80
|
onChange: function onChange(evt) {
|
|
@@ -280,7 +295,7 @@ var NumberEditor = (0, _mobxReact.observer)(function (_ref10) {
|
|
|
280
295
|
slot.reset();
|
|
281
296
|
}
|
|
282
297
|
}, [slot, val]);
|
|
283
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
298
|
+
return /*#__PURE__*/_react.default.createElement(MyTextField, {
|
|
284
299
|
label: slot.name,
|
|
285
300
|
helperText: slot.description,
|
|
286
301
|
value: val,
|
|
@@ -305,7 +320,7 @@ var IntegerEditor = (0, _mobxReact.observer)(function (_ref11) {
|
|
|
305
320
|
slot.set(num);
|
|
306
321
|
}
|
|
307
322
|
}, [slot, val]);
|
|
308
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
323
|
+
return /*#__PURE__*/_react.default.createElement(MyTextField, {
|
|
309
324
|
label: slot.name,
|
|
310
325
|
helperText: slot.description,
|
|
311
326
|
value: val,
|
|
@@ -315,7 +330,7 @@ var IntegerEditor = (0, _mobxReact.observer)(function (_ref11) {
|
|
|
315
330
|
}
|
|
316
331
|
});
|
|
317
332
|
});
|
|
318
|
-
var
|
|
333
|
+
var BooleanEditor = (0, _mobxReact.observer)(function (_ref12) {
|
|
319
334
|
var slot = _ref12.slot;
|
|
320
335
|
return /*#__PURE__*/_react.default.createElement(_core.FormControl, null, /*#__PURE__*/_react.default.createElement(_core.FormControlLabel, {
|
|
321
336
|
label: slot.name,
|
|
@@ -327,20 +342,18 @@ var booleanEditor = (0, _mobxReact.observer)(function (_ref12) {
|
|
|
327
342
|
})
|
|
328
343
|
}), /*#__PURE__*/_react.default.createElement(_core.FormHelperText, null, slot.description));
|
|
329
344
|
});
|
|
330
|
-
var
|
|
345
|
+
var StringEnumEditor = (0, _mobxReact.observer)(function (_ref13) {
|
|
331
346
|
var slot = _ref13.slot,
|
|
332
347
|
slotSchema = _ref13.slotSchema;
|
|
333
348
|
var p = (0, _mobxStateTree.getPropertyMembers)((0, _mstReflection.getSubType)(slotSchema));
|
|
334
349
|
var choices = (0, _mstReflection.getUnionSubTypes)((0, _mstReflection.getUnionSubTypes)((0, _mstReflection.getSubType)((0, _mstReflection.getPropertyType)(p, 'value')))[1]).map(function (t) {
|
|
335
350
|
return t.value;
|
|
336
351
|
});
|
|
337
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
352
|
+
return /*#__PURE__*/_react.default.createElement(MyTextField, {
|
|
338
353
|
value: slot.value,
|
|
339
354
|
label: slot.name,
|
|
340
|
-
select: true
|
|
341
|
-
,
|
|
355
|
+
select: true,
|
|
342
356
|
helperText: slot.description,
|
|
343
|
-
fullWidth: true,
|
|
344
357
|
onChange: function onChange(evt) {
|
|
345
358
|
return slot.set(evt.target.value);
|
|
346
359
|
}
|
|
@@ -375,8 +388,8 @@ var valueComponents = {
|
|
|
375
388
|
number: NumberEditor,
|
|
376
389
|
integer: IntegerEditor,
|
|
377
390
|
color: _ColorEditor.default,
|
|
378
|
-
stringEnum:
|
|
379
|
-
boolean:
|
|
391
|
+
stringEnum: StringEnumEditor,
|
|
392
|
+
boolean: BooleanEditor,
|
|
380
393
|
frozen: _JsonEditor.default,
|
|
381
394
|
configRelationships: _JsonEditor.default
|
|
382
395
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jbrowse/plugin-config",
|
|
3
|
-
"version": "1.7.
|
|
3
|
+
"version": "1.7.9",
|
|
4
4
|
"description": "JBrowse 2 config utilities",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"jbrowse",
|
|
@@ -53,5 +53,5 @@
|
|
|
53
53
|
"publishConfig": {
|
|
54
54
|
"access": "public"
|
|
55
55
|
},
|
|
56
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "a6504c385d703ce6e755d05652ef659ffe28c864"
|
|
57
57
|
}
|
|
@@ -12,20 +12,21 @@ const fontSize = '12px'
|
|
|
12
12
|
const fontFamily =
|
|
13
13
|
'Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace'
|
|
14
14
|
|
|
15
|
-
const useStyles = makeStyles({
|
|
15
|
+
const useStyles = makeStyles(theme => ({
|
|
16
16
|
callbackEditor: {
|
|
17
17
|
fontFamily,
|
|
18
18
|
fontSize,
|
|
19
|
+
background: theme.palette.background.default,
|
|
19
20
|
overflowX: 'auto',
|
|
20
21
|
marginTop: '16px',
|
|
21
|
-
|
|
22
|
+
border: '1px solid rgba(0,0,0,0.42)',
|
|
22
23
|
},
|
|
23
24
|
syntaxHighlighter: {
|
|
24
25
|
margin: 0,
|
|
25
26
|
fontFamily,
|
|
26
27
|
fontSize,
|
|
27
28
|
},
|
|
28
|
-
})
|
|
29
|
+
}))
|
|
29
30
|
|
|
30
31
|
// eslint-disable-next-line react/prop-types
|
|
31
32
|
export default function CodeEditor({ contents, setContents }) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useEffect, useState } from 'react'
|
|
2
2
|
import { observer } from 'mobx-react'
|
|
3
3
|
import { getPropertyMembers, getEnv } from 'mobx-state-tree'
|
|
4
|
-
import { FileSelector } from '@jbrowse/core/ui'
|
|
4
|
+
import { FileSelector, SanitizedHTML } from '@jbrowse/core/ui'
|
|
5
5
|
import {
|
|
6
6
|
getPropertyType,
|
|
7
7
|
getSubType,
|
|
@@ -37,12 +37,27 @@ import CallbackEditor from './CallbackEditor'
|
|
|
37
37
|
import ColorEditor from './ColorEditor'
|
|
38
38
|
import JsonEditor from './JsonEditor'
|
|
39
39
|
|
|
40
|
+
// adds ability to have html in helperText. note that FormHelperTextProps is
|
|
41
|
+
// div because the default is p which does not like div children
|
|
42
|
+
const MyTextField = props => {
|
|
43
|
+
// eslint-disable-next-line react/prop-types
|
|
44
|
+
const { helperText } = props
|
|
45
|
+
return (
|
|
46
|
+
<TextField
|
|
47
|
+
{...props}
|
|
48
|
+
helperText={<SanitizedHTML html={helperText} />}
|
|
49
|
+
FormHelperTextProps={{
|
|
50
|
+
component: 'div',
|
|
51
|
+
}}
|
|
52
|
+
fullWidth
|
|
53
|
+
/>
|
|
54
|
+
)
|
|
55
|
+
}
|
|
56
|
+
|
|
40
57
|
const StringEditor = observer(({ slot }) => (
|
|
41
|
-
<
|
|
58
|
+
<MyTextField
|
|
42
59
|
label={slot.name}
|
|
43
|
-
// error={filterError}
|
|
44
60
|
helperText={slot.description}
|
|
45
|
-
fullWidth
|
|
46
61
|
value={slot.value}
|
|
47
62
|
onChange={evt => slot.set(evt.target.value)}
|
|
48
63
|
/>
|
|
@@ -52,7 +67,6 @@ const TextEditor = observer(({ slot }) => (
|
|
|
52
67
|
<TextField
|
|
53
68
|
label={slot.name}
|
|
54
69
|
helperText={slot.description}
|
|
55
|
-
fullWidth
|
|
56
70
|
multiline
|
|
57
71
|
value={slot.value}
|
|
58
72
|
onChange={evt => slot.set(evt.target.value)}
|
|
@@ -268,7 +282,7 @@ const NumberEditor = observer(({ slot }) => {
|
|
|
268
282
|
}
|
|
269
283
|
}, [slot, val])
|
|
270
284
|
return (
|
|
271
|
-
<
|
|
285
|
+
<MyTextField
|
|
272
286
|
label={slot.name}
|
|
273
287
|
helperText={slot.description}
|
|
274
288
|
value={val}
|
|
@@ -287,7 +301,7 @@ const IntegerEditor = observer(({ slot }) => {
|
|
|
287
301
|
}
|
|
288
302
|
}, [slot, val])
|
|
289
303
|
return (
|
|
290
|
-
<
|
|
304
|
+
<MyTextField
|
|
291
305
|
label={slot.name}
|
|
292
306
|
helperText={slot.description}
|
|
293
307
|
value={val}
|
|
@@ -297,7 +311,7 @@ const IntegerEditor = observer(({ slot }) => {
|
|
|
297
311
|
)
|
|
298
312
|
})
|
|
299
313
|
|
|
300
|
-
const
|
|
314
|
+
const BooleanEditor = observer(({ slot }) => (
|
|
301
315
|
<FormControl>
|
|
302
316
|
<FormControlLabel
|
|
303
317
|
label={slot.name}
|
|
@@ -312,20 +326,18 @@ const booleanEditor = observer(({ slot }) => (
|
|
|
312
326
|
</FormControl>
|
|
313
327
|
))
|
|
314
328
|
|
|
315
|
-
const
|
|
329
|
+
const StringEnumEditor = observer(({ slot, slotSchema }) => {
|
|
316
330
|
const p = getPropertyMembers(getSubType(slotSchema))
|
|
317
331
|
const choices = getUnionSubTypes(
|
|
318
332
|
getUnionSubTypes(getSubType(getPropertyType(p, 'value')))[1],
|
|
319
333
|
).map(t => t.value)
|
|
320
334
|
|
|
321
335
|
return (
|
|
322
|
-
<
|
|
336
|
+
<MyTextField
|
|
323
337
|
value={slot.value}
|
|
324
338
|
label={slot.name}
|
|
325
339
|
select
|
|
326
|
-
// error={filterError}
|
|
327
340
|
helperText={slot.description}
|
|
328
|
-
fullWidth
|
|
329
341
|
onChange={evt => slot.set(evt.target.value)}
|
|
330
342
|
>
|
|
331
343
|
{choices.map(str => (
|
|
@@ -333,7 +345,7 @@ const stringEnumEditor = observer(({ slot, slotSchema }) => {
|
|
|
333
345
|
{str}
|
|
334
346
|
</MenuItem>
|
|
335
347
|
))}
|
|
336
|
-
</
|
|
348
|
+
</MyTextField>
|
|
337
349
|
)
|
|
338
350
|
})
|
|
339
351
|
|
|
@@ -359,8 +371,8 @@ const valueComponents = {
|
|
|
359
371
|
number: NumberEditor,
|
|
360
372
|
integer: IntegerEditor,
|
|
361
373
|
color: ColorEditor,
|
|
362
|
-
stringEnum:
|
|
363
|
-
boolean:
|
|
374
|
+
stringEnum: StringEnumEditor,
|
|
375
|
+
boolean: BooleanEditor,
|
|
364
376
|
frozen: JsonEditor,
|
|
365
377
|
configRelationships: JsonEditor,
|
|
366
378
|
}
|
package/src/ConfigurationEditorWidget/components/__snapshots__/ConfigurationEditor.test.js.snap
CHANGED
|
@@ -86,11 +86,13 @@ exports[`ConfigurationEditor widget renders all the different types of built-in
|
|
|
86
86
|
value="string1"
|
|
87
87
|
/>
|
|
88
88
|
</div>
|
|
89
|
-
<
|
|
89
|
+
<div
|
|
90
90
|
class="MuiFormHelperText-root MuiFormHelperText-filled"
|
|
91
91
|
>
|
|
92
|
-
|
|
93
|
-
|
|
92
|
+
<div>
|
|
93
|
+
stringTest
|
|
94
|
+
</div>
|
|
95
|
+
</div>
|
|
94
96
|
</div>
|
|
95
97
|
</div>
|
|
96
98
|
<div
|
|
@@ -636,7 +638,7 @@ exports[`ConfigurationEditor widget renders all the different types of built-in
|
|
|
636
638
|
class="makeStyles-paperContent"
|
|
637
639
|
>
|
|
638
640
|
<div
|
|
639
|
-
class="MuiFormControl-root MuiTextField-root"
|
|
641
|
+
class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
|
|
640
642
|
>
|
|
641
643
|
<label
|
|
642
644
|
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
|
|
@@ -645,7 +647,7 @@ exports[`ConfigurationEditor widget renders all the different types of built-in
|
|
|
645
647
|
numberTest
|
|
646
648
|
</label>
|
|
647
649
|
<div
|
|
648
|
-
class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
|
|
650
|
+
class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
|
|
649
651
|
>
|
|
650
652
|
<input
|
|
651
653
|
aria-invalid="false"
|
|
@@ -654,11 +656,13 @@ exports[`ConfigurationEditor widget renders all the different types of built-in
|
|
|
654
656
|
value="88.5"
|
|
655
657
|
/>
|
|
656
658
|
</div>
|
|
657
|
-
<
|
|
659
|
+
<div
|
|
658
660
|
class="MuiFormHelperText-root MuiFormHelperText-filled"
|
|
659
661
|
>
|
|
660
|
-
|
|
661
|
-
|
|
662
|
+
<div>
|
|
663
|
+
numberTest
|
|
664
|
+
</div>
|
|
665
|
+
</div>
|
|
662
666
|
</div>
|
|
663
667
|
</div>
|
|
664
668
|
<div
|
|
@@ -672,7 +676,7 @@ exports[`ConfigurationEditor widget renders all the different types of built-in
|
|
|
672
676
|
class="makeStyles-paperContent"
|
|
673
677
|
>
|
|
674
678
|
<div
|
|
675
|
-
class="MuiFormControl-root MuiTextField-root"
|
|
679
|
+
class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
|
|
676
680
|
>
|
|
677
681
|
<label
|
|
678
682
|
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
|
|
@@ -681,7 +685,7 @@ exports[`ConfigurationEditor widget renders all the different types of built-in
|
|
|
681
685
|
integerTest
|
|
682
686
|
</label>
|
|
683
687
|
<div
|
|
684
|
-
class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
|
|
688
|
+
class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
|
|
685
689
|
>
|
|
686
690
|
<input
|
|
687
691
|
aria-invalid="false"
|
|
@@ -690,11 +694,13 @@ exports[`ConfigurationEditor widget renders all the different types of built-in
|
|
|
690
694
|
value="42"
|
|
691
695
|
/>
|
|
692
696
|
</div>
|
|
693
|
-
<
|
|
697
|
+
<div
|
|
694
698
|
class="MuiFormHelperText-root MuiFormHelperText-filled"
|
|
695
699
|
>
|
|
696
|
-
|
|
697
|
-
|
|
700
|
+
<div>
|
|
701
|
+
integerTest
|
|
702
|
+
</div>
|
|
703
|
+
</div>
|
|
698
704
|
</div>
|
|
699
705
|
</div>
|
|
700
706
|
<div
|
|
@@ -872,7 +878,7 @@ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack sch
|
|
|
872
878
|
class="makeStyles-paperContent"
|
|
873
879
|
>
|
|
874
880
|
<div
|
|
875
|
-
class="MuiFormControl-root MuiTextField-root"
|
|
881
|
+
class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
|
|
876
882
|
>
|
|
877
883
|
<label
|
|
878
884
|
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
|
|
@@ -881,7 +887,7 @@ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack sch
|
|
|
881
887
|
maxFeatureScreenDensity
|
|
882
888
|
</label>
|
|
883
889
|
<div
|
|
884
|
-
class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
|
|
890
|
+
class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
|
|
885
891
|
>
|
|
886
892
|
<input
|
|
887
893
|
aria-invalid="false"
|
|
@@ -890,11 +896,13 @@ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack sch
|
|
|
890
896
|
value="0.3"
|
|
891
897
|
/>
|
|
892
898
|
</div>
|
|
893
|
-
<
|
|
899
|
+
<div
|
|
894
900
|
class="MuiFormHelperText-root MuiFormHelperText-filled"
|
|
895
901
|
>
|
|
896
|
-
|
|
897
|
-
|
|
902
|
+
<div>
|
|
903
|
+
maximum features per pixel that is displayed in the view, used if byte size estimates not available
|
|
904
|
+
</div>
|
|
905
|
+
</div>
|
|
898
906
|
</div>
|
|
899
907
|
</div>
|
|
900
908
|
<div
|
|
@@ -908,7 +916,7 @@ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack sch
|
|
|
908
916
|
class="makeStyles-paperContent"
|
|
909
917
|
>
|
|
910
918
|
<div
|
|
911
|
-
class="MuiFormControl-root MuiTextField-root"
|
|
919
|
+
class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
|
|
912
920
|
>
|
|
913
921
|
<label
|
|
914
922
|
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
|
|
@@ -917,7 +925,7 @@ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack sch
|
|
|
917
925
|
fetchSizeLimit
|
|
918
926
|
</label>
|
|
919
927
|
<div
|
|
920
|
-
class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
|
|
928
|
+
class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
|
|
921
929
|
>
|
|
922
930
|
<input
|
|
923
931
|
aria-invalid="false"
|
|
@@ -926,11 +934,13 @@ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack sch
|
|
|
926
934
|
value="1000000"
|
|
927
935
|
/>
|
|
928
936
|
</div>
|
|
929
|
-
<
|
|
937
|
+
<div
|
|
930
938
|
class="MuiFormHelperText-root MuiFormHelperText-filled"
|
|
931
939
|
>
|
|
932
|
-
|
|
933
|
-
|
|
940
|
+
<div>
|
|
941
|
+
maximum data to attempt to download for a given track, used if adapter doesn't specify one
|
|
942
|
+
</div>
|
|
943
|
+
</div>
|
|
934
944
|
</div>
|
|
935
945
|
</div>
|
|
936
946
|
<div
|
|
@@ -1284,11 +1294,13 @@ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack sch
|
|
|
1284
1294
|
/>
|
|
1285
1295
|
</svg>
|
|
1286
1296
|
</div>
|
|
1287
|
-
<
|
|
1297
|
+
<div
|
|
1288
1298
|
class="MuiFormHelperText-root MuiFormHelperText-filled"
|
|
1289
1299
|
>
|
|
1290
|
-
|
|
1291
|
-
|
|
1300
|
+
<div>
|
|
1301
|
+
read sequencer orienation. fr is normal "reads pointing at each other ---> <--- while some other sequencers can use other options
|
|
1302
|
+
</div>
|
|
1303
|
+
</div>
|
|
1292
1304
|
</div>
|
|
1293
1305
|
</div>
|
|
1294
1306
|
<div
|
|
@@ -1338,11 +1350,13 @@ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack sch
|
|
|
1338
1350
|
/>
|
|
1339
1351
|
</svg>
|
|
1340
1352
|
</div>
|
|
1341
|
-
<
|
|
1353
|
+
<div
|
|
1342
1354
|
class="MuiFormHelperText-root MuiFormHelperText-filled"
|
|
1343
1355
|
>
|
|
1344
|
-
|
|
1345
|
-
|
|
1356
|
+
<div>
|
|
1357
|
+
Alternative display modes
|
|
1358
|
+
</div>
|
|
1359
|
+
</div>
|
|
1346
1360
|
</div>
|
|
1347
1361
|
</div>
|
|
1348
1362
|
<div
|
|
@@ -1356,7 +1370,7 @@ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack sch
|
|
|
1356
1370
|
class="makeStyles-paperContent"
|
|
1357
1371
|
>
|
|
1358
1372
|
<div
|
|
1359
|
-
class="MuiFormControl-root MuiTextField-root"
|
|
1373
|
+
class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
|
|
1360
1374
|
>
|
|
1361
1375
|
<label
|
|
1362
1376
|
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
|
|
@@ -1365,20 +1379,22 @@ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack sch
|
|
|
1365
1379
|
minSubfeatureWidth
|
|
1366
1380
|
</label>
|
|
1367
1381
|
<div
|
|
1368
|
-
class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
|
|
1382
|
+
class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
|
|
1369
1383
|
>
|
|
1370
1384
|
<input
|
|
1371
1385
|
aria-invalid="false"
|
|
1372
1386
|
class="MuiInputBase-input MuiInput-input"
|
|
1373
1387
|
type="number"
|
|
1374
|
-
value="0"
|
|
1388
|
+
value="0.7"
|
|
1375
1389
|
/>
|
|
1376
1390
|
</div>
|
|
1377
|
-
<
|
|
1391
|
+
<div
|
|
1378
1392
|
class="MuiFormHelperText-root MuiFormHelperText-filled"
|
|
1379
1393
|
>
|
|
1380
|
-
|
|
1381
|
-
|
|
1394
|
+
<div>
|
|
1395
|
+
the minimum width in px for a pileup mismatch feature. use for increasing/decreasing mismatch marker widths when zoomed out, e.g. 0 or 1
|
|
1396
|
+
</div>
|
|
1397
|
+
</div>
|
|
1382
1398
|
</div>
|
|
1383
1399
|
</div>
|
|
1384
1400
|
<div
|
|
@@ -1392,7 +1408,7 @@ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack sch
|
|
|
1392
1408
|
class="makeStyles-paperContent"
|
|
1393
1409
|
>
|
|
1394
1410
|
<div
|
|
1395
|
-
class="MuiFormControl-root MuiTextField-root"
|
|
1411
|
+
class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
|
|
1396
1412
|
>
|
|
1397
1413
|
<label
|
|
1398
1414
|
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
|
|
@@ -1401,7 +1417,7 @@ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack sch
|
|
|
1401
1417
|
maxHeight
|
|
1402
1418
|
</label>
|
|
1403
1419
|
<div
|
|
1404
|
-
class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
|
|
1420
|
+
class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
|
|
1405
1421
|
>
|
|
1406
1422
|
<input
|
|
1407
1423
|
aria-invalid="false"
|
|
@@ -1410,11 +1426,13 @@ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack sch
|
|
|
1410
1426
|
value="1200"
|
|
1411
1427
|
/>
|
|
1412
1428
|
</div>
|
|
1413
|
-
<
|
|
1429
|
+
<div
|
|
1414
1430
|
class="MuiFormHelperText-root MuiFormHelperText-filled"
|
|
1415
1431
|
>
|
|
1416
|
-
|
|
1417
|
-
|
|
1432
|
+
<div>
|
|
1433
|
+
the maximum height to be used in a pileup rendering
|
|
1434
|
+
</div>
|
|
1435
|
+
</div>
|
|
1418
1436
|
</div>
|
|
1419
1437
|
</div>
|
|
1420
1438
|
<div
|
|
@@ -1428,7 +1446,7 @@ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack sch
|
|
|
1428
1446
|
class="makeStyles-paperContent"
|
|
1429
1447
|
>
|
|
1430
1448
|
<div
|
|
1431
|
-
class="MuiFormControl-root MuiTextField-root"
|
|
1449
|
+
class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
|
|
1432
1450
|
>
|
|
1433
1451
|
<label
|
|
1434
1452
|
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
|
|
@@ -1437,7 +1455,7 @@ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack sch
|
|
|
1437
1455
|
maxClippingSize
|
|
1438
1456
|
</label>
|
|
1439
1457
|
<div
|
|
1440
|
-
class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
|
|
1458
|
+
class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
|
|
1441
1459
|
>
|
|
1442
1460
|
<input
|
|
1443
1461
|
aria-invalid="false"
|
|
@@ -1446,11 +1464,13 @@ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack sch
|
|
|
1446
1464
|
value="10000"
|
|
1447
1465
|
/>
|
|
1448
1466
|
</div>
|
|
1449
|
-
<
|
|
1467
|
+
<div
|
|
1450
1468
|
class="MuiFormHelperText-root MuiFormHelperText-filled"
|
|
1451
1469
|
>
|
|
1452
|
-
|
|
1453
|
-
|
|
1470
|
+
<div>
|
|
1471
|
+
the max clip size to be used in a pileup rendering
|
|
1472
|
+
</div>
|
|
1473
|
+
</div>
|
|
1454
1474
|
</div>
|
|
1455
1475
|
</div>
|
|
1456
1476
|
<div
|
|
@@ -1464,7 +1484,7 @@ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack sch
|
|
|
1464
1484
|
class="makeStyles-paperContent"
|
|
1465
1485
|
>
|
|
1466
1486
|
<div
|
|
1467
|
-
class="MuiFormControl-root MuiTextField-root"
|
|
1487
|
+
class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
|
|
1468
1488
|
>
|
|
1469
1489
|
<label
|
|
1470
1490
|
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
|
|
@@ -1473,7 +1493,7 @@ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack sch
|
|
|
1473
1493
|
height
|
|
1474
1494
|
</label>
|
|
1475
1495
|
<div
|
|
1476
|
-
class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
|
|
1496
|
+
class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
|
|
1477
1497
|
>
|
|
1478
1498
|
<input
|
|
1479
1499
|
aria-invalid="false"
|
|
@@ -1482,11 +1502,13 @@ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack sch
|
|
|
1482
1502
|
value="7"
|
|
1483
1503
|
/>
|
|
1484
1504
|
</div>
|
|
1485
|
-
<
|
|
1505
|
+
<div
|
|
1486
1506
|
class="MuiFormHelperText-root MuiFormHelperText-filled"
|
|
1487
1507
|
>
|
|
1488
|
-
|
|
1489
|
-
|
|
1508
|
+
<div>
|
|
1509
|
+
the height of each feature in a pileup alignment
|
|
1510
|
+
</div>
|
|
1511
|
+
</div>
|
|
1490
1512
|
</div>
|
|
1491
1513
|
</div>
|
|
1492
1514
|
<div
|
|
@@ -1582,7 +1604,7 @@ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack sch
|
|
|
1582
1604
|
class="makeStyles-paperContent"
|
|
1583
1605
|
>
|
|
1584
1606
|
<div
|
|
1585
|
-
class="MuiFormControl-root MuiTextField-root"
|
|
1607
|
+
class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
|
|
1586
1608
|
>
|
|
1587
1609
|
<label
|
|
1588
1610
|
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
|
|
@@ -1591,7 +1613,7 @@ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack sch
|
|
|
1591
1613
|
largeInsertionIndicatorScale
|
|
1592
1614
|
</label>
|
|
1593
1615
|
<div
|
|
1594
|
-
class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
|
|
1616
|
+
class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
|
|
1595
1617
|
>
|
|
1596
1618
|
<input
|
|
1597
1619
|
aria-invalid="false"
|
|
@@ -1600,11 +1622,13 @@ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack sch
|
|
|
1600
1622
|
value="10"
|
|
1601
1623
|
/>
|
|
1602
1624
|
</div>
|
|
1603
|
-
<
|
|
1625
|
+
<div
|
|
1604
1626
|
class="MuiFormHelperText-root MuiFormHelperText-filled"
|
|
1605
1627
|
>
|
|
1606
|
-
|
|
1607
|
-
|
|
1628
|
+
<div>
|
|
1629
|
+
scale at which to draw the large insertion indicators (bp/pixel)
|
|
1630
|
+
</div>
|
|
1631
|
+
</div>
|
|
1608
1632
|
</div>
|
|
1609
1633
|
</div>
|
|
1610
1634
|
<div
|
|
@@ -1769,7 +1793,11 @@ exports[`ConfigurationEditor widget renders with just the required model element
|
|
|
1769
1793
|
value="bar"
|
|
1770
1794
|
/>
|
|
1771
1795
|
</div>
|
|
1772
|
-
|
|
1796
|
+
<div
|
|
1797
|
+
class="MuiFormHelperText-root MuiFormHelperText-filled"
|
|
1798
|
+
>
|
|
1799
|
+
<div />
|
|
1800
|
+
</div>
|
|
1773
1801
|
</div>
|
|
1774
1802
|
</div>
|
|
1775
1803
|
<div
|