@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/common/expressions/__tests__/__snapshots__/FunctionArgs.spec.js.snap CHANGED
@@ -32,25 +32,92 @@ exports[`<FunctionArgs /> user interaction 1`] = `
32
32
  />
33
33
  </div>
34
34
  <div
35
- class="ui grid"
35
+ class="expression-container"
36
36
  >
37
37
  <div
38
- class="sixteen wide column"
38
+ class="expression-content"
39
39
  >
40
40
  <div
41
- class="expression-container"
41
+ aria-expanded="false"
42
+ class="ui top left pointing dropdown"
43
+ role="listbox"
44
+ tabindex="0"
45
+ >
46
+ <div
47
+ class="shape-selector-trigger"
48
+ >
49
+ [π]
50
+ </div>
51
+ <div
52
+ class="menu transition"
53
+ >
54
+ <div
55
+ aria-checked="false"
56
+ aria-selected="false"
57
+ class="item"
58
+ role="option"
59
+ style="pointer-events: all;"
60
+ >
61
+ <div
62
+ class="text flex-center"
63
+ >
64
+ <small
65
+ style="margin-right: 5px;"
66
+ >
67
+ <b>
68
+ <code>
69
+ f(x)
70
+ </code>
71
+ </b>
72
+ </small>
73
+ functions.expression.shape.function
74
+ </div>
75
+ </div>
76
+ <div
77
+ aria-checked="true"
78
+ aria-selected="true"
79
+ class="active selected item"
80
+ role="option"
81
+ style="pointer-events: all;"
82
+ >
83
+ <div
84
+ class="text flex-center"
85
+ >
86
+ <small
87
+ style="margin-right: 5px;"
88
+ >
89
+ <b>
90
+ <code>
91
+ [π]
92
+ </code>
93
+ </b>
94
+ </small>
95
+ functions.expression.shape.constant
96
+ </div>
97
+ </div>
98
+ </div>
99
+ </div>
100
+ <div
101
+ class="field"
42
102
  >
43
103
  <div
44
104
  aria-expanded="false"
45
- class="ui top left pointing dropdown"
105
+ class="ui fluid selection dropdown"
46
106
  role="listbox"
47
107
  tabindex="0"
48
108
  >
49
109
  <div
50
- class="shape-selector-trigger"
110
+ aria-atomic="true"
111
+ aria-live="polite"
112
+ class="divider text"
113
+ role="alert"
51
114
  >
52
- [π]
115
+ functions.expression.constant.true
53
116
  </div>
117
+ <i
118
+ aria-hidden="true"
119
+ class="dropdown icon"
120
+ />
54
121
  <div
55
122
  class="menu transition"
56
123
  >
@@ -61,20 +128,11 @@ exports[`<FunctionArgs /> user interaction 1`] = `
61
128
  role="option"
62
129
  style="pointer-events: all;"
63
130
  >
64
- <div
65
- class="text flex-center"
131
+ <span
132
+ class="text"
66
133
  >
67
- <small
68
- style="margin-right: 5px;"
69
- >
70
- <b>
71
- <code>
72
- [π]
73
- </code>
74
- </b>
75
- </small>
76
- functions.expression.shape.constant
77
- </div>
134
+ functions.expression.constant.true
135
+ </span>
78
136
  </div>
79
137
  <div
80
138
  aria-checked="false"
