@jbrowse/plugin-config 1.6.4 → 1.6.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/ConfigurationEditorWidget/index.d.ts +1 -1
  2. package/dist/FromConfigAdapter/FromConfigAdapter.d.ts +1 -1
  3. package/dist/FromConfigAdapter/FromConfigRegionsAdapter.d.ts +2 -2
  4. package/dist/FromConfigAdapter/FromConfigSequenceAdapter.d.ts +2 -2
  5. package/dist/FromConfigAdapter/configSchema.d.ts +3 -3
  6. package/dist/RefNameAliasAdapter/configSchema.d.ts +1 -1
  7. package/dist/plugin-config.cjs.development.js +79 -43
  8. package/dist/plugin-config.cjs.development.js.map +1 -1
  9. package/dist/plugin-config.cjs.production.min.js +1 -1
  10. package/dist/plugin-config.cjs.production.min.js.map +1 -1
  11. package/dist/plugin-config.esm.js +80 -44
  12. package/dist/plugin-config.esm.js.map +1 -1
  13. package/package.json +2 -2
  14. package/src/ConfigurationEditorWidget/components/CallbackEditor.js +8 -4
  15. package/src/ConfigurationEditorWidget/components/ConfigurationEditor.js +79 -38
  16. package/src/ConfigurationEditorWidget/components/SlotEditor.js +1 -4
  17. package/src/ConfigurationEditorWidget/components/__snapshots__/ConfigurationEditor.test.js.snap +1584 -1345
  18. package/src/RefNameAliasAdapter/RefNameAliasAdapter.ts +3 -1
  19. package/src/RefNameAliasAdapter/configSchema.ts +4 -0
package/src/ConfigurationEditorWidget/components/__snapshots__/ConfigurationEditor.test.js.snap CHANGED
@@ -2,866 +2,983 @@
2
2
 
