@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/common/expressions/__tests__/__snapshots__/Expression.spec.js.snap CHANGED
@@ -85,38 +85,42 @@ exports[`<Expression /> matches the latest snapshot 1`] = `
85
85
  class="dropdown icon"
86
86
  />
87
87
  <div
88
- aria-expanded="false"
89
- class="ui fluid search selection dropdown"
90
- role="combobox"
88
+ class="sixteen wide field"
91
89
  >
92
- <input
93
- aria-autocomplete="list"
94
- autocomplete="off"
95
- class="search"
96
- tabindex="0"
97
- type="text"
98
- value=""
99
- />
100
90
  <div
101
- aria-atomic="true"
102
- aria-live="polite"
103
- class="divider text"
104
- role="alert"
105
- >
106
- functions.form.expression.function.placeholder
107
- </div>
108
- <i
109
- aria-hidden="true"
110
- class="dropdown icon"
111
- />
112
- <div
113
- class="menu transition"
114
- role="listbox"
91
+ aria-expanded="false"
92
+ class="ui fluid search selection dropdown"
93
+ role="combobox"
115
94
  >
95
+ <input
96
+ aria-autocomplete="list"
97
+ autocomplete="off"
98
+ class="search"
99
+ tabindex="0"
100
+ type="text"
101
+ value=""
102
+ />
103
+ <div
104
+ aria-atomic="true"
105
+ aria-live="polite"
106
+ class="divider text"
107
+ role="alert"
108
+ >
109
+ functions.form.expression.function.placeholder
110
+ </div>
111
+ <i
112
+ aria-hidden="true"
113
+ class="dropdown icon"
114
+ />
116
115
  <div
117
- class="message"
116
+ class="menu transition"
117
+ role="listbox"
118
118
  >
119
- No results found.
119
+ <div
120
+ class="message"
121
+ >
122
+ No results found.
123
+ </div>
120
124
  </div>
121
125
  </div>
122
126
  </div>
@@ -204,43 +208,47 @@ exports[`<Expression /> shape constant expression 1`] = `
204
208
  </div>
205
209
  </div>
206
210
  <div
207
- aria-expanded="false"
208
- class="ui fluid selection dropdown"
209
- role="listbox"
210
- tabindex="0"
211
+ class="field"
211
212
  >
212
- <i
213
- aria-hidden="true"
214
- class="dropdown icon"
215
- />
216
213
  <div
217
- class="menu transition"
214
+ aria-expanded="false"
215
+ class="ui fluid selection dropdown"
216
+ role="listbox"
217
+ tabindex="0"
218
218
  >
219
+ <i
220
+ aria-hidden="true"
221
+ class="dropdown icon"
222
+ />
219
223
  <div
220
- aria-checked="false"
221
- aria-selected="true"
222
- class="selected item"
223
- role="option"
224
- style="pointer-events: all;"
224
+ class="menu transition"
225
225
  >
226
- <span
227
- class="text"
226
+ <div
227
+ aria-checked="false"
228
+ aria-selected="true"
229
+ class="selected item"
230
+ role="option"
231
+ style="pointer-events: all;"
228
232
  >
229
- functions.expression.constant.true
230
- </span>
231
- </div>
232
- <div
233
- aria-checked="false"
234
- aria-selected="false"
235
- class="item"
236
- role="option"
237
- style="pointer-events: all;"
238
- >
239
- <span
240
- class="text"
233
+ <span
234
+ class="text"
235
+ >
236
+ functions.expression.constant.true
237
+ </span>
238
+ </div>
239
+ <div
240
+ aria-checked="false"
241
+ aria-selected="false"
242
+ class="item"
243
+ role="option"
244
+ style="pointer-events: all;"
241
245
  >
242
- functions.expression.constant.false
243
- </span>
246
+ <span
247
+ class="text"
248
+ >
249
+ functions.expression.constant.false
250
+ </span>
251
+ </div>
244
252
  </div>
245
253
  </div>
246
254
  </div>
