@truedat/qx 8.10.2 → 8.10.4

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 (61) hide show
  1. package/package.json +3 -3
  2. package/src/components/QxRoutes.js +8 -7
  3. package/src/components/__tests__/QxRoutes.spec.js +2 -1
  4. package/src/components/__tests__/__fixtures__/helper.js +13 -0
  5. package/src/components/__tests__/__snapshots__/QxRoutes.spec.js.snap +1 -1
  6. package/src/components/common/ClauseViewer.js +52 -8
  7. package/src/components/common/DescriptionInput.js +9 -34
  8. package/src/components/common/TypeSelector.js +20 -10
  9. package/src/components/common/__tests__/ClauseViewer.spec.js +150 -0
  10. package/src/components/common/__tests__/DescriptionInput.spec.js +2 -5
  11. package/src/components/common/__tests__/__snapshots__/DescriptionInput.spec.js.snap +7 -10
  12. package/src/components/common/expressions/Clauses.js +22 -17
  13. package/src/components/common/expressions/Condition.js +201 -102
  14. package/src/components/common/expressions/Expression.js +17 -23
  15. package/src/components/common/expressions/FunctionSelector.js +3 -3
  16. package/src/components/common/expressions/ShapeSelector.js +1 -1
  17. package/src/components/common/expressions/__tests__/Clauses.spec.js +1 -1
  18. package/src/components/common/expressions/__tests__/Condition.spec.js +83 -26
  19. package/src/components/common/expressions/__tests__/ParamSelector.spec.js +1 -1
  20. package/src/components/common/expressions/__tests__/__snapshots__/Clauses.spec.js.snap +18 -22
  21. package/src/components/common/expressions/__tests__/__snapshots__/Condition.spec.js.snap +215 -216
  22. package/src/components/common/expressions/__tests__/__snapshots__/ConstantSelector.spec.js.snap +6 -10
  23. package/src/components/common/expressions/__tests__/__snapshots__/Expression.spec.js.snap +630 -654
  24. package/src/components/common/expressions/__tests__/__snapshots__/FunctionArgs.spec.js.snap +193 -201
  25. package/src/components/common/expressions/__tests__/__snapshots__/FunctionSelector.spec.js.snap +450 -466
  26. package/src/components/common/expressions/__tests__/__snapshots__/ShapeSelector.spec.js.snap +34 -34
  27. package/src/components/common/expressions/constantInputs/AnySelector.js +1 -0
  28. package/src/components/common/expressions/constantInputs/__tests__/__snapshots__/AnySelector.spec.js.snap +15 -15
  29. package/src/components/dataViews/__tests__/__snapshots__/AdvancedDataViewEditor.spec.js.snap +378 -406
  30. package/src/components/dataViews/__tests__/__snapshots__/DataViewSummary.spec.js.snap +6 -6
  31. package/src/components/dataViews/__tests__/__snapshots__/Queryable.spec.js.snap +489 -577
  32. package/src/components/dataViews/__tests__/__snapshots__/Queryables.spec.js.snap +400 -476
  33. package/src/components/dataViews/advancedForm/Queryable.js +56 -64
  34. package/src/components/dataViews/advancedForm/Queryables.js +11 -2
  35. package/src/components/dataViews/queryableProperties/Join.js +16 -6
  36. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/Join.spec.js.snap +0 -28
  37. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/Select.spec.js.snap +270 -282
  38. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/SelectField.spec.js.snap +172 -180
  39. package/src/components/dataViews/simpleForm/DatasetForm.js +4 -0
  40. package/src/components/dataViews/simpleForm/FormQueryable.js +49 -53
  41. package/src/components/dataViews/summary/Where.js +3 -2
  42. package/src/components/functions/FunctionEdit.js +92 -0
  43. package/src/components/functions/FunctionEditor.js +32 -10
  44. package/src/components/functions/FunctionParams.js +54 -61
  45. package/src/components/functions/FunctionsList.js +213 -0
  46. package/src/components/functions/__tests__/FunctionEdit.spec.js +168 -0
  47. package/src/components/functions/__tests__/FunctionParams.spec.js +1 -8
  48. package/src/components/functions/__tests__/FunctionsList.spec.js +62 -0
  49. package/src/components/functions/__tests__/__snapshots__/FunctionEditor.spec.js.snap +553 -469
  50. package/src/components/functions/__tests__/__snapshots__/FunctionParams.spec.js.snap +139 -161
  51. package/src/components/functions/__tests__/__snapshots__/FunctionsList.spec.js.snap +588 -0
  52. package/src/components/qualityControls/__tests__/NewQualityControl.spec.js +4 -0
  53. package/src/components/qualityControls/__tests__/QualityControlEditor.spec.js +8 -1
  54. package/src/components/qualityControls/__tests__/__snapshots__/EditQualityControl.spec.js.snap +109 -118
  55. package/src/components/qualityControls/__tests__/__snapshots__/NewDraftQualityControl.spec.js.snap +109 -118
  56. package/src/components/qualityControls/__tests__/__snapshots__/QualityControlEditor.spec.js.snap +471 -468
  57. package/src/hooks/useFunctions.js +6 -0
  58. package/src/styles/Expression.less +39 -6
  59. package/src/components/functions/Functions.js +0 -143
  60. package/src/components/functions/__tests__/Functions.spec.js +0 -56
  61. package/src/components/functions/__tests__/__snapshots__/Functions.spec.js.snap +0 -85