@@ -83,73 +141,11 @@ exports[`<FunctionArgs /> user interaction 1`] = `
83
141
  role="option"
84
142
  style="pointer-events: all;"
85
143
  >
86
- <div
87
- class="text flex-center"
88
- >
89
- <small
90
- style="margin-right: 5px;"
91
- >
92
- <b>
93
- <code>
94
- f(x)
95
- </code>
96
- </b>
97
- </small>
98
- functions.expression.shape.function
99
- </div>
100
- </div>
101
- </div>
102
- </div>
103
- <div
104
- class="field"
105
- >
106
- <div
107
- aria-expanded="false"
108
- class="ui fluid selection dropdown"
109
- role="listbox"
110
- tabindex="0"
111
- >
112
- <div
113
- aria-atomic="true"
114
- aria-live="polite"
115
- class="divider text"
116
- role="alert"
117
- >
118
- functions.expression.constant.true
119
- </div>
120
- <i
121
- aria-hidden="true"
122
- class="dropdown icon"
123
- />
124
- <div
125
- class="menu transition"
126
- >
127
- <div
128
- aria-checked="true"
129
- aria-selected="true"
130
- class="active selected item"
131
- role="option"
132
- style="pointer-events: all;"
133
- >
134
- <span
135
- class="text"
136
- >
137
- functions.expression.constant.true
138
- </span>
139
- </div>
140
- <div
141
- aria-checked="false"
142
- aria-selected="false"
143
- class="item"
144
- role="option"
145
- style="pointer-events: all;"
144
+ <span
145
+ class="text"
146
146
  >
147
- <span
148
- class="text"
149
- >
150
- functions.expression.constant.false
151
- </span>
152
- </div>
147
+ functions.expression.constant.false
148
+ </span>
153
149
  </div>
154
150
  </div>
155
151
  </div>
@@ -183,172 +179,168 @@ exports[`<FunctionArgs /> user interaction 1`] = `
183
179
  />
184
180
  </div>
185
181
  <div
186
- class="ui grid"
182
+ class="expression-container"
187
183
  >
188
184
  <div
189
- class="sixteen wide column"
185
+ class="expression-content"
190
186
  >
191
187
  <div
192
- class="expression-container"
188
+ aria-expanded="false"
189
+ class="ui top left pointing dropdown"
190
+ role="listbox"
191
+ tabindex="0"
193
192
  >
194
193
  <div
195
- aria-expanded="false"
196
- class="ui top left pointing dropdown"
197
- role="listbox"
198
- tabindex="0"
194
+ class="shape-selector-trigger"
195
+ >
196
+ f(x)
197
+ </div>
198
+ <div
199
+ class="menu transition"
199
200
  >
200
201
  <div
201
- class="shape-selector-trigger"
202
- >
203
- f(x)
204
- </div>
205
- <div
206
- class="menu transition"
202
+ aria-checked="true"
203
+ aria-selected="true"
204
+ class="active selected item"
205
+ role="option"
206
+ style="pointer-events: all;"
207
207
  >
208
208
  <div
209
- aria-checked="false"
210
- aria-selected="false"
211
- class="item"
212
- role="option"
213
- style="pointer-events: all;"
209
+ class="text flex-center"
214
210
  >
215
- <div
216
- class="text flex-center"
211
+ <small
212
+ style="margin-right: 5px;"
217
213
  >
218
- <small
219
- style="margin-right: 5px;"
220
- >
221
- <b>
222
- <code>
223
- [π]
224
- </code>
225
- </b>
226
- </small>
227
- functions.expression.shape.constant
228
- </div>
214
+ <b>
215
+ <code>
216
+ f(x)
217
+ </code>
218
+ </b>
219
+ </small>
220
+ functions.expression.shape.function
229
221
  </div>
222
+ </div>
223
+ <div
224
+ aria-checked="false"
225
+ aria-selected="false"
226
+ class="item"
227
+ role="option"
228
+ style="pointer-events: all;"
229
+ >
230
230
  <div
231
- aria-checked="true"
232
- aria-selected="true"
233
- class="active selected item"
234
- role="option"
235
- style="pointer-events: all;"
231
+ class="text flex-center"
236
232
  >
237
- <div
238
- class="text flex-center"
233
+ <small
234
+ style="margin-right: 5px;"
239
235
  >
240
- <small
241
- style="margin-right: 5px;"
242
- >
243
- <b>
244
- <code>
245
- f(x)
246
- </code>
247
- </b>
248
- </small>
249
- functions.expression.shape.function
250
- </div>
236
+ <b>
237
+ <code>
238
+ [π]
239
+ </code>
240
+ </b>
241
+ </small>
242
+ functions.expression.shape.constant
251
243
  </div>
252
244
  </div>
253
245
  </div>
