@truedat/qx 7.13.6 → 7.13.8

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
package/src/components/functions/__tests__/__snapshots__/FunctionEditor.spec.js.snap CHANGED
@@ -43,128 +43,132 @@ exports[`<FunctionEditor /> matches snapshot without onDelete 1`] = `
43
43
  value=""
44
44
  />
45
45
  <div
46
- aria-expanded="false"
47
- class="ui basic button dropdown"
48
- name="type"
49
- role="listbox"
50
- tabindex="0"
46
+ class="field"
51
47
  >
52
48
  <div
53
- aria-atomic="true"
54
- aria-live="polite"
55
- class="divider text"
56
- role="alert"
57
- >
58
- boolean
59
- </div>
60
- <i
61
- aria-hidden="true"
62
- class="dropdown icon"
63
- />
64
- <div
65
- class="menu transition"
49
+ aria-expanded="false"
50
+ class="ui button fluid dropdown"
51
+ name="type"
52
+ role="listbox"
53
+ tabindex="0"
66
54
  >
67
55
  <div
68
- aria-checked="true"
69
- aria-selected="true"
70
- class="active selected item"
71
- role="option"
72
- style="pointer-events: all;"
56
+ aria-atomic="true"
57
+ aria-live="polite"
58
+ class="divider text"
59
+ role="alert"
73
60
  >
74
- <i
75
- aria-hidden="true"
76
- class="adjust icon"
77
- />
78
- <span
79
- class="text"
80
- >
81
- boolean
82
- </span>
61
+ boolean
83
62
  </div>
63
+ <i
64
+ aria-hidden="true"
65
+ class="dropdown icon"
66
+ />
84
67
  <div
85
- aria-checked="false"
86
- aria-selected="false"
87
- class="item"
88
- role="option"
89
- style="pointer-events: all;"
68
+ class="menu transition"
90
69
  >
91
- <i
92
- aria-hidden="true"
93
- class="font icon"
94
- />
95
- <span
96
- class="text"
70
+ <div
71
+ aria-checked="true"
72
+ aria-selected="true"
73
+ class="active selected item"
74
+ role="option"
75
+ style="pointer-events: all;"
97
76
  >
98
- string
99
- </span>
100
- </div>
101
- <div
102
- aria-checked="false"
103
- aria-selected="false"
104
- class="item"
105
- role="option"
106
- style="pointer-events: all;"
107
- >
108
- <i
109
- aria-hidden="true"
110
- class="hashtag icon"
111
- />
112
- <span
113
- class="text"
77
+ <i
78
+ aria-hidden="true"
79
+ class="adjust icon"
80
+ />
81
+ <span
82
+ class="text"
83
+ >
84
+ boolean
85
+ </span>
86
+ </div>
87
+ <div
88
+ aria-checked="false"
89
+ aria-selected="false"
90
+ class="item"
91
+ role="option"
92
+ style="pointer-events: all;"
114
93
  >
115
- number
116
- </span>
117
- </div>
118
- <div
119
- aria-checked="false"
120
- aria-selected="false"
121
- class="item"
122
- role="option"
123
- style="pointer-events: all;"
124
- >
125
- <i
126
- aria-hidden="true"
127
- class="calendar alternate outline icon"
128
- />
129
- <span
130
- class="text"
94
+ <i
95
+ aria-hidden="true"
96
+ class="font icon"
97
+ />
98
+ <span
99
+ class="text"
100
+ >
101
+ string
102
+ </span>
103
+ </div>
104
+ <div
105
+ aria-checked="false"
106
+ aria-selected="false"
107
+ class="item"
108
+ role="option"
109
+ style="pointer-events: all;"
131
110
  >
132
- date
133
- </span>
134
- </div>
135
- <div
136
- aria-checked="false"
137
- aria-selected="false"
138
- class="item"
139
- role="option"
140
- style="pointer-events: all;"
141
- >
142
- <i
143
- aria-hidden="true"
144
- class="clock outline icon"
145
- />
146
- <span
147
- class="text"
111
+ <i
112
+ aria-hidden="true"
113
+ class="hashtag icon"
114
+ />
115
+ <span
116
+ class="text"
117
+ >
118
+ number
119
+ </span>
120
+ </div>
121
+ <div
122
+ aria-checked="false"
123
+ aria-selected="false"
124
+ class="item"
125
+ role="option"
126
+ style="pointer-events: all;"
148
127
  >
149
- timestamp
150
- </span>
151
- </div>
152
- <div
153
- aria-checked="false"
154
- aria-selected="false"
155
- class="item"
156
- role="option"
157
- style="pointer-events: all;"
158
- >
159
- <i
160
- aria-hidden="true"
161
- class="question circle outline icon"
162
- />
163
- <span
164
- class="text"
128
+ <i
129
+ aria-hidden="true"
130
+ class="calendar alternate outline icon"
131
+ />
132
+ <span
133
+ class="text"
134
+ >
135
+ date
136
+ </span>
137
+ </div>
138
+ <div
139
+ aria-checked="false"
140
+ aria-selected="false"
141
+ class="item"
142
+ role="option"
143
+ style="pointer-events: all;"
165
144
  >
166
- any
167
- </span>
145
+ <i
146
+ aria-hidden="true"
147
+ class="clock outline icon"
148
+ />
149
+ <span
150
+ class="text"
151
+ >
152
+ timestamp
153
+ </span>
154
+ </div>
155
+ <div
156
+ aria-checked="false"
157
+ aria-selected="false"
158
+ class="item"
159
+ role="option"
160
+ style="pointer-events: all;"
161
+ >
162
+ <i
163
+ aria-hidden="true"
164
+ class="question circle outline icon"
165
+ />
166
+ <span
167
+ class="text"
168
+ >
169
+ any
170
+ </span>
171
+ </div>
168
172
  </div>
169
173
  </div>
170
174
  </div>
@@ -298,77 +302,81 @@ exports[`<FunctionEditor /> matches snapshot without onDelete 1`] = `
298
302
  class="dropdown icon"
