@truedat/qx 7.13.7 → 7.13.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/package.json +3 -3
  2. package/src/components/QxRoutes.js +8 -6
  3. package/src/components/common/ResourceSelector.js +25 -6
  4. package/src/components/common/TypeSelector.js +14 -9
  5. package/src/components/common/__tests__/__snapshots__/ResourceSelector.spec.js.snap +269 -241
  6. package/src/components/common/__tests__/__snapshots__/TypeSelector.spec.js.snap +198 -190
  7. package/src/components/common/expressions/Clauses.js +19 -11
  8. package/src/components/common/expressions/Condition.js +32 -31
  9. package/src/components/common/expressions/FieldSelector.js +30 -16
  10. package/src/components/common/expressions/FunctionSelector.js +38 -23
  11. package/src/components/common/expressions/ShapeSelector.js +6 -5
  12. package/src/components/common/expressions/__tests__/ShapeSelector.spec.js +1 -1
  13. package/src/components/common/expressions/__tests__/__snapshots__/Clauses.spec.js.snap +36 -12
  14. package/src/components/common/expressions/__tests__/__snapshots__/Condition.spec.js.snap +87 -75
  15. package/src/components/common/expressions/__tests__/__snapshots__/ConstantSelector.spec.js.snap +99 -97
  16. package/src/components/common/expressions/__tests__/__snapshots__/Expression.spec.js.snap +236 -216
  17. package/src/components/common/expressions/__tests__/__snapshots__/FunctionArgs.spec.js.snap +97 -89
  18. package/src/components/common/expressions/__tests__/__snapshots__/FunctionSelector.spec.js.snap +373 -345
  19. package/src/components/common/expressions/constantInputs/AnySelector.js +2 -1
  20. package/src/components/common/expressions/constantInputs/BooleanSelector.js +20 -15
  21. package/src/components/common/expressions/constantInputs/DefaultSelector.js +0 -1
  22. package/src/components/common/expressions/constantInputs/__tests__/__snapshots__/AnySelector.spec.js.snap +189 -182
  23. package/src/components/common/expressions/constantInputs/__tests__/__snapshots__/BooleanSelector.spec.js.snap +74 -66
  24. package/src/components/common/expressions/constantInputs/__tests__/__snapshots__/DefaultSelector.spec.js.snap +2 -4
  25. package/src/components/common/resourceSelectors/DataStructureSelector.js +5 -4
  26. package/src/components/common/resourceSelectors/DataViewSelector.js +4 -3
  27. package/src/components/common/resourceSelectors/ReferenceDatasetSelector.js +4 -3
  28. package/src/components/common/resourceSelectors/__tests__/__snapshots__/DataStructureSelector.spec.js.snap +65 -61
  29. package/src/components/common/resourceSelectors/__tests__/__snapshots__/DataViewSelector.spec.js.snap +38 -34
  30. package/src/components/common/resourceSelectors/__tests__/__snapshots__/ReferenceDatasetSelector.spec.js.snap +38 -34
  31. package/src/components/dataViews/BreadCrumb.js +20 -0
  32. package/src/components/dataViews/DataViewEditor.js +169 -178
  33. package/src/components/dataViews/DataViews.js +113 -135
  34. package/src/components/dataViews/__tests__/AdvancedDataViewEditor.spec.js +260 -0
  35. package/src/components/dataViews/__tests__/DataViewEditor.spec.js +173 -239
  36. package/src/components/dataViews/__tests__/DataViewSelect.spec.js +1 -1
  37. package/src/components/dataViews/__tests__/DataViews.spec.js +124 -51
  38. package/src/components/dataViews/__tests__/Queryable.spec.js +1 -1
  39. package/src/components/dataViews/__tests__/Queryables.spec.js +1 -1
  40. package/src/components/dataViews/__tests__/SimpleDataViewEditor.spec.js +164 -0
  41. package/src/components/dataViews/__tests__/__snapshots__/{DataViewEditor.spec.js.snap → AdvancedDataViewEditor.spec.js.snap} +230 -200
  42. package/src/components/dataViews/__tests__/__snapshots__/DataViews.spec.js.snap +141 -29
  43. package/src/components/dataViews/__tests__/__snapshots__/Queryable.spec.js.snap +184 -141
  44. package/src/components/dataViews/__tests__/__snapshots__/Queryables.spec.js.snap +126 -91
  45. package/src/components/dataViews/actions/CancelButton.js +33 -0
  46. package/src/components/dataViews/actions/DeleteButton.js +33 -0
  47. package/src/components/dataViews/advancedForm/AdvancedDataViewEditor.js +159 -0
  48. package/src/components/dataViews/{DataViewSelect.js → advancedForm/DataViewSelect.js} +2 -2
  49. package/src/components/dataViews/{Queryable.js → advancedForm/Queryable.js} +2 -2
  50. package/src/components/dataViews/queryableFunctions.js +7 -0
  51. package/src/components/dataViews/queryableProperties/GroupBy.js +23 -27
  52. package/src/components/dataViews/queryableProperties/Join.js +0 -3
  53. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/From.spec.js.snap +30 -26
  54. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/GroupBy.spec.js.snap +130 -102
  55. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/Join.spec.js.snap +42 -31
  56. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/Select.spec.js.snap +81 -69
  57. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/SelectField.spec.js.snap +62 -54
  58. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/Where.spec.js.snap +12 -4
  59. package/src/components/dataViews/simpleForm/AggregationForm.js +179 -0
  60. package/src/components/dataViews/simpleForm/DatasetForm.js +199 -0
  61. package/src/components/dataViews/simpleForm/FormQueryable.js +114 -0
  62. package/src/components/dataViews/simpleForm/InformationForm.js +107 -0
  63. package/src/components/dataViews/simpleForm/SelectionForm.js +50 -0
  64. package/src/components/dataViews/simpleForm/SimpleDataViewEditor.js +265 -0
  65. package/src/components/functions/__tests__/__snapshots__/FunctionEditor.spec.js.snap +663 -631
  66. package/src/components/functions/__tests__/__snapshots__/FunctionParams.spec.js.snap +113 -109
  67. package/src/components/qualityControls/__tests__/__snapshots__/ControlProperties.spec.js.snap +92 -76
  68. package/src/components/qualityControls/__tests__/__snapshots__/EditQualityControl.spec.js.snap +108 -80
  69. package/src/components/qualityControls/__tests__/__snapshots__/NewDraftQualityControl.spec.js.snap +108 -80
  70. package/src/components/qualityControls/__tests__/__snapshots__/QualityControlEditor.spec.js.snap +108 -80
  71. package/src/components/qualityControls/controlProperties/__tests__/__snapshots__/Count.spec.js.snap +40 -36
  72. package/src/components/qualityControls/controlProperties/__tests__/__snapshots__/Ratio.spec.js.snap +92 -76
  73. package/src/hooks/useDataViews.js +7 -0
  74. /package/src/components/dataViews/{Queryables.js → advancedForm/Queryables.js} +0 -0