package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/Select.spec.js.snap CHANGED
@@ -24,139 +24,135 @@ exports[`<Select /> handles add all fields 1`] = `
24
24
  class="nine wide column"
25
25
  >
26
26
  <div
27
- class="ui grid"
27
+ class="expression-container"
28
28
  >
29
29
  <div
30
- class="sixteen wide column"
30
+ class="expression-content"
31
31
  >
32
32
  <div
33
- class="expression-container"
33
+ aria-expanded="false"
34
+ class="ui top left pointing dropdown"
35
+ role="listbox"
36
+ tabindex="0"
34
37
  >
35
38
  <div
36
- aria-expanded="false"
37
- class="ui top left pointing dropdown"
38
- role="listbox"
39
- tabindex="0"
39
+ class="shape-selector-trigger"
40
+ >
41
+ [F]
42
+ </div>
43
+ <div
44
+ class="menu transition"
40
45
  >
41
46
  <div
42
- class="shape-selector-trigger"
43
- >
44
- [F]
45
- </div>
46
- <div
47
- class="menu transition"
47
+ aria-checked="true"
48
+ aria-selected="true"
49
+ class="active selected item"
50
+ role="option"
51
+ style="pointer-events: all;"
48
52
  >
49
53
  <div
50
- aria-checked="false"
51
- aria-selected="false"
52
- class="item"
53
- role="option"
54
- style="pointer-events: all;"
54
+ class="text flex-center"
55
55
  >
56
- <div
57
- class="text flex-center"
56
+ <small
57
+ style="margin-right: 5px;"
58
58
  >
59
- <small
60
- style="margin-right: 5px;"
61
- >
62
- <b>
63
- <code>
64
- [π]
65
- </code>
66
- </b>
67
- </small>
68
- functions.expression.shape.constant
69
- </div>
59
+ <b>
60
+ <code>
61
+ [F]
62
+ </code>
63
+ </b>
64
+ </small>
65
+ functions.expression.shape.field
70
66
  </div>
67
+ </div>
68
+ <div
69
+ aria-checked="false"
70
+ aria-selected="false"
71
+ class="item"
72
+ role="option"
73
+ style="pointer-events: all;"
74
+ >
71
75
  <div
72
- aria-checked="false"
73
- aria-selected="false"
74
- class="item"
75
- role="option"
76
- style="pointer-events: all;"
76
+ class="text flex-center"
77
77
  >
78
- <div
79
- class="text flex-center"
78
+ <small
79
+ style="margin-right: 5px;"
80
80
  >
81
- <small
82
- style="margin-right: 5px;"
83
- >
84
- <b>
85
- <code>
86
- f(x)
87
- </code>
88
- </b>
89
- </small>
90
- functions.expression.shape.function
91
- </div>
81
+ <b>
82
+ <code>
83
+ f(x)
84
+ </code>
85
+ </b>
86
+ </small>
87
+ functions.expression.shape.function
92
88
  </div>
89
+ </div>
90
+ <div
91
+ aria-checked="false"
92
+ aria-selected="false"
93
+ class="item"
94
+ role="option"
95
+ style="pointer-events: all;"
96
+ >
93
97
  <div
94
- aria-checked="true"
95
- aria-selected="true"
96
- class="active selected item"
97
- role="option"
98
- style="pointer-events: all;"
98
+ class="text flex-center"
99
99
  >
100
- <div
101
- class="text flex-center"
100
+ <small
101
+ style="margin-right: 5px;"
102
102
  >
103
- <small
104
- style="margin-right: 5px;"
105
- >
106
- <b>
107
- <code>
108
- [F]
109
- </code>
110
- </b>
111
- </small>
112
- functions.expression.shape.field
113
- </div>
103
+ <b>
104
+ <code>
105
+ [π]
106
+ </code>
107
+ </b>
108
+ </small>
109
+ functions.expression.shape.constant
114
110
  </div>
115
111
  </div>
116
112
  </div>
113
+ </div>
114
+ <div
115
+ class="sixteen wide field"
116
+ >
117
117
  <div
118
- class="sixteen wide field"
118
+ aria-expanded="false"
119
+ class="ui fluid selection scrolling pointing dropdown select-field-dropdown"
120
+ role="listbox"
121
+ tabindex="0"
119
122
  >
120
123
  <div
121
- aria-expanded="false"
122
- class="ui fluid selection scrolling pointing dropdown select-field-dropdown"
123
- role="listbox"
124
- tabindex="0"
124
+ aria-atomic="true"
125
+ aria-live="polite"
126
+ class="divider text"
127
+ role="alert"
125
128
  >
126
129
  <div
127
- aria-atomic="true"
128
- aria-live="polite"
129
- class="divider text"
130
- role="alert"
131
- >
132
- <div
133
- class="ui label"
134
- />
135
- abc
136
- </div>
137
- <i
138
- aria-hidden="true"
139
- class="dropdown icon"
130
+ class="ui label"
140
131
  />
132
+ abc
133
+ </div>
134
+ <i
135
+ aria-hidden="true"
136
+ class="dropdown icon"
137
+ />
138
+ <div
139
+ class="menu transition"
140
+ >
141
141
  <div
142
- class="menu transition"
142
+ aria-checked="true"
143
+ aria-selected="true"
144
+ class="active selected item"
145
+ role="option"
146
+ style="pointer-events: all;"
143
147
  >
144
148
  <div
145
- aria-checked="true"
146
- aria-selected="true"
147
- class="active selected item"
148
- role="option"
149
- style="pointer-events: all;"
149
+ class="ui label"
150
+ />
151
+ <span
152
+ class="text"
150
153
  >
151
- <div
152
- class="ui label"
153
- />
154
- <span
155
- class="text"
156
- >
157
- abc
158
- </span>
159
- </div>
154
+ abc
155
+ </span>
160
156
  </div>
161
157
  </div>
162
158
  </div>
@@ -263,128 +259,124 @@ exports[`<Select /> matches the latest snapshot with content 1`] = `
263
259
  class="nine wide column"