299
303
  />
300
304
  <div
301
- aria-expanded="false"
302
- class="ui fluid search selection dropdown"
303
- role="combobox"
305
+ class="sixteen wide field"
304
306
  >
305
- <input
306
- aria-autocomplete="list"
307
- autocomplete="off"
308
- class="search"
309
- tabindex="0"
310
- type="text"
311
- value=""
312
- />
313
307
  <div
314
- aria-atomic="true"
315
- aria-live="polite"
316
- class="divider text"
317
- role="alert"
318
- >
319
- Select a function of type boolean
320
- </div>
321
- <i
322
- aria-hidden="true"
323
- class="dropdown icon"
324
- />
325
- <div
326
- class="menu transition"
327
- role="listbox"
308
+ aria-expanded="false"
309
+ class="ui fluid search selection dropdown"
310
+ role="combobox"
328
311
  >
312
+ <input
313
+ aria-autocomplete="list"
314
+ autocomplete="off"
315
+ class="search"
316
+ tabindex="0"
317
+ type="text"
318
+ value=""
319
+ />
329
320
  <div
330
- aria-checked="false"
331
- aria-selected="true"
332
- class="selected item"
333
- role="option"
334
- style="pointer-events: all;"
321
+ aria-atomic="true"
322
+ aria-live="polite"
323
+ class="divider text"
324
+ role="alert"
325
+ >
326
+ Select a function of type boolean
327
+ </div>
328
+ <i
329
+ aria-hidden="true"
330
+ class="dropdown icon"
331
+ />
332
+ <div
333
+ class="menu transition"
334
+ role="listbox"
335
335
  >
336
336
  <div
337
- class="ui header"
337
+ aria-checked="false"
338
+ aria-selected="true"
339
+ class="selected item"
340
+ role="option"
341
+ style="pointer-events: all;"
338
342
  >
339
343
  <div
340
- class="flex-center"
344
+ class="ui header"
341
345
  >
342
- <div>
343
- eq
344
- </div>
345
346
  <div
346
- class="function-params-label"
347
+ class="flex-center"
347
348
  >
348
- <div
349
- class="ui grey label"
350
- >
351
- <i
352
- aria-hidden="true"
353
- class="question circle outline icon"
354
- />
355
- arg1
349
+ <div>
350
+ eq
356
351
  </div>
357
352
  <div
358
- class="ui grey label"
353
+ class="function-params-label"
359
354
  >
360
- <i
361
- aria-hidden="true"
362
- class="question circle outline icon"
363
- />
364
- arg2
355
+ <div
356
+ class="ui grey label"
357
+ >
358
+ <i
359
+ aria-hidden="true"
360
+ class="question circle outline icon"
361
+ />
362
+ arg1
363
+ </div>
364
+ <div
365
+ class="ui grey label"
366
+ >
367
+ <i
368
+ aria-hidden="true"
369
+ class="question circle outline icon"
370
+ />
371
+ arg2
372
+ </div>
365
373
  </div>
366
374
  </div>
367
375
  </div>
376
+ <div
377
+ class="sub header"
378
+ />
368
379
  </div>
369
- <div
370
- class="sub header"
371
- />
372
380
  </div>
