@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
package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/From.spec.js.snap CHANGED
@@ -9,38 +9,42 @@ exports[`<From /> matches the latest snapshot 1`] = `
9
9
  resource
10
10
  </label>
11
11
  <div
12
- aria-expanded="false"
13
- class="ui selection dropdown"
14
- role="listbox"
15
- tabindex="0"
12
+ class="field"
16
13
  >
17
14
  <div
18
- aria-atomic="true"
19
- aria-live="polite"
20
- class="divider default text"
21
- role="alert"
22
- >
23
- type
24
- </div>
25
- <i
26
- aria-hidden="true"
27
- class="dropdown icon"
28
- />
29
- <div
30
- class="menu transition"
15
+ aria-expanded="false"
16
+ class="ui selection dropdown"
17
+ role="listbox"
18
+ tabindex="0"
31
19
  >
32
20
  <div
33
- aria-checked="false"
34
- aria-selected="true"
35
- class="selected item"
36
- role="option"
37
- style="pointer-events: all;"
21
+ aria-atomic="true"
22
+ aria-live="polite"
23
+ class="divider default text"
24
+ role="alert"
25
+ >
26
+ type
27
+ </div>
28
+ <i
29
+ aria-hidden="true"
30
+ class="dropdown icon"
31
+ />
32
+ <div
33
+ class="menu transition"
38
34
  >
39
- <span
40
- class="text"
35
+ <div
36
+ aria-checked="false"
37
+ aria-selected="true"
38
+ class="selected item"
39
+ role="option"
40
+ style="pointer-events: all;"
41
41
  >
42
- data_structure
43
- </span>
42
+ <span
43
+ class="text"
44
+ >
45
+ data_structure
46
+ </span>
47
+ </div>
44
48
  </div>
45
49
  </div>
46
50
  </div>
package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/GroupBy.spec.js.snap CHANGED
@@ -112,38 +112,42 @@ exports[`<GroupBy /> matches the latest snapshot 1`] = `
112
112
  class="dropdown icon"
113
113
  />
114
114
  <div
115
- aria-expanded="false"
116
- class="ui fluid search selection dropdown"
117
- role="combobox"
115
+ class="sixteen wide field"
118
116
  >
119
- <input
120
- aria-autocomplete="list"
121
- autocomplete="off"
122
- class="search"
123
- tabindex="0"
124
- type="text"
125
- value=""
126
- />
127
117
  <div
128
- aria-atomic="true"
129
- aria-live="polite"
130
- class="divider text"
131
- role="alert"
132
- >
133
- functions.form.expression.function.placeholder
134
- </div>
135
- <i
136
- aria-hidden="true"
137
- class="dropdown icon"
138
- />
139
- <div
140
- class="menu transition"
141
- role="listbox"
118
+ aria-expanded="false"
119
+ class="ui fluid search selection dropdown"
120
+ role="combobox"
142
121
  >
122
+ <input
123
+ aria-autocomplete="list"
124
+ autocomplete="off"
125
+ class="search"
126
+ tabindex="0"
127
+ type="text"
128
+ value=""
129
+ />
130
+ <div
131
+ aria-atomic="true"
132
+ aria-live="polite"
133
+ class="divider text"
134
+ role="alert"
135
+ >
136
+ functions.form.expression.function.placeholder
137
+ </div>
138
+ <i
139
+ aria-hidden="true"
140
+ class="dropdown icon"
141
+ />
143
142
  <div
144
- class="message"
143
+ class="menu transition"
144
+ role="listbox"
145
145
  >
146
- No results found.
146
+ <div
147
+ class="message"
148
+ >
149
+ No results found.
150
+ </div>
147
151
  </div>
148
152
  </div>
149
153
  </div>
