@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/dataViews/__tests__/__snapshots__/{DataViewEditor.spec.js.snap → AdvancedDataViewEditor.spec.js.snap} RENAMED
@@ -1,6 +1,6 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`<DataViewEditor /> handles user interaction 1`] = `
3
+ exports[`<AdvancedDataViewEditor /> handles user interaction 1`] = `
4
4
  <div>
5
5
  <form
6
6
  class="ui form"
@@ -17,7 +17,7 @@ exports[`<DataViewEditor /> handles user interaction 1`] = `
17
17
  class="column"
18
18
  >
19
19
  <div
20
- class="row"
20
+ class="row vertical-space"
21
21
  >
22
22
  <div
23
23
  class="required field"
@@ -42,20 +42,28 @@ exports[`<DataViewEditor /> handles user interaction 1`] = `
42
42
  </div>
43
43
  </div>
44
44
  <div
45
- class="row"
45
+ class="row vertical-space"
46
46
  >
47
47
  <div
48
- class="ui horizontal link list"
49
- role="list"
48
+ class="field"
50
49
  >
51
- <a
52
- class="item"
53
- role="listitem"
54
- style="font-style: italic; font-size: 13px; padding: 9.5px 14px;"
55
- tabindex="0"
50
+ <label>
51
+ dataViews.form.description
52
+ </label>
53
+ <div
54
+ class="field"
56
55
  >
57
- functions.form.add_description
58
- </a>
56
+ <div
57
+ class="ui input"
58
+ >
59
+ <input
60
+ autocomplete="off"
61
+ placeholder="dataViews.form.description"
62
+ type="text"
63
+ value="data_view_description"
64
+ />
65
+ </div>
66
+ </div>
59
67
  </div>
60
68
  </div>
61
69
  </div>
@@ -174,19 +182,83 @@ exports[`<DataViewEditor /> handles user interaction 1`] = `
174
182
  <label>
175
183
  queryables.form.resource
176
184
  </label>
185
+ <div
186
+ class="field"
187
+ >
188
+ <div
189
+ aria-expanded="false"
190
+ class="ui selection dropdown"
191
+ role="listbox"
192
+ tabindex="0"
193
+ >
194
+ <div
195
+ aria-atomic="true"
196
+ aria-live="polite"
197
+ class="divider text"
198
+ role="alert"
199
+ >
200
+ queryables.resource.type.data_view
201
+ </div>
202
+ <i
203
+ aria-hidden="true"
204
+ class="dropdown icon"
205
+ />
206
+ <div
207
+ class="menu transition"
208
+ >
209
+ <div
210
+ aria-checked="false"
211
+ aria-selected="false"
212
+ class="item"
213
+ role="option"
214
+ style="pointer-events: all;"
215
+ >
216
+ <span
217
+ class="text"
218
+ >
219
+ queryables.resource.type.data_structure
220
+ </span>
221
+ </div>
222
+ <div
223
+ aria-checked="true"
224
+ aria-selected="true"
225
+ class="active selected item"
226
+ role="option"
227
+ style="pointer-events: all;"
228
+ >
229
+ <span
230
+ class="text"
231
+ >
232
+ queryables.resource.type.data_view
233
+ </span>
234
+ </div>
235
+ </div>
236
+ </div>
237
+ </div>
238
+ </div>
239
+ <div
240
+ class="field"
241
+ >
177
242
  <div
178
243
  aria-expanded="false"
179
- class="ui selection dropdown"
180
- role="listbox"
181
- tabindex="0"
244
+ class="ui fluid search selection dropdown"
245
+ role="combobox"
182
246
  >
247
+ <input
248
+ aria-autocomplete="list"
249
+ autocomplete="off"
250
+ class="search"
251
+ tabindex="0"
252
+ type="text"
253
+ value=""
254
+ />
183
255
  <div
184
256
  aria-atomic="true"
185
257
  aria-live="polite"
186
258
  class="divider text"
187
259
  role="alert"
188
260
  >
189
- queryables.resource.type.data_view
261
+ AnotherDataView
190
262
  </div>
191
263
  <i
192
264
  aria-hidden="true"
@@ -194,20 +266,8 @@ exports[`<DataViewEditor /> handles user interaction 1`] = `
194
266
  />