3
3
  exports[`ConfigurationEditor widget renders all the different types of built-in slots 1`] = `
4
4
  <div
5
- class="makeStyles-root"
6
- data-testid="configEditor"
5
+ class="MuiPaper-root MuiAccordion-root makeStyles-accordion MuiAccordion-expanded MuiAccordion-rounded MuiPaper-elevation1 MuiPaper-rounded"
7
6
  >
8
7
  <div
9
- class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
8
+ aria-disabled="false"
9
+ aria-expanded="true"
10
+ class="MuiButtonBase-root MuiAccordionSummary-root MuiAccordionSummary-expanded"
11
+ role="button"
12
+ tabindex="0"
10
13
  >
11
14
  <div
12
- class="makeStyles-paperContent"
15
+ class="MuiAccordionSummary-content MuiAccordionSummary-expanded"
13
16
  >
14
- <div
15
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
17
+ <p
18
+ class="MuiTypography-root MuiTypography-body1"
16
19
  >
17
- <label
18
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
19
- data-shrink="true"
20
- >
21
- stringTest
22
- </label>
23
- <div
24
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
25
- >
26
- <input
27
- aria-invalid="false"
28
- class="MuiInputBase-input MuiInput-input"
29
- type="text"
30
- value="string1"
31
- />
32
- </div>
33
- <p
34
- class="MuiFormHelperText-root MuiFormHelperText-filled"
35
- >
36
- stringTest
37
- </p>
38
- </div>
20
+ Configuration
21
+ </p>
39
22
  </div>
40
23
  <div
41
- class="makeStyles-slotModeSwitch"
42
- />
43
- </div>
44
- <div
45
- class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
46
- >
47
- <div
48
- class="makeStyles-paperContent"
24
+ aria-disabled="false"
25
+ aria-hidden="true"
26
+ class="MuiButtonBase-root MuiIconButton-root MuiAccordionSummary-expandIcon MuiAccordionSummary-expanded MuiIconButton-edgeEnd"
49
27
  >
50
- <div
51
- class="MuiBox-root MuiBox-root"
52
- >
53
- <label
54
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiInputLabel-shrink"
55
- data-shrink="true"
56
- >
57
- fileLocationTest
58
- </label>
59
- </div>
60
- <div
61
- class="MuiBox-root MuiBox-root"
62
- >
63
- <div
64
- class="MuiBox-root MuiBox-root"
65
- >
66
- <div
67
- aria-label="file, url, or account picker"
68
- class="MuiToggleButtonGroup-root"
69
- role="group"
70
- >
71
- <button
72
- aria-label="local file"
73
- aria-pressed="false"
74
- class="MuiButtonBase-root MuiToggleButton-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal"
75
- tabindex="0"
76
- type="button"
77
- value="file"
78
- >
79
- <span
80
- class="MuiToggleButton-label"
81
- >
82
- File
83
- </span>
84
- <span
85
- class="MuiTouchRipple-root"
86
- />
87
- </button>
88
- <button
89
- aria-label="url"
90
- aria-pressed="true"
91
- class="MuiButtonBase-root MuiToggleButton-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-selected"
92
- tabindex="0"
93
- type="button"
94
- value="url"
95
- >
96
- <span
97
- class="MuiToggleButton-label"
98
- >
99
- URL
100
- </span>
101
- <span
102
- class="MuiTouchRipple-root"
103
- />
104
- </button>
105
- </div>
106
- </div>
107
- </div>
108
- <div
109
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
28
+ <span
29
+ class="MuiIconButton-label"
110
30
  >
111
- <label
112
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
113
- data-shrink="true"
114
- >
115
- Enter URL
116
- </label>
117
- <div
118
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
31
+ <svg
32
+ aria-hidden="true"
33
+ class="MuiSvgIcon-root makeStyles-expandIcon"
34
+ focusable="false"
35
+ viewBox="0 0 24 24"
119
36
  >
120
- <input
121
- aria-invalid="false"
122
- class="MuiInputBase-input MuiOutlinedInput-input"
123
- data-testid="urlInput"
124
- type="text"
125
- value="/path/to/my.file"
37
+ <path
38
+ d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"
126
39
  />
127
- <fieldset
128
- aria-hidden="true"
129
- class="PrivateNotchedOutline-root MuiOutlinedInput-notchedOutline"
130
- >
131
- <legend
132
- class="PrivateNotchedOutline-legendLabelled PrivateNotchedOutline-legendNotched"
133
- >
134
- <span>
135
- Enter URL
136
- </span>
137
- </legend>
138
- </fieldset>
139
- </div>
140
- </div>
141
- <p
142
- class="MuiFormHelperText-root"
143
- >
144
- fileLocationTest
145
- </p>
40
+ </svg>
41
+ </span>
42
+ <span
43
+ class="MuiTouchRipple-root"
44
+ />
146
45
  </div>
147
- <div
148
- class="makeStyles-slotModeSwitch"
149
- />
150
46
  </div>
151
47
  <div
152
- class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
48
+ class="MuiCollapse-root MuiCollapse-entered"
49
+ style="min-height: 0px;"
153
50
  >
154
51
  <div
155
- class="makeStyles-paperContent"
52
+ class="MuiCollapse-wrapper"
156
53
  >
157
- <label
158
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated"
159
- >
160
- stringArrayTest
161
- </label>
162
- <ul
163
- class="MuiList-root"
54
+ <div
55
+ class="MuiCollapse-wrapperInner"
164
56
  >
165
- <li
166
- class="MuiListItem-root"
57
+ <div
58
+ role="region"
167
59
  >
168
60
  <div
169
- class="MuiFormControl-root MuiTextField-root"
61
+ class="MuiAccordionDetails-root makeStyles-expansionPanelDetails"
62
+ data-testid="configEditor"
170
63
  >
171
64
  <div
172
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedEnd"
65
+ class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
173
66
  >
174
- <input
175
- aria-invalid="false"
176
- class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd"
177
- type="text"
178
- value="string1"
179
- />
180
67
  <div
181
- class="MuiInputAdornment-root MuiInputAdornment-positionEnd"
68
+ class="makeStyles-paperContent"
182
69
  >
183
- <button
184
- class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary"
185
- tabindex="0"
186
- type="button"
70
+ <div
71
+ class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
187
72
  >
188
- <span
189
- class="MuiIconButton-label"
73
+ <label
74
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
75
+ data-shrink="true"
190
76
  >
191
- <svg
192
- aria-hidden="true"
193
- class="MuiSvgIcon-root"
194
- focusable="false"
195
- viewBox="0 0 24 24"
196
- >
197
- <path
198
- d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
199
- />
200
- </svg>
201
- </span>
202
- <span
203
- class="MuiTouchRipple-root"
204
- />
205
- </button>
77
+ stringTest
78
+ </label>
79
+ <div
80
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
81
+ >
82
+ <input
83
+ aria-invalid="false"
84
+ class="MuiInputBase-input MuiInput-input"
85
+ type="text"
86
+ value="string1"
87
+ />
88
+ </div>
89
+ <p
90
+ class="MuiFormHelperText-root MuiFormHelperText-filled"
91
+ >
92
+ stringTest
93
+ </p>
94
+ </div>
206
95
  </div>
96
+ <div
97
+ class="makeStyles-slotModeSwitch"
98
+ />
207
99
  </div>
208
- </div>
209
- </li>
210
- <li
211
- class="MuiListItem-root"
212
- >
213
- <div
214
- class="MuiFormControl-root MuiTextField-root"
215
- >
216
100
  <div
217
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedEnd"
101
+ class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
218
102
  >
219
- <input
220
- aria-invalid="false"
221
- class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd"
222
- type="text"
223
- value="string2"
224
- />
225
103
  <div
226
- class="MuiInputAdornment-root MuiInputAdornment-positionEnd"
104
+ class="makeStyles-paperContent"
227
105
  >
228
- <button
229
- class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary"
230
- tabindex="0"
231
- type="button"
106
+ <div
107
+ class="MuiBox-root MuiBox-root"
232
108
  >
233
- <span
234
- class="MuiIconButton-label"
109
+ <label
110
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiInputLabel-shrink"
111
+ data-shrink="true"
235
112
  >
236
- <svg
113
+ fileLocationTest
114
+ </label>
115
+ </div>
116
+ <div
117
+ class="MuiBox-root MuiBox-root"
118
+ >
119
+ <div
120
+ class="MuiBox-root MuiBox-root"
121
+ >
122
+ <div
123
+ aria-label="file, url, or account picker"
124
+ class="MuiToggleButtonGroup-root"
125
+ role="group"
126
+ >
127
+ <button
128
+ aria-label="local file"
129
+ aria-pressed="false"
130
+ class="MuiButtonBase-root MuiToggleButton-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal"
131
+ tabindex="0"
132
+ type="button"
133
+ value="file"
134
+ >
135
+ <span
136
+ class="MuiToggleButton-label"
137
+ >
138
+ File
139
+ </span>
140
+ <span
141
+ class="MuiTouchRipple-root"
142
+ />
143
+ </button>
144
+ <button
145
+ aria-label="url"
146
+ aria-pressed="true"
147
+ class="MuiButtonBase-root MuiToggleButton-root MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal MuiToggleButton-selected"
148
+ tabindex="0"
149
+ type="button"
150
+ value="url"
151
+ >
152
+ <span
153
+ class="MuiToggleButton-label"
154
+ >
155
+ URL
156
+ </span>
157
+ <span
158
+ class="MuiTouchRipple-root"
159
+ />
160
+ </button>
161
+ </div>
162
+ </div>
163
+ </div>
164
+ <div
165
+ class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
166
+ >
167
+ <label
168
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
169
+ data-shrink="true"
170
+ >
171
+ Enter URL
172
+ </label>
173
+ <div
174
+ class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
175
+ >
176
+ <input
177
+ aria-invalid="false"
178
+ class="MuiInputBase-input MuiOutlinedInput-input"
179
+ data-testid="urlInput"
180
+ type="text"
181
+ value="/path/to/my.file"
182
+ />
183
+ <fieldset
237
184
  aria-hidden="true"
238
- class="MuiSvgIcon-root"
239
- focusable="false"
240
- viewBox="0 0 24 24"
185
+ class="PrivateNotchedOutline-root MuiOutlinedInput-notchedOutline"
241
186
  >
242
- <path
243
- d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
244
- />
245
- </svg>
246
- </span>
247
- <span
248
- class="MuiTouchRipple-root"
249
- />
250
- </button>
187
+ <legend
188
+ class="PrivateNotchedOutline-legendLabelled PrivateNotchedOutline-legendNotched"
189
+ >
190
+ <span>
191
+ Enter URL
192
+ </span>
193
+ </legend>
194
+ </fieldset>
195
+ </div>
196
+ </div>
197
+ <p
198
+ class="MuiFormHelperText-root"
199
+ >
200
+ fileLocationTest
201
+ </p>
251
202
  </div>
203
+ <div
204
+ class="makeStyles-slotModeSwitch"
205
+ />
252
206
  </div>
253
- </div>
254
- </li>
255
- <li
256
- class="MuiListItem-root"
257
- >
258
- <div
259
- class="MuiFormControl-root MuiTextField-root"
260
- >
261
207
  <div
262
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedEnd"
208
+ class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
263
209
  >
264
- <input
265
- aria-invalid="false"
266
- class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd"
267
- placeholder="add new"
268
- type="text"
269
- value=""
270
- />
271
210
  <div
272
- class="MuiInputAdornment-root MuiInputAdornment-positionEnd"
211
+ class="makeStyles-paperContent"
273
212
  >
274
- <button
275
- class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary MuiIconButton-disabled MuiButtonBase-disabled"
276
- data-testid="stringArrayAdd-stringArrayTest"
277
- disabled=""
278
- tabindex="-1"
279
- type="button"
213
+ <label
214
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated"
280
215
  >
281
- <span
282
- class="MuiIconButton-label"
216
+ stringArrayTest
217
+ </label>
218
+ <ul
219
+ class="MuiList-root"
220
+ >
221
+ <li
222
+ class="MuiListItem-root"
283
223
  >
284
- <svg
285
- aria-hidden="true"
286
- class="MuiSvgIcon-root"
287
- focusable="false"
288
- viewBox="0 0 24 24"
224
+ <div
225
+ class="MuiFormControl-root MuiTextField-root"
289
226
  >
290
- <path
291
- d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
292
- />
293
- </svg>
294
- </span>
295
- </button>
296
- </div>
297
- </div>
298
- </div>
299
- </li>
300
- </ul>
301
- <p
302
- class="MuiFormHelperText-root"
303
- >
304
- stringArrayTest
305
- </p>
306
- </div>
307
- <div
308
- class="makeStyles-slotModeSwitch"
309
- />
310
- </div>
311
- <div
312
- class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
313
- >
314
- <div
315
- class="makeStyles-paperContent"
316
- >
317
- <label
318
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated"
319
- >
320
- stringArrayMapTest
321
- </label>
322
- <div
323
- class="MuiPaper-root MuiCard-root makeStyles-card MuiPaper-elevation8 MuiPaper-rounded"
324
- >
325
- <div
326
- class="MuiCardHeader-root"
327
- >
328
- <div
329
- class="MuiCardHeader-content"
330
- >
331
- <span
332
- class="MuiTypography-root MuiCardHeader-title MuiTypography-h5 MuiTypography-displayBlock"
333
- >
334
- key1
335
- </span>
336
- </div>
337
- <div
338
- class="MuiCardHeader-action"
339
- >
340
- <button
341
- class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary"
342
- tabindex="0"
343
- type="button"
344
- >
345
- <span
346
- class="MuiIconButton-label"
347
- >
348
- <svg
349
- aria-hidden="true"
350
- class="MuiSvgIcon-root"
351
- focusable="false"
352
- viewBox="0 0 24 24"
227
+ <div
228
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedEnd"
229
+ >
230
+ <input
231
+ aria-invalid="false"
232
+ class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd"
233
+ type="text"
234
+ value="string1"
235
+ />
236
+ <div
237
+ class="MuiInputAdornment-root MuiInputAdornment-positionEnd"
238
+ >
239
+ <button
240
+ class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary"
241
+ tabindex="0"
242
+ type="button"
243
+ >
244
+ <span
245
+ class="MuiIconButton-label"
246
+ >
247
+ <svg
248
+ aria-hidden="true"
249
+ class="MuiSvgIcon-root"
250
+ focusable="false"
251
+ viewBox="0 0 24 24"
252
+ >
253
+ <path
254
+ d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
255
+ />
256
+ </svg>
257
+ </span>
258
+ <span
259
+ class="MuiTouchRipple-root"
260
+ />
261
+ </button>
262
+ </div>
263
+ </div>
264
+ </div>
265
+ </li>
266
+ <li
267
+ class="MuiListItem-root"
268
+ >
269
+ <div
270
+ class="MuiFormControl-root MuiTextField-root"
271
+ >
272
+ <div
273
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedEnd"
274
+ >
275
+ <input
276
+ aria-invalid="false"
277
+ class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd"
278
+ type="text"
279
+ value="string2"
280
+ />
281
+ <div
282
+ class="MuiInputAdornment-root MuiInputAdornment-positionEnd"
283
+ >
284
+ <button
285
+ class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary"
286
+ tabindex="0"
287
+ type="button"
288
+ >
289
+ <span
290
+ class="MuiIconButton-label"
291
+ >
292
+ <svg
293
+ aria-hidden="true"
294
+ class="MuiSvgIcon-root"
295
+ focusable="false"
296
+ viewBox="0 0 24 24"
297
+ >
298
+ <path
299
+ d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
300
+ />
301
+ </svg>
302
+ </span>
303
+ <span
304
+ class="MuiTouchRipple-root"
305
+ />
306
+ </button>
307
+ </div>
308
+ </div>
309
+ </div>
310
+ </li>
311
+ <li
312
+ class="MuiListItem-root"
313
+ >
314
+ <div
315
+ class="MuiFormControl-root MuiTextField-root"
316
+ >
317
+ <div
318
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedEnd"
319
+ >
320
+ <input
321
+ aria-invalid="false"
322
+ class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd"
323
+ placeholder="add new"
324
+ type="text"
325
+ value=""
326
+ />
327
+ <div
328
+ class="MuiInputAdornment-root MuiInputAdornment-positionEnd"
329
+ >
330
+ <button
331
+ class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary MuiIconButton-disabled MuiButtonBase-disabled"
332
+ data-testid="stringArrayAdd-stringArrayTest"
333
+ disabled=""
334
+ tabindex="-1"
335
+ type="button"
336
+ >
337
+ <span
338
+ class="MuiIconButton-label"
339
+ >
340
+ <svg
341
+ aria-hidden="true"
342
+ class="MuiSvgIcon-root"
343
+ focusable="false"
344
+ viewBox="0 0 24 24"
345
+ >
346
+ <path
347
+ d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
348
+ />
349
+ </svg>
350
+ </span>
351
+ </button>
352
+ </div>
353
+ </div>
354
+ </div>
355
+ </li>
356
+ </ul>
357
+ <p
358
+ class="MuiFormHelperText-root"
353
359
  >
354
- <path
355
- d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
356
- />
357
- </svg>
358
- </span>
359
- <span
360
- class="MuiTouchRipple-root"
360
+ stringArrayTest
361
+ </p>
362
+ </div>
363
+ <div
364
+ class="makeStyles-slotModeSwitch"
361
365
  />
362
- </button>
363
- </div>
364
- </div>
365
- <div
366
- class="MuiCardContent-root"
367
- >
368
- <ul
369
- class="MuiList-root"
370
- >
371
- <li
372
- class="MuiListItem-root"
366
+ </div>
367
+ <div
368
+ class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
373
369
  >
374
370
  <div
375
- class="MuiFormControl-root MuiTextField-root"
371
+ class="makeStyles-paperContent"
376
372
  >
373
+ <label
374
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated"
375
+ >
376
+ stringArrayMapTest
377
+ </label>
377
378
  <div
378
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedEnd"
379
+ class="MuiPaper-root MuiCard-root makeStyles-card MuiPaper-elevation8 MuiPaper-rounded"
379
380
  >
380
- <input
381
- aria-invalid="false"
382
- class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd"
383
- type="text"
384
- value="string1"
385
- />
386
381
  <div
387
- class="MuiInputAdornment-root MuiInputAdornment-positionEnd"
382
+ class="MuiCardHeader-root"
388
383
  >
389
- <button
390
- class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary"
391
- tabindex="0"
392
- type="button"
384
+ <div
385
+ class="MuiCardHeader-content"
393
386
  >
394
387
  <span
395
- class="MuiIconButton-label"
388
+ class="MuiTypography-root MuiCardHeader-title MuiTypography-h5 MuiTypography-displayBlock"
396
389
  >
397
- <svg
398
- aria-hidden="true"
399
- class="MuiSvgIcon-root"
400
- focusable="false"
401
- viewBox="0 0 24 24"
402
- >
403
- <path
404
- d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
405
- />
406
- </svg>
390
+ key1
407
391
  </span>
408
- <span
409
- class="MuiTouchRipple-root"
410
- />
411
- </button>
392
+ </div>
393
+ <div
394
+ class="MuiCardHeader-action"
395
+ >
396
+ <button
397
+ class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary"
398
+ tabindex="0"
399
+ type="button"
400
+ >
401
+ <span
402
+ class="MuiIconButton-label"
403
+ >
404
+ <svg
405
+ aria-hidden="true"
406
+ class="MuiSvgIcon-root"
407
+ focusable="false"
408
+ viewBox="0 0 24 24"
409
+ >
410
+ <path
411
+ d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
412
+ />
413
+ </svg>
414
+ </span>
415
+ <span
416
+ class="MuiTouchRipple-root"
417
+ />
418
+ </button>
419
+ </div>
420
+ </div>
421
+ <div
422
+ class="MuiCardContent-root"
423
+ >
424
+ <ul
425
+ class="MuiList-root"
426
+ >
427
+ <li
428
+ class="MuiListItem-root"
429
+ >
430
+ <div
431
+ class="MuiFormControl-root MuiTextField-root"
432
+ >
433
+ <div
434
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedEnd"
435
+ >
436
+ <input
437
+ aria-invalid="false"
438
+ class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd"
439
+ type="text"
440
+ value="string1"
441
+ />
442
+ <div
443
+ class="MuiInputAdornment-root MuiInputAdornment-positionEnd"
444
+ >
445
+ <button
446
+ class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary"
447
+ tabindex="0"
448
+ type="button"
449
+ >
450
+ <span
451
+ class="MuiIconButton-label"
452
+ >
453
+ <svg
454
+ aria-hidden="true"
455
+ class="MuiSvgIcon-root"
456
+ focusable="false"
457
+ viewBox="0 0 24 24"
458
+ >
459
+ <path
460
+ d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
461
+ />
462
+ </svg>
463
+ </span>
464
+ <span
465
+ class="MuiTouchRipple-root"
466
+ />
467
+ </button>
468
+ </div>
469
+ </div>
470
+ </div>
471
+ </li>
472
+ <li
473
+ class="MuiListItem-root"
474
+ >
475
+ <div
476
+ class="MuiFormControl-root MuiTextField-root"
477
+ >
478
+ <div
479
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedEnd"
480
+ >
481
+ <input
482
+ aria-invalid="false"
483
+ class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd"
484
+ type="text"
485
+ value="string2"
486
+ />
487
+ <div
488
+ class="MuiInputAdornment-root MuiInputAdornment-positionEnd"
489
+ >
490
+ <button
491
+ class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary"
492
+ tabindex="0"
493
+ type="button"
494
+ >
495
+ <span
496
+ class="MuiIconButton-label"
497
+ >
498
+ <svg
499
+ aria-hidden="true"
500
+ class="MuiSvgIcon-root"
501
+ focusable="false"
502
+ viewBox="0 0 24 24"
503
+ >
504
+ <path
505
+ d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
506
+ />
507
+ </svg>
508
+ </span>
509
+ <span
510
+ class="MuiTouchRipple-root"
511
+ />
512
+ </button>
513
+ </div>
514
+ </div>
515
+ </div>
516
+ </li>
517
+ <li
518
+ class="MuiListItem-root"
519
+ >
520
+ <div
521
+ class="MuiFormControl-root MuiTextField-root"
522
+ >
523
+ <div
524
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedEnd"
525
+ >
526
+ <input
527
+ aria-invalid="false"
528
+ class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd"
529
+ placeholder="add new"
530
+ type="text"
531
+ value=""
532
+ />
533
+ <div
534
+ class="MuiInputAdornment-root MuiInputAdornment-positionEnd"
535
+ >
536
+ <button
537
+ class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary MuiIconButton-disabled MuiButtonBase-disabled"
538
+ data-testid="stringArrayAdd-undefined"
539
+ disabled=""
540
+ tabindex="-1"
541
+ type="button"
542
+ >
543
+ <span
544
+ class="MuiIconButton-label"
545
+ >
546
+ <svg
547
+ aria-hidden="true"
548
+ class="MuiSvgIcon-root"
549
+ focusable="false"
550
+ viewBox="0 0 24 24"
551
+ >
552
+ <path
553
+ d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
554
+ />
555
+ </svg>
556
+ </span>
557
+ </button>
558
+ </div>
559
+ </div>
560
+ </div>
561
+ </li>
562
+ </ul>
563
+ <p
564
+ class="MuiFormHelperText-root"
565
+ >
566
+ Values associated with entry key1
567
+ </p>
412
568
  </div>
413
569
  </div>
414
- </div>
415
- </li>
416
- <li
417
- class="MuiListItem-root"
418
- >
419
- <div
420
- class="MuiFormControl-root MuiTextField-root"
421
- >
422
570
  <div
423
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedEnd"
571
+ class="MuiPaper-root MuiCard-root makeStyles-card MuiPaper-elevation8 MuiPaper-rounded"
424
572
  >
425
- <input
426
- aria-invalid="false"
427
- class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd"
428
- type="text"
429
- value="string2"
430
- />
431
573
  <div
432
- class="MuiInputAdornment-root MuiInputAdornment-positionEnd"
574
+ class="MuiCardHeader-root"
433
575
  >
434
- <button
435
- class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary"
436
- tabindex="0"
437
- type="button"
576
+ <div
577
+ class="MuiCardHeader-content"
438
578
  >
439
- <span
440
- class="MuiIconButton-label"
579
+ <div
580
+ class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
441
581
  >
442
- <svg
443
- aria-hidden="true"
444
- class="MuiSvgIcon-root"
445
- focusable="false"
446
- viewBox="0 0 24 24"
582
+ <div
583
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedEnd"
447
584
  >
448
- <path
449
- d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
585
+ <input
586
+ aria-invalid="false"
587
+ class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd"
588
+ placeholder="add new"
589
+ type="text"
590
+ value=""
450
591
  />
451
- </svg>
452
- </span>
453
- <span
454
- class="MuiTouchRipple-root"
455
- />
456
- </button>
592
+ <div
593
+ class="MuiInputAdornment-root MuiInputAdornment-positionEnd"
594
+ >
595
+ <button
596
+ class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary MuiIconButton-disabled MuiButtonBase-disabled"
597
+ disabled=""
598
+ tabindex="-1"
599
+ type="button"
600
+ >
601
+ <span
602
+ class="MuiIconButton-label"
603
+ >
604
+ <svg
605
+ aria-hidden="true"
606
+ class="MuiSvgIcon-root"
607
+ focusable="false"
608
+ viewBox="0 0 24 24"
609
+ >
610
+ <path
611
+ d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
612
+ />
613
+ </svg>
614
+ </span>
615
+ </button>
616
+ </div>
617
+ </div>
618
+ </div>
619
+ </div>
457
620
  </div>
458
621
  </div>
622
+ <p
623
+ class="MuiFormHelperText-root"
624
+ >
625
+ stringArrayMapTest
626
+ </p>
459
627
  </div>
460
- </li>
461
- <li
462
- class="MuiListItem-root"
628
+ <div
629
+ class="makeStyles-slotModeSwitch"
630
+ />
631
+ </div>
632
+ <div
633
+ class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
463
634
  >
464
635
  <div
465
- class="MuiFormControl-root MuiTextField-root"
636
+ class="makeStyles-paperContent"
466
637
  >
467
638
  <div
468
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedEnd"
639
+ class="MuiFormControl-root MuiTextField-root"
469
640
  >
470
- <input
471
- aria-invalid="false"
472
- class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd"
473
- placeholder="add new"
474
- type="text"
475
- value=""
476
- />
641
+ <label
642
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
643
+ data-shrink="true"
644
+ >
645
+ numberTest
646
+ </label>
477
647
  <div
478
- class="MuiInputAdornment-root MuiInputAdornment-positionEnd"
648
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
479
649
  >
480
- <button
481
- class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary MuiIconButton-disabled MuiButtonBase-disabled"
482
- data-testid="stringArrayAdd-undefined"
483
- disabled=""
484
- tabindex="-1"
485
- type="button"
486
- >
487
- <span
488
- class="MuiIconButton-label"
489
- >
490
- <svg
491
- aria-hidden="true"
492
- class="MuiSvgIcon-root"
493
- focusable="false"
494
- viewBox="0 0 24 24"
495
- >
496
- <path
497
- d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
498
- />
499
- </svg>
500
- </span>
501
- </button>
650
+ <input
651
+ aria-invalid="false"
652
+ class="MuiInputBase-input MuiInput-input"
653
+ type="number"
654
+ value="88.5"
655
+ />
502
656
  </div>
657
+ <p
658
+ class="MuiFormHelperText-root MuiFormHelperText-filled"
659
+ >
660
+ numberTest
661
+ </p>
503
662
  </div>
504
663
  </div>
505
- </li>
506
- </ul>
507
- <p
508
- class="MuiFormHelperText-root"
509
- >
510
- Values associated with entry key1
511
- </p>
512
- </div>
513
- </div>
514
- <div
515
- class="MuiPaper-root MuiCard-root makeStyles-card MuiPaper-elevation8 MuiPaper-rounded"
516
- >
517
- <div
518
- class="MuiCardHeader-root"
519
- >
520
- <div
521
- class="MuiCardHeader-content"
522
- >
664
+ <div
665
+ class="makeStyles-slotModeSwitch"
666
+ />
667
+ </div>
668
+ <div
669
+ class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
670
+ >
671
+ <div
672
+ class="makeStyles-paperContent"
673
+ >
674
+ <div
675
+ class="MuiFormControl-root MuiTextField-root"
676
+ >
677
+ <label
678
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
679
+ data-shrink="true"
680
+ >
681
+ integerTest
682
+ </label>
683
+ <div
684
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
685
+ >
686
+ <input
687
+ aria-invalid="false"
688
+ class="MuiInputBase-input MuiInput-input"
689
+ type="number"
690
+ value="42"
691
+ />
692
+ </div>
693
+ <p
694
+ class="MuiFormHelperText-root MuiFormHelperText-filled"
695
+ >
696
+ integerTest
697
+ </p>
698
+ </div>
699
+ </div>
700
+ <div
701
+ class="makeStyles-slotModeSwitch"
702
+ />
703
+ </div>
704
+ <div
705
+ class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
706
+ >
707
+ <div
708
+ class="makeStyles-paperContent"
709
+ >
710
+ <div
711
+ class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
712
+ >
713
+ <label
714
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
715
+ data-shrink="true"
716
+ >
717
+ colorTest
718
+ </label>
719
+ <div
720
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
721
+ style="color: rgb(57, 100, 148); border-right-width: 25px; border-right-style: solid; border-right-color: #396494;"
722
+ >
723
+ <input
724
+ aria-invalid="false"
725
+ class="MuiInputBase-input MuiInput-input"
726
+ type="text"
727
+ value="#396494"
728
+ />
729
+ </div>
730
+ <p
731
+ class="MuiFormHelperText-root MuiFormHelperText-filled"
732
+ >
733
+ colorTest
734
+ </p>
735
+ </div>
736
+ </div>
737
+ <div
738
+ class="makeStyles-slotModeSwitch"
739
+ />
740
+ </div>
523
741
  <div
524
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
742
+ class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
525
743
  >
526
744
  <div
527
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedEnd"
745
+ class="makeStyles-paperContent"
528
746
  >
529
- <input
530
- aria-invalid="false"
531
- class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd"
532
- placeholder="add new"
533
- type="text"
534
- value=""
535
- />
536
747
  <div
537
- class="MuiInputAdornment-root MuiInputAdornment-positionEnd"
748
+ class="MuiFormControl-root"
538
749
  >
539
- <button
540
- class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary MuiIconButton-disabled MuiButtonBase-disabled"
541
- disabled=""
542
- tabindex="-1"
543
- type="button"
750
+ <label
751
+ class="MuiFormControlLabel-root"
544
752
  >
545
753
  <span
546
- class="MuiIconButton-label"
754
+ aria-disabled="false"
755
+ class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorSecondary PrivateSwitchBase-checked MuiCheckbox-checked MuiIconButton-colorSecondary"
547
756
  >
548
- <svg
549
- aria-hidden="true"
550
- class="MuiSvgIcon-root"
551
- focusable="false"
552
- viewBox="0 0 24 24"
757
+ <span
758
+ class="MuiIconButton-label"
553
759
  >
554
- <path
555
- d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
760
+ <input
761
+ checked=""
762
+ class="PrivateSwitchBase-input"
763
+ data-indeterminate="false"
764
+ type="checkbox"
765
+ value=""
556
766
  />
557
- </svg>
767
+ <svg
768
+ aria-hidden="true"
769
+ class="MuiSvgIcon-root"
770
+ focusable="false"
771
+ viewBox="0 0 24 24"
772
+ >
773
+ <path
774
+ d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
775
+ />
776
+ </svg>
777
+ </span>
778
+ <span
779
+ class="MuiTouchRipple-root"
780
+ />
781
+ </span>
782
+ <span
783
+ class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"
784
+ >
785
+ booleanTest
558
786
  </span>
559
- </button>
787
+ </label>
788
+ <p
789
+ class="MuiFormHelperText-root"
790
+ >
791
+ booleanTest
792
+ </p>
560
793
  </div>
561
794
  </div>
795
+ <div
796
+ class="makeStyles-slotModeSwitch"
797
+ />
562
798
  </div>
563
799
  </div>
564
800
  </div>
565
801
  </div>
566
- <p
567
- class="MuiFormHelperText-root"
568
- >
569
- stringArrayMapTest
570
- </p>
571
- </div>
572
- <div
573
- class="makeStyles-slotModeSwitch"
574
- />
575
- </div>
576
- <div
577
- class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
578
- >
579
- <div
580
- class="makeStyles-paperContent"
581
- >
582
- <div
583
- class="MuiFormControl-root MuiTextField-root"
584
- >
585
- <label
586
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
587
- data-shrink="true"
588
- >
589
- numberTest
590
- </label>
591
- <div
592
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
593
- >
594
- <input
595
- aria-invalid="false"
596
- class="MuiInputBase-input MuiInput-input"
597
- type="number"
598
- value="88.5"
599
- />
600
- </div>
601
- <p
602
- class="MuiFormHelperText-root MuiFormHelperText-filled"
603
- >
604
- numberTest
605
- </p>
606
- </div>
607
- </div>
608
- <div
609
- class="makeStyles-slotModeSwitch"
610
- />
611
- </div>
612
- <div
613
- class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
614
- >
615
- <div
616
- class="makeStyles-paperContent"
617
- >
618
- <div
619
- class="MuiFormControl-root MuiTextField-root"
620
- >
621
- <label
622
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
623
- data-shrink="true"
624
- >
625
- integerTest
626
- </label>
627
- <div
628
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
629
- >
630
- <input
631
- aria-invalid="false"
632
- class="MuiInputBase-input MuiInput-input"
633
- type="number"
634
- value="42"
635
- />
636
- </div>
637
- <p
638
- class="MuiFormHelperText-root MuiFormHelperText-filled"
639
- >
640
- integerTest
641
- </p>
642
- </div>
643
- </div>
644
- <div
645
- class="makeStyles-slotModeSwitch"
646
- />
647
- </div>
648
- <div
649
- class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
650
- >
651
- <div
652
- class="makeStyles-paperContent"
653
- >
654
- <div
655
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
656
- >
657
- <label
658
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
659
- data-shrink="true"
660
- >
661
- colorTest
662
- </label>
663
- <div
664
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
665
- style="color: rgb(57, 100, 148); border-right-width: 25px; border-right-style: solid; border-right-color: #396494;"
666
- >
667
- <input
668
- aria-invalid="false"
669
- class="MuiInputBase-input MuiInput-input"
670
- type="text"
671
- value="#396494"
672
- />
673
- </div>
674
- <p
675
- class="MuiFormHelperText-root MuiFormHelperText-filled"
676
- >
677
- colorTest
678
- </p>
679
- </div>
680
- </div>
681
- <div
682
- class="makeStyles-slotModeSwitch"
683
- />
684
- </div>
685
- <div
686
- class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
687
- >
688
- <div
689
- class="makeStyles-paperContent"
690
- >
691
- <div
692
- class="MuiFormControl-root"
693
- >
694
- <label
695
- class="MuiFormControlLabel-root"
696
- >
697
- <span
698
- aria-disabled="false"
699
- class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorSecondary PrivateSwitchBase-checked MuiCheckbox-checked MuiIconButton-colorSecondary"
700
- >
701
- <span
702
- class="MuiIconButton-label"
703
- >
704
- <input
705
- checked=""
706
- class="PrivateSwitchBase-input"
707
- data-indeterminate="false"
708
- type="checkbox"
709
- value=""
710
- />
711
- <svg
712
- aria-hidden="true"
713
- class="MuiSvgIcon-root"
714
- focusable="false"
715
- viewBox="0 0 24 24"
716
- >
717
- <path
718
- d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
719
- />
720
- </svg>
721
- </span>
722
- <span
723
- class="MuiTouchRipple-root"
724
- />
725
- </span>
726
- <span
727
- class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"
728
- >
729
- booleanTest
730
- </span>
731
- </label>
732
- <p
733
- class="MuiFormHelperText-root"
734
- >
735
- booleanTest
736
- </p>
737
- </div>
738
802
  </div>
739
- <div
740
- class="makeStyles-slotModeSwitch"
741
- />
742
803
  </div>
743
804
  </div>
744
805
  `;