373
381
  </div>
374
382
  </div>
@@ -449,128 +457,132 @@ exports[`<FunctionEditor /> matches the latest snapshot 1`] = `
449
457
  value=""
450
458
  />
451
459
  <div
452
- aria-expanded="false"
453
- class="ui basic button dropdown"
454
- name="type"
455
- role="listbox"
456
- tabindex="0"
460
+ class="field"
457
461
  >
458
462
  <div
459
- aria-atomic="true"
460
- aria-live="polite"
461
- class="divider text"
462
- role="alert"
463
- >
464
- boolean
465
- </div>
466
- <i
467
- aria-hidden="true"
468
- class="dropdown icon"
469
- />
470
- <div
471
- class="menu transition"
463
+ aria-expanded="false"
464
+ class="ui button fluid dropdown"
465
+ name="type"
466
+ role="listbox"
467
+ tabindex="0"
472
468
  >
473
469
  <div
474
- aria-checked="true"
475
- aria-selected="true"
476
- class="active selected item"
477
- role="option"
478
- style="pointer-events: all;"
470
+ aria-atomic="true"
471
+ aria-live="polite"
472
+ class="divider text"
473
+ role="alert"
479
474
  >
480
- <i
481
- aria-hidden="true"
482
- class="adjust icon"
483
- />
484
- <span
485
- class="text"
486
- >
487
- boolean
488
- </span>
475
+ boolean
489
476
  </div>
477
+ <i
478
+ aria-hidden="true"
479
+ class="dropdown icon"
480
+ />
490
481
  <div
491
- aria-checked="false"
492
- aria-selected="false"
493
- class="item"
494
- role="option"
495
- style="pointer-events: all;"
482
+ class="menu transition"
496
483
  >
497
- <i
498
- aria-hidden="true"
499
- class="font icon"
500
- />
501
- <span
502
- class="text"
484
+ <div
485
+ aria-checked="true"
486
+ aria-selected="true"
487
+ class="active selected item"
488
+ role="option"
489
+ style="pointer-events: all;"
503
490
  >
504
- string
505
- </span>
506
- </div>
507
- <div
508
- aria-checked="false"
509
- aria-selected="false"
510
- class="item"
511
- role="option"
512
- style="pointer-events: all;"
513
- >
514
- <i
515
- aria-hidden="true"
516
- class="hashtag icon"
517
- />
518
- <span
519
- class="text"
491
+ <i
492
+ aria-hidden="true"
493
+ class="adjust icon"
494
+ />
495
+ <span
496
+ class="text"
497
+ >
498
+ boolean
499
+ </span>
500
+ </div>
501
+ <div
502
+ aria-checked="false"
503
+ aria-selected="false"
504
+ class="item"
505
+ role="option"
506
+ style="pointer-events: all;"
520
507
  >
521
- number
522
- </span>
523
- </div>
524
- <div
525
- aria-checked="false"
526
- aria-selected="false"
527
- class="item"
528
- role="option"
529
- style="pointer-events: all;"
530
- >
531
- <i
532
- aria-hidden="true"
533
- class="calendar alternate outline icon"
534
- />
535
- <span
536
- class="text"
508
+ <i
509
+ aria-hidden="true"
510
+ class="font icon"
511
+ />
512
+ <span
513
+ class="text"
514
+ >
515
+ string
516
+ </span>
517
+ </div>
518
+ <div
519
+ aria-checked="false"
520
+ aria-selected="false"
521
+ class="item"
522
+ role="option"
523
+ style="pointer-events: all;"
537
524
  >
538
- date
539
- </span>
540
- </div>
541
- <div
542
- aria-checked="false"
543
- aria-selected="false"
544
- class="item"
545
- role="option"
546
- style="pointer-events: all;"
547
- >
548
- <i
549
- aria-hidden="true"
550
- class="clock outline icon"
551
- />
552
- <span
553
- class="text"
525
+ <i
526
+ aria-hidden="true"
527
+ class="hashtag icon"
528
+ />
529
+ <span
530
+ class="text"
531
+ >
532
+ number
533
+ </span>
534
+ </div>
535
+ <div
536
+ aria-checked="false"
537
+ aria-selected="false"
538
+ class="item"
539
+ role="option"
540
+ style="pointer-events: all;"
554
541
  >
555
- timestamp
556
- </span>
557
- </div>
558
- <div
559
- aria-checked="false"
560
- aria-selected="false"
561
- class="item"
562
- role="option"
563
- style="pointer-events: all;"
564
- >
565
- <i
566
- aria-hidden="true"
567
- class="question circle outline icon"
568
- />
569
- <span
570
- class="text"
542
+ <i
543
+ aria-hidden="true"
544
+ class="calendar alternate outline icon"
545
+ />
546
+ <span
547
+ class="text"
548
+ >
549
+ date
550
+ </span>
551
+ </div>
552
+ <div
553
+ aria-checked="false"
554
+ aria-selected="false"
555
+ class="item"
556
+ role="option"
557
+ style="pointer-events: all;"
571
558
  >
572
- any
573
- </span>
559
+ <i
560
+ aria-hidden="true"
561
+ class="clock outline icon"
562
+ />
563
+ <span
564
+ class="text"
565
+ >
566
+ timestamp
567
+ </span>
568
+ </div>
569
+ <div
570
+ aria-checked="false"
571
+ aria-selected="false"
572
+ class="item"
573
+ role="option"
574
+ style="pointer-events: all;"
575
+ >
576
+ <i
577
+ aria-hidden="true"
578
+ class="question circle outline icon"
579
+ />
580
+ <span
581
+ class="text"
582
+ >
583
+ any
584
+ </span>
585
+ </div>
574
586
  </div>
575
587
  </div>
576
588
  </div>
@@ -704,77 +716,81 @@ exports[`<FunctionEditor /> matches the latest snapshot 1`] = `
704
716
  class="dropdown icon"