195
267
  <div
196
268
  class="menu transition"
269
+ role="listbox"
197
270
  >
198
- <div
199
- aria-checked="false"
200
- aria-selected="false"
201
- class="item"
202
- role="option"
203
- style="pointer-events: all;"
204
- >
205
- <span
206
- class="text"
207
- >
208
- queryables.resource.type.data_structure
209
- </span>
210
- </div>
211
271
  <div
212
272
  aria-checked="true"
213
273
  aria-selected="true"
@@ -218,56 +278,12 @@ exports[`<DataViewEditor /> handles user interaction 1`] = `
218
278
  <span
219
279
  class="text"
220
280
  >
221
- queryables.resource.type.data_view
281
+ AnotherDataView
222
282
  </span>
223
283
  </div>
224
284
  </div>
225
285
  </div>
226
286
  </div>
227
- <div
228
- aria-expanded="false"
229
- class="ui fluid search selection dropdown"
230
- role="combobox"
231
- >
232
- <input
233
- aria-autocomplete="list"
234
- autocomplete="off"
235
- class="search"
236
- tabindex="0"
237
- type="text"
238
- value=""
239
- />
240
- <div
241
- aria-atomic="true"
242
- aria-live="polite"
243
- class="divider text"
244
- role="alert"
245
- >
246
- AnotherDataView
247
- </div>
248
- <i
249
- aria-hidden="true"
250
- class="dropdown icon"
251
- />
252
- <div
253
- class="menu transition"
254
- role="listbox"
255
- >
256
- <div
257
- aria-checked="true"
258
- aria-selected="true"
259
- class="active selected item"
260
- role="option"
261
- style="pointer-events: all;"
262
- >
263
- <span
264
- class="text"
265
- >
266
- AnotherDataView
267
- </span>
268
- </div>
269
- </div>
270
- </div>
271
287
  </div>
272
288
  </div>
273
289
  </div>
@@ -439,48 +455,52 @@ exports[`<DataViewEditor /> handles user interaction 1`] = `
439
455
  </div>
440
456
  </div>
441
457
  <div
442
- aria-expanded="false"
443
- class="ui fluid selection scrolling pointing dropdown select-field-dropdown"
444
- role="listbox"
445
- tabindex="0"
458
+ class="sixteen wide field"
446
459
  >
447
460
  <div
448
- aria-atomic="true"
449
- aria-live="polite"
450
- class="divider text"
451
- role="alert"
461
+ aria-expanded="false"
462
+ class="ui fluid selection scrolling pointing dropdown select-field-dropdown"
463
+ role="listbox"
464
+ tabindex="0"
452
465
  >
453
466
  <div
454
- class="ui blue label"
455
- >
456
- from_alias
457
- </div>
458
- Column1
459
- </div>
460
- <i
461
- aria-hidden="true"
462
- class="dropdown icon"
463
- />
464
- <div
465
- class="menu transition"
466
- >
467
- <div
468
- aria-checked="true"
469
- aria-selected="true"
470
- class="active selected item"
471
- role="option"
472
- style="pointer-events: all;"
467
+ aria-atomic="true"
468
+ aria-live="polite"
469
+ class="divider text"
470
+ role="alert"
473
471
  >
474
472
  <div
475
473
  class="ui blue label"
476
474
  >
477
475
  from_alias
478
476
  </div>
479
- <span
480
- class="text"
477
+ Column1
478
+ </div>
479
+ <i
480
+ aria-hidden="true"
481
+ class="dropdown icon"
482
+ />
483
+ <div
484
+ class="menu transition"
485
+ >
486
+ <div
487
+ aria-checked="true"
488
+ aria-selected="true"
489
+ class="active selected item"
490
+ role="option"
491
+ style="pointer-events: all;"
481
492
  >
482
- Column1
483
- </span>
493
+ <div
494
+ class="ui blue label"
495
+ >
496
+ from_alias
497
+ </div>
498
+ <span
499
+ class="text"
500
+ >
501
+ Column1
502
+ </span>
503
+ </div>
484
504
  </div>
485
505
  </div>
486
506
  </div>
