@jbrowse/plugin-config 1.7.11 → 2.1.0

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