@truedat/qx 7.13.8 → 7.14.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 (46) hide show
  1. package/package.json +3 -3
  2. package/src/components/common/ClauseViewer.js +183 -21
  3. package/src/components/common/expressions/Condition.js +13 -6
  4. package/src/components/dataViews/DataViewEditor.js +0 -2
  5. package/src/components/dataViews/DataViewSummary.js +73 -0
  6. package/src/components/dataViews/__tests__/AdvancedDataViewEditor.spec.js +4 -1
  7. package/src/components/dataViews/__tests__/DataViewEditor.spec.js +167 -132
  8. package/src/components/dataViews/__tests__/DataViewSummary.spec.js +820 -0
  9. package/src/components/dataViews/__tests__/DataViews.spec.js +57 -17
  10. package/src/components/dataViews/__tests__/SimpleDataViewEditor.spec.js +140 -141
  11. package/src/components/dataViews/__tests__/__snapshots__/AdvancedDataViewEditor.spec.js.snap +963 -759
  12. package/src/components/dataViews/__tests__/__snapshots__/DataViewSelect.spec.js.snap +17 -13
  13. package/src/components/dataViews/__tests__/__snapshots__/DataViewSummary.spec.js.snap +1786 -0
  14. package/src/components/dataViews/__tests__/__snapshots__/Queryable.spec.js.snap +18 -14
  15. package/src/components/dataViews/__tests__/__snapshots__/Queryables.spec.js.snap +18 -14
  16. package/src/components/dataViews/advancedForm/AdvancedDataViewEditor.js +59 -48
  17. package/src/components/dataViews/queryableProperties/Join.js +2 -1
  18. package/src/components/dataViews/queryableProperties/Select.js +22 -30
  19. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/Join.spec.js.snap +1 -1
  20. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/Select.spec.js.snap +37 -25
  21. package/src/components/dataViews/queryableSummaryHelpers.js +101 -0
  22. package/src/components/dataViews/simpleForm/SimpleDataViewEditor.js +9 -4
  23. package/src/components/dataViews/summary/From.js +45 -0
  24. package/src/components/dataViews/summary/GroupBy.js +82 -0
  25. package/src/components/dataViews/summary/Join.js +60 -0
  26. package/src/components/dataViews/summary/Select.js +31 -0
  27. package/src/components/dataViews/summary/Where.js +37 -0
  28. package/src/components/qualityControls/ControlPropertiesView.js +115 -63
  29. package/src/components/qualityControls/EditQualityControl.js +5 -3
  30. package/src/components/qualityControls/NewDraftQualityControl.js +8 -3
  31. package/src/components/qualityControls/NewQualityControl.js +5 -3
  32. package/src/components/qualityControls/QualityControlCrumbs.js +46 -5
  33. package/src/components/qualityControls/QualityControlRoutes.js +3 -1
  34. package/src/components/qualityControls/QualityControls.js +9 -18
  35. package/src/components/qualityControls/QualityControlsLabelResults.js +2 -2
  36. package/src/components/qualityControls/__tests__/__snapshots__/ControlPropertiesView.spec.js.snap +12 -9
  37. package/src/components/qualityControls/__tests__/__snapshots__/EditQualityControl.spec.js.snap +536 -493
  38. package/src/components/qualityControls/__tests__/__snapshots__/NewDraftQualityControl.spec.js.snap +510 -483
  39. package/src/components/qualityControls/__tests__/__snapshots__/NewQualityControl.spec.js.snap +261 -245
  40. package/src/components/qualityControls/__tests__/__snapshots__/QualityControl.spec.js.snap +11 -8
  41. package/src/components/qualityControls/__tests__/__snapshots__/QualityControlCrumbs.spec.js.snap +1 -1
  42. package/src/components/qualityControls/__tests__/__snapshots__/QualityControlHeader.spec.js.snap +1 -1
  43. package/src/components/qualityControls/__tests__/__snapshots__/QualityControls.spec.js.snap +87 -87
  44. package/src/components/qualityControls/__tests__/__snapshots__/QualityControlsLabelResults.spec.js.snap +6 -2
  45. package/src/hooks/useDataViews.js +1 -1
  46. package/src/styles/Expression.less +25 -1