705
717
  />
706
718
  <div
707
- aria-expanded="false"
708
- class="ui fluid search selection dropdown"
709
- role="combobox"
719
+ class="sixteen wide field"
710
720
  >
711
- <input
712
- aria-autocomplete="list"
713
- autocomplete="off"
714
- class="search"
715
- tabindex="0"
716
- type="text"
717
- value=""
718
- />
719
721
  <div
720
- aria-atomic="true"
721
- aria-live="polite"
722
- class="divider text"
723
- role="alert"
724
- >
725
- Select a function of type boolean
726
- </div>
727
- <i
728
- aria-hidden="true"
729
- class="dropdown icon"
730
- />
731
- <div
732
- class="menu transition"
733
- role="listbox"
722
+ aria-expanded="false"
723
+ class="ui fluid search selection dropdown"
724
+ role="combobox"
734
725
  >
726
+ <input
727
+ aria-autocomplete="list"
728
+ autocomplete="off"
729
+ class="search"
730
+ tabindex="0"
731
+ type="text"
732
+ value=""
733
+ />
735
734
  <div
736
- aria-checked="false"
737
- aria-selected="true"
738
- class="selected item"
739
- role="option"
740
- style="pointer-events: all;"
735
+ aria-atomic="true"
736
+ aria-live="polite"
737
+ class="divider text"
738
+ role="alert"
739
+ >
740
+ Select a function of type boolean
741
+ </div>
742
+ <i
743
+ aria-hidden="true"
744
+ class="dropdown icon"
745
+ />
746
+ <div
747
+ class="menu transition"
748
+ role="listbox"
741
749
  >
742
750
  <div
743
- class="ui header"
751
+ aria-checked="false"
752
+ aria-selected="true"
753
+ class="selected item"
754
+ role="option"
755
+ style="pointer-events: all;"
744
756
  >
745
757
  <div
746
- class="flex-center"
758
+ class="ui header"
747
759
  >
748
- <div>
749
- eq
750
- </div>
751
760
  <div
752
- class="function-params-label"
761
+ class="flex-center"
753
762
  >
754
- <div
755
- class="ui grey label"
756
- >
757
- <i
758
- aria-hidden="true"
759
- class="question circle outline icon"
760
- />
761
- arg1
763
+ <div>
764
+ eq
762
765
  </div>
763
766
  <div
764
- class="ui grey label"
767
+ class="function-params-label"
765
768
  >
766
- <i
767
- aria-hidden="true"
768
- class="question circle outline icon"
769
- />
770
- arg2
769
+ <div
770
+ class="ui grey label"
771
+ >
772
+ <i
773
+ aria-hidden="true"
774
+ class="question circle outline icon"
775
+ />
776
+ arg1
777
+ </div>
778
+ <div
779
+ class="ui grey label"
780
+ >
781
+ <i
782
+ aria-hidden="true"
783
+ class="question circle outline icon"
784
+ />
785
+ arg2
786
+ </div>
771
787
  </div>
772
788
  </div>
773
789
  </div>
790
+ <div
791
+ class="sub header"
792
+ />
774
793
  </div>
775
- <div
776
- class="sub header"
777
- />
778
794
  </div>
779
795
  </div>
780
796
  </div>