264
260
  >
265
261
  <div
266
- class="ui grid"
262
+ class="expression-container"
267
263
  >
268
264
  <div
269
- class="sixteen wide column"
265
+ class="expression-content"
270
266
  >
271
267
  <div
272
- class="expression-container"
268
+ aria-expanded="false"
269
+ class="ui top left pointing dropdown"
270
+ role="listbox"
271
+ tabindex="0"
273
272
  >
274
273
  <div
275
- aria-expanded="false"
276
- class="ui top left pointing dropdown"
277
- role="listbox"
278
- tabindex="0"
274
+ class="shape-selector-trigger"
275
+ >
276
+ [F]
277
+ </div>
278
+ <div
279
+ class="menu transition"
279
280
  >
280
281
  <div
281
- class="shape-selector-trigger"
282
- >
283
- [F]
284
- </div>
285
- <div
286
- class="menu transition"
282
+ aria-checked="true"
283
+ aria-selected="true"
284
+ class="active selected item"
285
+ role="option"
286
+ style="pointer-events: all;"
287
287
  >
288
288
  <div
289
- aria-checked="false"
290
- aria-selected="false"
291
- class="item"
292
- role="option"
293
- style="pointer-events: all;"
289
+ class="text flex-center"
294
290
  >
295
- <div
296
- class="text flex-center"
291
+ <small
292
+ style="margin-right: 5px;"
297
293
  >
298
- <small
299
- style="margin-right: 5px;"
300
- >
301
- <b>
302
- <code>
303
- [π]
304
- </code>
305
- </b>
306
- </small>
307
- functions.expression.shape.constant
308
- </div>
294
+ <b>
295
+ <code>
296
+ [F]
297
+ </code>
298
+ </b>
299
+ </small>
300
+ functions.expression.shape.field
309
301
  </div>