@@ -3,255 +3,238 @@
3
3
  exports[`<EditQualityControl /> matches the latest snapshot 1`] = `
4
4
  <div>
5
5
  <div
6
- class="ui left floated segment"
6
+ class="ui breadcrumb"
7
7
  >
8
+ <a
9
+ class="section"
10
+ data-discover="true"
11
+ href="/qualityControls/drafts"
12
+ >
13
+ quality_controls.header
14
+ </a>
15
+ <i
16
+ aria-hidden="true"
17
+ class="right angle icon divider"
18
+ />
19
+ <a
20
+ class="section"
21
+ data-discover="true"
22
+ href="/qualityControls/8/version/1"
23
+ >
24
+ test
25
+ </a>
26
+ <i
27
+ aria-hidden="true"
28
+ class="right angle icon divider"
29
+ />
8
30
  <div
9
- class="ui text container"
31
+ class="active section"
32
+ >
33
+ Edit
34
+ </div>
35
+ </div>
36
+ <div
37
+ class="ui segment ui text container"
38
+ >
39
+ <h2
40
+ class="ui header"
10
41
  >
11
- <h2
12
- class="ui header"
42
+ <i
43
+ aria-hidden="true"
44
+ class="archive circular icon"
45
+ />
46
+ <div
47
+ class="content"
13
48
  >
14
- <i
15
- aria-hidden="true"
16
- class="archive circular icon"
17
- />
49
+ quality_controls.new.header
18
50
  <div
19
- class="content"
51
+ class="sub header"
20
52
  >
21
- quality_controls.new.header
22
- <div
23
- class="sub header"
24
- >
25
- quality_controls.edit.subheader
26
- </div>
53
+ quality_controls.edit.subheader
27
54
  </div>
28
- </h2>
29
- <form
30
- class="ui form"
55
+ </div>
56
+ </h2>
57
+ <form
58
+ class="ui form"
59
+ >
60
+ <div
61
+ class="disabled field"
31
62
  >
32
63
  <div
33
- class="disabled field"
64
+ class="ui checked disabled toggle checkbox"
34
65
  >
35
- <div
36
- class="ui checked disabled toggle checkbox"
37
- >
38
- <input
39
- checked=""
40
- class="hidden"
41
- disabled=""
42
- name="active"
43
- readonly=""
44
- tabindex="-1"
45
- type="radio"
46
- />
47
- <label>
48
- quality_control.form.active
49
- </label>
50
- </div>
66
+ <input
67
+ checked=""
68
+ class="hidden"
69
+ disabled=""
70
+ name="active"
71
+ readonly=""
72
+ tabindex="-1"
73
+ type="radio"
74
+ />
75
+ <label>
76
+ quality_control.form.active
77
+ </label>
51
78
  </div>
79
+ </div>
80
+ <div
81
+ class="field"
82
+ >
83
+ <label
84
+ class="field-label"
85
+ >
86
+ quality_control.form.domain_ids
87
+ <span>
88
+ *
89
+ </span>
90
+ </label>
52
91
  <div
53
- class="field"
92
+ class="disabled field fix-dropdown-selector "
54
93
  >
55
- <label
56
- class="field-label"
57
- >
58
- quality_control.form.domain_ids
59
- <span>
60
- *
61
- </span>
62
- </label>
63
94
  <div
64
- class="disabled field fix-dropdown-selector "
95
+ aria-disabled="true"
96
+ aria-expanded="false"
97
+ aria-multiselectable="true"
98
+ class="ui disabled floating multiple dropdown"
99
+ role="listbox"
100
+ tabindex="-1"
65
101
  >
66
102
  <div
67
- aria-disabled="true"
68
- aria-expanded="false"
69
- aria-multiselectable="true"
70
- class="ui disabled floating multiple dropdown"
71
- role="listbox"
72
- tabindex="-1"
103
+ class="ui label"
104
+ >
105
+ barDomain
106
+ </div>
107
+ <i
108
+ aria-hidden="true"
109
+ class="dropdown icon"
110
+ />
111
+ <div
112
+ class="menu transition"
73
113
  >
74
114
  <div
75
- class="ui label"
115
+ class="ui fluid left icon input search "
76
116
  >
77
- barDomain
117
+ <input
118
+ type="text"
119
+ />
120
+ <i
121
+ aria-hidden="true"
122
+ class="search icon"
123
+ />
78
124
  </div>
79
- <i
80
- aria-hidden="true"
81
- class="dropdown icon"
82
- />
83
125
  <div
84
- class="menu transition"
126
+ class="scrolling menu transition"
85
127
  >
86
128
  <div
87
- class="ui fluid left icon input search "
88
- >
89
- <input
90
- type="text"
91
- />
92
- <i
93
- aria-hidden="true"
94
- class="search icon"
95
- />
96
- </div>
97
- <div
98
- class="scrolling menu transition"
129
+ aria-selected="true"
130
+ class="selected item"
131
+ role="option"
99
132
  >
100
133
  <div
101
- aria-selected="true"
102
- class="selected item"
103
- role="option"
134
+ class="item-content"
135
+ style="margin-left: 0px; padding-left: 25px;"
104
136
  >
105
- <div
106
- class="item-content"
107
- style="margin-left: 0px; padding-left: 25px;"
137
+ <span
138
+ style="opacity: 1;"
139
+ title="barDomain"
108
140
  >
109
- <span
110
- style="opacity: 1;"
111
- title="barDomain"
112
- >
113
- barDomain
114
- </span>
115
- </div>
141
+ barDomain
142
+ </span>
116
143
  </div>
117
144
  </div>
118
145
  </div>
119
146
  </div>
120
147
  </div>
121
148
  </div>
149
+ </div>
150
+ <div
151
+ class="field"
152
+ >
153
+ <label
154
+ class="field-label"
155
+ >
156
+ quality_control.form.name
157
+ <span>
158
+ *
159
+ </span>
160
+ </label>
122
161
  <div
123
162
  class="field"
124
163
  >
125
- <label
126
- class="field-label"
127
- >
128
- quality_control.form.name
129
- <span>
130
- *
131
- </span>
132
- </label>
133
164
  <div
134
- class="field"
165
+ class="ui input"
135
166
  >
136
- <div
137
- class="ui input"
138
- >
139
- <input
140
- autocomplete="off"
141
- placeholder="dataViews.form.name"
142
- type="text"
143
- value="test"
144
- />
145
- </div>
167
+ <input
168
+ autocomplete="off"
169
+ placeholder="dataViews.form.name"
170
+ type="text"
171
+ value="test"
172
+ />
146
173
  </div>
147
174
  </div>
148
- <div
149
- class="ui segment"
175
+ </div>
176
+ <div
177
+ class="ui segment"
178
+ >
179
+ <h4
180
+ class="ui header"
150
181
  >
151
- <h4
152
- class="ui header"
153
- >
154
- g1
155
- </h4>
156
- <div
157
- class="field"
158
- data-testid="form-field"
159
- >
160
- <label>
161
- field1
162
- </label>
163
- <div
164
- class="field"
165
- >
166
- <div
167
- class="ui input"
168
- >
169
- <input
170
- name="field1"
171
- placeholder="field1"
172
- type="text"
173
- value="value"
174
- />
175
- </div>
176
- </div>
177
- </div>
178
- </div>
182
+ g1
183
+ </h4>
179
184
  <div
180
- class="required field"
185
+ class="field"
186
+ data-testid="form-field"
181
187
  >
182
188
  <label>
183
- dataViews.form.source
189
+ field1
184
190
  </label>
185
191
  <div
186
- class="disabled field"
192
+ class="field"
187
193
  >
188
194
  <div
189
- aria-busy="false"
190
- aria-disabled="true"
191
- aria-expanded="false"
192
- class="ui disabled search selection dropdown"
193
- role="combobox"
195
+ class="ui input"
194
196
  >
195
197
  <input
196
- aria-autocomplete="list"
197
- autocomplete="off"
198
- class="search"
199
- tabindex="-1"
198
+ name="field1"
199
+ placeholder="field1"
200
200
  type="text"
201
- value=""
202
- />
203
- <div
204
- aria-atomic="true"
205
- aria-live="polite"
206
- class="divider text"
207
- role="alert"
208
- >
209
- source.search.placeholder
210
- </div>
211
- <i
212
- aria-hidden="true"
213
- class="dropdown icon"
201
+ value="value"
214
202
  />
215
- <div
216
- class="menu transition"
217
- role="listbox"
218
- >
219
- <div
220
- aria-checked="false"
221
- aria-selected="true"
222
- class="selected item"
223
- role="option"
224
- style="pointer-events: all;"
225
- >
226
- <span
227
- class="text"
228
- >
229
- external_source_id
230
- </span>
231
- </div>
232
- </div>
233
203
  </div>
234
204
  </div>
235
205
  </div>
206
+ </div>
207
+ <div
208
+ class="required field"
209
+ >
210
+ <label>
211
+ dataViews.form.source
212
+ </label>
236
213
  <div
237
- class="required field"
214
+ class="disabled field"
238
215
  >
239
- <label>
240
- quality_control.control_mode
241
- </label>
242
216
  <div
217
+ aria-busy="false"
218
+ aria-disabled="true"
243
219
  aria-expanded="false"
244
- class="ui selection dropdown"
245
- role="listbox"
246
- tabindex="0"
220
+ class="ui disabled search selection dropdown"
221
+ role="combobox"
247
222
  >
223
+ <input
224
+ aria-autocomplete="list"
225
+ autocomplete="off"
226
+ class="search"
227
+ tabindex="-1"
228
+ type="text"
229
+ value=""
230
+ />
248
231
  <div
249
232
  aria-atomic="true"
250
233
  aria-live="polite"
251
234
  class="divider text"
252
235
  role="alert"
253
236
  >
254
- quality_control.control_mode.percentage
237
+ source.search.placeholder
255
238
  </div>
256
239
  <i
257
240
  aria-hidden="true"
@@ -259,420 +242,464 @@ exports[`<EditQualityControl /> matches the latest snapshot 1`] = `
259
242
  />