@@ -858,128 +874,132 @@ exports[`<FunctionEditor /> test cancel button with confirm 1`] = `
858
874
  value="name"
859
875
  />
860
876
  <div
861
- aria-expanded="false"
862
- class="ui basic button dropdown"
863
- name="type"
864
- role="listbox"
865
- tabindex="0"
877
+ class="field"
866
878
  >
867
879
  <div
868
- aria-atomic="true"
869
- aria-live="polite"
870
- class="divider text"
871
- role="alert"
872
- >
873
- boolean
874
- </div>
875
- <i
876
- aria-hidden="true"
877
- class="dropdown icon"
878
- />
879
- <div
880
- class="menu transition"
880
+ aria-expanded="false"
881
+ class="ui button fluid dropdown"
882
+ name="type"
883
+ role="listbox"
884
+ tabindex="0"
881
885
  >
882
886
  <div
883
- aria-checked="true"
884
- aria-selected="true"
885
- class="active selected item"
886
- role="option"
887
- style="pointer-events: all;"
887
+ aria-atomic="true"
888
+ aria-live="polite"
889
+ class="divider text"
890
+ role="alert"
888
891
  >
889
- <i
890
- aria-hidden="true"
891
- class="adjust icon"
892
- />
893
- <span
894
- class="text"
895
- >
896
- boolean
897
- </span>
892
+ boolean
898
893
  </div>
894
+ <i
895
+ aria-hidden="true"
896
+ class="dropdown icon"
897
+ />
899
898
  <div
900
- aria-checked="false"
901
- aria-selected="false"
902
- class="item"
903
- role="option"
904
- style="pointer-events: all;"
899
+ class="menu transition"
905
900
  >
906
- <i
907
- aria-hidden="true"
908
- class="font icon"
909
- />
910
- <span
911
- class="text"
901
+ <div
902
+ aria-checked="true"
903
+ aria-selected="true"
904
+ class="active selected item"
905
+ role="option"
906
+ style="pointer-events: all;"
912
907
  >
913
- string
914
- </span>
915
- </div>
916
- <div
917
- aria-checked="false"
918
- aria-selected="false"
919
- class="item"
920
- role="option"
921
- style="pointer-events: all;"
922
- >
923
- <i
924
- aria-hidden="true"
925
- class="hashtag icon"
926
- />
927
- <span
928
- class="text"
908
+ <i
909
+ aria-hidden="true"
910
+ class="adjust icon"
911
+ />
912
+ <span
913
+ class="text"
914
+ >
915
+ boolean
916
+ </span>
917
+ </div>
918
+ <div
919
+ aria-checked="false"
920
+ aria-selected="false"
921
+ class="item"
922
+ role="option"
923
+ style="pointer-events: all;"
929
924
  >
930
- number
931
- </span>
932
- </div>
933
- <div
934
- aria-checked="false"
935
- aria-selected="false"
936
- class="item"
937
- role="option"
938
- style="pointer-events: all;"
939
- >
940
- <i
941
- aria-hidden="true"
942
- class="calendar alternate outline icon"
943
- />
944
- <span
945
- class="text"
925
+ <i
926
+ aria-hidden="true"
927
+ class="font icon"
928
+ />
929
+ <span
930
+ class="text"
931
+ >
932
+ string
933
+ </span>
934
+ </div>
935
+ <div
936
+ aria-checked="false"
937
+ aria-selected="false"
938
+ class="item"
939
+ role="option"
940
+ style="pointer-events: all;"
946
941
  >
947
- date
948
- </span>
949
- </div>
950
- <div
951
- aria-checked="false"
952
- aria-selected="false"
953
- class="item"
954
- role="option"
955
- style="pointer-events: all;"
956
- >
957
- <i
958
- aria-hidden="true"
959
- class="clock outline icon"
960
- />
961
- <span
962
- class="text"
942
+ <i
943
+ aria-hidden="true"
944
+ class="hashtag icon"
945
+ />
946
+ <span
947
+ class="text"
948
+ >
949
+ number
950
+ </span>
951
+ </div>
952
+ <div
953
+ aria-checked="false"
954
+ aria-selected="false"
955
+ class="item"
956
+ role="option"
957
+ style="pointer-events: all;"
963
958
  >
964
- timestamp
965
- </span>
966
- </div>
967
- <div
968
- aria-checked="false"
969
- aria-selected="false"
970
- class="item"
971
- role="option"
972
- style="pointer-events: all;"
973
- >
974
- <i
975
- aria-hidden="true"
976
- class="question circle outline icon"
977
- />
978
- <span
979
- class="text"
959
+ <i
960
+ aria-hidden="true"
961
+ class="calendar alternate outline icon"
962
+ />
963
+ <span
964
+ class="text"
965
+ >
966
+ date
967
+ </span>
968
+ </div>
969
+ <div
970
+ aria-checked="false"
971
+ aria-selected="false"
972
+ class="item"
973
+ role="option"
974
+ style="pointer-events: all;"
980
975
  >
981
- any
982
- </span>
976
+ <i
977
+ aria-hidden="true"
978
+ class="clock outline icon"
979
+ />
980
+ <span
981
+ class="text"
982
+ >
983
+ timestamp
984
+ </span>
985
+ </div>
986
+ <div
987
+ aria-checked="false"
988
+ aria-selected="false"
989
+ class="item"
990
+ role="option"
991
+ style="pointer-events: all;"
992
+ >
993
+ <i
994
+ aria-hidden="true"
995
+ class="question circle outline icon"
996
+ />
997
+ <span
998
+ class="text"
999
+ >
1000
+ any
1001
+ </span>
1002
+ </div>
983
1003
  </div>
984
1004
  </div>
985
1005
  </div>
@@ -1100,51 +1120,55 @@ exports[`<FunctionEditor /> test cancel button with confirm 1`] = `
1100
1120
  </div>