@@ -16,38 +16,42 @@ exports[`<FunctionSelector /> matches the latest snapshot 1`] = `
16
16
  class="dropdown icon"
17
17
  />
18
18
  <div
19
- aria-expanded="false"
20
- class="ui fluid search selection dropdown"
21
- role="combobox"
19
+ class="sixteen wide field"
22
20
  >
23
- <input
24
- aria-autocomplete="list"
25
- autocomplete="off"
26
- class="search"
27
- tabindex="0"
28
- type="text"
29
- value=""
30
- />
31
21
  <div
32
- aria-atomic="true"
33
- aria-live="polite"
34
- class="divider text"
35
- role="alert"
36
- >
37
- functions.form.expression.function.placeholder
38
- </div>
39
- <i
40
- aria-hidden="true"
41
- class="dropdown icon"
42
- />
43
- <div
44
- class="menu transition"
45
- role="listbox"
22
+ aria-expanded="false"
23
+ class="ui fluid search selection dropdown"
24
+ role="combobox"
46
25
  >
26
+ <input
27
+ aria-autocomplete="list"
28
+ autocomplete="off"
29
+ class="search"
30
+ tabindex="0"
31
+ type="text"
32
+ value=""
33
+ />
47
34
  <div
48
- class="message"
35
+ aria-atomic="true"
36
+ aria-live="polite"
37
+ class="divider text"
38
+ role="alert"
49
39
  >
50
- No results found.
40
+ functions.form.expression.function.placeholder
41
+ </div>
42
+ <i
43
+ aria-hidden="true"
44
+ class="dropdown icon"
45
+ />
46
+ <div
47
+ class="menu transition"
48
+ role="listbox"
49
+ >
50
+ <div
51
+ class="message"
52
+ >
53
+ No results found.
54
+ </div>
51
55
  </div>
52
56
  </div>
53
57
  </div>
@@ -77,77 +81,81 @@ exports[`<FunctionSelector /> user interaction 1`] = `
77
81
  class="dropdown icon"