260
243
  <div
261
244
  class="menu transition"
245
+ role="listbox"
262
246
  >
263
- <div
264
- aria-checked="true"
265
- aria-selected="true"
266
- class="active selected item"
267
- role="option"
268
- style="pointer-events: all;"
269
- >
270
- <span
271
- class="text"
272
- >
273
- quality_control.control_mode.percentage
274
- </span>
275
- </div>
276
- <div
277
- aria-checked="false"
278
- aria-selected="false"
279
- class="item"
280
- role="option"
281
- style="pointer-events: all;"
282
- >
283
- <span
284
- class="text"
285
- >
286
- quality_control.control_mode.deviation
287
- </span>
288
- </div>
289
247
  <div
290
248
  aria-checked="false"
291
- aria-selected="false"
292
- class="item"
293
- role="option"
294
- style="pointer-events: all;"
295
- >
296
- <span
297
- class="text"
298
- >
299
- quality_control.control_mode.error_count
300
- </span>
301
- </div>
302
- <div
303
- aria-checked="false"
304
- aria-selected="false"
305
- class="item"
249
+ aria-selected="true"
250
+ class="selected item"
306
251
  role="option"
307
252
  style="pointer-events: all;"
308
253
  >
309
254
  <span
310
255
  class="text"
311
256
  >