@@ -536,29 +556,24 @@ exports[`<DataViewEditor /> handles user interaction 1`] = `
536
556
  <div
537
557
  class="ui right aligned container"
538
558
  >
539
- <button
540
- class="ui primary button"
541
- >
542
- actions.save
543
- </button>
544
559
  <button
545
560
  class="ui button"
546
561
  >
547
562
  actions.cancel
548
563
  </button>
549
564
  <button
550
- class="ui red button"
565
+ class="ui primary button"
551
566
  >
552
- actions.delete
567
+ actions.save
553
568
  </button>
554
569
  </div>
555
570
  </form>
556
571
  </div>
557
572
  `;
558
573
 
559
- exports[`<DataViewEditor /> matches the latest snapshot for empty 1`] = `<div />`;
574
+ exports[`<AdvancedDataViewEditor /> matches the latest snapshot for empty 1`] = `<div />`;
560
575
 
561
- exports[`<DataViewEditor /> matches the latest snapshot with content 1`] = `
576
+ exports[`<AdvancedDataViewEditor /> matches the latest snapshot with content 1`] = `
562
577
  <div>
563
578
  <form
564
579
  class="ui form"
@@ -575,7 +590,7 @@ exports[`<DataViewEditor /> matches the latest snapshot with content 1`] = `
575
590
  class="column"
576
591
  >
577
592
  <div
578
- class="row"
593
+ class="row vertical-space"
579
594
  >
580
595
  <div
581
596
  class="required field"
@@ -600,20 +615,28 @@ exports[`<DataViewEditor /> matches the latest snapshot with content 1`] = `
600
615
  </div>
601
616
  </div>
602
617
  <div
603
- class="row"
618
+ class="row vertical-space"
604
619
  >
605
620
  <div
606
- class="ui horizontal link list"
607
- role="list"
621
+ class="field"
608
622
  >
609
- <a
610
- class="item"
611
- role="listitem"
612
- style="font-style: italic; font-size: 13px; padding: 9.5px 14px;"
613
- tabindex="0"
623
+ <label>
624
+ dataViews.form.description
625
+ </label>
626
+ <div
627
+ class="field"
614
628
  >
615
- Description
616
- </a>
629
+ <div
630
+ class="ui input"
631
+ >
632
+ <input
633
+ autocomplete="off"
634
+ placeholder="dataViews.form.description"
635
+ type="text"
636
+ value="Description"
637
+ />
638
+ </div>
639
+ </div>
617
640
  </div>
618
641
  </div>
619
642
  </div>
@@ -732,55 +755,63 @@ exports[`<DataViewEditor /> matches the latest snapshot with content 1`] = `
732
755
  queryables.form.resource
733
756
  </label>
734
757
  <div
735
- aria-expanded="false"
736
- class="ui selection dropdown"
737
- role="listbox"
738
- tabindex="0"
758
+ class="field"
739
759
  >
740
760
  <div
741
- aria-atomic="true"
742
- aria-live="polite"
743
- class="divider text"
744
- role="alert"
745
- >
746
- queryables.resource.type.data_structure
747
- </div>
748
- <i
749
- aria-hidden="true"
750
- class="dropdown icon"
751
- />
752
- <div
753
- class="menu transition"
761
+ aria-expanded="false"
762
+ class="ui selection dropdown"
763
+ role="listbox"
764
+ tabindex="0"
754
765
  >
755
766
  <div
756
- aria-checked="true"
757
- aria-selected="true"
758
- class="active selected item"
759
- role="option"
760
- style="pointer-events: all;"
767
+ aria-atomic="true"
768
+ aria-live="polite"
769
+ class="divider text"
770
+ role="alert"
761
771
  >
762
- <span
763
- class="text"
772
+ queryables.resource.type.data_structure
773
+ </div>
774
+ <i
775
+ aria-hidden="true"
776
+ class="dropdown icon"
777
+ />
778
+ <div
779
+ class="menu transition"
780
+ >
781
+ <div
782
+ aria-checked="true"
783
+ aria-selected="true"
784
+ class="active selected item"
785
+ role="option"
786
+ style="pointer-events: all;"
764
787
  >
765
- queryables.resource.type.data_structure
766
- </span>
788
+ <span
789
+ class="text"
790
+ >
791
+ queryables.resource.type.data_structure
792
+ </span>
793
+ </div>
767
794
  </div>
768
795
  </div>
769
796
  </div>
770
797
  </div>
771
798
  <div
772
- class="required field"
799
+ class="field"
773
800
  >
774
801
  <div
775
- class="ui fluid icon input"
802
+ class="required field"
776
803
  >
777
- <input
778
- class="action-pointer"
779
- placeholder="queryables.resource.selector.data_structure"
780
- required=""
781
- type="text"
782
- value="ParentTable"
783
- />
804
+ <div
805
+ class="ui fluid icon input"
806
+ >
807
+ <input
808
+ class="action-pointer"
809
+ placeholder="queryables.resource.selector.data_structure"
810
+ required=""
811
+ type="text"
812
+ value="ParentTable"
813
+ />
814
+ </div>
784
815
  </div>
785
816
  </div>
786
817
  </div>
@@ -954,48 +985,52 @@ exports[`<DataViewEditor /> matches the latest snapshot with content 1`] = `
954
985
  </div>