745
806
 
746
807
  exports[`ConfigurationEditor widget renders with defaults of the PileupTrack schema 1`] = `
747
808
  <div
748
- class="makeStyles-root"
749
- data-testid="configEditor"
809
+ class="MuiPaper-root MuiAccordion-root makeStyles-accordion MuiAccordion-expanded MuiAccordion-rounded MuiPaper-elevation1 MuiPaper-rounded"
750
810
  >
751
811
  <div
752
- class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
812
+ aria-disabled="false"
813
+ aria-expanded="true"
814
+ class="MuiButtonBase-root MuiAccordionSummary-root MuiAccordionSummary-expanded"
815
+ role="button"
816
+ tabindex="0"
753
817
  >
754
818
  <div
755
- class="makeStyles-paperContent"
819
+ class="MuiAccordionSummary-content MuiAccordionSummary-expanded"
756
820
  >
757
- <div
758
- class="MuiFormControl-root MuiTextField-root"
821
+ <p
822
+ class="MuiTypography-root MuiTypography-body1"
759
823
  >
760
- <label
761
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
762
- data-shrink="true"
763
- >
764
- maxFeatureScreenDensity
765
- </label>
766
- <div
767
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
768
- >
769
- <input
770
- aria-invalid="false"
771
- class="MuiInputBase-input MuiInput-input"
772
- type="number"
773
- value="0.3"
774
- />
775
- </div>
776
- <p
777
- class="MuiFormHelperText-root MuiFormHelperText-filled"
778
- >
779
- maximum features per pixel that is displayed in the view, used if byte size estimates not available
780
- </p>
781
- </div>
824
+ Configuration
825
+ </p>
782
826
  </div>
783
827
  <div
784
- class="makeStyles-slotModeSwitch"
785
- />
786
- </div>
787
- <div
788
- class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
789
- >
790
- <div
791
- class="makeStyles-paperContent"
828
+ aria-disabled="false"
829
+ aria-hidden="true"
830
+ class="MuiButtonBase-root MuiIconButton-root MuiAccordionSummary-expandIcon MuiAccordionSummary-expanded MuiIconButton-edgeEnd"
792
831
  >
793
- <div
794
- class="MuiFormControl-root MuiTextField-root"
832
+ <span
833
+ class="MuiIconButton-label"
795
834
  >
796
- <label
797
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
798
- data-shrink="true"
799
- >
800
- fetchSizeLimit
801
- </label>
802
- <div
803
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
835
+ <svg
836
+ aria-hidden="true"
837
+ class="MuiSvgIcon-root makeStyles-expandIcon"
838
+ focusable="false"
839
+ viewBox="0 0 24 24"
804
840
  >
805
- <input
806
- aria-invalid="false"
807
- class="MuiInputBase-input MuiInput-input"
808
- type="number"
809
- value="1000000"
841
+ <path
842
+ d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"
810
843
  />
811
- </div>
812
- <p
813
- class="MuiFormHelperText-root MuiFormHelperText-filled"
814
- >
815
- maximum data to attempt to download for a given track, used if adapter doesn't specify one
816
- </p>
817
- </div>
844
+ </svg>
845
+ </span>
846
+ <span
847
+ class="MuiTouchRipple-root"
848
+ />
818
849
  </div>
819
- <div
820
- class="makeStyles-slotModeSwitch"
821
- />
822
850
  </div>
823
851
  <div
824
- class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
852
+ class="MuiCollapse-root MuiCollapse-entered"
853
+ style="min-height: 0px;"
825
854
  >
826
855
  <div
827
- class="makeStyles-paperContent"
856
+ class="MuiCollapse-wrapper"
828
857
  >
829
858
  <div
830
- class="MuiFormControl-root"
859
+ class="MuiCollapse-wrapperInner"
831
860
  >
832
- <label
833
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink"
834
- data-shrink="true"
835
- for="callback-editor"
836
- >
837
- mouseover
838
- </label>
839
861
  <div
840
- class="makeStyles-callbackEditor"
841
- style="position: relative; text-align: left; white-space: pre-wrap; word-break: keep-all; box-sizing: border-box; padding: 0px; overflow: hidden;"
862
+ role="region"
842
863
  >
843
- <textarea
844
- autocapitalize="off"
845
- autocomplete="off"
846
- autocorrect="off"
847
- class="npm__react-simple-code-editor__textarea"
848
- data-gramm="false"
849
- spellcheck="false"
850
- style="margin: 0px; border: 0px; background: none; box-sizing: inherit; display: inherit; font-family: inherit; font-style: inherit; font-variant-ligatures: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; tab-size: inherit; text-indent: inherit; text-rendering: inherit; text-transform: inherit; white-space: inherit; word-break: inherit; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; resize: none; overflow: hidden; padding: 10px 10px 10px 10px;"
851
- >
852
- get(feature,'name')
853
- </textarea>
854
- <pre
855
- aria-hidden="true"
856
- style="margin: 0px; border: 0px; background: none; box-sizing: inherit; display: inherit; font-family: inherit; font-style: inherit; font-variant-ligatures: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; tab-size: inherit; text-indent: inherit; text-rendering: inherit; text-transform: inherit; white-space: inherit; word-break: inherit; position: relative; pointer-events: none; padding: 10px 10px 10px 10px;"
857
- >
858
- get(feature,'name')
859
- <br />
860
- </pre>
861
- <style
862
- type="text/css"
864
+ <div
865
+ class="MuiAccordionDetails-root makeStyles-expansionPanelDetails"
866
+ data-testid="configEditor"
863
867
  >
864
-
868
+ <div
869
+ class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
870
+ >
871
+ <div
872
+ class="makeStyles-paperContent"
873
+ >
874
+ <div
875
+ class="MuiFormControl-root MuiTextField-root"
876
+ >
877
+ <label
878
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
879
+ data-shrink="true"
880
+ >
881
+ maxFeatureScreenDensity
882
+ </label>
883
+ <div
884
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
885
+ >
886
+ <input
887
+ aria-invalid="false"
888
+ class="MuiInputBase-input MuiInput-input"
889
+ type="number"
890
+ value="0.3"
891
+ />
892
+ </div>
893
+ <p
894
+ class="MuiFormHelperText-root MuiFormHelperText-filled"
895
+ >
896
+ maximum features per pixel that is displayed in the view, used if byte size estimates not available
897
+ </p>
898
+ </div>
899
+ </div>
900
+ <div
901
+ class="makeStyles-slotModeSwitch"
902
+ />
903
+ </div>
904
+ <div
905
+ class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
906
+ >
907
+ <div
908
+ class="makeStyles-paperContent"
909
+ >
910
+ <div
911
+ class="MuiFormControl-root MuiTextField-root"
912
+ >
913
+ <label
914
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
915
+ data-shrink="true"
916
+ >
917
+ fetchSizeLimit
918
+ </label>
919
+ <div
920
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
921
+ >
922
+ <input
923
+ aria-invalid="false"
924
+ class="MuiInputBase-input MuiInput-input"
925
+ type="number"
926
+ value="1000000"
927
+ />
928
+ </div>
929
+ <p
930
+ class="MuiFormHelperText-root MuiFormHelperText-filled"
931
+ >
932
+ maximum data to attempt to download for a given track, used if adapter doesn't specify one
933
+ </p>
934
+ </div>
935
+ </div>
936
+ <div
937
+ class="makeStyles-slotModeSwitch"
938
+ />
939
+ </div>
940
+ <div
941
+ class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
942
+ >
943
+ <div
944
+ class="makeStyles-paperContent"
945
+ >
946
+ <div
947
+ class="MuiFormControl-root"
948
+ >
949
+ <label
950
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink"
951
+ data-shrink="true"
952
+ for="callback-editor"
953
+ >
954
+ mouseover
955
+ </label>
956
+ <div
957
+ class="makeStyles-callbackEditor"
958
+ style="position: relative; text-align: left; white-space: pre-wrap; word-break: keep-all; box-sizing: border-box; padding: 0px; overflow: hidden;"
959
+ >
960
+ <textarea
961
+ autocapitalize="off"
962
+ autocomplete="off"
963
+ autocorrect="off"
964
+ class="npm__react-simple-code-editor__textarea"
965
+ data-gramm="false"
966
+ spellcheck="false"
967
+ style="margin: 0px; border: 0px; background: none; box-sizing: inherit; display: inherit; font-family: inherit; font-style: inherit; font-variant-ligatures: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; tab-size: inherit; text-indent: inherit; text-rendering: inherit; text-transform: inherit; white-space: inherit; word-break: inherit; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; resize: none; overflow: hidden; padding: 10px 10px 10px 10px;"
968
+ >
969
+ get(feature,'name')
970
+ </textarea>
971
+ <pre
972
+ aria-hidden="true"
973
+ style="margin: 0px; border: 0px; background: none; box-sizing: inherit; display: inherit; font-family: inherit; font-style: inherit; font-variant-ligatures: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; tab-size: inherit; text-indent: inherit; text-rendering: inherit; text-transform: inherit; white-space: inherit; word-break: inherit; position: relative; pointer-events: none; padding: 10px 10px 10px 10px;"
974
+ >
975
+ get(feature,'name')
976
+ <br />
977
+ </pre>
978
+ <style
979
+ type="text/css"
980
+ >
981
+
865
982
  /**
866
983
  * Reset the text fill color so that placeholder is visible
867
984
  */
@@ -888,617 +1005,678 @@ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack sch
888
1005
  }
889
1006
  }
890
1007
 
891
- </style>
892
- </div>
893
- <p
894
- class="MuiFormHelperText-root"
895
- >
896
- what to display in a given mouseover
897
- </p>
898
- </div>
899
- <button
900
- class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary"
901
- tabindex="0"
902
- type="button"
903
- >
904
- <span
905
- class="MuiIconButton-label"
906
- >
907
- <svg
908
- aria-hidden="true"
909
- class="MuiSvgIcon-root"
910
- focusable="false"
911
- viewBox="0 0 24 24"
912
- >
913
- <path
914
- d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"
915
- />
916
- </svg>
917
- </span>
918
- <span
919
- class="MuiTouchRipple-root"
920
- />
921
- </button>
922
- </div>
923
- <div
924
- class="makeStyles-slotModeSwitch"
925
- >
926
- <button
927
- class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary"
928
- tabindex="0"
929
- title="convert to regular value"
930
- type="button"
931
- >
932
- <span
933
- class="MuiIconButton-label"
934
- >
935
- <svg
936
- aria-hidden="true"
937
- class="MuiSvgIcon-root"
938
- focusable="false"
939
- viewBox="0 0 24 24"
940
- >
941
- <path
942
- d="M20.41,3C21.8,5.71 22.35,8.84 22,12C21.8,15.16 20.7,18.29 18.83,21L17.3,20C18.91,17.57 19.85,14.8 20,12C20.34,9.2 19.89,6.43 18.7,4L20.41,3M5.17,3L6.7,4C5.09,6.43 4.15,9.2 4,12C3.66,14.8 4.12,17.57 5.3,20L3.61,21C2.21,18.29 1.65,15.17 2,12C2.2,8.84 3.3,5.71 5.17,3M12.08,10.68L14.4,7.45H16.93L13.15,12.45L15.35,17.37H13.09L11.71,14L9.28,17.33H6.76L10.66,12.21L8.53,7.45H10.8L12.08,10.68Z"
943
- />
944
- </svg>
945
- </span>
946
- <span
947
- class="MuiTouchRipple-root"
948
- />
949
- </button>
950
- </div>
951
- </div>
952
- <label
953
- class="MuiFormLabel-root"
954
- >
955
- renderer
956
- </label>
957
- <div
958
- class="makeStyles-subSchemaContainer"
959
- >
960
- <div
961
- class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
962
- >
963
- <div
964
- class="makeStyles-paperContent"
965
- >
966
- <div
967
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
968
- >
969
- <label
970
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
971
- data-shrink="true"
972
- >
973
- Type
974
- </label>
975
- <div
976
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
977
- >
978
- <div
979
- aria-haspopup="listbox"
980
- class="MuiSelect-root MuiSelect-select MuiSelect-selectMenu MuiInputBase-input MuiInput-input"
981
- role="button"
982
- tabindex="0"
983
- >
984
- PileupRenderer
985
- </div>
986
- <input
987
- aria-hidden="true"
988
- class="MuiSelect-nativeInput"
989
- tabindex="-1"
990
- value="PileupRenderer"
991
- />
992
- <svg
993
- aria-hidden="true"
994
- class="MuiSvgIcon-root MuiSelect-icon"
995
- focusable="false"
996
- viewBox="0 0 24 24"
997
- >
998
- <path
999
- d="M7 10l5 5 5-5z"
1000
- />
1001
- </svg>
1002
- </div>
1003
- <p
1004
- class="MuiFormHelperText-root MuiFormHelperText-filled"
1005
- >
1006
- Type of renderer to use
1007
- </p>
1008
- </div>
1009
- </div>
1010
- </div>
1011
- <div
1012
- class="MuiFormGroup-root"
1013
- >
1014
- <div
1015
- class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
1016
- >
1017
- <div
1018
- class="makeStyles-paperContent"
1019
- >
1020
- <div
1021
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
1022
- >
1023
- <label
1024
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
1025
- data-shrink="true"
1026
- >
1027
- color
1028
- </label>
1029
- <div
1030
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
1031
- style="color: rgb(255, 0, 255); border-right-width: 25px; border-right-style: solid; border-right-color: #f0f;"
1032
- >
1033
- <input
1034
- aria-invalid="false"
1035
- class="MuiInputBase-input MuiInput-input"
1036
- type="text"
1037
- value="#f0f"
1038
- />
1039
- </div>
1040
- <p
1041
- class="MuiFormHelperText-root MuiFormHelperText-filled"
1042
- >
1043
- the color of each feature in a pileup alignment
1044
- </p>
1045
- </div>
1046
- </div>
1047
- <div
1048
- class="makeStyles-slotModeSwitch"
1049
- >
1050
- <button
1051
- class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary"
1052
- tabindex="0"
1053
- title="convert to callback"
1054
- type="button"
1055
- >
1056
- <span
1057
- class="MuiIconButton-label"
1058
- >
1059
- <svg
1060
- aria-hidden="true"
1061
- class="MuiSvgIcon-root"
1062
- focusable="false"
1063
- viewBox="0 0 24 24"
1064
- >
1065
- <path
1066
- d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
1067
- />
1068
- </svg>
1069
- </span>
1070
- <span
1071
- class="MuiTouchRipple-root"
1072
- />
1073
- </button>
1074
- </div>
1075
- </div>
1076
- <div
1077
- class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
1078
- >
1079
- <div
1080
- class="makeStyles-paperContent"
1081
- >
1082
- <div
1083
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
1084
- >
1085
- <label
1086
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
1087
- data-shrink="true"
1088
- >
1089
- orientationType
1090
- </label>
1091
- <div
1092
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
1093
- >
1008
+ </style>
1009
+ </div>
1010
+ <p
1011
+ class="MuiFormHelperText-root"
1012
+ >
1013
+ what to display in a given mouseover
1014
+ </p>
1015
+ </div>
1016
+ <button
1017
+ class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary"
1018
+ tabindex="0"
1019
+ type="button"
1020
+ >
1021
+ <span
1022
+ class="MuiIconButton-label"
1023
+ >
1024
+ <svg
1025
+ aria-hidden="true"
1026
+ class="MuiSvgIcon-root"
1027
+ focusable="false"
1028
+ viewBox="0 0 24 24"
1029
+ >
1030
+ <path
1031
+ d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"
1032
+ />
1033
+ </svg>
1034
+ </span>
1035
+ <span
1036
+ class="MuiTouchRipple-root"
1037
+ />
1038
+ </button>
1039
+ </div>
1094
1040
  <div
1095
- aria-haspopup="listbox"
1096
- class="MuiSelect-root MuiSelect-select MuiSelect-selectMenu MuiInputBase-input MuiInput-input"
1097
- role="button"
1098
- tabindex="0"
1041
+ class="makeStyles-slotModeSwitch"
1099
1042
  >
1100
- fr
1043
+ <button
1044
+ class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary"
1045
+ tabindex="0"
1046
+ title="convert to regular value"
1047
+ type="button"
1048
+ >
1049
+ <span
1050
+ class="MuiIconButton-label"
1051
+ >
1052
+ <svg
1053
+ aria-hidden="true"
1054
+ class="MuiSvgIcon-root"
1055
+ focusable="false"
1056
+ viewBox="0 0 24 24"
1057
+ >
1058
+ <path
1059
+ d="M20.41,3C21.8,5.71 22.35,8.84 22,12C21.8,15.16 20.7,18.29 18.83,21L17.3,20C18.91,17.57 19.85,14.8 20,12C20.34,9.2 19.89,6.43 18.7,4L20.41,3M5.17,3L6.7,4C5.09,6.43 4.15,9.2 4,12C3.66,14.8 4.12,17.57 5.3,20L3.61,21C2.21,18.29 1.65,15.17 2,12C2.2,8.84 3.3,5.71 5.17,3M12.08,10.68L14.4,7.45H16.93L13.15,12.45L15.35,17.37H13.09L11.71,14L9.28,17.33H6.76L10.66,12.21L8.53,7.45H10.8L12.08,10.68Z"
1060
+ />
1061
+ </svg>
1062
+ </span>
1063
+ <span
1064
+ class="MuiTouchRipple-root"
1065
+ />
1066
+ </button>
1101
1067
  </div>
1102
- <input
1103
- aria-hidden="true"
1104
- class="MuiSelect-nativeInput"
1105
- tabindex="-1"
1106
- value="fr"
1107
- />
1108
- <svg
1109
- aria-hidden="true"
1110
- class="MuiSvgIcon-root MuiSelect-icon"
1111
- focusable="false"
1112
- viewBox="0 0 24 24"
1113
- >
1114
- <path
1115
- d="M7 10l5 5 5-5z"
1116
- />
1117
- </svg>
1118
1068
  </div>
1119
- <p
1120
- class="MuiFormHelperText-root MuiFormHelperText-filled"
1121
- >
1122
- read sequencer orienation. fr is normal "reads pointing at each other ---&gt; &lt;--- while some other sequencers can use other options
1123
- </p>
1124
- </div>
1125
- </div>
1126
- <div
1127
- class="makeStyles-slotModeSwitch"
1128
- />
1129
- </div>
1130
- <div
1131
- class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
1132
- >
1133
- <div
1134
- class="makeStyles-paperContent"
1135
- >
1136
- <div
1137
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
1138
- >
1139
- <label
1140
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
1141
- data-shrink="true"
1142
- >
1143
- displayMode
1144
- </label>
1145
1069
  <div
1146
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
1070
+ class="MuiPaper-root MuiAccordion-root makeStyles-accordion MuiAccordion-expanded MuiAccordion-rounded MuiPaper-elevation1 MuiPaper-rounded"
1147
1071
  >
1148
1072
  <div
1149
- aria-haspopup="listbox"
1150
- class="MuiSelect-root MuiSelect-select MuiSelect-selectMenu MuiInputBase-input MuiInput-input"
1073
+ aria-disabled="false"
1074
+ aria-expanded="true"
1075
+ class="MuiButtonBase-root MuiAccordionSummary-root MuiAccordionSummary-expanded"
1151
1076
  role="button"
1152
1077
  tabindex="0"
1153
1078
  >
1154
- normal
1155
- </div>
1156
- <input
1157
- aria-hidden="true"
1158
- class="MuiSelect-nativeInput"
1159
- tabindex="-1"
1160
- value="normal"
1161
- />
1162
- <svg
1163
- aria-hidden="true"
1164
- class="MuiSvgIcon-root MuiSelect-icon"
1165
- focusable="false"
1166
- viewBox="0 0 24 24"
1167
- >
1168
- <path
1169
- d="M7 10l5 5 5-5z"
1170
- />
1171
- </svg>
1172
- </div>
1173
- <p
1174
- class="MuiFormHelperText-root MuiFormHelperText-filled"
1175
- >
1176
- Alternative display modes
1177
- </p>
1178
- </div>
1179
- </div>
1180
- <div
1181
- class="makeStyles-slotModeSwitch"
1182
- />
1183
- </div>
1184
- <div
1185
- class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
1186
- >
1187
- <div
1188
- class="makeStyles-paperContent"
1189
- >
1190
- <div
1191
- class="MuiFormControl-root MuiTextField-root"
1192
- >
1193
- <label
1194
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
1195
- data-shrink="true"
1196
- >
1197
- minSubfeatureWidth
1198
- </label>
1199
- <div
1200
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
1201
- >
1202
- <input
1203
- aria-invalid="false"
1204
- class="MuiInputBase-input MuiInput-input"
1205
- type="number"
1206
- value="0"
1207
- />
1208
- </div>
1209
- <p
1210
- class="MuiFormHelperText-root MuiFormHelperText-filled"
1211
- >
1212
- the minimum width in px for a pileup mismatch feature. use for increasing mismatch marker widths when zoomed out to e.g. 1px or 0.5px
1213
- </p>
1214
- </div>
1215
- </div>
1216
- <div
1217
- class="makeStyles-slotModeSwitch"
1218
- />
1219
- </div>
1220
- <div
1221
- class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
1222
- >
1223
- <div
1224
- class="makeStyles-paperContent"
1225
- >
1226
- <div
1227
- class="MuiFormControl-root MuiTextField-root"
1228
- >
1229
- <label
1230
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
1231
- data-shrink="true"
1232
- >
1233
- maxHeight
1234
- </label>
1235
- <div
1236
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
1237
- >
1238
- <input
1239
- aria-invalid="false"
1240
- class="MuiInputBase-input MuiInput-input"
1241
- type="number"
1242
- value="1200"
1243
- />
1244
- </div>
1245
- <p
1246
- class="MuiFormHelperText-root MuiFormHelperText-filled"
1247
- >
1248
- the maximum height to be used in a pileup rendering
1249
- </p>
1250
- </div>
1251
- </div>
1252
- <div
1253
- class="makeStyles-slotModeSwitch"
1254
- />
1255
- </div>
1256
- <div
1257
- class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
1258
- >
1259
- <div
1260
- class="makeStyles-paperContent"
1261
- >
1262
- <div
1263
- class="MuiFormControl-root MuiTextField-root"
1264
- >
1265
- <label
1266
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
1267
- data-shrink="true"
1268
- >
1269
- maxClippingSize
1270
- </label>
1271
- <div
1272
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
1273
- >
1274
- <input
1275
- aria-invalid="false"
1276
- class="MuiInputBase-input MuiInput-input"
1277
- type="number"
1278
- value="10000"
1279
- />
1280
- </div>
1281
- <p
1282
- class="MuiFormHelperText-root MuiFormHelperText-filled"
1283
- >
1284
- the max clip size to be used in a pileup rendering
1285
- </p>
1286
- </div>
1287
- </div>
1288
- <div
1289
- class="makeStyles-slotModeSwitch"
1290
- />
1291
- </div>
1292
- <div
1293
- class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
1294
- >
1295
- <div
1296
- class="makeStyles-paperContent"
1297
- >
1298
- <div
1299
- class="MuiFormControl-root MuiTextField-root"
1300
- >
1301
- <label
1302
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
1303
- data-shrink="true"
1304
- >
1305
- height
1306
- </label>
1307
- <div
1308
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
1309
- >
1310
- <input
1311
- aria-invalid="false"
1312
- class="MuiInputBase-input MuiInput-input"
1313
- type="number"
1314
- value="7"
1315
- />
1316
- </div>
1317
- <p
1318
- class="MuiFormHelperText-root MuiFormHelperText-filled"
1319
- >
1320
- the height of each feature in a pileup alignment
1321
- </p>
1322
- </div>
1323
- </div>
1324
- <div
1325
- class="makeStyles-slotModeSwitch"
1326
- >
1327
- <button
1328
- class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary"
1329
- tabindex="0"
1330
- title="convert to callback"
1331
- type="button"
1332
- >
1333
- <span
1334
- class="MuiIconButton-label"
1335
- >
1336
- <svg
1337
- aria-hidden="true"
1338
- class="MuiSvgIcon-root"
1339
- focusable="false"
1340
- viewBox="0 0 24 24"
1341
- >
1342
- <path
1343
- d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
1344
- />
1345
- </svg>
1346
- </span>
1347
- <span
1348
- class="MuiTouchRipple-root"
1349
- />
1350
- </button>
1351
- </div>
1352
- </div>
1353
- <div
1354
- class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
1355
- >
1356
- <div
1357
- class="makeStyles-paperContent"
1358
- >
1359
- <div
1360
- class="MuiFormControl-root"
1361
- >
1362
- <label
1363
- class="MuiFormControlLabel-root"
1364
- >
1365
- <span
1366
- aria-disabled="false"
1367
- class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
1368
- >
1369
- <span
1370
- class="MuiIconButton-label"
1079
+ <div
1080
+ class="MuiAccordionSummary-content MuiAccordionSummary-expanded"
1371
1081
  >
1372
- <input
1373
- class="PrivateSwitchBase-input"
1374
- data-indeterminate="false"
1375
- type="checkbox"
1376
- value=""
1377
- />
1378
- <svg
1379
- aria-hidden="true"
1380
- class="MuiSvgIcon-root"
1381
- focusable="false"
1382
- viewBox="0 0 24 24"
1082
+ <p
1083
+ class="MuiTypography-root MuiTypography-body1"
1383
1084
  >
1384
- <path
1385
- d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
1386
- />
1387
- </svg>
1388
- </span>
1389
- <span
1390
- class="MuiTouchRipple-root"
1391
- />
1392
- </span>
1393
- <span
1394
- class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"
1395
- >
1396
- noSpacing
1397
- </span>
1398
- </label>
1399
- <p
1400
- class="MuiFormHelperText-root"
1401
- >
1402
- remove spacing between features
1403
- </p>
1404
- </div>
1405
- </div>
1406
- <div
1407
- class="makeStyles-slotModeSwitch"
1408
- />
1409
- </div>
1410
- <div
1411
- class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
1412
- >
1413
- <div
1414
- class="makeStyles-paperContent"
1415
- >
1416
- <div
1417
- class="MuiFormControl-root MuiTextField-root"
1418
- >
1419
- <label
1420
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
1421
- data-shrink="true"
1422
- >
1423
- largeInsertionIndicatorScale
1424
- </label>
1425
- <div
1426
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
1427
- >
1428
- <input
1429
- aria-invalid="false"
1430
- class="MuiInputBase-input MuiInput-input"
1431
- type="number"
1432
- value="10"
1433
- />
1434
- </div>
1435
- <p
1436
- class="MuiFormHelperText-root MuiFormHelperText-filled"
1437
- >
1438
- scale at which to draw the large insertion indicators (bp/pixel)
1439
- </p>
1440
- </div>
1441
- </div>
1442
- <div
1443
- class="makeStyles-slotModeSwitch"
1444
- />
1445
- </div>
1446
- <div
1447
- class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
1448
- >
1449
- <div
1450
- class="makeStyles-paperContent"
1451
- >
1452
- <div
1453
- class="MuiFormControl-root"
1454
- >
1455
- <label
1456
- class="MuiFormControlLabel-root"
1457
- >
1458
- <span
1459
- aria-disabled="false"
1460
- class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
1461
- >
1462
- <span
1463
- class="MuiIconButton-label"
1085
+ renderer
1086
+ </p>
1087
+ </div>
1088
+ <div
1089
+ aria-disabled="false"
1090
+ aria-hidden="true"
1091
+ class="MuiButtonBase-root MuiIconButton-root MuiAccordionSummary-expandIcon MuiAccordionSummary-expanded MuiIconButton-edgeEnd"
1464
1092
  >
1465
- <input
1466
- class="PrivateSwitchBase-input"
1467
- data-indeterminate="false"
1468
- type="checkbox"
1469
- value=""
1470
- />
1471
- <svg
1472
- aria-hidden="true"
1473
- class="MuiSvgIcon-root"
1474
- focusable="false"
1475
- viewBox="0 0 24 24"
1093
+ <span
1094
+ class="MuiIconButton-label"
1476
1095
  >
1477
- <path
1478
- d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
1479
- />
1480
- </svg>
1481
- </span>
1482
- <span
1483
- class="MuiTouchRipple-root"
1484
- />
1485
- </span>
1486
- <span
1487
- class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"
1096
+ <svg
1097
+ aria-hidden="true"
1098
+ class="MuiSvgIcon-root makeStyles-expandIcon"
1099
+ focusable="false"
1100
+ viewBox="0 0 24 24"
1101
+ >
1102
+ <path
1103
+ d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"
1104
+ />
1105
+ </svg>
1106
+ </span>
1107
+ <span
1108
+ class="MuiTouchRipple-root"
1109
+ />
1110
+ </div>
1111
+ </div>
1112
+ <div
1113
+ class="MuiCollapse-root MuiCollapse-entered"
1114
+ style="min-height: 0px;"
1488
1115
  >
1489
- mismatchAlpha
1490
- </span>
1491
- </label>
1492
- <p
1493
- class="MuiFormHelperText-root"
1494
- >
1495
- Fade low quality mismatches
1496
- </p>
1116
+ <div
1117
+ class="MuiCollapse-wrapper"
1118
+ >
1119
+ <div
1120
+ class="MuiCollapse-wrapperInner"
1121
+ >
1122
+ <div
1123
+ role="region"
1124
+ >
1125
+ <div
1126
+ class="MuiAccordionDetails-root makeStyles-expansionPanelDetails"
1127
+ >
1128
+ <div
1129
+ class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
1130
+ >
1131
+ <div
1132
+ class="makeStyles-paperContent"
1133
+ >
1134
+ <div
1135
+ class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
1136
+ >
1137
+ <label
1138
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
1139
+ data-shrink="true"
1140
+ >
1141
+ Type
1142
+ </label>
1143
+ <div
1144
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
1145
+ >
1146
+ <div
1147
+ aria-haspopup="listbox"
1148
+ class="MuiSelect-root MuiSelect-select MuiSelect-selectMenu MuiInputBase-input MuiInput-input"
1149
+ role="button"
1150
+ tabindex="0"
1151
+ >
1152
+ PileupRenderer
1153
+ </div>
1154
+ <input
1155
+ aria-hidden="true"
1156
+ class="MuiSelect-nativeInput"
1157
+ tabindex="-1"
1158
+ value="PileupRenderer"
1159
+ />
1160
+ <svg
1161
+ aria-hidden="true"
1162
+ class="MuiSvgIcon-root MuiSelect-icon"
1163
+ focusable="false"
1164
+ viewBox="0 0 24 24"
1165
+ >
1166
+ <path
1167
+ d="M7 10l5 5 5-5z"
1168
+ />
1169
+ </svg>
1170
+ </div>
1171
+ <p
1172
+ class="MuiFormHelperText-root MuiFormHelperText-filled"
1173
+ >
1174
+ Type of renderer to use
1175
+ </p>
1176
+ </div>
1177
+ </div>
1178
+ </div>
1179
+ <div
1180
+ class="MuiFormGroup-root"
1181
+ >
1182
+ <div
1183
+ class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
1184
+ >
1185
+ <div
1186
+ class="makeStyles-paperContent"
1187
+ >
1188
+ <div
1189
+ class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
1190
+ >
1191
+ <label
1192
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
1193
+ data-shrink="true"
1194
+ >
1195
+ color
1196
+ </label>
1197
+ <div
1198
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
1199
+ style="color: rgb(255, 0, 255); border-right-width: 25px; border-right-style: solid; border-right-color: #f0f;"
1200
+ >
1201
+ <input
1202
+ aria-invalid="false"
1203
+ class="MuiInputBase-input MuiInput-input"
1204
+ type="text"
1205
+ value="#f0f"
1206
+ />
1207
+ </div>
1208
+ <p
1209
+ class="MuiFormHelperText-root MuiFormHelperText-filled"
1210
+ >
1211
+ the color of each feature in a pileup alignment
1212
+ </p>
1213
+ </div>
1214
+ </div>
1215
+ <div
1216
+ class="makeStyles-slotModeSwitch"
1217
+ >
1218
+ <button
1219
+ class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary"
1220
+ tabindex="0"
1221
+ title="convert to callback"
1222
+ type="button"
1223
+ >
1224
+ <span
1225
+ class="MuiIconButton-label"
1226
+ >
1227
+ <svg
1228
+ aria-hidden="true"
1229
+ class="MuiSvgIcon-root"
1230
+ focusable="false"
1231
+ viewBox="0 0 24 24"
1232
+ >
1233
+ <path
1234
+ d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
1235
+ />
1236
+ </svg>
1237
+ </span>
1238
+ <span
1239
+ class="MuiTouchRipple-root"
1240
+ />
1241
+ </button>
1242
+ </div>
1243
+ </div>
1244
+ <div
1245
+ class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
1246
+ >
1247
+ <div
1248
+ class="makeStyles-paperContent"
1249
+ >
1250
+ <div
1251
+ class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
1252
+ >
1253
+ <label
1254
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
1255
+ data-shrink="true"
1256
+ >
1257
+ orientationType
1258
+ </label>
1259
+ <div
1260
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
1261
+ >
1262
+ <div
1263
+ aria-haspopup="listbox"
1264
+ class="MuiSelect-root MuiSelect-select MuiSelect-selectMenu MuiInputBase-input MuiInput-input"
1265
+ role="button"
1266
+ tabindex="0"
1267
+ >
1268
+ fr
1269
+ </div>
1270
+ <input
1271
+ aria-hidden="true"
1272
+ class="MuiSelect-nativeInput"
1273
+ tabindex="-1"
1274
+ value="fr"
1275
+ />
1276
+ <svg
1277
+ aria-hidden="true"
1278
+ class="MuiSvgIcon-root MuiSelect-icon"
1279
+ focusable="false"
1280
+ viewBox="0 0 24 24"
1281
+ >
1282
+ <path
1283
+ d="M7 10l5 5 5-5z"
1284
+ />
1285
+ </svg>
1286
+ </div>
1287
+ <p
1288
+ class="MuiFormHelperText-root MuiFormHelperText-filled"
1289
+ >
1290
+ read sequencer orienation. fr is normal "reads pointing at each other ---&gt; &lt;--- while some other sequencers can use other options
1291
+ </p>
1292
+ </div>
1293
+ </div>
1294
+ <div
1295
+ class="makeStyles-slotModeSwitch"
1296
+ />
1297
+ </div>
1298
+ <div
1299
+ class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
1300
+ >
1301
+ <div
1302
+ class="makeStyles-paperContent"
1303
+ >
1304
+ <div
1305
+ class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
1306
+ >
1307
+ <label
1308
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
1309
+ data-shrink="true"
1310
+ >
1311
+ displayMode
1312
+ </label>
1313
+ <div
1314
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
1315
+ >
1316
+ <div
1317
+ aria-haspopup="listbox"
1318
+ class="MuiSelect-root MuiSelect-select MuiSelect-selectMenu MuiInputBase-input MuiInput-input"
1319
+ role="button"
1320
+ tabindex="0"
1321
+ >
1322
+ normal
1323
+ </div>
1324
+ <input
1325
+ aria-hidden="true"
1326
+ class="MuiSelect-nativeInput"
1327
+ tabindex="-1"
1328
+ value="normal"
1329
+ />
1330
+ <svg
1331
+ aria-hidden="true"
1332
+ class="MuiSvgIcon-root MuiSelect-icon"
1333
+ focusable="false"
1334
+ viewBox="0 0 24 24"
1335
+ >
1336
+ <path
1337
+ d="M7 10l5 5 5-5z"
1338
+ />
1339
+ </svg>
1340
+ </div>
1341
+ <p
1342
+ class="MuiFormHelperText-root MuiFormHelperText-filled"
1343
+ >
1344
+ Alternative display modes
1345
+ </p>
1346
+ </div>
1347
+ </div>
1348
+ <div
1349
+ class="makeStyles-slotModeSwitch"
1350
+ />
1351
+ </div>
1352
+ <div
1353
+ class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
1354
+ >
1355
+ <div
1356
+ class="makeStyles-paperContent"
1357
+ >
1358
+ <div
1359
+ class="MuiFormControl-root MuiTextField-root"
1360
+ >
1361
+ <label
1362
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
1363
+ data-shrink="true"
1364
+ >
1365
+ minSubfeatureWidth
1366
+ </label>
1367
+ <div
1368
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
1369
+ >
1370
+ <input
1371
+ aria-invalid="false"
1372
+ class="MuiInputBase-input MuiInput-input"
1373
+ type="number"
1374
+ value="0"
1375
+ />
1376
+ </div>
1377
+ <p
1378
+ class="MuiFormHelperText-root MuiFormHelperText-filled"
1379
+ >
1380
+ the minimum width in px for a pileup mismatch feature. use for increasing mismatch marker widths when zoomed out to e.g. 1px or 0.5px
1381
+ </p>
1382
+ </div>
1383
+ </div>
1384
+ <div
1385
+ class="makeStyles-slotModeSwitch"
1386
+ />
1387
+ </div>
1388
+ <div
1389
+ class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
1390
+ >
1391
+ <div
1392
+ class="makeStyles-paperContent"
1393
+ >
1394
+ <div
1395
+ class="MuiFormControl-root MuiTextField-root"
1396
+ >
1397
+ <label
1398
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
1399
+ data-shrink="true"
1400
+ >
1401
+ maxHeight
1402
+ </label>
1403
+ <div
1404
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
1405
+ >
1406
+ <input
1407
+ aria-invalid="false"
1408
+ class="MuiInputBase-input MuiInput-input"
1409
+ type="number"
1410
+ value="1200"
1411
+ />
1412
+ </div>
1413
+ <p
1414
+ class="MuiFormHelperText-root MuiFormHelperText-filled"
1415
+ >
1416
+ the maximum height to be used in a pileup rendering
1417
+ </p>
1418
+ </div>
1419
+ </div>
1420
+ <div
1421
+ class="makeStyles-slotModeSwitch"
1422
+ />
1423
+ </div>
1424
+ <div
1425
+ class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
1426
+ >
1427
+ <div
1428
+ class="makeStyles-paperContent"
1429
+ >
1430
+ <div
1431
+ class="MuiFormControl-root MuiTextField-root"
1432
+ >
1433
+ <label
1434
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
1435
+ data-shrink="true"
1436
+ >
1437
+ maxClippingSize
1438
+ </label>
1439
+ <div
1440
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
1441
+ >
1442
+ <input
1443
+ aria-invalid="false"
1444
+ class="MuiInputBase-input MuiInput-input"
1445
+ type="number"
1446
+ value="10000"
1447
+ />
1448
+ </div>
1449
+ <p
1450
+ class="MuiFormHelperText-root MuiFormHelperText-filled"
1451
+ >
1452
+ the max clip size to be used in a pileup rendering
1453
+ </p>
1454
+ </div>
1455
+ </div>
1456
+ <div
1457
+ class="makeStyles-slotModeSwitch"
1458
+ />
1459
+ </div>
1460
+ <div
1461
+ class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
1462
+ >
1463
+ <div
1464
+ class="makeStyles-paperContent"
1465
+ >
1466
+ <div
1467
+ class="MuiFormControl-root MuiTextField-root"
1468
+ >
1469
+ <label
1470
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
1471
+ data-shrink="true"
1472
+ >
1473
+ height
1474
+ </label>
1475
+ <div
1476
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
1477
+ >
1478
+ <input
1479
+ aria-invalid="false"
1480
+ class="MuiInputBase-input MuiInput-input"
1481
+ type="number"
1482
+ value="7"
1483
+ />
1484
+ </div>
1485
+ <p
1486
+ class="MuiFormHelperText-root MuiFormHelperText-filled"
1487
+ >
1488
+ the height of each feature in a pileup alignment
1489
+ </p>
1490
+ </div>
1491
+ </div>
1492
+ <div
1493
+ class="makeStyles-slotModeSwitch"
1494
+ >
1495
+ <button
1496
+ class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary"
1497
+ tabindex="0"
1498
+ title="convert to callback"
1499
+ type="button"
1500
+ >
1501
+ <span
1502
+ class="MuiIconButton-label"
1503
+ >
1504
+ <svg
1505
+ aria-hidden="true"
1506
+ class="MuiSvgIcon-root"
1507
+ focusable="false"
1508
+ viewBox="0 0 24 24"
1509
+ >
1510
+ <path
1511
+ d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
1512
+ />
1513
+ </svg>
1514
+ </span>
1515
+ <span
1516
+ class="MuiTouchRipple-root"
1517
+ />
1518
+ </button>
1519
+ </div>
1520
+ </div>
1521
+ <div
1522
+ class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
1523
+ >
1524
+ <div
1525
+ class="makeStyles-paperContent"
1526
+ >
1527
+ <div
1528
+ class="MuiFormControl-root"
1529
+ >
1530
+ <label
1531
+ class="MuiFormControlLabel-root"
1532
+ >
1533
+ <span
1534
+ aria-disabled="false"
1535
+ class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
1536
+ >
1537
+ <span
1538
+ class="MuiIconButton-label"
1539
+ >
1540
+ <input
1541
+ class="PrivateSwitchBase-input"
1542
+ data-indeterminate="false"
1543
+ type="checkbox"
1544
+ value=""
1545
+ />
1546
+ <svg
1547
+ aria-hidden="true"
1548
+ class="MuiSvgIcon-root"
1549
+ focusable="false"
1550
+ viewBox="0 0 24 24"
1551
+ >
1552
+ <path
1553
+ d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
1554
+ />
1555
+ </svg>
1556
+ </span>
1557
+ <span
1558
+ class="MuiTouchRipple-root"
1559
+ />
1560
+ </span>
1561
+ <span
1562
+ class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"
1563
+ >
1564
+ noSpacing
1565
+ </span>
1566
+ </label>
1567
+ <p
1568
+ class="MuiFormHelperText-root"
1569
+ >
1570
+ remove spacing between features
1571
+ </p>
1572
+ </div>
1573
+ </div>
1574
+ <div
1575
+ class="makeStyles-slotModeSwitch"
1576
+ />
1577
+ </div>
1578
+ <div
1579
+ class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
1580
+ >
1581
+ <div
1582
+ class="makeStyles-paperContent"
1583
+ >
1584
+ <div
1585
+ class="MuiFormControl-root MuiTextField-root"
1586
+ >
1587
+ <label
1588
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
1589
+ data-shrink="true"
1590
+ >
1591
+ largeInsertionIndicatorScale
1592
+ </label>
1593
+ <div
1594
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
1595
+ >
1596
+ <input
1597
+ aria-invalid="false"
1598
+ class="MuiInputBase-input MuiInput-input"
1599
+ type="number"
1600
+ value="10"
1601
+ />
1602
+ </div>
1603
+ <p
1604
+ class="MuiFormHelperText-root MuiFormHelperText-filled"
1605
+ >
1606
+ scale at which to draw the large insertion indicators (bp/pixel)
1607
+ </p>
1608
+ </div>
1609
+ </div>
1610
+ <div
1611
+ class="makeStyles-slotModeSwitch"
1612
+ />
1613
+ </div>
1614
+ <div
1615
+ class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
1616
+ >
1617
+ <div
1618
+ class="makeStyles-paperContent"
1619
+ >
1620
+ <div
1621
+ class="MuiFormControl-root"
1622
+ >
1623
+ <label
1624
+ class="MuiFormControlLabel-root"
1625
+ >
1626
+ <span
1627
+ aria-disabled="false"
1628
+ class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
1629
+ >
1630
+ <span
1631
+ class="MuiIconButton-label"
1632
+ >
1633
+ <input
1634
+ class="PrivateSwitchBase-input"
1635
+ data-indeterminate="false"
1636
+ type="checkbox"
1637
+ value=""
1638
+ />
1639
+ <svg
1640
+ aria-hidden="true"
1641
+ class="MuiSvgIcon-root"
1642
+ focusable="false"
1643
+ viewBox="0 0 24 24"
1644
+ >
1645
+ <path
1646
+ d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
1647
+ />
1648
+ </svg>
1649
+ </span>
1650
+ <span
1651
+ class="MuiTouchRipple-root"
1652
+ />
1653
+ </span>
1654
+ <span
1655
+ class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"
1656
+ >
1657
+ mismatchAlpha
1658
+ </span>
1659
+ </label>
1660
+ <p
1661
+ class="MuiFormHelperText-root"
1662
+ >
1663
+ Fade low quality mismatches
1664
+ </p>
1665
+ </div>
1666
+ </div>
1667
+ <div
1668
+ class="makeStyles-slotModeSwitch"
1669
+ />
1670
+ </div>
1671
+ </div>
1672
+ </div>
1673
+ </div>
1674
+ </div>
1675
+ </div>
1676
+ </div>
1677
+ </div>
1497
1678
  </div>
1498
1679
  </div>
1499
- <div
1500
- class="makeStyles-slotModeSwitch"
1501
- />
1502
1680
  </div>
1503
1681
  </div>
1504
1682
  </div>
@@ -1507,40 +1685,101 @@ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack sch
1507
1685
 
1508
1686
  exports[`ConfigurationEditor widget renders with just the required model elements 1`] = `