78
82
  />
79
83
  <div
80
- aria-expanded="false"
81
- class="ui fluid search selection dropdown"
82
- role="combobox"
84
+ class="sixteen wide field"
83
85
  >
84
- <input
85
- aria-autocomplete="list"
86
- autocomplete="off"
87
- class="search"
88
- tabindex="0"
89
- type="text"
90
- value=""
91
- />
92
- <div
93
- aria-atomic="true"
94
- aria-live="polite"
95
- class="divider text"
96
- role="alert"
97
- >
98
- eq:boolean
99
- </div>
100
- <i
101
- aria-hidden="true"
102
- class="dropdown icon"
103
- />
104
86
  <div
105
- class="menu transition"
106
- role="listbox"
87
+ aria-expanded="false"
88
+ class="ui fluid search selection dropdown"
89
+ role="combobox"
107
90
  >
91
+ <input
92
+ aria-autocomplete="list"
93
+ autocomplete="off"
94
+ class="search"
95
+ tabindex="0"
96
+ type="text"
97
+ value=""
98
+ />
99
+ <div
100
+ aria-atomic="true"
101
+ aria-live="polite"
102
+ class="divider text"
103
+ role="alert"
104
+ >
105
+ eq:boolean
106
+ </div>
107
+ <i
108
+ aria-hidden="true"
109
+ class="dropdown icon"
110
+ />
108
111
  <div
109
- aria-checked="true"
110
- aria-selected="true"
111
- class="active selected item"
112
- role="option"
113
- style="pointer-events: all;"
112
+ class="menu transition"
113
+ role="listbox"
114
114
  >
115
115
  <div
116
- class="ui header"
116
+ aria-checked="true"
117
+ aria-selected="true"
118
+ class="active selected item"
119
+ role="option"
120
+ style="pointer-events: all;"
117
121
  >
118
122
  <div
119
- class="flex-center"
123
+ class="ui header"
120
124
  >
121
- <div>
122
- eq
123
- </div>
124
125
  <div
125
- class="function-params-label"
126
+ class="flex-center"
126
127
  >
127
- <div
128
- class="ui grey label"
129
- >
130
- <i
131
- aria-hidden="true"
132
- class="question circle outline icon"
133
- />
134
- arg1
128
+ <div>
129
+ eq
135
130
  </div>
136
131
  <div
137
- class="ui grey label"
132
+ class="function-params-label"
138
133
  >
139
- <i
140
- aria-hidden="true"
141
- class="question circle outline icon"
142
- />
143
- arg2
134
+ <div
135
+ class="ui grey label"
136
+ >
137
+ <i
138
+ aria-hidden="true"
139
+ class="question circle outline icon"
140
+ />
141
+ arg1
142
+ </div>
143
+ <div
144
+ class="ui grey label"
145
+ >
146
+ <i
147
+ aria-hidden="true"
148
+ class="question circle outline icon"
149
+ />
150
+ arg2
151
+ </div>
144
152
  </div>
145
153
  </div>
146
154
  </div>
155
+ <div
156
+ class="sub header"
157
+ />
147
158
  </div>
148
- <div
149
- class="sub header"
150
- />
151
159
  </div>
152
160
  </div>
153
161
  </div>