@@ -282,38 +286,42 @@ exports[`<GroupBy /> matches the latest snapshot 1`] = `
282
286
  class="dropdown icon"
283
287
  />
284
288
  <div
285
- aria-expanded="false"
286
- class="ui fluid search selection dropdown"
287
- role="combobox"
289
+ class="sixteen wide field"
288
290
  >
289
- <input
290
- aria-autocomplete="list"
291
- autocomplete="off"
292
- class="search"
293
- tabindex="0"
294
- type="text"
295
- value=""
296
- />
297
- <div
298
- aria-atomic="true"
299
- aria-live="polite"
300
- class="divider text"
301
- role="alert"
302
- >
303
- functions.form.expression.function.placeholder
304
- </div>
305
- <i
306
- aria-hidden="true"
307
- class="dropdown icon"
308
- />
309
291
  <div
310
- class="menu transition"
311
- role="listbox"
292
+ aria-expanded="false"
293
+ class="ui fluid search selection dropdown"
294
+ role="combobox"
312
295
  >
296
+ <input
297
+ aria-autocomplete="list"
298
+ autocomplete="off"
299
+ class="search"
300
+ tabindex="0"
301
+ type="text"
302
+ value=""
303
+ />
313
304
  <div
314
- class="message"
305
+ aria-atomic="true"
306
+ aria-live="polite"
307
+ class="divider text"
308
+ role="alert"
315
309
  >
316
- No results found.
310
+ functions.form.expression.function.placeholder
311
+ </div>
312
+ <i
313
+ aria-hidden="true"
314
+ class="dropdown icon"
315
+ />
316
+ <div
317
+ class="menu transition"
318
+ role="listbox"
319
+ >
320
+ <div
321
+ class="message"
322
+ >
323
+ No results found.
324
+ </div>
317
325
  </div>
318
326
  </div>
319
327
  </div>
@@ -357,11 +365,19 @@ exports[`<GroupBy /> matches the latest snapshot 1`] = `
357
365
  class="item"
358
366
  role="listitem"
359
367
  >
360
- <button
361
- class="ui button"
368
+ <div
369
+ class="ui medium basic buttons"
362
370
  >
363
- queryables.group_by.form.add_group_field
364
- </button>
371
+ <button
372
+ class="ui button"
373
+ >
374
+ <i
375
+ aria-hidden="true"
376
+ class="plus icon"
377
+ />
378
+ queryables.group_by.form.add_group_field
379
+ </button>
380
+ </div>
365
381
  </div>
366
382
  </div>
367
383
  </div>
@@ -469,58 +485,62 @@ exports[`<GroupBy /> matches the latest snapshot 1`] = `
469
485
  class="dropdown icon"
470
486
  />
471
487
  <div
472
- aria-expanded="false"
473
- class="ui fluid search selection dropdown"
474
- role="combobox"
488
+ class="sixteen wide field"
475
489
  >
476
- <input
477
- aria-autocomplete="list"
478
- autocomplete="off"
479
- class="search"
480
- tabindex="0"
481
- type="text"
482
- value=""
483
- />
484
490
  <div
485
- aria-atomic="true"
486
- aria-live="polite"
487
- class="divider text"
488
- role="alert"
489
- >
490
- functions.form.expression.function.placeholder
491
- </div>
492
- <i
493
- aria-hidden="true"
494
- class="dropdown icon"
495
- />
496
- <div
497
- class="menu transition"
498
- role="listbox"
491
+ aria-expanded="false"
492
+ class="ui fluid search selection dropdown"
493
+ role="combobox"
499
494
  >
495
+ <input
496
+ aria-autocomplete="list"
497
+ autocomplete="off"
498
+ class="search"
499
+ tabindex="0"
500
+ type="text"
501
+ value=""
502
+ />
503
+ <div
504
+ aria-atomic="true"
505
+ aria-live="polite"
506
+ class="divider text"
507
+ role="alert"
508
+ >
509
+ functions.form.expression.function.placeholder
510
+ </div>
511
+ <i
512
+ aria-hidden="true"
513
+ class="dropdown icon"
514
+ />
500
515
  <div
501
- aria-checked="false"
502
- aria-selected="true"
503
- class="selected item"
504
- role="option"
505
- style="pointer-events: all;"
516
+ class="menu transition"
517
+ role="listbox"
506
518
  >
507
519
  <div
508
- class="ui header"
520
+ aria-checked="false"
521
+ aria-selected="true"
522
+ class="selected item"
523
+ role="option"
524
+ style="pointer-events: all;"
509
525
  >
510
526
  <div
511
- class="flex-center"
527
+ class="ui header"
512
528
  >
513
- <div>
514
- func
515
- </div>
516
529
  <div
517
- class="function-params-label"
518
- />
530
+ class="flex-center"
531
+ >
532
+ <div>
533
+ func
534
+ </div>
535
+ <div
536
+ class="function-params-label"
537
+ />
538
+ </div>
519
539
  </div>
540
+ <div
541
+ class="sub header"
542
+ />
520
543
  </div>
521
- <div
522
- class="sub header"
523
- />
524
544
  </div>
525
545
  </div>
526
546
  </div>
@@ -564,11 +584,19 @@ exports[`<GroupBy /> matches the latest snapshot 1`] = `
564
584
  class="item"