1101
1121
  </div>
1102
1122
  <div
1103
- aria-expanded="false"
1104
- class="ui fluid selection dropdown"
1105
- role="listbox"
1106
- tabindex="0"
1123
+ class="field"
1107
1124
  >
1108
1125
  <div
1109
- aria-atomic="true"
1110
- aria-live="polite"
1111
- class="divider text"
1112
- role="alert"
1113
- >
1114
- True
1115
- </div>
1116
- <i
1117
- aria-hidden="true"
1118
- class="dropdown icon"
1119
- />
1120
- <div
1121
- class="menu transition"
1126
+ aria-expanded="false"
1127
+ class="ui fluid selection dropdown"
1128
+ role="listbox"
1129
+ tabindex="0"
1122
1130
  >
1123
1131
  <div
1124
- aria-checked="true"
1125
- aria-selected="true"
1126
- class="active selected item"
1127
- role="option"
1128
- style="pointer-events: all;"
1132
+ aria-atomic="true"
1133
+ aria-live="polite"
1134
+ class="divider text"
1135
+ role="alert"
1129
1136
  >
1130
- <span
1131
- class="text"
1132
- >
1133
- True
1134
- </span>
1137
+ True
1135
1138
  </div>
1139
+ <i
1140
+ aria-hidden="true"
1141
+ class="dropdown icon"
1142
+ />
1136
1143
  <div
1137
- aria-checked="false"
1138
- aria-selected="false"
1139
- class="item"
1140
- role="option"
1141
- style="pointer-events: all;"
1144
+ class="menu transition"
1142
1145
  >
1143
- <span
1144
- class="text"
1146
+ <div
1147
+ aria-checked="true"
1148
+ aria-selected="true"
1149
+ class="active selected item"
1150
+ role="option"
1151
+ style="pointer-events: all;"
1145
1152
  >
1146
- False
1147
- </span>
1153
+ <span
1154
+ class="text"
1155
+ >
1156
+ True
1157
+ </span>
1158
+ </div>
1159
+ <div
1160
+ aria-checked="false"
1161
+ aria-selected="false"
1162
+ class="item"
1163
+ role="option"
1164
+ style="pointer-events: all;"
1165
+ >
1166
+ <span
1167
+ class="text"
1168
+ >
1169
+ False
1170
+ </span>
1171
+ </div>
1148
1172
  </div>
1149
1173
  </div>
1150
1174
  </div>