@@ -266,77 +274,81 @@ exports[`<FunctionSelector /> user interaction 1`] = `
266
274
  class="dropdown icon"
267
275
  />
268
276
  <div
269
- aria-expanded="false"
270
- class="ui fluid search selection dropdown"
271
- role="combobox"
277
+ class="sixteen wide field"
272
278
  >
273
- <input
274
- aria-autocomplete="list"
275
- autocomplete="off"
276
- class="search"
277
- tabindex="0"
278
- type="text"
279
- value=""
280
- />
281
- <div
282
- aria-atomic="true"
283
- aria-live="polite"
284
- class="divider text"
285
- role="alert"
286
- >
287
- functions.form.expression.function.placeholder
288
- </div>
289
- <i
290
- aria-hidden="true"
291
- class="dropdown icon"
292
- />
293
279
  <div
294
- class="menu transition"
295
- role="listbox"
280
+ aria-expanded="false"
281
+ class="ui fluid search selection dropdown"
282
+ role="combobox"
296
283
  >
284
+ <input
285
+ aria-autocomplete="list"
286
+ autocomplete="off"
287
+ class="search"
288
+ tabindex="0"
289
+ type="text"
290
+ value=""
291
+ />
292
+ <div
293
+ aria-atomic="true"
294
+ aria-live="polite"
295
+ class="divider text"
296
+ role="alert"
297
+ >
298
+ functions.form.expression.function.placeholder
299
+ </div>
300
+ <i
301
+ aria-hidden="true"
302
+ class="dropdown icon"
303
+ />
297
304
  <div
298
- aria-checked="false"
299
- aria-selected="true"
300
- class="selected item"
301
- role="option"
302
- style="pointer-events: all;"
305
+ class="menu transition"
306
+ role="listbox"
303
307
  >
304
308
  <div
305
- class="ui header"
309
+ aria-checked="false"
310
+ aria-selected="true"
311
+ class="selected item"
312
+ role="option"
313
+ style="pointer-events: all;"
306
314
  >
307
315
  <div
308
- class="flex-center"
316
+ class="ui header"
309
317
  >
310
- <div>
311
- eq
312
- </div>
313
318
  <div
314
- class="function-params-label"
319
+ class="flex-center"
315
320
  >
316
- <div
317
- class="ui grey label"
318
- >
319
- <i
320
- aria-hidden="true"
321
- class="question circle outline icon"
322
- />
323
- arg1
321
+ <div>
322
+ eq
324
323
  </div>
325
324
  <div
326
- class="ui grey label"
325
+ class="function-params-label"
327
326
  >
328
- <i
329
- aria-hidden="true"
330
- class="question circle outline icon"
331
- />
332
- arg2
327
+ <div
328
+ class="ui grey label"
329
+ >
330
+ <i
331
+ aria-hidden="true"
332
+ class="question circle outline icon"
333
+ />
334
+ arg1
335
+ </div>
336
+ <div
337
+ class="ui grey label"
338
+ >
339
+ <i
340
+ aria-hidden="true"
341
+ class="question circle outline icon"
342
+ />
343
+ arg2
344
+ </div>
333
345
  </div>
334
346
  </div>
335
347
  </div>
348
+ <div
349
+ class="sub header"
350
+ />
336
351
  </div>
337
- <div
338
- class="sub header"
339
- />
340
352
  </div>
341
353
  </div>
342
354
  </div>
@@ -458,77 +470,81 @@ exports[`<FunctionSelector /> user interaction 1`] = `
458
470
  class="dropdown icon"
459
471
  />
460
472
  <div
461
- aria-expanded="false"
462
- class="ui fluid search selection dropdown"
463
- role="combobox"
473
+ class="sixteen wide field"
464
474
  >
465
- <input
466
- aria-autocomplete="list"
467
- autocomplete="off"
468
- class="search"
469
- tabindex="0"
470
- type="text"
471
- value=""
472
- />
473
475
  <div
474
- aria-atomic="true"
475
- aria-live="polite"
476
- class="divider text"
477
- role="alert"
478
- >
479
- functions.form.expression.function.placeholder
480
- </div>
481
- <i
482
- aria-hidden="true"
483
- class="dropdown icon"
484
- />
485
- <div
486
- class="menu transition"
487
- role="listbox"
476
+ aria-expanded="false"
477
+ class="ui fluid search selection dropdown"
478
+ role="combobox"
488
479
  >