312
- quality_control.control_mode.count
257
+ external_source_id
313
258
  </span>
314
259
  </div>
315
260
  </div>
316
261
  </div>
317
262
  </div>
263
+ </div>
264
+ <div
265
+ class="required field"
266
+ >
267
+ <label>
268
+ quality_control.control_mode
269
+ </label>
318
270
  <div
319
- class="ui segment"
271
+ aria-expanded="false"
272
+ class="ui selection dropdown"
273
+ role="listbox"
274
+ tabindex="0"
320
275
  >
321
276
  <div
322
- class="field"
277
+ aria-atomic="true"
278
+ aria-live="polite"
279
+ class="divider text"
280
+ role="alert"
281
+ >
282
+ quality_control.control_mode.percentage
283
+ </div>
284
+ <i
285
+ aria-hidden="true"
286
+ class="dropdown icon"
287
+ />
288
+ <div
289
+ class="menu transition"
323
290
  >
324
- <label
325
- class="field-label"
291
+ <div
292
+ aria-checked="true"
293
+ aria-selected="true"
294
+ class="active selected item"
295
+ role="option"
296
+ style="pointer-events: all;"
326
297
  >
327
- quality_control.score_criteria.percentage.minimum
328
- <span>
329
- *
298
+ <span
299
+ class="text"
300
+ >
301
+ quality_control.control_mode.percentage
330
302
  </span>
331
- </label>
303
+ </div>
332
304
  <div
333
- class="field"
305
+ aria-checked="false"
306
+ aria-selected="false"
307
+ class="item"
308
+ role="option"
309
+ style="pointer-events: all;"
334
310
  >