1509
1687
  <div
1510
- class="makeStyles-root"
1511
- data-testid="configEditor"
1688
+ class="MuiPaper-root MuiAccordion-root makeStyles-accordion MuiAccordion-expanded MuiAccordion-rounded MuiPaper-elevation1 MuiPaper-rounded"
1512
1689
  >
1513
1690
  <div
1514
- class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
1691
+ aria-disabled="false"
1692
+ aria-expanded="true"
1693
+ class="MuiButtonBase-root MuiAccordionSummary-root MuiAccordionSummary-expanded"
1694
+ role="button"
1695
+ tabindex="0"
1515
1696
  >
1516
1697
  <div
1517
- class="makeStyles-paperContent"
1698
+ class="MuiAccordionSummary-content MuiAccordionSummary-expanded"
1518
1699
  >
1519
- <div
1520
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
1700
+ <p
1701
+ class="MuiTypography-root MuiTypography-body1"
1521
1702
  >
1522
- <label
1523
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
1524
- data-shrink="true"
1703
+ Configuration
1704
+ </p>
1705
+ </div>
1706
+ <div
1707
+ aria-disabled="false"
1708
+ aria-hidden="true"
1709
+ class="MuiButtonBase-root MuiIconButton-root MuiAccordionSummary-expandIcon MuiAccordionSummary-expanded MuiIconButton-edgeEnd"
1710
+ >
1711
+ <span
1712
+ class="MuiIconButton-label"
1713
+ >
1714
+ <svg
1715
+ aria-hidden="true"
1716
+ class="MuiSvgIcon-root makeStyles-expandIcon"
1717
+ focusable="false"
1718
+ viewBox="0 0 24 24"
1525
1719
  >