480
+ <input
481
+ aria-autocomplete="list"
482
+ autocomplete="off"
483
+ class="search"
484
+ tabindex="0"
485
+ type="text"
486
+ value=""
487
+ />
488
+ <div
489
+ aria-atomic="true"
490
+ aria-live="polite"
491
+ class="divider text"
492
+ role="alert"
493
+ >
494
+ functions.form.expression.function.placeholder
495
+ </div>
496
+ <i
497
+ aria-hidden="true"
498
+ class="dropdown icon"
499
+ />
489
500
  <div
490
- aria-checked="false"
491
- aria-selected="true"
492
- class="selected item"
493
- role="option"
494
- style="pointer-events: all;"
501
+ class="menu transition"
502
+ role="listbox"
495
503
  >
496
504
  <div
497
- class="ui header"
505
+ aria-checked="false"
506
+ aria-selected="true"
507
+ class="selected item"
508
+ role="option"
509
+ style="pointer-events: all;"
498
510
  >
499
511
  <div
500
- class="flex-center"
512
+ class="ui header"
501
513
  >
502
- <div>
503
- eq
504
- </div>
505
514
  <div
506
- class="function-params-label"
515
+ class="flex-center"
507
516
  >
508
- <div
509
- class="ui grey label"
510
- >
511
- <i
512
- aria-hidden="true"
513
- class="question circle outline icon"
514
- />
515
- arg1
517
+ <div>
518
+ eq
516
519
  </div>
517
520
  <div
518
- class="ui grey label"
521
+ class="function-params-label"
519
522
  >
520
- <i
521
- aria-hidden="true"
522
- class="question circle outline icon"
523
- />
524
- arg2
523
+ <div
524
+ class="ui grey label"
525
+ >
526
+ <i
527
+ aria-hidden="true"
528
+ class="question circle outline icon"
529
+ />
530
+ arg1
531
+ </div>
532
+ <div
533
+ class="ui grey label"
534
+ >
535
+ <i
536
+ aria-hidden="true"
537
+ class="question circle outline icon"
538
+ />
539
+ arg2
540
+ </div>
525
541
  </div>
526
542
  </div>
527
543
  </div>
544
+ <div
545
+ class="sub header"
546
+ />
528
547
  </div>
529
- <div
530
- class="sub header"
531
- />
532
548
  </div>
533
549
  </div>
534
550
  </div>
@@ -566,77 +582,81 @@ exports[`<FunctionSelector /> user interaction 2`] = `
566
582
  class="dropdown icon"
567
583
  />
568
584
  <div
569
- aria-expanded="false"
570
- class="ui fluid search selection dropdown"
571
- role="combobox"
585
+ class="sixteen wide field"
572
586
  >
573
- <input
574
- aria-autocomplete="list"
575
- autocomplete="off"
576
- class="search"
577
- tabindex="0"
578
- type="text"
579
- value=""
580
- />
581
- <div
582
- aria-atomic="true"
583
- aria-live="polite"
584
- class="divider text"
585
- role="alert"
586
- >
587
- eq:boolean
588
- </div>
589
- <i
590
- aria-hidden="true"
591
- class="dropdown icon"
592
- />
593
587
  <div
594
- class="menu transition"
595
- role="listbox"
588
+ aria-expanded="false"
589
+ class="ui fluid search selection dropdown"
590
+ role="combobox"
596
591
  >
592
+ <input
593
+ aria-autocomplete="list"
594
+ autocomplete="off"
595
+ class="search"
596
+ tabindex="0"
597
+ type="text"
598
+ value=""
599
+ />
597
600
  <div
598
- aria-checked="true"
599
- aria-selected="true"
600
- class="active selected item"
601
- role="option"
602
- style="pointer-events: all;"
601
+ aria-atomic="true"
602
+ aria-live="polite"
603
+ class="divider text"
604
+ role="alert"
605
+ >
606
+ eq:boolean
607
+ </div>
608
+ <i
609
+ aria-hidden="true"
610
+ class="dropdown icon"
611
+ />
612
+ <div
613
+ class="menu transition"
614
+ role="listbox"
603
615
  >
604
616
  <div
605
- class="ui header"
617
+ aria-checked="true"
618
+ aria-selected="true"
619
+ class="active selected item"
620
+ role="option"
621
+ style="pointer-events: all;"
606
622
  >
607
623
  <div
608
- class="flex-center"
624
+ class="ui header"
609
625
  >
610
- <div>
611
- eq
612
- </div>
613
626
  <div
614
- class="function-params-label"
627
+ class="flex-center"
615
628
  >
616
- <div
617
- class="ui grey label"
618
- >
619
- <i
620
- aria-hidden="true"
621
- class="question circle outline icon"
622
- />
623
- arg1
629
+ <div>
630
+ eq
624
631
  </div>
625
632
  <div
626
- class="ui grey label"
633
+ class="function-params-label"
627
634
  >
628
- <i
629
- aria-hidden="true"
630
- class="question circle outline icon"
631
- />
632
- arg2
635
+ <div
636
+ class="ui grey label"
637
+ >
638
+ <i
639
+ aria-hidden="true"
640
+ class="question circle outline icon"
641
+ />
642
+ arg1
643
+ </div>
644
+ <div
645
+ class="ui grey label"
646
+ >
647
+ <i
648
+ aria-hidden="true"
649
+ class="question circle outline icon"
650
+ />
651
+ arg2
652
+ </div>
633
653
  </div>
634
654
  </div>
635
655
  </div>
656
+ <div
657
+ class="sub header"
658
+ />
636
659
  </div>
637
- <div
638
- class="sub header"
639
- />
640
660
  </div>
641
661
  </div>
642
662
  </div>
@@ -755,77 +775,81 @@ exports[`<FunctionSelector /> user interaction 2`] = `
755
775
  class="dropdown icon"