335
- <div
336
- class="ui input"
311
+ <span
312
+ class="text"
337
313
  >
338
- <input
339
- autocomplete="off"
340
- placeholder="quality_control.score_criteria.percentage.minimum"
341
- type="text"
342
- value="10"
343
- />
344
- </div>
314
+ quality_control.control_mode.deviation
315
+ </span>
316
+ </div>
317
+ <div
318
+ aria-checked="false"
319
+ aria-selected="false"
320
+ class="item"
321
+ role="option"
322
+ style="pointer-events: all;"
323
+ >
324
+ <span
325
+ class="text"
326
+ >
327
+ quality_control.control_mode.error_count
328
+ </span>
329
+ </div>
330
+ <div
331
+ aria-checked="false"
332
+ aria-selected="false"
333
+ class="item"
334
+ role="option"
335
+ style="pointer-events: all;"
336
+ >
337
+ <span
338
+ class="text"
339
+ >
340
+ quality_control.control_mode.count
341
+ </span>
345
342
  </div>
346
343
  </div>
344
+ </div>
345
+ </div>
346
+ <div
347
+ class="ui segment"
348
+ >
349
+ <div
350
+ class="field"
351
+ >
352
+ <label
353
+ class="field-label"
354
+ >
355
+ quality_control.score_criteria.percentage.minimum
356
+ <span>
357
+ *
358
+ </span>
359
+ </label>
347
360
  <div
348
361
  class="field"
349
362
  >
350
- <label
351
- class="field-label"
363
+ <div
364
+ class="ui input"
352
365
  >
353
- quality_control.score_criteria.percentage.goal
354
- <span>
355
- *
356
- </span>
357
- </label>
366
+ <input
367
+ autocomplete="off"
368
+ placeholder="quality_control.score_criteria.percentage.minimum"
369
+ type="text"
370
+ value="10"
371
+ />
372
+ </div>
373
+ </div>
374
+ </div>
375
+ <div
376
+ class="field"
377
+ >
378
+ <label
379
+ class="field-label"
380
+ >
381
+ quality_control.score_criteria.percentage.goal
382
+ <span>
383
+ *
384
+ </span>
385
+ </label>
386
+ <div
387
+ class="field"
388
+ >
358
389
  <div
359
- class="field"
390
+ class="ui input"
360
391
  >
361
- <div
362
- class="ui input"
363
- >
364
- <input
365
- autocomplete="off"
366
- placeholder="quality_control.score_criteria.percentage.goal"
367
- type="text"
368
- value="20"
369
- />
370
- </div>
392
+ <input
393
+ autocomplete="off"
394
+ placeholder="quality_control.score_criteria.percentage.goal"
395
+ type="text"
396
+ value="20"
397
+ />
371
398
  </div>
372
399
  </div>
373
400
  </div>
401
+ </div>
402
+ <div
403
+ class="ui segment"
404
+ >
374
405
  <div
375
- class="ui segment"
406
+ class="required field"
376
407
  >
408
+ <label>
409
+ quality_control.form.control_properties.ratio.resource
410
+ </label>
377
411
  <div
378
- class="required field"
412
+ class="field"
379
413
  >
380
- <label>
381
- quality_control.form.control_properties.ratio.resource
382
- </label>
383
414
  <div
384
- class="field"
415
+ aria-expanded="false"
416
+ class="ui selection dropdown"
417
+ role="listbox"
418
+ tabindex="0"
385
419
  >
386
420
  <div
387
- aria-expanded="false"
388
- class="ui selection dropdown"
389
- role="listbox"
390
- tabindex="0"
421
+ aria-atomic="true"
422
+ aria-live="polite"
423
+ class="divider text"
424
+ role="alert"
425
+ >
426
+ queryables.resource.type.data_structure
427
+ </div>
428
+ <i
429
+ aria-hidden="true"
430
+ class="dropdown icon"
431
+ />
432
+ <div
433
+ class="menu transition"
391
434
  >
392
435
  <div
393
- aria-atomic="true"
394
- aria-live="polite"
395
- class="divider text"
396
- role="alert"
436
+ aria-checked="true"
437
+ aria-selected="true"
438
+ class="active selected item"
439
+ role="option"
440
+ style="pointer-events: all;"
397
441
  >