@@ -1220,128 +1244,132 @@ exports[`<FunctionEditor /> test delete button 1`] = `
1220
1244
  value=""
1221
1245
  />
1222
1246
  <div
1223
- aria-expanded="false"
1224
- class="ui basic button dropdown"
1225
- name="type"
1226
- role="listbox"
1227
- tabindex="0"
1247
+ class="field"
1228
1248
  >
1229
1249
  <div
1230
- aria-atomic="true"
1231
- aria-live="polite"
1232
- class="divider text"
1233
- role="alert"
1234
- >
1235
- boolean
1236
- </div>
1237
- <i
1238
- aria-hidden="true"
1239
- class="dropdown icon"
1240
- />
1241
- <div
1242
- class="menu transition"
1250
+ aria-expanded="false"
1251
+ class="ui button fluid dropdown"
1252
+ name="type"
1253
+ role="listbox"
1254
+ tabindex="0"
1243
1255
  >
1244
1256
  <div
1245
- aria-checked="true"
1246
- aria-selected="true"
1247
- class="active selected item"
1248
- role="option"
1249
- style="pointer-events: all;"
1257
+ aria-atomic="true"
1258
+ aria-live="polite"
1259
+ class="divider text"
1260
+ role="alert"
1250
1261
  >
1251
- <i
1252
- aria-hidden="true"
1253
- class="adjust icon"
1254
- />
1255
- <span
1256
- class="text"
1257
- >
1258
- boolean
1259
- </span>
1262
+ boolean
1260
1263
  </div>
1264
+ <i
1265
+ aria-hidden="true"
1266
+ class="dropdown icon"
1267
+ />
1261
1268
  <div
1262
- aria-checked="false"
1263
- aria-selected="false"
1264
- class="item"
1265
- role="option"
1266
- style="pointer-events: all;"
1269
+ class="menu transition"
1267
1270
  >
1268
- <i
1269
- aria-hidden="true"
1270
- class="font icon"
1271
- />
1272
- <span
1273
- class="text"
1271
+ <div
1272
+ aria-checked="true"
1273
+ aria-selected="true"
1274
+ class="active selected item"
1275
+ role="option"
1276
+ style="pointer-events: all;"
1274
1277
  >
1275
- string
1276
- </span>
1277
- </div>
1278
- <div
1279
- aria-checked="false"
1280
- aria-selected="false"
1281
- class="item"
1282
- role="option"
1283
- style="pointer-events: all;"
1284
- >
1285
- <i
1286
- aria-hidden="true"
1287
- class="hashtag icon"
1288
- />
1289
- <span
1290
- class="text"
1278
+ <i
1279
+ aria-hidden="true"
1280
+ class="adjust icon"
1281
+ />
1282
+ <span
1283
+ class="text"
1284
+ >
1285
+ boolean
1286
+ </span>
1287
+ </div>
1288
+ <div
1289
+ aria-checked="false"
1290
+ aria-selected="false"
1291
+ class="item"
1292
+ role="option"
1293
+ style="pointer-events: all;"
1291
1294
  >
1292
- number
1293
- </span>
1294
- </div>
1295
- <div
1296
- aria-checked="false"
1297
- aria-selected="false"
1298
- class="item"
1299
- role="option"
1300
- style="pointer-events: all;"
1301
- >
1302
- <i
1303
- aria-hidden="true"
1304
- class="calendar alternate outline icon"
1305
- />
1306
- <span
1307
- class="text"
1295
+ <i
1296
+ aria-hidden="true"
1297
+ class="font icon"
1298
+ />
1299
+ <span
1300
+ class="text"
1301
+ >
1302
+ string
1303
+ </span>
1304
+ </div>
1305
+ <div
1306
+ aria-checked="false"
1307
+ aria-selected="false"
1308
+ class="item"
1309
+ role="option"
1310
+ style="pointer-events: all;"
1308
1311
  >
1309
- date
1310
- </span>
1311
- </div>
1312
- <div
1313
- aria-checked="false"
1314
- aria-selected="false"
1315
- class="item"
1316
- role="option"
1317
- style="pointer-events: all;"
1318
- >
1319
- <i
1320
- aria-hidden="true"
1321
- class="clock outline icon"
1322
- />
1323
- <span
1324
- class="text"
1312
+ <i
1313
+ aria-hidden="true"
1314
+ class="hashtag icon"
1315
+ />
1316
+ <span
1317
+ class="text"
1318
+ >
1319
+ number
1320
+ </span>
1321
+ </div>
1322
+ <div
1323
+ aria-checked="false"
1324
+ aria-selected="false"
1325
+ class="item"
1326
+ role="option"
1327
+ style="pointer-events: all;"
1325
1328
  >
1326
- timestamp
1327
- </span>
1328
- </div>
1329
- <div
1330
- aria-checked="false"
1331
- aria-selected="false"
1332
- class="item"
1333
- role="option"
1334
- style="pointer-events: all;"
1335
- >
1336
- <i
1337
- aria-hidden="true"
1338
- class="question circle outline icon"
1339
- />
1340
- <span
1341
- class="text"
1329
+ <i
1330
+ aria-hidden="true"
1331
+ class="calendar alternate outline icon"
1332
+ />
1333
+ <span
1334
+ class="text"
1335
+ >
1336
+ date
1337
+ </span>
1338
+ </div>
1339
+ <div
1340
+ aria-checked="false"
1341
+ aria-selected="false"
1342
+ class="item"
1343
+ role="option"
1344
+ style="pointer-events: all;"
1342
1345
  >
1343
- any
1344
- </span>
1346
+ <i
1347
+ aria-hidden="true"
1348
+ class="clock outline icon"
1349
+ />
1350
+ <span
1351
+ class="text"
1352
+ >
1353
+ timestamp
1354
+ </span>
1355
+ </div>
1356
+ <div
1357
+ aria-checked="false"
1358
+ aria-selected="false"
1359
+ class="item"
1360
+ role="option"
1361
+ style="pointer-events: all;"
1362
+ >
1363
+ <i
1364
+ aria-hidden="true"
1365
+ class="question circle outline icon"
1366
+ />
1367
+ <span
1368
+ class="text"
1369
+ >
1370
+ any
1371
+ </span>
1372
+ </div>
1345
1373
  </div>
1346
1374
  </div>
1347
1375
  </div>
@@ -1475,77 +1503,81 @@ exports[`<FunctionEditor /> test delete button 1`] = `
1475
1503
  class="dropdown icon"