1526
- foo
1527
- </label>
1720
+ <path
1721
+ d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"
1722
+ />
1723
+ </svg>
1724
+ </span>
1725
+ <span
1726
+ class="MuiTouchRipple-root"
1727
+ />
1728
+ </div>
1729
+ </div>
1730
+ <div
1731
+ class="MuiCollapse-root MuiCollapse-entered"
1732
+ style="min-height: 0px;"
1733
+ >
1734
+ <div
1735
+ class="MuiCollapse-wrapper"
1736
+ >
1737
+ <div
1738
+ class="MuiCollapse-wrapperInner"
1739
+ >
1528
1740
  <div
1529
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
1741
+ role="region"
1530
1742
  >
1531
- <input
1532
- aria-invalid="false"
1533
- class="MuiInputBase-input MuiInput-input"
1534
- type="text"
1535
- value="bar"
1536
- />
1743
+ <div
1744
+ class="MuiAccordionDetails-root makeStyles-expansionPanelDetails"
1745
+ data-testid="configEditor"
1746
+ >
1747
+ <div
1748
+ class="MuiPaper-root makeStyles-paper MuiPaper-elevation1 MuiPaper-rounded"
1749
+ >
1750
+ <div
1751
+ class="makeStyles-paperContent"
1752
+ >
1753
+ <div
1754
+ class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
1755
+ >
1756
+ <label
1757
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
1758
+ data-shrink="true"
1759
+ >
1760
+ foo
1761
+ </label>
1762
+ <div
1763
+ class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
1764
+ >
1765
+ <input
1766
+ aria-invalid="false"
1767
+ class="MuiInputBase-input MuiInput-input"
1768
+ type="text"
1769
+ value="bar"
1770
+ />
1771
+ </div>
1772
+
1773
+ </div>
1774
+ </div>
1775
+ <div
1776
+ class="makeStyles-slotModeSwitch"
1777
+ />
1778
+ </div>
1779
+ </div>
1537
1780
  </div>
1538
-
1539
1781
  </div>
1540
1782
  </div>
1541
- <div
1542
- class="makeStyles-slotModeSwitch"
1543
- />
1544
1783
  </div>
1545
1784
  </div>
1546
1785
  `;