302
+ </div>
303
+ <div
304
+ aria-checked="false"
305
+ aria-selected="false"
306
+ class="item"
307
+ role="option"
308
+ style="pointer-events: all;"
309
+ >
310
310
  <div
311
- aria-checked="false"
312
- aria-selected="false"
313
- class="item"
314
- role="option"
315
- style="pointer-events: all;"
311
+ class="text flex-center"
316
312
  >
317
- <div
318
- class="text flex-center"
313
+ <small
314
+ style="margin-right: 5px;"
319
315
  >
320
- <small
321
- style="margin-right: 5px;"
322
- >
323
- <b>
324
- <code>
325
- f(x)
326
- </code>
327
- </b>
328
- </small>
329
- functions.expression.shape.function
330
- </div>
316
+ <b>
317
+ <code>
318
+ f(x)
319
+ </code>
320
+ </b>
321
+ </small>
322
+ functions.expression.shape.function
331
323
  </div>
324
+ </div>
325
+ <div
326
+ aria-checked="false"
327
+ aria-selected="false"
328
+ class="item"
329
+ role="option"
330
+ style="pointer-events: all;"
331
+ >
332
332
  <div
333
- aria-checked="true"
334
- aria-selected="true"
335
- class="active selected item"
336
- role="option"
337
- style="pointer-events: all;"
333
+ class="text flex-center"
338
334
  >
339
- <div
340
- class="text flex-center"
335
+ <small
336
+ style="margin-right: 5px;"
341
337
  >
342
- <small
343
- style="margin-right: 5px;"
344
- >
345
- <b>
346
- <code>
347
- [F]
348
- </code>
349
- </b>
350
- </small>
351
- functions.expression.shape.field
352
- </div>
338
+ <b>
339
+ <code>
340
+ [π]
341
+ </code>
342
+ </b>
343
+ </small>
344
+ functions.expression.shape.constant
353
345
  </div>
354
346
  </div>
355
347
  </div>
348
+ </div>
349
+ <div
350
+ class="sixteen wide field"
351
+ >
356
352
  <div
357
- class="sixteen wide field"
353
+ aria-expanded="false"
354
+ class="ui fluid selection scrolling pointing dropdown select-field-dropdown"
355
+ role="listbox"
356
+ tabindex="0"
358
357
  >
358
+ <i
359
+ aria-hidden="true"
360
+ class="dropdown icon"
361
+ />
359
362
  <div
360
- aria-expanded="false"
361
- class="ui fluid selection scrolling pointing dropdown select-field-dropdown"
362
- role="listbox"
363
- tabindex="0"
363
+ class="menu transition"
364
364
  >
365
- <i
366
- aria-hidden="true"
367
- class="dropdown icon"
368
- />
369
365
  <div
370
- class="menu transition"
366
+ aria-checked="false"
367
+ aria-selected="true"
368
+ class="selected item"
369
+ role="option"
370
+ style="pointer-events: all;"
371
371
  >
372
372
  <div
373
- aria-checked="false"
374
- aria-selected="true"
375
- class="selected item"
376
- role="option"
377
- style="pointer-events: all;"
373
+ class="ui label"
374
+ />
375
+ <span
376
+ class="text"
378
377
  >
379
- <div
380
- class="ui label"
381
- />
382
- <span
383
- class="text"
384
- >
385
- abc
386
- </span>
387
- </div>
378
+ abc
379
+ </span>
388
380
  </div>
389
381
  </div>
390
382
  </div>