398
- queryables.resource.type.data_structure
442
+ <span
443
+ class="text"
444
+ >
445
+ queryables.resource.type.data_structure
446
+ </span>
399
447
  </div>
400
- <i
401
- aria-hidden="true"
402
- class="dropdown icon"
403
- />
404
448
  <div
405
- class="menu transition"
449
+ aria-checked="false"
450
+ aria-selected="false"
451
+ class="item"
452
+ role="option"
453
+ style="pointer-events: all;"
406
454
  >
407
- <div
408
- aria-checked="true"
409
- aria-selected="true"
410
- class="active selected item"
411
- role="option"
412
- style="pointer-events: all;"
413
- >
414
- <span
415
- class="text"
416
- >
417
- queryables.resource.type.data_structure
418
- </span>
419
- </div>
420
- <div
421
- aria-checked="false"
422
- aria-selected="false"
423
- class="item"
424
- role="option"
425
- style="pointer-events: all;"
455
+ <span
456
+ class="text"
426
457
  >
427
- <span
428
- class="text"
429
- >
430
- queryables.resource.type.reference_dataset
431
- </span>
432
- </div>
458
+ queryables.resource.type.reference_dataset
459
+ </span>
433
460
  </div>
434
461
  </div>
435
462
  </div>
436
463
  </div>
464
+ </div>
465
+ <div
466
+ class="field"
467
+ >
437
468
  <div
438
- class="field"
469
+ class="required field"
439
470
  >
440
471
  <div
441
- class="required field"
472
+ class="ui fluid icon input"
442
473
  >
443
- <div
444
- class="ui fluid icon input"
445
- >
446
- <input
447
- class="action-pointer"
448
- placeholder="queryables.resource.selector.data_structure"
449
- required=""
450
- type="text"
451
- value="ACCOUNTING_RULES"
452
- />
453
- </div>
474
+ <input
475
+ class="action-pointer"
476
+ placeholder="queryables.resource.selector.data_structure"
477
+ required=""
478
+ type="text"
479
+ value="ACCOUNTING_RULES"
480
+ />
454
481
  </div>
455
482
  </div>
483
+ </div>
484
+ <div
485
+ class="vertical-space"
486
+ >
456
487
  <div
457
- class="vertical-space"
488
+ class="field"
458
489
  >
459
- <div
460
- class="field"
461
- >
462
- <label>
463
- quality_control.form.control_properties.ratio.validation
464
- </label>
465
- <div>
490
+ <label>
491
+ quality_control.form.control_properties.ratio.validation
492
+ </label>
493
+ <div>
494
+ <div
495
+ class="ui segment"
496
+ >
466
497
  <div
467
- class="ui segment"
468
- >
469
- <div
470
- class="clause-and-group"
471
- />
498
+ class="clause-and-group"
499
+ />
500
+ <div>
472
501
  <div>
473
- <div>
502
+ <div
503
+ class="ui grid"
504
+ >
474
505
  <div
475
- class="ui grid"
506
+ class="fifteen wide column"
476
507
  >
477
508
  <div
478
- class="fifteen wide column"
509
+ class="expression-container"
479
510
  >
480
511
  <div
481
- class="expression-container"
512
+ aria-expanded="false"
513
+ class="ui top left pointing dropdown"
514
+ role="listbox"
515
+ tabindex="0"
482
516
  >
483
517
  <div
484
- aria-expanded="false"
485
- class="ui top left pointing dropdown"
486
- role="listbox"
487
- tabindex="0"
518
+ class="shape-selector-trigger"
519
+ >
520
+ f(x)
521
+ </div>
522
+ <div
523
+ class="menu transition"
488
524
  >
489
525
  <div
490
- class="shape-selector-trigger"
491
- >
492
- f(x)
493
- </div>
494
- <div
495
- class="menu transition"
526
+ aria-checked="false"
527
+ aria-selected="false"
528
+ class="item"
529
+ role="option"
530
+ style="pointer-events: all;"
496
531
  >
497
532
  <div
498
- aria-checked="false"
499
- aria-selected="false"
500
- class="item"
501
- role="option"
502
- style="pointer-events: all;"
533
+ class="text flex-center"
503
534
  >
504
- <div
505
- class="text flex-center"
535
+ <small
536
+ style="margin-right: 5px;"
506
537
  >