565
585
  role="listitem"
566
586
  >
567
- <button
568
- class="ui button"
587
+ <div
588
+ class="ui medium basic buttons"
569
589
  >
570
- queryables.group_by.form.add_aggregate_field
571
- </button>
590
+ <button
591
+ class="ui button"
592
+ >
593
+ <i
594
+ aria-hidden="true"
595
+ class="plus icon"
596
+ />
597
+ queryables.group_by.form.add_aggregate_field
598
+ </button>
599
+ </div>
572
600
  </div>
573
601
  </div>
574
602
  </div>
package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/Join.spec.js.snap CHANGED
@@ -9,38 +9,42 @@ exports[`<Join /> matches the latest snapshot 1`] = `
9
9
  queryables.form.resource
10
10
  </label>
11
11
  <div
12
- aria-expanded="false"
13
- class="ui selection dropdown"
14
- role="listbox"
15
- tabindex="0"
12
+ class="field"
16
13
  >
17
14
  <div
18
- aria-atomic="true"
19
- aria-live="polite"
20
- class="divider default text"
21
- role="alert"
22
- >
23
- queryables.resource.type
24
- </div>
25
- <i
26
- aria-hidden="true"
27
- class="dropdown icon"
28
- />
29
- <div
30
- class="menu transition"
15
+ aria-expanded="false"
16
+ class="ui selection dropdown"
17
+ role="listbox"
18
+ tabindex="0"
31
19
  >
32
20
  <div
33
- aria-checked="false"
34
- aria-selected="true"
35
- class="selected item"
36
- role="option"
37
- style="pointer-events: all;"
21
+ aria-atomic="true"
22
+ aria-live="polite"
23
+ class="divider default text"
24
+ role="alert"
25
+ >
26
+ queryables.resource.type
27
+ </div>
28
+ <i
29
+ aria-hidden="true"
30
+ class="dropdown icon"
31
+ />
32
+ <div
33
+ class="menu transition"
38
34
  >
39
- <span
40
- class="text"
35
+ <div
36
+ aria-checked="false"
37
+ aria-selected="true"
38
+ class="selected item"
39
+ role="option"
40
+ style="pointer-events: all;"
41
41
  >
42
- queryables.resource.type.data_structure
43
- </span>
42
+ <span
43
+ class="text"
44
+ >
45
+ queryables.resource.type.data_structure
46
+ </span>
47
+ </div>
44
48
  </div>
45
49
  </div>
46
50
  </div>
@@ -57,7 +61,6 @@ exports[`<Join /> matches the latest snapshot 1`] = `
57
61
  <div
58
62
  aria-expanded="false"
59
63
  class="ui selection dropdown select-field-dropdown"
60
- label="dataViews.form.queryable.alias"
61
64
  role="listbox"
62
65
  tabindex="0"
63
66
  >
@@ -214,11 +217,19 @@ exports[`<Join /> matches the latest snapshot 1`] = `
214
217
  <div
215
218
  class="ui horizontal divider"
216
219
  >
217
- <button
218
- class="ui mini button"
220
+ <div
221
+ class="ui medium basic buttons"
219
222
  >
220
- expression.clause.action.addGroup
221
- </button>
223
+ <button
224
+ class="ui button"
225
+ >
226
+ <i
227
+ aria-hidden="true"
228
+ class="plus icon"
229
+ />
230
+ expression.clause.action.addGroup
231
+ </button>
232
+ </div>
222
233
  </div>
223
234
  </div>
224
235
  </div>
package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/Select.spec.js.snap CHANGED
@@ -115,44 +115,48 @@ exports[`<Select /> handles add all fields 1`] = `
115
115
  </div>
116
116
  </div>
117
117
  <div
118
- aria-expanded="false"
119
- class="ui fluid selection scrolling pointing dropdown select-field-dropdown"
120
- role="listbox"
121
- tabindex="0"
118
+ class="sixteen wide field"
122
119
  >
123
120
  <div
124
- aria-atomic="true"
125
- aria-live="polite"
126
- class="divider text"
127
- role="alert"
128
- >
129
- <div
130
- class="ui label"
131
- />
132
- abc
133
- </div>
134
- <i
135
- aria-hidden="true"
136
- class="dropdown icon"
137
- />
138
- <div
139
- class="menu transition"
121
+ aria-expanded="false"
122
+ class="ui fluid selection scrolling pointing dropdown select-field-dropdown"
123
+ role="listbox"
124
+ tabindex="0"
140
125
  >