@@ -435,128 +427,124 @@ exports[`<Select /> matches the latest snapshot with content 1`] = `
435
427
  class="nine wide column"
436
428
  >
437
429
  <div
438
- class="ui grid"
430
+ class="expression-container"
439
431
  >
440
432
  <div
441
- class="sixteen wide column"
433
+ class="expression-content"
442
434
  >
443
435
  <div
444
- class="expression-container"
436
+ aria-expanded="false"
437
+ class="ui top left pointing dropdown"
438
+ role="listbox"
439
+ tabindex="0"
445
440
  >
446
441
  <div
447
- aria-expanded="false"
448
- class="ui top left pointing dropdown"
449
- role="listbox"
450
- tabindex="0"
442
+ class="shape-selector-trigger"
443
+ >
444
+ [F]
445
+ </div>
446
+ <div
447
+ class="menu transition"
451
448
  >
452
449
  <div
453
- class="shape-selector-trigger"
454
- >
455
- [F]
456
- </div>
457
- <div
458
- class="menu transition"
450
+ aria-checked="true"
451
+ aria-selected="true"
452
+ class="active selected item"
453
+ role="option"
454
+ style="pointer-events: all;"
459
455
  >
460
456
  <div
461
- aria-checked="false"
462
- aria-selected="false"
463
- class="item"
464
- role="option"
465
- style="pointer-events: all;"
457
+ class="text flex-center"
466
458
  >
467
- <div
468
- class="text flex-center"
459
+ <small
460
+ style="margin-right: 5px;"
469
461
  >
470
- <small
471
- style="margin-right: 5px;"
472
- >
473
- <b>
474
- <code>
475
- [π]
476
- </code>
477
- </b>
478
- </small>
479
- functions.expression.shape.constant
480
- </div>
462
+ <b>
463
+ <code>
464
+ [F]
465
+ </code>
466
+ </b>
467
+ </small>
468
+ functions.expression.shape.field
481
469
  </div>
470
+ </div>
471
+ <div
472
+ aria-checked="false"
473
+ aria-selected="false"
474
+ class="item"
475
+ role="option"
476
+ style="pointer-events: all;"
477
+ >
482
478
  <div
483
- aria-checked="false"
484
- aria-selected="false"
485
- class="item"
486
- role="option"
487
- style="pointer-events: all;"
479
+ class="text flex-center"
488
480
  >
489
- <div
490
- class="text flex-center"
481
+ <small
482
+ style="margin-right: 5px;"
491
483
  >
492
- <small
493
- style="margin-right: 5px;"
494
- >
495
- <b>
496
- <code>
497
- f(x)
498
- </code>
499
- </b>
500
- </small>
501
- functions.expression.shape.function
502
- </div>
484
+ <b>
485
+ <code>
486
+ f(x)
487
+ </code>
488
+ </b>
489
+ </small>
490
+ functions.expression.shape.function
503
491
  </div>
492
+ </div>
493
+ <div
494
+ aria-checked="false"
495
+ aria-selected="false"
496
+ class="item"
497
+ role="option"
498
+ style="pointer-events: all;"
499
+ >
504
500
  <div
505
- aria-checked="true"
506
- aria-selected="true"
507
- class="active selected item"
508
- role="option"
509
- style="pointer-events: all;"
501
+ class="text flex-center"
510
502
  >
511
- <div
512
- class="text flex-center"
503
+ <small
504
+ style="margin-right: 5px;"
513
505
  >
514
- <small
515
- style="margin-right: 5px;"
516
- >
517
- <b>
518
- <code>
519
- [F]
520
- </code>
521
- </b>
522
- </small>
523
- functions.expression.shape.field
524
- </div>
506
+ <b>
507
+ <code>
508
+ [π]
509
+ </code>
510
+ </b>
511
+ </small>
512
+ functions.expression.shape.constant
525
513
  </div>
526
514
  </div>
527
515
  </div>
516
+ </div>
517
+ <div
518
+ class="sixteen wide field"
519
+ >
528
520
  <div
529
- class="sixteen wide field"
521
+ aria-expanded="false"
522
+ class="ui fluid selection scrolling pointing dropdown select-field-dropdown"
523
+ role="listbox"
524
+ tabindex="0"
530
525
  >
526
+ <i
527
+ aria-hidden="true"
528
+ class="dropdown icon"
529
+ />
531
530
  <div
532
- aria-expanded="false"
533
- class="ui fluid selection scrolling pointing dropdown select-field-dropdown"
534
- role="listbox"
535
- tabindex="0"
531
+ class="menu transition"
536
532
  >
537
- <i
538
- aria-hidden="true"
539
- class="dropdown icon"
540
- />
541
533
  <div
542
- class="menu transition"
534
+ aria-checked="false"
535
+ aria-selected="true"
536
+ class="selected item"
537
+ role="option"
538
+ style="pointer-events: all;"
543
539
  >
544
540
  <div
545
- aria-checked="false"
546
- aria-selected="true"
547
- class="selected item"
548
- role="option"
549
- style="pointer-events: all;"
541
+ class="ui label"
542
+ />
543
+ <span
544
+ class="text"
550
545
  >
551
- <div
552
- class="ui label"
553
- />
554
- <span
555
- class="text"
556
- >
557
- abc
558
- </span>
559
- </div>
546
+ abc
547
+ </span>
560
548
  </div>
561
549
  </div>
562
550
  </div>