1476
1504
  />
1477
1505
  <div
1478
- aria-expanded="false"
1479
- class="ui fluid search selection dropdown"
1480
- role="combobox"
1506
+ class="sixteen wide field"
1481
1507
  >
1482
- <input
1483
- aria-autocomplete="list"
1484
- autocomplete="off"
1485
- class="search"
1486
- tabindex="0"
1487
- type="text"
1488
- value=""
1489
- />
1490
1508
  <div
1491
- aria-atomic="true"
1492
- aria-live="polite"
1493
- class="divider text"
1494
- role="alert"
1495
- >
1496
- Select a function of type boolean
1497
- </div>
1498
- <i
1499
- aria-hidden="true"
1500
- class="dropdown icon"
1501
- />
1502
- <div
1503
- class="menu transition"
1504
- role="listbox"
1509
+ aria-expanded="false"
1510
+ class="ui fluid search selection dropdown"
1511
+ role="combobox"
1505
1512
  >
1513
+ <input
1514
+ aria-autocomplete="list"
1515
+ autocomplete="off"
1516
+ class="search"
1517
+ tabindex="0"
1518
+ type="text"
1519
+ value=""
1520
+ />
1506
1521
  <div
1507
- aria-checked="false"
1508
- aria-selected="true"
1509
- class="selected item"
1510
- role="option"
1511
- style="pointer-events: all;"
1522
+ aria-atomic="true"
1523
+ aria-live="polite"
1524
+ class="divider text"
1525
+ role="alert"
1526
+ >
1527
+ Select a function of type boolean
1528
+ </div>
1529
+ <i
1530
+ aria-hidden="true"
1531
+ class="dropdown icon"
1532
+ />
1533
+ <div
1534
+ class="menu transition"
1535
+ role="listbox"
1512
1536
  >
1513
1537
  <div
1514
- class="ui header"
1538
+ aria-checked="false"
1539
+ aria-selected="true"
1540
+ class="selected item"
1541
+ role="option"
1542
+ style="pointer-events: all;"
1515
1543
  >
1516
1544
  <div
1517
- class="flex-center"
1545
+ class="ui header"
1518
1546
  >
1519
- <div>
1520
- eq
1521
- </div>
1522
1547
  <div
1523
- class="function-params-label"
1548
+ class="flex-center"
1524
1549
  >
1525
- <div
1526
- class="ui grey label"
1527
- >
1528
- <i
1529
- aria-hidden="true"
1530
- class="question circle outline icon"
1531
- />
1532
- arg1
1550
+ <div>
1551
+ eq
1533
1552
  </div>
1534
1553
  <div
1535
- class="ui grey label"
1554
+ class="function-params-label"
1536
1555
  >
1537
- <i
1538
- aria-hidden="true"
1539
- class="question circle outline icon"
1540
- />
1541
- arg2
1556
+ <div
1557
+ class="ui grey label"
1558
+ >
1559
+ <i
1560
+ aria-hidden="true"
1561
+ class="question circle outline icon"
1562
+ />
1563
+ arg1
1564
+ </div>
1565
+ <div
1566
+ class="ui grey label"
1567
+ >
1568
+ <i
1569
+ aria-hidden="true"
1570
+ class="question circle outline icon"
1571
+ />
1572
+ arg2
1573
+ </div>
1542
1574
  </div>
1543
1575
  </div>
1544
1576
  </div>
1577
+ <div
1578
+ class="sub header"
1579
+ />
1545
1580
  </div>
1546
- <div
1547
- class="sub header"
1548
- />
1549
1581
  </div>
1550
1582
  </div>
1551
1583
  </div>