@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
@@ -0,0 +1,2024 @@
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 MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded Mui-expanded MuiAccordion-gutters tss-r6x2pq-accordion css-1elwnq4-MuiPaper-root-MuiAccordion-root"
6
+ >
7
+ <div
8
+ aria-expanded="true"
9
+ class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded MuiAccordionSummary-gutters css-sh22l5-MuiButtonBase-root-MuiAccordionSummary-root"
10
+ role="button"
11
+ tabindex="0"
12
+ >
13
+ <div
14
+ class="MuiAccordionSummary-content Mui-expanded MuiAccordionSummary-contentGutters css-o4b71y-MuiAccordionSummary-content"
15
+ >
16
+ <p
17
+ class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
18
+ >
19
+ Configuration
20
+ </p>
21
+ </div>
22
+ <div
23
+ class="MuiAccordionSummary-expandIconWrapper Mui-expanded css-yw020d-MuiAccordionSummary-expandIconWrapper"
24
+ >
25
+ <svg
26
+ aria-hidden="true"
27
+ class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-5xjg5v-expandIcon css-i4bv87-MuiSvgIcon-root"
28
+ data-testid="ExpandMoreIcon"
29
+ focusable="false"
30
+ viewBox="0 0 24 24"
31
+ >
32
+ <path
33
+ d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
34
+ />
35
+ </svg>
36
+ </div>
37
+ </div>
38
+ <div
39
+ class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-pwcg7p-MuiCollapse-root"
40
+ style="min-height: 0px;"
41
+ >
42
+ <div
43
+ class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
44
+ >
45
+ <div
46
+ class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
47
+ >
48
+ <div
49
+ class="MuiAccordion-region"
50
+ role="region"
51
+ >
52
+ <div
53
+ class="MuiAccordionDetails-root tss-1g973hk-expansionPanelDetails css-15v22id-MuiAccordionDetails-root"
54
+ data-testid="configEditor"
55
+ >
56
+ <div
57
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 tss-en0npb-paper css-1ps6pg7-MuiPaper-root"
58
+ >
59
+ <div
60
+ class="tss-1962tgi-paperContent"
61
+ >
62
+ <div
63
+ class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
64
+ >
65
+ <label
66
+ class="MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-root MuiFormLabel-colorPrimary MuiFormLabel-filled css-1sumxir-MuiFormLabel-root-MuiInputLabel-root"
67
+ data-shrink="true"
68
+ for="mui-2"
69
+ id="mui-2-label"
70
+ >
71
+ stringTest
72
+ </label>
73
+ <div
74
+ class="MuiOutlinedInput-root MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-md26zr-MuiInputBase-root-MuiOutlinedInput-root"
75
+ >
76
+ <input
77
+ aria-describedby="mui-2-helper-text"
78
+ aria-invalid="false"
79
+ class="MuiOutlinedInput-input MuiInputBase-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
80
+ id="mui-2"
81
+ type="text"
82
+ value="string1"
83
+ />
84
+ <fieldset
85
+ aria-hidden="true"
86
+ class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
87
+ >
88
+ <legend
89
+ class="css-1in441m"
90
+ >
91
+ <span>
92
+ stringTest
93
+ </span>
94
+ </legend>
95
+ </fieldset>
96
+ </div>
97
+ <div
98
+ class="MuiFormHelperText-root MuiFormHelperText-sizeMedium MuiFormHelperText-contained MuiFormHelperText-filled css-1wc848c-MuiFormHelperText-root"
99
+ id="mui-2-helper-text"
100
+ >
101
+ <div>
102
+ stringTest
103
+ </div>
104
+ </div>
105
+ </div>
106
+ </div>
107
+ <div
108
+ class="tss-8lz2mt-slotModeSwitch"
109
+ />
110
+ </div>
111
+ <div
112
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 tss-en0npb-paper css-1ps6pg7-MuiPaper-root"
113
+ >
114
+ <div
115
+ class="tss-1962tgi-paperContent"
116
+ >
117
+ <div
118
+ class="MuiBox-root css-k008qs"
119
+ >
120
+ <label
121
+ class="MuiInputLabel-root MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-root MuiFormLabel-colorPrimary css-1foa3kv-MuiFormLabel-root-MuiInputLabel-root"
122
+ data-shrink="true"
123
+ >
124
+ fileLocationTest
125
+ </label>
126
+ </div>
127
+ <div
128
+ class="MuiBox-root css-1xhj18k"
129
+ >
130
+ <div
131
+ class="MuiBox-root css-0"
132
+ >
133
+ <div
134
+ aria-label="file, url, or account picker"
135
+ class="MuiToggleButtonGroup-root css-1gjgmky-MuiToggleButtonGroup-root"
136
+ role="group"
137
+ >
138
+ <button
139
+ aria-label="local file"
140
+ aria-pressed="false"
141
+ class="MuiButtonBase-root MuiToggleButton-root MuiToggleButton-sizeMedium MuiToggleButton-standard MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal css-ueukts-MuiButtonBase-root-MuiToggleButton-root"
142
+ tabindex="0"
143
+ type="button"
144
+ value="file"
145
+ >
146
+ File
147
+ <span
148
+ class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
149
+ />
150
+ </button>
151
+ <button
152
+ aria-label="url"
153
+ aria-pressed="true"
154
+ class="MuiButtonBase-root MuiToggleButton-root Mui-selected MuiToggleButton-sizeMedium MuiToggleButton-standard MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal css-ueukts-MuiButtonBase-root-MuiToggleButton-root"
155
+ tabindex="0"
156
+ type="button"
157
+ value="url"
158
+ >
159
+ URL
160
+ <span
161
+ class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
162
+ />
163
+ </button>
164
+ </div>
165
+ </div>
166
+ </div>
167
+ <div
168
+ class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
169
+ >
170
+ <label
171
+ class="MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-root MuiFormLabel-colorPrimary MuiFormLabel-filled css-1sumxir-MuiFormLabel-root-MuiInputLabel-root"
172
+ data-shrink="true"
173
+ for="mui-3"
174
+ id="mui-3-label"
175
+ >
176
+ Enter URL
177
+ </label>
178
+ <div
179
+ class="MuiOutlinedInput-root MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-md26zr-MuiInputBase-root-MuiOutlinedInput-root"
180
+ >
181
+ <input
182
+ aria-invalid="false"
183
+ class="MuiOutlinedInput-input MuiInputBase-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
184
+ data-testid="urlInput"
185
+ id="mui-3"
186
+ type="text"
187
+ value="/path/to/my.file"
188
+ />
189
+ <fieldset
190
+ aria-hidden="true"
191
+ class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
192
+ >
193
+ <legend
194
+ class="css-1in441m"
195
+ >
196
+ <span>
197
+ Enter URL
198
+ </span>
199
+ </legend>
200
+ </fieldset>
201
+ </div>
202
+ </div>
203
+ <p
204
+ class="MuiFormHelperText-root css-1d1r5q-MuiFormHelperText-root"
205
+ >
206
+ fileLocationTest
207
+ </p>
208
+ </div>
209
+ <div
210
+ class="tss-8lz2mt-slotModeSwitch"
211
+ />
212
+ </div>
213
+ <div
214
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 tss-en0npb-paper css-1ps6pg7-MuiPaper-root"
215
+ >
216
+ <div
217
+ class="tss-1962tgi-paperContent"
218
+ >
219
+ <label
220
+ class="MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-root MuiFormLabel-colorPrimary css-9npbnl-MuiFormLabel-root-MuiInputLabel-root"
221
+ >
222
+ stringArrayTest
223
+ </label>
224
+ <ul
225
+ class="MuiList-root css-1mk9mw3-MuiList-root"
226
+ >
227
+ <li
228
+ class="MuiListItem-root MuiListItem-padding css-1tnift2-MuiListItem-root"
229
+ >
230
+ <div
231
+ class="MuiFormControl-root MuiTextField-root css-1u3bzj6-MuiFormControl-root-MuiTextField-root"
232
+ >
233
+ <div
234
+ class="MuiOutlinedInput-root MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-adornedEnd css-o9k5xi-MuiInputBase-root-MuiOutlinedInput-root"
235
+ >
236
+ <input
237
+ aria-invalid="false"
238
+ class="MuiOutlinedInput-input MuiInputBase-input MuiInputBase-inputAdornedEnd css-nxo287-MuiInputBase-input-MuiOutlinedInput-input"
239
+ id="mui-4"
240
+ type="text"
241
+ value="string1"
242
+ />
243
+ <div
244
+ class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-1laqsz7-MuiInputAdornment-root"
245
+ >
246
+ <button
247
+ class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary MuiIconButton-sizeMedium css-1gws2xf-MuiButtonBase-root-MuiIconButton-root"
248
+ tabindex="0"
249
+ type="button"
250
+ >
251
+ <svg
252
+ aria-hidden="true"
253
+ class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
254
+ data-testid="DeleteIcon"
255
+ focusable="false"
256
+ viewBox="0 0 24 24"
257
+ >
258
+ <path
259
+ d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
260
+ />
261
+ </svg>
262
+ <span
263
+ class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
264
+ />
265
+ </button>
266
+ </div>
267
+ <fieldset
268
+ aria-hidden="true"
269
+ class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
270
+ >
271
+ <legend
272
+ class="css-hdw1oc"
273
+ >
274
+ <span
275
+ class="notranslate"
276
+ >
277
+
278
+ </span>
279
+ </legend>
280
+ </fieldset>
281
+ </div>
282
+ </div>
283
+ </li>
284
+ <li
285
+ class="MuiListItem-root MuiListItem-padding css-1tnift2-MuiListItem-root"
286
+ >
287
+ <div
288
+ class="MuiFormControl-root MuiTextField-root css-1u3bzj6-MuiFormControl-root-MuiTextField-root"
289
+ >
290
+ <div
291
+ class="MuiOutlinedInput-root MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-adornedEnd css-o9k5xi-MuiInputBase-root-MuiOutlinedInput-root"
292
+ >
293
+ <input
294
+ aria-invalid="false"
295
+ class="MuiOutlinedInput-input MuiInputBase-input MuiInputBase-inputAdornedEnd css-nxo287-MuiInputBase-input-MuiOutlinedInput-input"
296
+ id="mui-5"
297
+ type="text"
298
+ value="string2"
299
+ />
300
+ <div
301
+ class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-1laqsz7-MuiInputAdornment-root"
302
+ >
303
+ <button
304
+ class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary MuiIconButton-sizeMedium css-1gws2xf-MuiButtonBase-root-MuiIconButton-root"
305
+ tabindex="0"
306
+ type="button"
307
+ >
308
+ <svg
309
+ aria-hidden="true"
310
+ class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
311
+ data-testid="DeleteIcon"
312
+ focusable="false"
313
+ viewBox="0 0 24 24"
314
+ >
315
+ <path
316
+ d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
317
+ />
318
+ </svg>
319
+ <span
320
+ class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
321
+ />
322
+ </button>
323
+ </div>
324
+ <fieldset
325
+ aria-hidden="true"
326
+ class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
327
+ >
328
+ <legend
329
+ class="css-hdw1oc"
330
+ >
331
+ <span
332
+ class="notranslate"
333
+ >
334
+
335
+ </span>
336
+ </legend>
337
+ </fieldset>
338
+ </div>
339
+ </div>
340
+ </li>
341
+ <button
342
+ class="MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButtonBase-root css-sghohy-MuiButtonBase-root-MuiButton-root"
343
+ style="margin: 4px;"
344
+ tabindex="0"
345
+ type="button"
346
+ >
347
+ Add item
348
+ <span
349
+ class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
350
+ />
351
+ </button>
352
+ </ul>
353
+ <p
354
+ class="MuiFormHelperText-root css-1d1r5q-MuiFormHelperText-root"
355
+ >
356
+ stringArrayTest
357
+ </p>
358
+ </div>
359
+ <div
360
+ class="tss-8lz2mt-slotModeSwitch"
361
+ />
362
+ </div>
363
+ <div
364
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 tss-en0npb-paper css-1ps6pg7-MuiPaper-root"
365
+ >
366
+ <div
367
+ class="tss-1962tgi-paperContent"
368
+ >
369
+ <label
370
+ class="MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-root MuiFormLabel-colorPrimary css-9npbnl-MuiFormLabel-root-MuiInputLabel-root"
371
+ >
372
+ stringArrayMapTest
373
+ </label>
374
+ <div
375
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation8 MuiCard-root tss-j5n5ux-card css-fky5tw-MuiPaper-root-MuiCard-root"
376
+ >
377
+ <div
378
+ class="MuiCardHeader-root css-185gdzj-MuiCardHeader-root"
379
+ >
380
+ <div
381
+ class="MuiCardHeader-content css-1qbkelo-MuiCardHeader-content"
382
+ >
383
+ <span
384
+ class="MuiTypography-root MuiTypography-h5 MuiCardHeader-title css-1qvr50w-MuiTypography-root"
385
+ >
386
+ key1
387
+ </span>
388
+ </div>
389
+ <div
390
+ class="MuiCardHeader-action css-sgoict-MuiCardHeader-action"
391
+ >
392
+ <button
393
+ class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary MuiIconButton-sizeMedium css-1gws2xf-MuiButtonBase-root-MuiIconButton-root"
394
+ tabindex="0"
395
+ type="button"
396
+ >
397
+ <svg
398
+ aria-hidden="true"
399
+ class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
400
+ data-testid="DeleteIcon"
401
+ focusable="false"
402
+ viewBox="0 0 24 24"
403
+ >
404
+ <path
405
+ d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
406
+ />
407
+ </svg>
408
+ <span
409
+ class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
410
+ />
411
+ </button>
412
+ </div>
413
+ </div>
414
+ <div
415
+ class="MuiCardContent-root css-46bh2p-MuiCardContent-root"
416
+ >
417
+ <label
418
+ class="MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-root MuiFormLabel-colorPrimary css-9npbnl-MuiFormLabel-root-MuiInputLabel-root"
419
+ >
420
+ stringArrayMapTest
421
+ </label>
422
+ <ul
423
+ class="MuiList-root css-1mk9mw3-MuiList-root"
424
+ >
425
+ <li
426
+ class="MuiListItem-root MuiListItem-padding css-1tnift2-MuiListItem-root"
427
+ >
428
+ <div
429
+ class="MuiFormControl-root MuiTextField-root css-1u3bzj6-MuiFormControl-root-MuiTextField-root"
430
+ >
431
+ <div
432
+ class="MuiOutlinedInput-root MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-adornedEnd css-o9k5xi-MuiInputBase-root-MuiOutlinedInput-root"
433
+ >
434
+ <input
435
+ aria-invalid="false"
436
+ class="MuiOutlinedInput-input MuiInputBase-input MuiInputBase-inputAdornedEnd css-nxo287-MuiInputBase-input-MuiOutlinedInput-input"
437
+ id="mui-6"
438
+ type="text"
439
+ value="string1"
440
+ />
441
+ <div
442
+ class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-1laqsz7-MuiInputAdornment-root"
443
+ >
444
+ <button
445
+ class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary MuiIconButton-sizeMedium css-1gws2xf-MuiButtonBase-root-MuiIconButton-root"
446
+ tabindex="0"
447
+ type="button"
448
+ >
449
+ <svg
450
+ aria-hidden="true"
451
+ class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
452
+ data-testid="DeleteIcon"
453
+ focusable="false"
454
+ viewBox="0 0 24 24"
455
+ >
456
+ <path
457
+ d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
458
+ />
459
+ </svg>
460
+ <span
461
+ class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
462
+ />
463
+ </button>
464
+ </div>
465
+ <fieldset
466
+ aria-hidden="true"
467
+ class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
468
+ >
469
+ <legend
470
+ class="css-hdw1oc"
471
+ >
472
+ <span
473
+ class="notranslate"
474
+ >
475
+
476
+ </span>
477
+ </legend>
478
+ </fieldset>
479
+ </div>
480
+ </div>
481
+ </li>
482
+ <li
483
+ class="MuiListItem-root MuiListItem-padding css-1tnift2-MuiListItem-root"
484
+ >
485
+ <div
486
+ class="MuiFormControl-root MuiTextField-root css-1u3bzj6-MuiFormControl-root-MuiTextField-root"
487
+ >
488
+ <div
489
+ class="MuiOutlinedInput-root MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-adornedEnd css-o9k5xi-MuiInputBase-root-MuiOutlinedInput-root"
490
+ >
491
+ <input
492
+ aria-invalid="false"
493
+ class="MuiOutlinedInput-input MuiInputBase-input MuiInputBase-inputAdornedEnd css-nxo287-MuiInputBase-input-MuiOutlinedInput-input"
494
+ id="mui-7"
495
+ type="text"
496
+ value="string2"
497
+ />
498
+ <div
499
+ class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-1laqsz7-MuiInputAdornment-root"
500
+ >
501
+ <button
502
+ class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary MuiIconButton-sizeMedium css-1gws2xf-MuiButtonBase-root-MuiIconButton-root"
503
+ tabindex="0"
504
+ type="button"
505
+ >
506
+ <svg
507
+ aria-hidden="true"
508
+ class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
509
+ data-testid="DeleteIcon"
510
+ focusable="false"
511
+ viewBox="0 0 24 24"
512
+ >
513
+ <path
514
+ d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
515
+ />
516
+ </svg>
517
+ <span
518
+ class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
519
+ />
520
+ </button>
521
+ </div>
522
+ <fieldset
523
+ aria-hidden="true"
524
+ class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
525
+ >
526
+ <legend
527
+ class="css-hdw1oc"
528
+ >
529
+ <span
530
+ class="notranslate"
531
+ >
532
+
533
+ </span>
534
+ </legend>
535
+ </fieldset>
536
+ </div>
537
+ </div>
538
+ </li>
539
+ <button
540
+ class="MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButtonBase-root css-sghohy-MuiButtonBase-root-MuiButton-root"
541
+ style="margin: 4px;"
542
+ tabindex="0"
543
+ type="button"
544
+ >
545
+ Add item
546
+ <span
547
+ class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
548
+ />
549
+ </button>
550
+ </ul>
551
+ <p
552
+ class="MuiFormHelperText-root css-1d1r5q-MuiFormHelperText-root"
553
+ >
554
+ Values associated with entry key1
555
+ </p>
556
+ </div>
557
+ </div>
558
+ <div
559
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation8 MuiCard-root tss-j5n5ux-card css-fky5tw-MuiPaper-root-MuiCard-root"
560
+ >
561
+ <div
562
+ class="MuiCardHeader-root css-185gdzj-MuiCardHeader-root"
563
+ >
564
+ <div
565
+ class="MuiCardHeader-content css-1qbkelo-MuiCardHeader-content"
566
+ >
567
+ <div
568
+ class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
569
+ >
570
+ <div
571
+ class="MuiOutlinedInput-root MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd css-154xyx0-MuiInputBase-root-MuiOutlinedInput-root"
572
+ >
573
+ <input
574
+ aria-invalid="false"
575
+ class="MuiOutlinedInput-input MuiInputBase-input MuiInputBase-inputAdornedEnd css-nxo287-MuiInputBase-input-MuiOutlinedInput-input"
576
+ id="mui-8"
577
+ placeholder="add new"
578
+ type="text"
579
+ value=""
580
+ />
581
+ <div
582
+ class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-1laqsz7-MuiInputAdornment-root"
583
+ >
584
+ <button
585
+ class="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-colorSecondary MuiIconButton-sizeMedium css-1gws2xf-MuiButtonBase-root-MuiIconButton-root"
586
+ disabled=""
587
+ tabindex="-1"
588
+ type="button"
589
+ >
590
+ <svg
591
+ aria-hidden="true"
592
+ class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
593
+ data-testid="AddIcon"
594
+ focusable="false"
595
+ viewBox="0 0 24 24"
596
+ >
597
+ <path
598
+ d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
599
+ />
600
+ </svg>
601
+ </button>
602
+ </div>
603
+ <fieldset
604
+ aria-hidden="true"
605
+ class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
606
+ >
607
+ <legend
608
+ class="css-hdw1oc"
609
+ >
610
+ <span
611
+ class="notranslate"
612
+ >
613
+
614
+ </span>
615
+ </legend>
616
+ </fieldset>
617
+ </div>
618
+ </div>
619
+ </div>
620
+ </div>
621
+ </div>
622
+ <p
623
+ class="MuiFormHelperText-root css-1d1r5q-MuiFormHelperText-root"
624
+ >
625
+ stringArrayMapTest
626
+ </p>
627
+ </div>
628
+ <div
629
+ class="tss-8lz2mt-slotModeSwitch"
630
+ />
631
+ </div>
632
+ <div
633
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 tss-en0npb-paper css-1ps6pg7-MuiPaper-root"
634
+ >
635
+ <div
636
+ class="tss-1962tgi-paperContent"
637
+ >
638
+ <div
639
+ class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
640
+ >
641
+ <label
642
+ class="MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-root MuiFormLabel-colorPrimary MuiFormLabel-filled css-1sumxir-MuiFormLabel-root-MuiInputLabel-root"
643
+ data-shrink="true"
644
+ for="mui-9"
645
+ id="mui-9-label"
646
+ >
647
+ numberTest
648
+ </label>
649
+ <div
650
+ class="MuiOutlinedInput-root MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-md26zr-MuiInputBase-root-MuiOutlinedInput-root"
651
+ >
652
+ <input
653
+ aria-describedby="mui-9-helper-text"
654
+ aria-invalid="false"
655
+ class="MuiOutlinedInput-input MuiInputBase-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
656
+ id="mui-9"
657
+ type="number"
658
+ value="88.5"
659
+ />
660
+ <fieldset
661
+ aria-hidden="true"
662
+ class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
663
+ >
664
+ <legend
665
+ class="css-1in441m"
666
+ >
667
+ <span>
668
+ numberTest
669
+ </span>
670
+ </legend>
671
+ </fieldset>
672
+ </div>
673
+ <div
674
+ class="MuiFormHelperText-root MuiFormHelperText-sizeMedium MuiFormHelperText-contained MuiFormHelperText-filled css-1wc848c-MuiFormHelperText-root"
675
+ id="mui-9-helper-text"
676
+ >
677
+ <div>
678
+ numberTest
679
+ </div>
680
+ </div>
681
+ </div>
682
+ </div>
683
+ <div
684
+ class="tss-8lz2mt-slotModeSwitch"
685
+ />
686
+ </div>
687
+ <div
688
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 tss-en0npb-paper css-1ps6pg7-MuiPaper-root"
689
+ >
690
+ <div
691
+ class="tss-1962tgi-paperContent"
692
+ >
693
+ <div
694
+ class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
695
+ >
696
+ <label
697
+ class="MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-root MuiFormLabel-colorPrimary MuiFormLabel-filled css-1sumxir-MuiFormLabel-root-MuiInputLabel-root"
698
+ data-shrink="true"
699
+ for="mui-10"
700
+ id="mui-10-label"
701
+ >
702
+ integerTest
703
+ </label>
704
+ <div
705
+ class="MuiOutlinedInput-root MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-md26zr-MuiInputBase-root-MuiOutlinedInput-root"
706
+ >
707
+ <input
708
+ aria-describedby="mui-10-helper-text"
709
+ aria-invalid="false"
710
+ class="MuiOutlinedInput-input MuiInputBase-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
711
+ id="mui-10"
712
+ type="number"
713
+ value="42"
714
+ />
715
+ <fieldset
716
+ aria-hidden="true"
717
+ class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
718
+ >
719
+ <legend
720
+ class="css-1in441m"
721
+ >
722
+ <span>
723
+ integerTest
724
+ </span>
725
+ </legend>
726
+ </fieldset>
727
+ </div>
728
+ <div
729
+ class="MuiFormHelperText-root MuiFormHelperText-sizeMedium MuiFormHelperText-contained MuiFormHelperText-filled css-1wc848c-MuiFormHelperText-root"
730
+ id="mui-10-helper-text"
731
+ >
732
+ <div>
733
+ integerTest
734
+ </div>
735
+ </div>
736
+ </div>
737
+ </div>
738
+ <div
739
+ class="tss-8lz2mt-slotModeSwitch"
740
+ />
741
+ </div>
742
+ <div
743
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 tss-en0npb-paper css-1ps6pg7-MuiPaper-root"
744
+ >
745
+ <div
746
+ class="tss-1962tgi-paperContent"
747
+ >
748
+ <div
749
+ style="display: flex;"
750
+ >
751
+ <div
752
+ class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
753
+ >
754
+ <label
755
+ class="MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-root MuiFormLabel-colorPrimary MuiFormLabel-filled css-1sumxir-MuiFormLabel-root-MuiInputLabel-root"
756
+ data-shrink="true"
757
+ for="mui-11"
758
+ id="mui-11-label"
759
+ >
760
+ colorTest
761
+ </label>
762
+ <div
763
+ class="MuiOutlinedInput-root MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-md26zr-MuiInputBase-root-MuiOutlinedInput-root"
764
+ >
765
+ <input
766
+ aria-describedby="mui-11-helper-text"
767
+ aria-invalid="false"
768
+ class="MuiOutlinedInput-input MuiInputBase-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
769
+ id="mui-11"
770
+ type="text"
771
+ value="#396494"
772
+ />
773
+ <fieldset
774
+ aria-hidden="true"
775
+ class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
776
+ >
777
+ <legend
778
+ class="css-1in441m"
779
+ >
780
+ <span>
781
+ colorTest
782
+ </span>
783
+ </legend>
784
+ </fieldset>
785
+ </div>
786
+ <p
787
+ class="MuiFormHelperText-root MuiFormHelperText-sizeMedium MuiFormHelperText-contained MuiFormHelperText-filled css-1wc848c-MuiFormHelperText-root"
788
+ id="mui-11-helper-text"
789
+ >
790
+ colorTest
791
+ </p>
792
+ </div>
793
+ <div
794
+ style="margin-top: 10px;"
795
+ >
796
+ <div />
797
+ </div>
798
+ </div>
799
+ </div>
800
+ <div
801
+ class="tss-8lz2mt-slotModeSwitch"
802
+ />
803
+ </div>
804
+ <div
805
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 tss-en0npb-paper css-1ps6pg7-MuiPaper-root"
806
+ >
807
+ <div
808
+ class="tss-1962tgi-paperContent"
809
+ >
810
+ <div
811
+ class="MuiFormControl-root css-1nrlq1o-MuiFormControl-root"
812
+ >
813
+ <label
814
+ class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-j204z7-MuiFormControlLabel-root"
815
+ >
816
+ <span
817
+ class="MuiCheckbox-root MuiCheckbox-colorPrimary MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root Mui-checked css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root"
818
+ >
819
+ <input
820
+ checked=""
821
+ class="PrivateSwitchBase-input css-1m9pwf3"
822
+ data-indeterminate="false"
823
+ type="checkbox"
824
+ />
825
+ <svg
826
+ aria-hidden="true"
827
+ class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
828
+ data-testid="CheckBoxIcon"
829
+ focusable="false"
830
+ viewBox="0 0 24 24"
831
+ >
832
+ <path
833
+ 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"
834
+ />
835
+ </svg>
836
+ <span
837
+ class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
838
+ />
839
+ </span>
840
+ <span
841
+ class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-ahj2mt-MuiTypography-root"
842
+ >
843
+ booleanTest
844
+ </span>
845
+ </label>
846
+ <p
847
+ class="MuiFormHelperText-root MuiFormHelperText-sizeMedium MuiFormHelperText-contained css-1wc848c-MuiFormHelperText-root"
848
+ >
849
+ booleanTest
850
+ </p>
851
+ </div>
852
+ </div>
853
+ <div
854
+ class="tss-8lz2mt-slotModeSwitch"
855
+ />
856
+ </div>
857
+ </div>
858
+ </div>
859
+ </div>
860
+ </div>
861
+ </div>
862
+ </div>
863
+ `;
864
+
865
+ exports[`ConfigurationEditor widget renders with defaults of the PileupTrack schema 1`] = `
866
+ <div
867
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded Mui-expanded MuiAccordion-gutters tss-r6x2pq-accordion css-1elwnq4-MuiPaper-root-MuiAccordion-root"
868
+ >
869
+ <div
870
+ aria-expanded="true"
871
+ class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded MuiAccordionSummary-gutters css-sh22l5-MuiButtonBase-root-MuiAccordionSummary-root"
872
+ role="button"
873
+ tabindex="0"
874
+ >
875
+ <div
876
+ class="MuiAccordionSummary-content Mui-expanded MuiAccordionSummary-contentGutters css-o4b71y-MuiAccordionSummary-content"
877
+ >
878
+ <p
879
+ class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
880
+ >
881
+ Configuration
882
+ </p>
883
+ </div>
884
+ <div
885
+ class="MuiAccordionSummary-expandIconWrapper Mui-expanded css-yw020d-MuiAccordionSummary-expandIconWrapper"
886
+ >
887
+ <svg
888
+ aria-hidden="true"
889
+ class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-5xjg5v-expandIcon css-i4bv87-MuiSvgIcon-root"
890
+ data-testid="ExpandMoreIcon"
891
+ focusable="false"
892
+ viewBox="0 0 24 24"
893
+ >
894
+ <path
895
+ d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
896
+ />
897
+ </svg>
898
+ </div>
899
+ </div>
900
+ <div
901
+ class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-pwcg7p-MuiCollapse-root"
902
+ style="min-height: 0px;"
903
+ >
904
+ <div
905
+ class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
906
+ >
907
+ <div
908
+ class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
909
+ >
910
+ <div
911
+ class="MuiAccordion-region"
912
+ role="region"
913
+ >
914
+ <div
915
+ class="MuiAccordionDetails-root tss-1g973hk-expansionPanelDetails css-15v22id-MuiAccordionDetails-root"
916
+ data-testid="configEditor"
917
+ >
918
+ <div
919
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 tss-en0npb-paper css-1ps6pg7-MuiPaper-root"
920
+ >
921
+ <div
922
+ class="tss-1962tgi-paperContent"
923
+ >
924
+ <div
925
+ class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
926
+ >
927
+ <label
928
+ class="MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-root MuiFormLabel-colorPrimary MuiFormLabel-filled css-1sumxir-MuiFormLabel-root-MuiInputLabel-root"
929
+ data-shrink="true"
930
+ for="mui-12"
931
+ id="mui-12-label"
932
+ >
933
+ maxFeatureScreenDensity
934
+ </label>
935
+ <div
936
+ class="MuiOutlinedInput-root MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-md26zr-MuiInputBase-root-MuiOutlinedInput-root"
937
+ >
938
+ <input
939
+ aria-describedby="mui-12-helper-text"
940
+ aria-invalid="false"
941
+ class="MuiOutlinedInput-input MuiInputBase-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
942
+ id="mui-12"
943
+ type="number"
944
+ value="0.3"
945
+ />
946
+ <fieldset
947
+ aria-hidden="true"
948
+ class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
949
+ >
950
+ <legend
951
+ class="css-1in441m"
952
+ >
953
+ <span>
954
+ maxFeatureScreenDensity
955
+ </span>
956
+ </legend>
957
+ </fieldset>
958
+ </div>
959
+ <div
960
+ class="MuiFormHelperText-root MuiFormHelperText-sizeMedium MuiFormHelperText-contained MuiFormHelperText-filled css-1wc848c-MuiFormHelperText-root"
961
+ id="mui-12-helper-text"
962
+ >
963
+ <div>
964
+ maximum features per pixel that is displayed in the view, used if byte size estimates not available
965
+ </div>
966
+ </div>
967
+ </div>
968
+ </div>
969
+ <div
970
+ class="tss-8lz2mt-slotModeSwitch"
971
+ />
972
+ </div>
973
+ <div
974
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 tss-en0npb-paper css-1ps6pg7-MuiPaper-root"
975
+ >
976
+ <div
977
+ class="tss-1962tgi-paperContent"
978
+ >
979
+ <div
980
+ class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
981
+ >
982
+ <label
983
+ class="MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-root MuiFormLabel-colorPrimary MuiFormLabel-filled css-1sumxir-MuiFormLabel-root-MuiInputLabel-root"
984
+ data-shrink="true"
985
+ for="mui-13"
986
+ id="mui-13-label"
987
+ >
988
+ fetchSizeLimit
989
+ </label>
990
+ <div
991
+ class="MuiOutlinedInput-root MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-md26zr-MuiInputBase-root-MuiOutlinedInput-root"
992
+ >
993
+ <input
994
+ aria-describedby="mui-13-helper-text"
995
+ aria-invalid="false"
996
+ class="MuiOutlinedInput-input MuiInputBase-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
997
+ id="mui-13"
998
+ type="number"
999
+ value="1000000"
1000
+ />
1001
+ <fieldset
1002
+ aria-hidden="true"
1003
+ class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
1004
+ >
1005
+ <legend
1006
+ class="css-1in441m"
1007
+ >
1008
+ <span>
1009
+ fetchSizeLimit
1010
+ </span>
1011
+ </legend>
1012
+ </fieldset>
1013
+ </div>
1014
+ <div
1015
+ class="MuiFormHelperText-root MuiFormHelperText-sizeMedium MuiFormHelperText-contained MuiFormHelperText-filled css-1wc848c-MuiFormHelperText-root"
1016
+ id="mui-13-helper-text"
1017
+ >
1018
+ <div>
1019
+ maximum data to attempt to download for a given track, used if adapter doesn't specify one
1020
+ </div>
1021
+ </div>
1022
+ </div>
1023
+ </div>
1024
+ <div
1025
+ class="tss-8lz2mt-slotModeSwitch"
1026
+ />
1027
+ </div>
1028
+ <div
1029
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 tss-en0npb-paper css-1ps6pg7-MuiPaper-root"
1030
+ >
1031
+ <div
1032
+ class="tss-1962tgi-paperContent"
1033
+ >
1034
+ <div
1035
+ class="tss-15g9652-callbackContainer"
1036
+ >
1037
+ <div
1038
+ class="MuiFormControl-root MuiTextField-root tss-46fzrl-callbackEditor css-1u3bzj6-MuiFormControl-root-MuiTextField-root"
1039
+ >
1040
+ <div
1041
+ class="MuiOutlinedInput-root MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-multiline css-dpjnhs-MuiInputBase-root-MuiOutlinedInput-root"
1042
+ >
1043
+ <textarea
1044
+ aria-invalid="false"
1045
+ class="tss-hg8p6g-textAreaFont MuiOutlinedInput-input MuiInputBase-input MuiInputBase-inputMultiline css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input"
1046
+ id="mui-14"
1047
+ style="height: 0px; overflow: hidden;"
1048
+ >
1049
+ get(feature,'name')
1050
+ </textarea>
1051
+ <textarea
1052
+ aria-hidden="true"
1053
+ class="tss-hg8p6g-textAreaFont MuiOutlinedInput-input MuiInputBase-input MuiInputBase-inputMultiline css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input"
1054
+ readonly=""
1055
+ style="visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0); padding: 0px; width: 100%;"
1056
+ tabindex="-1"
1057
+ />
1058
+ <fieldset
1059
+ aria-hidden="true"
1060
+ class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
1061
+ >
1062
+ <legend
1063
+ class="css-hdw1oc"
1064
+ >
1065
+ <span
1066
+ class="notranslate"
1067
+ >
1068
+
1069
+ </span>
1070
+ </legend>
1071
+ </fieldset>
1072
+ </div>
1073
+ </div>
1074
+ <p>
1075
+ what to display in a given mouseover
1076
+ </p>
1077
+ <button
1078
+ class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeMedium css-1kuq5xv-MuiButtonBase-root-MuiIconButton-root"
1079
+ data-mui-internal-clone-element="true"
1080
+ tabindex="0"
1081
+ type="button"
1082
+ >
1083
+ <svg
1084
+ aria-hidden="true"
1085
+ class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
1086
+ data-testid="HelpIcon"
1087
+ focusable="false"
1088
+ viewBox="0 0 24 24"
1089
+ >
1090
+ <path
1091
+ 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.75-.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"
1092
+ />
1093
+ </svg>
1094
+ <span
1095
+ class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
1096
+ />
1097
+ </button>
1098
+ </div>
1099
+ </div>
1100
+ <div
1101
+ class="tss-8lz2mt-slotModeSwitch"
1102
+ >
1103
+ <button
1104
+ class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary MuiIconButton-sizeMedium css-1gws2xf-MuiButtonBase-root-MuiIconButton-root"
1105
+ tabindex="0"
1106
+ title="convert to regular value"
1107
+ type="button"
1108
+ >
1109
+ <svg
1110
+ aria-hidden="true"
1111
+ class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
1112
+ focusable="false"
1113
+ viewBox="0 0 24 24"
1114
+ >
1115
+ <path
1116
+ 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"
1117
+ />
1118
+ </svg>
1119
+ <span
1120
+ class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
1121
+ />
1122
+ </button>
1123
+ </div>
1124
+ </div>
1125
+ <div
1126
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded Mui-expanded MuiAccordion-gutters tss-r6x2pq-accordion css-1elwnq4-MuiPaper-root-MuiAccordion-root"
1127
+ >
1128
+ <div
1129
+ aria-expanded="true"
1130
+ class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded MuiAccordionSummary-gutters css-sh22l5-MuiButtonBase-root-MuiAccordionSummary-root"
1131
+ role="button"
1132
+ tabindex="0"
1133
+ >
1134
+ <div
1135
+ class="MuiAccordionSummary-content Mui-expanded MuiAccordionSummary-contentGutters css-o4b71y-MuiAccordionSummary-content"
1136
+ >
1137
+ <p
1138
+ class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
1139
+ >
1140
+ renderer
1141
+ </p>
1142
+ </div>
1143
+ <div
1144
+ class="MuiAccordionSummary-expandIconWrapper Mui-expanded css-yw020d-MuiAccordionSummary-expandIconWrapper"
1145
+ >
1146
+ <svg
1147
+ aria-hidden="true"
1148
+ class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-5xjg5v-expandIcon css-i4bv87-MuiSvgIcon-root"
1149
+ data-testid="ExpandMoreIcon"
1150
+ focusable="false"
1151
+ viewBox="0 0 24 24"
1152
+ >
1153
+ <path
1154
+ d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
1155
+ />
1156
+ </svg>
1157
+ </div>
1158
+ </div>
1159
+ <div
1160
+ class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-pwcg7p-MuiCollapse-root"
1161
+ style="min-height: 0px;"
1162
+ >
1163
+ <div
1164
+ class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
1165
+ >
1166
+ <div
1167
+ class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
1168
+ >
1169
+ <div
1170
+ class="MuiAccordion-region"
1171
+ role="region"
1172
+ >
1173
+ <div
1174
+ class="MuiAccordionDetails-root tss-1g973hk-expansionPanelDetails css-15v22id-MuiAccordionDetails-root"
1175
+ >
1176
+ <div
1177
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 tss-en0npb-paper css-1ps6pg7-MuiPaper-root"
1178
+ >
1179
+ <div
1180
+ class="tss-1962tgi-paperContent"
1181
+ >
1182
+ <div
1183
+ class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
1184
+ >
1185
+ <label
1186
+ class="MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-root MuiFormLabel-colorPrimary MuiFormLabel-filled css-1sumxir-MuiFormLabel-root-MuiInputLabel-root"
1187
+ data-shrink="true"
1188
+ for="mui-16"
1189
+ id="mui-16-label"
1190
+ >
1191
+ Type
1192
+ </label>
1193
+ <div
1194
+ class="MuiOutlinedInput-root MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-md26zr-MuiInputBase-root-MuiOutlinedInput-root"
1195
+ variant="outlined"
1196
+ >
1197
+ <div
1198
+ aria-describedby="mui-16-helper-text"
1199
+ aria-expanded="false"
1200
+ aria-haspopup="listbox"
1201
+ aria-labelledby="mui-16-label mui-16"
1202
+ class="MuiSelect-select MuiSelect-outlined MuiOutlinedInput-input MuiInputBase-input css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input"
1203
+ id="mui-16"
1204
+ role="button"
1205
+ tabindex="0"
1206
+ >
1207
+ PileupRenderer
1208
+ </div>
1209
+ <input
1210
+ aria-hidden="true"
1211
+ class="MuiSelect-nativeInput css-yf8vq0-MuiSelect-nativeInput"
1212
+ tabindex="-1"
1213
+ value="PileupRenderer"
1214
+ />
1215
+ <svg
1216
+ aria-hidden="true"
1217
+ class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconOutlined css-hfutr2-MuiSvgIcon-root-MuiSelect-icon"
1218
+ data-testid="ArrowDropDownIcon"
1219
+ focusable="false"
1220
+ viewBox="0 0 24 24"
1221
+ >
1222
+ <path
1223
+ d="M7 10l5 5 5-5z"
1224
+ />
1225
+ </svg>
1226
+ <fieldset
1227
+ aria-hidden="true"
1228
+ class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
1229
+ >
1230
+ <legend
1231
+ class="css-1in441m"
1232
+ >
1233
+ <span>
1234
+ Type
1235
+ </span>
1236
+ </legend>
1237
+ </fieldset>
1238
+ </div>
1239
+ <p
1240
+ class="MuiFormHelperText-root MuiFormHelperText-sizeMedium MuiFormHelperText-contained MuiFormHelperText-filled css-1wc848c-MuiFormHelperText-root"
1241
+ id="mui-16-helper-text"
1242
+ >
1243
+ Type of renderer to use
1244
+ </p>
1245
+ </div>
1246
+ </div>
1247
+ </div>
1248
+ <div
1249
+ class="MuiFormGroup-root tss-vdq470-noOverflow css-dmmspl-MuiFormGroup-root"
1250
+ >
1251
+ <div
1252
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 tss-en0npb-paper css-1ps6pg7-MuiPaper-root"
1253
+ >
1254
+ <div
1255
+ class="tss-1962tgi-paperContent"
1256
+ >
1257
+ <div
1258
+ style="display: flex;"
1259
+ >
1260
+ <div
1261
+ class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
1262
+ >
1263
+ <label
1264
+ class="MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-root MuiFormLabel-colorPrimary MuiFormLabel-filled css-1sumxir-MuiFormLabel-root-MuiInputLabel-root"
1265
+ data-shrink="true"
1266
+ for="mui-17"
1267
+ id="mui-17-label"
1268
+ >
1269
+ color
1270
+ </label>
1271
+ <div
1272
+ class="MuiOutlinedInput-root MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-md26zr-MuiInputBase-root-MuiOutlinedInput-root"
1273
+ >
1274
+ <input
1275
+ aria-describedby="mui-17-helper-text"
1276
+ aria-invalid="false"
1277
+ class="MuiOutlinedInput-input MuiInputBase-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
1278
+ id="mui-17"
1279
+ type="text"
1280
+ value="#f0f"
1281
+ />
1282
+ <fieldset
1283
+ aria-hidden="true"
1284
+ class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
1285
+ >
1286
+ <legend
1287
+ class="css-1in441m"
1288
+ >
1289
+ <span>
1290
+ color
1291
+ </span>
1292
+ </legend>
1293
+ </fieldset>
1294
+ </div>
1295
+ <p
1296
+ class="MuiFormHelperText-root MuiFormHelperText-sizeMedium MuiFormHelperText-contained MuiFormHelperText-filled css-1wc848c-MuiFormHelperText-root"
1297
+ id="mui-17-helper-text"
1298
+ >
1299
+ the color of each feature in a pileup alignment
1300
+ </p>
1301
+ </div>
1302
+ <div
1303
+ style="margin-top: 10px;"
1304
+ >
1305
+ <div
1306
+ class="tss-7h64ut-picker"
1307
+ >
1308
+ <div
1309
+ class="tss-hl2wx9-swatch"
1310
+ style="background-color: rgb(255, 0, 255);"
1311
+ />
1312
+ </div>
1313
+ </div>
1314
+ </div>
1315
+ </div>
1316
+ <div
1317
+ class="tss-8lz2mt-slotModeSwitch"
1318
+ >
1319
+ <button
1320
+ class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary MuiIconButton-sizeMedium css-1gws2xf-MuiButtonBase-root-MuiIconButton-root"
1321
+ tabindex="0"
1322
+ title="convert to callback"
1323
+ type="button"
1324
+ >
1325
+ <svg
1326
+ aria-hidden="true"
1327
+ class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
1328
+ data-testid="RadioButtonUncheckedIcon"
1329
+ focusable="false"
1330
+ viewBox="0 0 24 24"
1331
+ >
1332
+ <path
1333
+ 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"
1334
+ />
1335
+ </svg>
1336
+ <span
1337
+ class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
1338
+ />
1339
+ </button>
1340
+ </div>
1341
+ </div>
1342
+ <div
1343
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 tss-en0npb-paper css-1ps6pg7-MuiPaper-root"
1344
+ >
1345
+ <div
1346
+ class="tss-1962tgi-paperContent"
1347
+ >
1348
+ <div
1349
+ class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
1350
+ >
1351
+ <label
1352
+ class="MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-root MuiFormLabel-colorPrimary MuiFormLabel-filled css-1sumxir-MuiFormLabel-root-MuiInputLabel-root"
1353
+ data-shrink="true"
1354
+ for="mui-18"
1355
+ id="mui-18-label"
1356
+ >
1357
+ orientationType
1358
+ </label>
1359
+ <div
1360
+ class="MuiOutlinedInput-root MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-md26zr-MuiInputBase-root-MuiOutlinedInput-root"
1361
+ variant="outlined"
1362
+ >
1363
+ <div
1364
+ aria-describedby="mui-18-helper-text"
1365
+ aria-expanded="false"
1366
+ aria-haspopup="listbox"
1367
+ aria-labelledby="mui-18-label mui-18"
1368
+ class="MuiSelect-select MuiSelect-outlined MuiOutlinedInput-input MuiInputBase-input css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input"
1369
+ id="mui-18"
1370
+ role="button"
1371
+ tabindex="0"
1372
+ >
1373
+ fr
1374
+ </div>
1375
+ <input
1376
+ aria-hidden="true"
1377
+ class="MuiSelect-nativeInput css-yf8vq0-MuiSelect-nativeInput"
1378
+ tabindex="-1"
1379
+ value="fr"
1380
+ />
1381
+ <svg
1382
+ aria-hidden="true"
1383
+ class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconOutlined css-hfutr2-MuiSvgIcon-root-MuiSelect-icon"
1384
+ data-testid="ArrowDropDownIcon"
1385
+ focusable="false"
1386
+ viewBox="0 0 24 24"
1387
+ >
1388
+ <path
1389
+ d="M7 10l5 5 5-5z"
1390
+ />
1391
+ </svg>
1392
+ <fieldset
1393
+ aria-hidden="true"
1394
+ class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
1395
+ >
1396
+ <legend
1397
+ class="css-1in441m"
1398
+ >
1399
+ <span>
1400
+ orientationType
1401
+ </span>
1402
+ </legend>
1403
+ </fieldset>
1404
+ </div>
1405
+ <div
1406
+ class="MuiFormHelperText-root MuiFormHelperText-sizeMedium MuiFormHelperText-contained MuiFormHelperText-filled css-1wc848c-MuiFormHelperText-root"
1407
+ id="mui-18-helper-text"
1408
+ >
1409
+ <div>
1410
+ read sequencer orienation. fr is normal "reads pointing at each other ---&gt; &lt;--- while some other sequencers can use other options
1411
+ </div>
1412
+ </div>
1413
+ </div>
1414
+ </div>
1415
+ <div
1416
+ class="tss-8lz2mt-slotModeSwitch"
1417
+ />
1418
+ </div>
1419
+ <div
1420
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 tss-en0npb-paper css-1ps6pg7-MuiPaper-root"
1421
+ >
1422
+ <div
1423
+ class="tss-1962tgi-paperContent"
1424
+ >
1425
+ <div
1426
+ class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
1427
+ >
1428
+ <label
1429
+ class="MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-root MuiFormLabel-colorPrimary MuiFormLabel-filled css-1sumxir-MuiFormLabel-root-MuiInputLabel-root"
1430
+ data-shrink="true"
1431
+ for="mui-19"
1432
+ id="mui-19-label"
1433
+ >
1434
+ displayMode
1435
+ </label>
1436
+ <div
1437
+ class="MuiOutlinedInput-root MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-md26zr-MuiInputBase-root-MuiOutlinedInput-root"
1438
+ variant="outlined"
1439
+ >
1440
+ <div
1441
+ aria-describedby="mui-19-helper-text"
1442
+ aria-expanded="false"
1443
+ aria-haspopup="listbox"
1444
+ aria-labelledby="mui-19-label mui-19"
1445
+ class="MuiSelect-select MuiSelect-outlined MuiOutlinedInput-input MuiInputBase-input css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input"
1446
+ id="mui-19"
1447
+ role="button"
1448
+ tabindex="0"
1449
+ >
1450
+ normal
1451
+ </div>
1452
+ <input
1453
+ aria-hidden="true"
1454
+ class="MuiSelect-nativeInput css-yf8vq0-MuiSelect-nativeInput"
1455
+ tabindex="-1"
1456
+ value="normal"
1457
+ />
1458
+ <svg
1459
+ aria-hidden="true"
1460
+ class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconOutlined css-hfutr2-MuiSvgIcon-root-MuiSelect-icon"
1461
+ data-testid="ArrowDropDownIcon"
1462
+ focusable="false"
1463
+ viewBox="0 0 24 24"
1464
+ >
1465
+ <path
1466
+ d="M7 10l5 5 5-5z"
1467
+ />
1468
+ </svg>
1469
+ <fieldset
1470
+ aria-hidden="true"
1471
+ class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
1472
+ >
1473
+ <legend
1474
+ class="css-1in441m"
1475
+ >
1476
+ <span>
1477
+ displayMode
1478
+ </span>
1479
+ </legend>
1480
+ </fieldset>
1481
+ </div>
1482
+ <div
1483
+ class="MuiFormHelperText-root MuiFormHelperText-sizeMedium MuiFormHelperText-contained MuiFormHelperText-filled css-1wc848c-MuiFormHelperText-root"
1484
+ id="mui-19-helper-text"
1485
+ >
1486
+ <div>
1487
+ Alternative display modes
1488
+ </div>
1489
+ </div>
1490
+ </div>
1491
+ </div>
1492
+ <div
1493
+ class="tss-8lz2mt-slotModeSwitch"
1494
+ />
1495
+ </div>
1496
+ <div
1497
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 tss-en0npb-paper css-1ps6pg7-MuiPaper-root"
1498
+ >
1499
+ <div
1500
+ class="tss-1962tgi-paperContent"
1501
+ >
1502
+ <div
1503
+ class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
1504
+ >
1505
+ <label
1506
+ class="MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-root MuiFormLabel-colorPrimary MuiFormLabel-filled css-1sumxir-MuiFormLabel-root-MuiInputLabel-root"
1507
+ data-shrink="true"
1508
+ for="mui-20"
1509
+ id="mui-20-label"
1510
+ >
1511
+ minSubfeatureWidth
1512
+ </label>
1513
+ <div
1514
+ class="MuiOutlinedInput-root MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-md26zr-MuiInputBase-root-MuiOutlinedInput-root"
1515
+ >
1516
+ <input
1517
+ aria-describedby="mui-20-helper-text"
1518
+ aria-invalid="false"
1519
+ class="MuiOutlinedInput-input MuiInputBase-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
1520
+ id="mui-20"
1521
+ type="number"
1522
+ value="0.7"
1523
+ />
1524
+ <fieldset
1525
+ aria-hidden="true"
1526
+ class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
1527
+ >
1528
+ <legend
1529
+ class="css-1in441m"
1530
+ >
1531
+ <span>
1532
+ minSubfeatureWidth
1533
+ </span>
1534
+ </legend>
1535
+ </fieldset>
1536
+ </div>
1537
+ <div
1538
+ class="MuiFormHelperText-root MuiFormHelperText-sizeMedium MuiFormHelperText-contained MuiFormHelperText-filled css-1wc848c-MuiFormHelperText-root"
1539
+ id="mui-20-helper-text"
1540
+ >
1541
+ <div>
1542
+ 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
1543
+ </div>
1544
+ </div>
1545
+ </div>
1546
+ </div>
1547
+ <div
1548
+ class="tss-8lz2mt-slotModeSwitch"
1549
+ />
1550
+ </div>
1551
+ <div
1552
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 tss-en0npb-paper css-1ps6pg7-MuiPaper-root"
1553
+ >
1554
+ <div
1555
+ class="tss-1962tgi-paperContent"
1556
+ >
1557
+ <div
1558
+ class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
1559
+ >
1560
+ <label
1561
+ class="MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-root MuiFormLabel-colorPrimary MuiFormLabel-filled css-1sumxir-MuiFormLabel-root-MuiInputLabel-root"
1562
+ data-shrink="true"
1563
+ for="mui-21"
1564
+ id="mui-21-label"
1565
+ >
1566
+ maxHeight
1567
+ </label>
1568
+ <div
1569
+ class="MuiOutlinedInput-root MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-md26zr-MuiInputBase-root-MuiOutlinedInput-root"
1570
+ >
1571
+ <input
1572
+ aria-describedby="mui-21-helper-text"
1573
+ aria-invalid="false"
1574
+ class="MuiOutlinedInput-input MuiInputBase-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
1575
+ id="mui-21"
1576
+ type="number"
1577
+ value="1200"
1578
+ />
1579
+ <fieldset
1580
+ aria-hidden="true"
1581
+ class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
1582
+ >
1583
+ <legend
1584
+ class="css-1in441m"
1585
+ >
1586
+ <span>
1587
+ maxHeight
1588
+ </span>
1589
+ </legend>
1590
+ </fieldset>
1591
+ </div>
1592
+ <div
1593
+ class="MuiFormHelperText-root MuiFormHelperText-sizeMedium MuiFormHelperText-contained MuiFormHelperText-filled css-1wc848c-MuiFormHelperText-root"
1594
+ id="mui-21-helper-text"
1595
+ >
1596
+ <div>
1597
+ the maximum height to be used in a pileup rendering
1598
+ </div>
1599
+ </div>
1600
+ </div>
1601
+ </div>
1602
+ <div
1603
+ class="tss-8lz2mt-slotModeSwitch"
1604
+ />
1605
+ </div>
1606
+ <div
1607
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 tss-en0npb-paper css-1ps6pg7-MuiPaper-root"
1608
+ >
1609
+ <div
1610
+ class="tss-1962tgi-paperContent"
1611
+ >
1612
+ <div
1613
+ class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
1614
+ >
1615
+ <label
1616
+ class="MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-root MuiFormLabel-colorPrimary MuiFormLabel-filled css-1sumxir-MuiFormLabel-root-MuiInputLabel-root"
1617
+ data-shrink="true"
1618
+ for="mui-22"
1619
+ id="mui-22-label"
1620
+ >
1621
+ maxClippingSize
1622
+ </label>
1623
+ <div
1624
+ class="MuiOutlinedInput-root MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-md26zr-MuiInputBase-root-MuiOutlinedInput-root"
1625
+ >
1626
+ <input
1627
+ aria-describedby="mui-22-helper-text"
1628
+ aria-invalid="false"
1629
+ class="MuiOutlinedInput-input MuiInputBase-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
1630
+ id="mui-22"
1631
+ type="number"
1632
+ value="10000"
1633
+ />
1634
+ <fieldset
1635
+ aria-hidden="true"
1636
+ class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
1637
+ >
1638
+ <legend
1639
+ class="css-1in441m"
1640
+ >
1641
+ <span>
1642
+ maxClippingSize
1643
+ </span>
1644
+ </legend>
1645
+ </fieldset>
1646
+ </div>
1647
+ <div
1648
+ class="MuiFormHelperText-root MuiFormHelperText-sizeMedium MuiFormHelperText-contained MuiFormHelperText-filled css-1wc848c-MuiFormHelperText-root"
1649
+ id="mui-22-helper-text"
1650
+ >
1651
+ <div>
1652
+ the max clip size to be used in a pileup rendering
1653
+ </div>
1654
+ </div>
1655
+ </div>
1656
+ </div>
1657
+ <div
1658
+ class="tss-8lz2mt-slotModeSwitch"
1659
+ />
1660
+ </div>
1661
+ <div
1662
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 tss-en0npb-paper css-1ps6pg7-MuiPaper-root"
1663
+ >
1664
+ <div
1665
+ class="tss-1962tgi-paperContent"
1666
+ >
1667
+ <div
1668
+ class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
1669
+ >
1670
+ <label
1671
+ class="MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-root MuiFormLabel-colorPrimary MuiFormLabel-filled css-1sumxir-MuiFormLabel-root-MuiInputLabel-root"
1672
+ data-shrink="true"
1673
+ for="mui-23"
1674
+ id="mui-23-label"
1675
+ >
1676
+ height
1677
+ </label>
1678
+ <div
1679
+ class="MuiOutlinedInput-root MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-md26zr-MuiInputBase-root-MuiOutlinedInput-root"
1680
+ >
1681
+ <input
1682
+ aria-describedby="mui-23-helper-text"
1683
+ aria-invalid="false"
1684
+ class="MuiOutlinedInput-input MuiInputBase-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
1685
+ id="mui-23"
1686
+ type="number"
1687
+ value="7"
1688
+ />
1689
+ <fieldset
1690
+ aria-hidden="true"
1691
+ class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
1692
+ >
1693
+ <legend
1694
+ class="css-1in441m"
1695
+ >
1696
+ <span>
1697
+ height
1698
+ </span>
1699
+ </legend>
1700
+ </fieldset>
1701
+ </div>
1702
+ <div
1703
+ class="MuiFormHelperText-root MuiFormHelperText-sizeMedium MuiFormHelperText-contained MuiFormHelperText-filled css-1wc848c-MuiFormHelperText-root"
1704
+ id="mui-23-helper-text"
1705
+ >
1706
+ <div>
1707
+ the height of each feature in a pileup alignment
1708
+ </div>
1709
+ </div>
1710
+ </div>
1711
+ </div>
1712
+ <div
1713
+ class="tss-8lz2mt-slotModeSwitch"
1714
+ >
1715
+ <button
1716
+ class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorSecondary MuiIconButton-sizeMedium css-1gws2xf-MuiButtonBase-root-MuiIconButton-root"
1717
+ tabindex="0"
1718
+ title="convert to callback"
1719
+ type="button"
1720
+ >
1721
+ <svg
1722
+ aria-hidden="true"
1723
+ class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
1724
+ data-testid="RadioButtonUncheckedIcon"
1725
+ focusable="false"
1726
+ viewBox="0 0 24 24"
1727
+ >
1728
+ <path
1729
+ 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"
1730
+ />
1731
+ </svg>
1732
+ <span
1733
+ class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
1734
+ />
1735
+ </button>
1736
+ </div>
1737
+ </div>
1738
+ <div
1739
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 tss-en0npb-paper css-1ps6pg7-MuiPaper-root"
1740
+ >
1741
+ <div
1742
+ class="tss-1962tgi-paperContent"
1743
+ >
1744
+ <div
1745
+ class="MuiFormControl-root css-1nrlq1o-MuiFormControl-root"
1746
+ >
1747
+ <label
1748
+ class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-j204z7-MuiFormControlLabel-root"
1749
+ >
1750
+ <span
1751
+ class="MuiCheckbox-root MuiCheckbox-colorPrimary MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root"
1752
+ >
1753
+ <input
1754
+ class="PrivateSwitchBase-input css-1m9pwf3"
1755
+ data-indeterminate="false"
1756
+ type="checkbox"
1757
+ />
1758
+ <svg
1759
+ aria-hidden="true"
1760
+ class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
1761
+ data-testid="CheckBoxOutlineBlankIcon"
1762
+ focusable="false"
1763
+ viewBox="0 0 24 24"
1764
+ >
1765
+ <path
1766
+ 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"
1767
+ />
1768
+ </svg>
1769
+ <span
1770
+ class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
1771
+ />
1772
+ </span>
1773
+ <span
1774
+ class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-ahj2mt-MuiTypography-root"
1775
+ >
1776
+ noSpacing
1777
+ </span>
1778
+ </label>
1779
+ <p
1780
+ class="MuiFormHelperText-root MuiFormHelperText-sizeMedium MuiFormHelperText-contained css-1wc848c-MuiFormHelperText-root"
1781
+ >
1782
+ remove spacing between features
1783
+ </p>
1784
+ </div>
1785
+ </div>
1786
+ <div
1787
+ class="tss-8lz2mt-slotModeSwitch"
1788
+ />
1789
+ </div>
1790
+ <div
1791
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 tss-en0npb-paper css-1ps6pg7-MuiPaper-root"
1792
+ >
1793
+ <div
1794
+ class="tss-1962tgi-paperContent"
1795
+ >
1796
+ <div
1797
+ class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
1798
+ >
1799
+ <label
1800
+ class="MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-root MuiFormLabel-colorPrimary MuiFormLabel-filled css-1sumxir-MuiFormLabel-root-MuiInputLabel-root"
1801
+ data-shrink="true"
1802
+ for="mui-24"
1803
+ id="mui-24-label"
1804
+ >
1805
+ largeInsertionIndicatorScale
1806
+ </label>
1807
+ <div
1808
+ class="MuiOutlinedInput-root MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-md26zr-MuiInputBase-root-MuiOutlinedInput-root"
1809
+ >
1810
+ <input
1811
+ aria-describedby="mui-24-helper-text"
1812
+ aria-invalid="false"
1813
+ class="MuiOutlinedInput-input MuiInputBase-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
1814
+ id="mui-24"
1815
+ type="number"
1816
+ value="10"
1817
+ />
1818
+ <fieldset
1819
+ aria-hidden="true"
1820
+ class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
1821
+ >
1822
+ <legend
1823
+ class="css-1in441m"
1824
+ >
1825
+ <span>
1826
+ largeInsertionIndicatorScale
1827
+ </span>
1828
+ </legend>
1829
+ </fieldset>
1830
+ </div>
1831
+ <div
1832
+ class="MuiFormHelperText-root MuiFormHelperText-sizeMedium MuiFormHelperText-contained MuiFormHelperText-filled css-1wc848c-MuiFormHelperText-root"
1833
+ id="mui-24-helper-text"
1834
+ >
1835
+ <div>
1836
+ scale at which to draw the large insertion indicators (bp/pixel)
1837
+ </div>
1838
+ </div>
1839
+ </div>
1840
+ </div>
1841
+ <div
1842
+ class="tss-8lz2mt-slotModeSwitch"
1843
+ />
1844
+ </div>
1845
+ <div
1846
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 tss-en0npb-paper css-1ps6pg7-MuiPaper-root"
1847
+ >
1848
+ <div
1849
+ class="tss-1962tgi-paperContent"
1850
+ >
1851
+ <div
1852
+ class="MuiFormControl-root css-1nrlq1o-MuiFormControl-root"
1853
+ >
1854
+ <label
1855
+ class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-j204z7-MuiFormControlLabel-root"
1856
+ >
1857
+ <span
1858
+ class="MuiCheckbox-root MuiCheckbox-colorPrimary MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root"
1859
+ >
1860
+ <input
1861
+ class="PrivateSwitchBase-input css-1m9pwf3"
1862
+ data-indeterminate="false"
1863
+ type="checkbox"
1864
+ />
1865
+ <svg
1866
+ aria-hidden="true"
1867
+ class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
1868
+ data-testid="CheckBoxOutlineBlankIcon"
1869
+ focusable="false"
1870
+ viewBox="0 0 24 24"
1871
+ >
1872
+ <path
1873
+ 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"
1874
+ />
1875
+ </svg>
1876
+ <span
1877
+ class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
1878
+ />
1879
+ </span>
1880
+ <span
1881
+ class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-ahj2mt-MuiTypography-root"
1882
+ >
1883
+ mismatchAlpha
1884
+ </span>
1885
+ </label>
1886
+ <p
1887
+ class="MuiFormHelperText-root MuiFormHelperText-sizeMedium MuiFormHelperText-contained css-1wc848c-MuiFormHelperText-root"
1888
+ >
1889
+ Fade low quality mismatches
1890
+ </p>
1891
+ </div>
1892
+ </div>
1893
+ <div
1894
+ class="tss-8lz2mt-slotModeSwitch"
1895
+ />
1896
+ </div>
1897
+ </div>
1898
+ </div>
1899
+ </div>
1900
+ </div>
1901
+ </div>
1902
+ </div>
1903
+ </div>
1904
+ </div>
1905
+ </div>
1906
+ </div>
1907
+ </div>
1908
+ </div>
1909
+ </div>
1910
+ `;
1911
+
1912
+ exports[`ConfigurationEditor widget renders with just the required model elements 1`] = `
1913
+ <div
1914
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded Mui-expanded MuiAccordion-gutters tss-r6x2pq-accordion css-1elwnq4-MuiPaper-root-MuiAccordion-root"
1915
+ >
1916
+ <div
1917
+ aria-expanded="true"
1918
+ class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded MuiAccordionSummary-gutters css-sh22l5-MuiButtonBase-root-MuiAccordionSummary-root"
1919
+ role="button"
1920
+ tabindex="0"
1921
+ >
1922
+ <div
1923
+ class="MuiAccordionSummary-content Mui-expanded MuiAccordionSummary-contentGutters css-o4b71y-MuiAccordionSummary-content"
1924
+ >
1925
+ <p
1926
+ class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
1927
+ >
1928
+ Configuration
1929
+ </p>
1930
+ </div>
1931
+ <div
1932
+ class="MuiAccordionSummary-expandIconWrapper Mui-expanded css-yw020d-MuiAccordionSummary-expandIconWrapper"
1933
+ >
1934
+ <svg
1935
+ aria-hidden="true"
1936
+ class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-5xjg5v-expandIcon css-i4bv87-MuiSvgIcon-root"
1937
+ data-testid="ExpandMoreIcon"
1938
+ focusable="false"
1939
+ viewBox="0 0 24 24"
1940
+ >
1941
+ <path
1942
+ d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
1943
+ />
1944
+ </svg>
1945
+ </div>
1946
+ </div>
1947
+ <div
1948
+ class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-pwcg7p-MuiCollapse-root"
1949
+ style="min-height: 0px;"
1950
+ >
1951
+ <div
1952
+ class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
1953
+ >
1954
+ <div
1955
+ class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
1956
+ >
1957
+ <div
1958
+ class="MuiAccordion-region"
1959
+ role="region"
1960
+ >
1961
+ <div
1962
+ class="MuiAccordionDetails-root tss-1g973hk-expansionPanelDetails css-15v22id-MuiAccordionDetails-root"
1963
+ data-testid="configEditor"
1964
+ >
1965
+ <div
1966
+ class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 tss-en0npb-paper css-1ps6pg7-MuiPaper-root"
1967
+ >
1968
+ <div
1969
+ class="tss-1962tgi-paperContent"
1970
+ >
1971
+ <div
1972
+ class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
1973
+ >
1974
+ <label
1975
+ class="MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-root MuiFormLabel-colorPrimary MuiFormLabel-filled css-1sumxir-MuiFormLabel-root-MuiInputLabel-root"
1976
+ data-shrink="true"
1977
+ for="mui-1"
1978
+ id="mui-1-label"
1979
+ >
1980
+ foo
1981
+ </label>
1982
+ <div
1983
+ class="MuiOutlinedInput-root MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-md26zr-MuiInputBase-root-MuiOutlinedInput-root"
1984
+ >
1985
+ <input
1986
+ aria-describedby="mui-1-helper-text"
1987
+ aria-invalid="false"
1988
+ class="MuiOutlinedInput-input MuiInputBase-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
1989
+ id="mui-1"
1990
+ type="text"
1991
+ value="bar"
1992
+ />
1993
+ <fieldset
1994
+ aria-hidden="true"
1995
+ class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
1996
+ >
1997
+ <legend
1998
+ class="css-1in441m"
1999
+ >
2000
+ <span>
2001
+ foo
2002
+ </span>
2003
+ </legend>
2004
+ </fieldset>
2005
+ </div>
2006
+ <div
2007
+ class="MuiFormHelperText-root MuiFormHelperText-sizeMedium MuiFormHelperText-contained MuiFormHelperText-filled css-1wc848c-MuiFormHelperText-root"
2008
+ id="mui-1-helper-text"
2009
+ >
2010
+ <div />
2011
+ </div>
2012
+ </div>
2013
+ </div>
2014
+ <div
2015
+ class="tss-8lz2mt-slotModeSwitch"
2016
+ />
2017
+ </div>
2018
+ </div>
2019
+ </div>
2020
+ </div>
2021
+ </div>
2022
+ </div>
2023
+ </div>
2024
+ `;