955
986
  </div>
956
987
  <div
957
- aria-expanded="false"
958
- class="ui fluid selection scrolling pointing dropdown select-field-dropdown"
959
- role="listbox"
960
- tabindex="0"
988
+ class="sixteen wide field"
961
989
  >
962
990
  <div
963
- aria-atomic="true"
964
- aria-live="polite"
965
- class="divider text"
966
- role="alert"
991
+ aria-expanded="false"
992
+ class="ui fluid selection scrolling pointing dropdown select-field-dropdown"
993
+ role="listbox"
994
+ tabindex="0"
967
995
  >
968
996
  <div
969
- class="ui blue label"
970
- >
971
- ParentTable
972
- </div>
973
- Column1
974
- </div>
975
- <i
976
- aria-hidden="true"
977
- class="dropdown icon"
978
- />
979
- <div
980
- class="menu transition"
981
- >
982
- <div
983
- aria-checked="true"
984
- aria-selected="true"
985
- class="active selected item"
986
- role="option"
987
- style="pointer-events: all;"
997
+ aria-atomic="true"
998
+ aria-live="polite"
999
+ class="divider text"
1000
+ role="alert"
988
1001
  >
989
1002
  <div
990
1003
  class="ui blue label"
991
1004
  >
992
1005
  ParentTable
993
1006
  </div>
994
- <span
995
- class="text"
1007
+ Column1
1008
+ </div>
1009
+ <i
1010
+ aria-hidden="true"
1011
+ class="dropdown icon"
1012
+ />
1013
+ <div
1014
+ class="menu transition"
1015
+ >
1016
+ <div
1017
+ aria-checked="true"
1018
+ aria-selected="true"
1019
+ class="active selected item"
1020
+ role="option"
1021
+ style="pointer-events: all;"
996
1022
  >
997
- Column1
998
- </span>
1023
+ <div
1024
+ class="ui blue label"
1025
+ >
1026
+ ParentTable
1027
+ </div>
1028
+ <span
1029
+ class="text"
1030
+ >
1031
+ Column1
1032
+ </span>
1033
+ </div>
999
1034
  </div>
1000
1035
  </div>
1001
1036
  </div>
@@ -1051,22 +1086,17 @@ exports[`<DataViewEditor /> matches the latest snapshot with content 1`] = `
1051
1086
  <div
1052
1087
  class="ui right aligned container"
1053
1088
  >
1054
- <button
1055
- class="ui primary disabled button"
1056
- disabled=""
1057
- tabindex="-1"
1058
- >
1059
- actions.save
1060
- </button>
1061
1089
  <button
1062
1090
  class="ui button"
1063
1091
  >
1064
1092
  actions.cancel
1065
1093
  </button>
1066
1094
  <button
1067
- class="ui red button"
1095
+ class="ui primary disabled button"
1096
+ disabled=""
1097
+ tabindex="-1"
1068
1098
  >
1069
- actions.delete
1099
+ actions.save
1070
1100
  </button>
1071
1101
  </div>
1072
1102
  </form>