756
776
  />
757
777
  <div
758
- aria-expanded="false"
759
- class="ui fluid search selection dropdown"
760
- role="combobox"
778
+ class="sixteen wide field"
761
779
  >
762
- <input
763
- aria-autocomplete="list"
764
- autocomplete="off"
765
- class="search"
766
- tabindex="0"
767
- type="text"
768
- value=""
769
- />
770
780
  <div
771
- aria-atomic="true"
772
- aria-live="polite"
773
- class="divider text"
774
- role="alert"
775
- >
776
- functions.form.expression.function.placeholder
777
- </div>
778
- <i
779
- aria-hidden="true"
780
- class="dropdown icon"
781
- />
782
- <div
783
- class="menu transition"
784
- role="listbox"
781
+ aria-expanded="false"
782
+ class="ui fluid search selection dropdown"
783
+ role="combobox"
785
784
  >
785
+ <input
786
+ aria-autocomplete="list"
787
+ autocomplete="off"
788
+ class="search"
789
+ tabindex="0"
790
+ type="text"
791
+ value=""
792
+ />
786
793
  <div
787
- aria-checked="false"
788
- aria-selected="true"
789
- class="selected item"
790
- role="option"
791
- style="pointer-events: all;"
794
+ aria-atomic="true"
795
+ aria-live="polite"
796
+ class="divider text"
797
+ role="alert"
798
+ >
799
+ functions.form.expression.function.placeholder
800
+ </div>
801
+ <i
802
+ aria-hidden="true"
803
+ class="dropdown icon"
804
+ />
805
+ <div
806
+ class="menu transition"
807
+ role="listbox"
792
808
  >
793
809
  <div
794
- class="ui header"
810
+ aria-checked="false"
811
+ aria-selected="true"
812
+ class="selected item"
813
+ role="option"
814
+ style="pointer-events: all;"
795
815
  >
796
816
  <div
797
- class="flex-center"
817
+ class="ui header"
798
818
  >
799
- <div>
800
- eq
801
- </div>
802
819
  <div
803
- class="function-params-label"
820
+ class="flex-center"
804
821
  >
805
- <div
806
- class="ui grey label"
807
- >
808
- <i
809
- aria-hidden="true"
810
- class="question circle outline icon"
811
- />
812
- arg1
822
+ <div>
823
+ eq
813
824
  </div>
814
825
  <div
815
- class="ui grey label"
826
+ class="function-params-label"
816
827
  >