246
+ </div>
247
+ <div
248
+ class="accordion ui fluid no-margin"
249
+ >
254
250
  <div
255
- class="accordion ui fluid no-margin"
251
+ class="active title no-padding"
256
252
  >
257
253
  <div
258
- class="active title no-padding"
254
+ class="flex-center"
259
255
  >
256
+ <i
257
+ aria-hidden="true"
258
+ class="dropdown icon"
259
+ />
260
260
  <div
261
- class="flex-center"
261
+ class="sixteen wide field"
262
262
  >
263
- <i
264
- aria-hidden="true"
265
- class="dropdown icon"
266
- />
267
263
  <div
268
- class="sixteen wide field"
264
+ aria-expanded="false"
265
+ class="ui fluid search selection dropdown"
266
+ role="combobox"
269
267
  >
268
+ <input
269
+ aria-autocomplete="list"
270
+ autocomplete="off"
271
+ class="search"
272
+ tabindex="0"
273
+ type="text"
274
+ value=""
275
+ />
270
276
  <div
271
- aria-expanded="false"
272
- class="ui fluid search selection dropdown"
273
- role="combobox"
277
+ aria-atomic="true"
278
+ aria-live="polite"
279
+ class="divider text"
280
+ role="alert"
281
+ >
282
+ functions.form.expression.function.placeholder
283
+ </div>
284
+ <i
285
+ aria-hidden="true"
286
+ class="dropdown icon"
287
+ />
288
+ <div
289
+ class="menu transition"
290
+ role="listbox"
274
291
  >
275
- <input
276
- aria-autocomplete="list"
277
- autocomplete="off"
278
- class="search"
279
- tabindex="0"
280
- type="text"
281
- value=""
282
- />
283
- <div
284
- aria-atomic="true"
285
- aria-live="polite"
286
- class="divider text"
287
- role="alert"
288
- >
289
- functions.form.expression.function.placeholder
290
- </div>
291
- <i
292
- aria-hidden="true"
293
- class="dropdown icon"
294
- />
295
292
  <div
296
- class="menu transition"
297
- role="listbox"
293
+ aria-checked="false"
294
+ aria-selected="true"
295
+ class="selected item"
296
+ role="option"
297
+ style="pointer-events: all;"
298
298
  >
299
299
  <div
300
- aria-checked="false"
301
- aria-selected="true"
302
- class="selected item"
303
- role="option"
304
- style="pointer-events: all;"
300
+ class="ui header"
305
301
  >
306
302
  <div
307
- class="ui header"
303
+ class="flex-center"
308
304
  >
305
+ <div>
306
+ eq
307
+ </div>
309
308
  <div
310
- class="flex-center"
309
+ class="function-params-label"
311
310
  >
312
- <div>
313
- eq
311
+ <div
312
+ class="ui teal label"
313
+ >
314
+ <i
315
+ aria-hidden="true"
316
+ class="adjust icon"
317
+ />
318
+ arg1
314
319
  </div>
315
320
  <div
316
- class="function-params-label"
321
+ class="ui teal label"
317
322
  >
318
- <div
319
- class="ui teal label"
320
- >
321
- <i
322
- aria-hidden="true"
323
- class="adjust icon"
324
- />
325
- arg1
326
- </div>
327
- <div
328
- class="ui teal label"
329
- >
330
- <i
331
- aria-hidden="true"
332
- class="adjust icon"
333
- />
334
- arg2
335
- </div>
323
+ <i
324
+ aria-hidden="true"
325
+ class="adjust icon"
326
+ />
327
+ arg2
336
328
  </div>
337
329
  </div>
338
330
  </div>
339
- <div
340
- class="sub header"
341
- />
342
331
  </div>
332
+ <div
333
+ class="sub header"
334
+ />
343
335
  </div>
344
336
  </div>
345
337
  </div>
346
338
  </div>
347
339
  </div>
348
- <div
349
- class="content active no-padding"
350
- />
351
340
  </div>
341
+ <div
342
+ class="content active no-padding"
343
+ />
352
344
  </div>
353
345
  </div>
354
346
  </div>