507
- <small
508
- style="margin-right: 5px;"
509
- >
510
- <b>
511
- <code>
512
- [π]
513
- </code>
514
- </b>
515
- </small>
516
- functions.expression.shape.constant
517
- </div>
538
+ <b>
539
+ <code>
540
+ [π]
541
+ </code>
542
+ </b>
543
+ </small>
544
+ functions.expression.shape.constant
518
545
  </div>
546
+ </div>
547
+ <div
548
+ aria-checked="true"
549
+ aria-selected="true"
550
+ class="active selected item"
551
+ role="option"
552
+ style="pointer-events: all;"
553
+ >
519
554
  <div
520
- aria-checked="true"
521
- aria-selected="true"
522
- class="active selected item"
523
- role="option"
524
- style="pointer-events: all;"
555
+ class="text flex-center"
525
556
  >
526
- <div
527
- class="text flex-center"
557
+ <small
558
+ style="margin-right: 5px;"
528
559
  >
529
- <small
530
- style="margin-right: 5px;"
531
- >
532
- <b>
533
- <code>
534
- f(x)
535
- </code>
536
- </b>
537
- </small>
538
- functions.expression.shape.function
539
- </div>
560
+ <b>
561
+ <code>
562
+ f(x)
563
+ </code>
564
+ </b>
565
+ </small>
566
+ functions.expression.shape.function
540
567
  </div>
541
568
  </div>
542
569
  </div>
570
+ </div>
571
+ <div
572
+ class="accordion ui fluid no-margin"
573
+ >
543
574
  <div
544
- class="accordion ui fluid no-margin"
575
+ class="active title no-padding"
545
576
  >
546
577
  <div
547
- class="active title no-padding"
578
+ class="flex-center"
548
579
  >
580
+ <i
581
+ aria-hidden="true"
582
+ class="dropdown icon"
583
+ />
549
584
  <div
550
- class="flex-center"
585
+ class="sixteen wide field"
551
586
  >
552
- <i
553
- aria-hidden="true"
554
- class="dropdown icon"
555
- />
556
587
  <div
557
- class="sixteen wide field"
588
+ aria-expanded="false"
589
+ class="ui fluid search selection dropdown"
590
+ role="combobox"
558
591
  >
592
+ <input
593
+ aria-autocomplete="list"
594
+ autocomplete="off"
595
+ class="search"
596
+ tabindex="0"
597
+ type="text"
598
+ value=""
599
+ />
559
600
  <div
560
- aria-expanded="false"
561
- class="ui fluid search selection dropdown"
562
- role="combobox"
601
+ aria-atomic="true"
602
+ aria-live="polite"
603
+ class="divider text"
604
+ role="alert"
605
+ >
606
+ functions.form.expression.function.placeholder
607
+ </div>
608
+ <i
609
+ aria-hidden="true"
610
+ class="dropdown icon"
611
+ />
612
+ <div
613
+ class="menu transition"
614
+ role="listbox"
563
615
  >
564
- <input
565
- aria-autocomplete="list"
566
- autocomplete="off"
567
- class="search"
568
- tabindex="0"
569
- type="text"
570
- value=""
571
- />
572
- <div
573
- aria-atomic="true"
574
- aria-live="polite"
575
- class="divider text"
576
- role="alert"
577
- >
578
- functions.form.expression.function.placeholder
579
- </div>
580
- <i
581
- aria-hidden="true"
582
- class="dropdown icon"
583
- />
584
616
  <div
585
- class="menu transition"
586
- role="listbox"
617
+ class="message"
587
618
  >
588
- <div
589
- class="message"
590
- >
591
- No results found.
592
- </div>
619
+ No results found.
593
620
  </div>
594
621
  </div>
595
622
  </div>
596
623
  </div>
597
624
  </div>
598
- <div
599
- class="content active no-padding"
600
- />
601
625
  </div>
626
+ <div
627
+ class="content active no-padding"
628
+ />
602
629
  </div>
603
630
  </div>
604
- <div
605
- class="middle aligned one wide column"
606
- />
607
631
  </div>
632
+ <div
633
+ class="middle aligned one wide column"
634
+ />
608
635
  </div>
609
- <div
610
- class="ui horizontal divider"
611
- />
612
636
  </div>
613
637
  <div
614
638
  class="ui horizontal divider"