817
- <i
818
- aria-hidden="true"
819
- class="question circle outline icon"
820
- />
821
- arg2
828
+ <div
829
+ class="ui grey label"
830
+ >
831
+ <i
832
+ aria-hidden="true"
833
+ class="question circle outline icon"
834
+ />
835
+ arg1
836
+ </div>
837
+ <div
838
+ class="ui grey label"
839
+ >
840
+ <i
841
+ aria-hidden="true"
842
+ class="question circle outline icon"
843
+ />
844
+ arg2
845
+ </div>
822
846
  </div>
823
847
  </div>
824
848
  </div>
849
+ <div
850
+ class="sub header"
851
+ />
825
852
  </div>
826
- <div
827
- class="sub header"
828
- />
829
853
  </div>
830
854
  </div>
831
855
  </div>
@@ -947,77 +971,81 @@ exports[`<FunctionSelector /> user interaction 2`] = `
947
971
  class="dropdown icon"
948
972
  />
949
973
  <div
950
- aria-expanded="false"
951
- class="ui fluid search selection dropdown"
952
- role="combobox"
974
+ class="sixteen wide field"
953
975
  >
954
- <input
955
- aria-autocomplete="list"
956
- autocomplete="off"
957
- class="search"
958
- tabindex="0"
959
- type="text"
960
- value=""
961
- />
962
- <div
963
- aria-atomic="true"
964
- aria-live="polite"
965
- class="divider text"
966
- role="alert"
967
- >
968
- functions.form.expression.function.placeholder
969
- </div>
970
- <i
971
- aria-hidden="true"
972
- class="dropdown icon"
973
- />
974
976
  <div
975
- class="menu transition"
976
- role="listbox"
977
+ aria-expanded="false"
978
+ class="ui fluid search selection dropdown"
979
+ role="combobox"
977
980
  >
981
+ <input
982
+ aria-autocomplete="list"
983
+ autocomplete="off"
984
+ class="search"
985
+ tabindex="0"
986
+ type="text"
987
+ value=""
988
+ />
989
+ <div
990
+ aria-atomic="true"
991
+ aria-live="polite"
992
+ class="divider text"
993
+ role="alert"
994
+ >
995
+ functions.form.expression.function.placeholder
996
+ </div>
997
+ <i
998
+ aria-hidden="true"
999
+ class="dropdown icon"
1000
+ />
978
1001
  <div
979
- aria-checked="false"
980
- aria-selected="true"
981
- class="selected item"
982
- role="option"
983
- style="pointer-events: all;"
1002
+ class="menu transition"
1003
+ role="listbox"
984
1004
  >
985
1005
  <div
986
- class="ui header"
1006
+ aria-checked="false"
1007
+ aria-selected="true"
1008
+ class="selected item"
1009
+ role="option"
1010
+ style="pointer-events: all;"
987
1011
  >
988
1012
  <div
989
- class="flex-center"
1013
+ class="ui header"
990
1014
  >
991
- <div>
992
- eq
993
- </div>
994
1015
  <div
995
- class="function-params-label"
1016
+ class="flex-center"
996
1017
  >
997
- <div
998
- class="ui grey label"
999
- >
1000
- <i
1001
- aria-hidden="true"
1002
- class="question circle outline icon"
1003
- />
1004
- arg1
1018
+ <div>
1019
+ eq
1005
1020
  </div>
1006
1021
  <div
1007
- class="ui grey label"
1022
+ class="function-params-label"
1008
1023
  >
1009
- <i
1010
- aria-hidden="true"
1011
- class="question circle outline icon"
1012
- />
1013
- arg2
1024
+ <div
1025
+ class="ui grey label"
1026
+ >
1027
+ <i
1028
+ aria-hidden="true"
1029
+ class="question circle outline icon"
1030
+ />
1031
+ arg1
1032
+ </div>
1033
+ <div
1034
+ class="ui grey label"
1035
+ >
1036
+ <i
1037
+ aria-hidden="true"
1038
+ class="question circle outline icon"
1039
+ />
1040
+ arg2
1041
+ </div>
1014
1042
  </div>
1015
1043
  </div>
1016
1044
  </div>
1045
+ <div
1046
+ class="sub header"
1047
+ />
1017
1048
  </div>
1018
- <div
1019
- class="sub header"
1020
- />
1021
1049
  </div>
1022
1050
  </div>
1023
1051
  </div>