@@ -336,77 +344,81 @@ exports[`<Expression /> shape function expression 1`] = `
336
344
  class="dropdown icon"
337
345
  />
338
346
  <div
339
- aria-expanded="false"
340
- class="ui fluid search selection dropdown"
341
- role="combobox"
347
+ class="sixteen wide field"
342
348
  >
343
- <input
344
- aria-autocomplete="list"
345
- autocomplete="off"
346
- class="search"
347
- tabindex="0"
348
- type="text"
349
- value=""
350
- />
351
- <div
352
- aria-atomic="true"
353
- aria-live="polite"
354
- class="divider text"
355
- role="alert"
356
- >
357
- eq:boolean
358
- </div>
359
- <i
360
- aria-hidden="true"
361
- class="dropdown icon"
362
- />
363
349
  <div
364
- class="menu transition"
365
- role="listbox"
350
+ aria-expanded="false"
351
+ class="ui fluid search selection dropdown"
352
+ role="combobox"
366
353
  >
354
+ <input
355
+ aria-autocomplete="list"
356
+ autocomplete="off"
357
+ class="search"
358
+ tabindex="0"
359
+ type="text"
360
+ value=""
361
+ />
362
+ <div
363
+ aria-atomic="true"
364
+ aria-live="polite"
365
+ class="divider text"
366
+ role="alert"
367
+ >
368
+ eq:boolean
369
+ </div>
370
+ <i
371
+ aria-hidden="true"
372
+ class="dropdown icon"
373
+ />
367
374
  <div
368
- aria-checked="true"
369
- aria-selected="true"
370
- class="active selected item"
371
- role="option"
372
- style="pointer-events: all;"
375
+ class="menu transition"
376
+ role="listbox"
373
377
  >
374
378
  <div
375
- class="ui header"
379
+ aria-checked="true"
380
+ aria-selected="true"
381
+ class="active selected item"
382
+ role="option"
383
+ style="pointer-events: all;"
376
384
  >
377
385
  <div
378
- class="flex-center"
386
+ class="ui header"
379
387
  >
380
- <div>
381
- eq
382
- </div>
383
388
  <div
384
- class="function-params-label"
389
+ class="flex-center"
385
390
  >
386
- <div
387
- class="ui grey label"
388
- >
389
- <i
390
- aria-hidden="true"
391
- class="question circle outline icon"
392
- />
393
- arg1
391
+ <div>
392
+ eq
394
393
  </div>
395
394
  <div
396
- class="ui grey label"
395
+ class="function-params-label"
397
396
  >
398
- <i
399
- aria-hidden="true"
400
- class="question circle outline icon"
401
- />
402
- arg2
397
+ <div
398
+ class="ui grey label"
399
+ >
400
+ <i
401
+ aria-hidden="true"
402
+ class="question circle outline icon"
403
+ />
404
+ arg1
405
+ </div>
406
+ <div
407
+ class="ui grey label"
408
+ >
409
+ <i
410
+ aria-hidden="true"
411
+ class="question circle outline icon"
412
+ />
413
+ arg2
414
+ </div>
403
415
  </div>
404
416
  </div>
405
417
  </div>
418
+ <div
419
+ class="sub header"
420
+ />
406
421
  </div>
407
- <div
408
- class="sub header"
409
- />
410
422
  </div>
411
423
  </div>
412
424
  </div>
@@ -525,77 +537,81 @@ exports[`<Expression /> shape function expression 1`] = `
525
537
  class="dropdown icon"
526
538
  />
527
539
  <div
528
- aria-expanded="false"
529
- class="ui fluid search selection dropdown"
530
- role="combobox"
540
+ class="sixteen wide field"
531
541
  >
532
- <input
533
- aria-autocomplete="list"
534
- autocomplete="off"
535
- class="search"
536
- tabindex="0"
537
- type="text"
538
- value=""
539
- />
540
542
  <div
541
- aria-atomic="true"
542
- aria-live="polite"
543
- class="divider text"
544
- role="alert"
545
- >
546
- functions.form.expression.function.placeholder
547
- </div>
548
- <i
549
- aria-hidden="true"
550
- class="dropdown icon"
551
- />
552
- <div
553
- class="menu transition"
554
- role="listbox"
543
+ aria-expanded="false"
544
+ class="ui fluid search selection dropdown"
545
+ role="combobox"
555
546
  >
547
+ <input
548
+ aria-autocomplete="list"
549
+ autocomplete="off"
550
+ class="search"
551
+ tabindex="0"
552
+ type="text"
553
+ value=""
554
+ />
555
+ <div
556
+ aria-atomic="true"
557
+ aria-live="polite"
558
+ class="divider text"
559
+ role="alert"
560
+ >
561
+ functions.form.expression.function.placeholder
562
+ </div>
563
+ <i
564
+ aria-hidden="true"
565
+ class="dropdown icon"
566
+ />
556
567
  <div
557
- aria-checked="false"
558
- aria-selected="true"
559
- class="selected item"
560
- role="option"
561
- style="pointer-events: all;"
568
+ class="menu transition"
569
+ role="listbox"
562
570
  >
563
571
  <div
564
- class="ui header"
572
+ aria-checked="false"
573
+ aria-selected="true"
574
+ class="selected item"
575
+ role="option"
576
+ style="pointer-events: all;"
565
577
  >
566
578
  <div
567
- class="flex-center"
579
+ class="ui header"
568
580
  >