141
126
  <div
142
- aria-checked="true"
143
- aria-selected="true"
144
- class="active selected item"
145
- role="option"
146
- style="pointer-events: all;"
127
+ aria-atomic="true"
128
+ aria-live="polite"
129
+ class="divider text"
130
+ role="alert"
147
131
  >
148
132
  <div
149
133
  class="ui label"
150
134
  />
151
- <span
152
- class="text"
135
+ abc
136
+ </div>
137
+ <i
138
+ aria-hidden="true"
139
+ class="dropdown icon"
140
+ />
141
+ <div
142
+ class="menu transition"
143
+ >
144
+ <div
145
+ aria-checked="true"
146
+ aria-selected="true"
147
+ class="active selected item"
148
+ role="option"
149
+ style="pointer-events: all;"
153
150
  >
154
- abc
155
- </span>
151
+ <div
152
+ class="ui label"
153
+ />
154
+ <span
155
+ class="text"
156
+ >
157
+ abc
158
+ </span>
159
+ </div>
156
160
  </div>
157
161
  </div>
158
162
  </div>
@@ -342,33 +346,37 @@ exports[`<Select /> matches the latest snapshot with content 1`] = `
342
346
  </div>
343
347
  </div>
344
348
  <div
345
- aria-expanded="false"
346
- class="ui fluid selection scrolling pointing dropdown select-field-dropdown"
347
- role="listbox"
348
- tabindex="0"
349
+ class="sixteen wide field"
349
350
  >
350
- <i
351
- aria-hidden="true"
352
- class="dropdown icon"
353
- />
354
351
  <div
355
- class="menu transition"
352
+ aria-expanded="false"
353
+ class="ui fluid selection scrolling pointing dropdown select-field-dropdown"
354
+ role="listbox"
355
+ tabindex="0"
356
356
  >
357
+ <i
358
+ aria-hidden="true"
359
+ class="dropdown icon"
360
+ />
357
361
  <div
358
- aria-checked="false"
359
- aria-selected="true"
360
- class="selected item"
361
- role="option"
362
- style="pointer-events: all;"
362
+ class="menu transition"
363
363
  >
364
364
  <div
365
- class="ui label"
366
- />
367
- <span
368
- class="text"
365
+ aria-checked="false"
366
+ aria-selected="true"
367
+ class="selected item"
368
+ role="option"
369
+ style="pointer-events: all;"
369
370
  >
370
- abc
371
- </span>
371
+ <div
372
+ class="ui label"
373
+ />
374
+ <span
375
+ class="text"
376
+ >
377
+ abc
378
+ </span>
379
+ </div>
372
380
  </div>
373
381
  </div>
374
382
  </div>
@@ -510,33 +518,37 @@ exports[`<Select /> matches the latest snapshot with content 1`] = `
510
518
  </div>
511
519
  </div>
512
520
  <div
513
- aria-expanded="false"
514
- class="ui fluid selection scrolling pointing dropdown select-field-dropdown"
515
- role="listbox"
516
- tabindex="0"
521
+ class="sixteen wide field"
517
522
  >
518
- <i
519
- aria-hidden="true"
520
- class="dropdown icon"
521
- />
522
523
  <div
523
- class="menu transition"
524
+ aria-expanded="false"
525
+ class="ui fluid selection scrolling pointing dropdown select-field-dropdown"
526
+ role="listbox"
527
+ tabindex="0"
524
528
  >
529
+ <i
530
+ aria-hidden="true"
531
+ class="dropdown icon"
532
+ />
525
533
  <div
526
- aria-checked="false"
527
- aria-selected="true"
528
- class="selected item"
529
- role="option"
530
- style="pointer-events: all;"
534
+ class="menu transition"
531
535
  >
532
536
  <div
533
- class="ui label"
534
- />
535
- <span
536
- class="text"
537
+ aria-checked="false"
538
+ aria-selected="true"
539
+ class="selected item"
540
+ role="option"
541
+ style="pointer-events: all;"
537
542
  >
538
- abc
539
- </span>
543
+ <div
544
+ class="ui label"
545
+ />
546
+ <span
547
+ class="text"
548
+ >
549
+ abc
550
+ </span>
551
+ </div>
540
552
  </div>
541
553
  </div>
542
554
  </div>