639
+ />
640
+ </div>
641
+ <div
642
+ class="ui horizontal divider"
643
+ >
644
+ <div
645
+ class="ui medium basic buttons"
615
646
  >
616
- <div
617
- class="ui medium basic buttons"
647
+ <button
648
+ class="ui button"
618
649
  >
619
- <button
620
- class="ui button"
621
- >
622
- <i
623
- aria-hidden="true"
624
- class="plus icon"
625
- />
626
- expression.clause.action.addExpression
627
- </button>
628
- </div>
650
+ <i
651
+ aria-hidden="true"
652
+ class="plus icon"
653
+ />
654
+ expression.clause.action.addExpression
655
+ </button>
629
656
  </div>
630
657
  </div>
631
- <div
632
- class="ui horizontal divider"
633
- />
634
658
  </div>
635
659
  <div
636
660
  class="ui horizontal divider"
661
+ />
662
+ </div>
663
+ <div
664
+ class="ui horizontal divider"
665
+ >
666
+ <div
667
+ class="ui medium basic buttons"
637
668
  >
638
- <div
639
- class="ui medium basic buttons"
669
+ <button
670
+ class="ui button"
640
671
  >
641
- <button
642
- class="ui button"
643
- >
644
- <i
645
- aria-hidden="true"
646
- class="plus icon"
647
- />
648
- expression.clause.action.addGroup
649
- </button>
650
- </div>
672
+ <i
673
+ aria-hidden="true"
674
+ class="plus icon"
675
+ />
676
+ expression.clause.action.addGroup
677
+ </button>
651
678
  </div>
652
679
  </div>
653
680
  </div>
654
681
  </div>
655
- <div
656
- class="ui hidden divider"
657
- />
658
- <div
659
- class="ui right aligned container"
682
+ </div>
683
+ <div
684
+ class="ui hidden divider"
685
+ />
686
+ <div
687
+ class="ui right aligned container"
688
+ >
689
+ <button
690
+ class="ui primary disabled button"
691
+ disabled=""
692
+ tabindex="-1"
660
693
  >
661
- <button
662
- class="ui primary disabled button"
663
- disabled=""
664
- tabindex="-1"
665
- >
666
- actions.save
667
- </button>
668
- <button
669
- class="ui button"
670
- >
671
- actions.cancel
672
- </button>
673
- </div>
674
- </form>
675
- </div>
694
+ actions.save
695
+ </button>
696
+ <button
697
+ class="ui button"
698
+ >
699
+ actions.cancel
700
+ </button>
701
+ </div>
702
+ </form>
676
703
  </div>
677
704
  </div>
678
705
  `;
@@ -680,30 +707,46 @@ exports[`<EditQualityControl /> matches the latest snapshot 1`] = `
680
707
  exports[`<EditQualityControl /> matches the latest snapshot with empty qualityControl 1`] = `
681
708
  <div>
682
709
  <div
683
- class="ui left floated segment"
710
+ class="ui breadcrumb"
684
711
  >
712
+ <a
713
+ class="section"
714
+ data-discover="true"
715
+ href="/qualityControls"
716
+ >
717
+ quality_controls.header
718
+ </a>
719
+ <i
720
+ aria-hidden="true"
721
+ class="right angle icon divider"
722
+ />
685
723
  <div
686
- class="ui text container"
724
+ class="active section"
725
+ >
726
+ Edit
727
+ </div>
728
+ </div>
729
+ <div
730
+ class="ui segment ui text container"
731
+ >
732
+ <h2
733
+ class="ui header"
687
734
  >
688
- <h2
689
- class="ui header"
735
+ <i
736
+ aria-hidden="true"
737
+ class="archive circular icon"
738
+ />
739
+ <div
740
+ class="content"
690
741
  >
691
- <i
692
- aria-hidden="true"
693
- class="archive circular icon"
694
- />
742
+ quality_controls.new.header
695
743
  <div
696
- class="content"
744
+ class="sub header"
697
745
  >
698
- quality_controls.new.header
699
- <div
700
- class="sub header"
701
- >
702
- quality_controls.edit.subheader
703
- </div>
746
+ quality_controls.edit.subheader
704
747
  </div>
705
- </h2>
706
- </div>
748
+ </div>
749
+ </h2>
707
750
  </div>
708
751
  </div>
709
752
  `;