569
- <div>
570
- eq
571
- </div>
572
581
  <div
573
- class="function-params-label"
582
+ class="flex-center"
574
583
  >
575
- <div
576
- class="ui grey label"
577
- >
578
- <i
579
- aria-hidden="true"
580
- class="question circle outline icon"
581
- />
582
- arg1
584
+ <div>
585
+ eq
583
586
  </div>
584
587
  <div
585
- class="ui grey label"
588
+ class="function-params-label"
586
589
  >
587
- <i
588
- aria-hidden="true"
589
- class="question circle outline icon"
590
- />
591
- arg2
590
+ <div
591
+ class="ui grey label"
592
+ >
593
+ <i
594
+ aria-hidden="true"
595
+ class="question circle outline icon"
596
+ />
597
+ arg1
598
+ </div>
599
+ <div
600
+ class="ui grey label"
601
+ >
602
+ <i
603
+ aria-hidden="true"
604
+ class="question circle outline icon"
605
+ />
606
+ arg2
607
+ </div>
592
608
  </div>
593
609
  </div>
594
610
  </div>
611
+ <div
612
+ class="sub header"
613
+ />
595
614
  </div>
596
- <div
597
- class="sub header"
598
- />
599
615
  </div>
600
616
  </div>
601
617
  </div>
@@ -717,77 +733,81 @@ exports[`<Expression /> shape function expression 1`] = `
717
733
  class="dropdown icon"
718
734
  />
719
735
  <div
720
- aria-expanded="false"
721
- class="ui fluid search selection dropdown"
722
- role="combobox"
736
+ class="sixteen wide field"
723
737
  >
724
- <input
725
- aria-autocomplete="list"
726
- autocomplete="off"
727
- class="search"
728
- tabindex="0"
729
- type="text"
730
- value=""
731
- />
732
738
  <div
733
- aria-atomic="true"
734
- aria-live="polite"
735
- class="divider text"
736
- role="alert"
737
- >
738
- functions.form.expression.function.placeholder
739
- </div>
740
- <i
741
- aria-hidden="true"
742
- class="dropdown icon"
743
- />
744
- <div
745
- class="menu transition"
746
- role="listbox"
739
+ aria-expanded="false"
740
+ class="ui fluid search selection dropdown"
741
+ role="combobox"
747
742
  >
743
+ <input
744
+ aria-autocomplete="list"
745
+ autocomplete="off"
746
+ class="search"
747
+ tabindex="0"
748
+ type="text"
749
+ value=""
750
+ />
751
+ <div
752
+ aria-atomic="true"
753
+ aria-live="polite"
754
+ class="divider text"
755
+ role="alert"
756
+ >
757
+ functions.form.expression.function.placeholder
758
+ </div>
759
+ <i
760
+ aria-hidden="true"
761
+ class="dropdown icon"
762
+ />
748
763
  <div
749
- aria-checked="false"
750
- aria-selected="true"
751
- class="selected item"
752
- role="option"
753
- style="pointer-events: all;"
764
+ class="menu transition"
765
+ role="listbox"
754
766
  >
755
767
  <div
756
- class="ui header"
768
+ aria-checked="false"
769
+ aria-selected="true"
770
+ class="selected item"
771
+ role="option"
772
+ style="pointer-events: all;"
757
773
  >
758
774
  <div
759
- class="flex-center"
775
+ class="ui header"
760
776
  >
761
- <div>
762
- eq
763
- </div>
764
777
  <div
765
- class="function-params-label"
778
+ class="flex-center"
766
779
  >
767
- <div
768
- class="ui grey label"
769
- >
770
- <i
771
- aria-hidden="true"
772
- class="question circle outline icon"
773
- />
774
- arg1
780
+ <div>
781
+ eq
775
782
  </div>
776
783
  <div
777
- class="ui grey label"
784
+ class="function-params-label"
778
785
  >
779
- <i
780
- aria-hidden="true"
781
- class="question circle outline icon"
782
- />
783
- arg2
786
+ <div
787
+ class="ui grey label"
788
+ >
789
+ <i
790
+ aria-hidden="true"
791
+ class="question circle outline icon"
792
+ />
793
+ arg1
794
+ </div>
795
+ <div
796
+ class="ui grey label"
797
+ >
798
+ <i
799
+ aria-hidden="true"
800
+ class="question circle outline icon"
801
+ />
802
+ arg2
803
+ </div>
784
804
  </div>
785
805
  </div>
786
806
  </div>
807
+ <div
808
+ class="sub header"
809
+ />
787
810
  </div>
788
- <div
789
- class="sub header"
790
- />
791
811
  </div>
792
812
  </div>
793
813
  </div>