@truedat/qx 8.5.1 → 8.5.2

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 (52) hide show
  1. package/package.json +3 -3
  2. package/src/components/common/expressions/Clauses.js +5 -9
  3. package/src/components/common/expressions/Condition.js +36 -37
  4. package/src/components/common/expressions/__tests__/Clauses.spec.js +87 -0
  5. package/src/components/common/expressions/__tests__/Condition.spec.js +220 -1
  6. package/src/components/common/expressions/__tests__/__snapshots__/Clauses.spec.js.snap +22 -21
  7. package/src/components/common/expressions/__tests__/__snapshots__/Condition.spec.js.snap +212 -214
  8. package/src/components/dataViews/queryableProperties/GroupBy.js +4 -2
  9. package/src/components/dataViews/queryableProperties/__tests__/GroupBy.spec.js +134 -28
  10. package/src/components/qualityControls/ControlProperties.js +32 -16
  11. package/src/components/qualityControls/ControlPropertiesForm.js +3 -3
  12. package/src/components/qualityControls/ControlPropertiesSummary.js +127 -104
  13. package/src/components/qualityControls/ControlPropertiesView.js +48 -74
  14. package/src/components/qualityControls/InformationForm.js +181 -180
  15. package/src/components/qualityControls/ScoreCriteria.js +0 -4
  16. package/src/components/qualityControls/ScoreCriteriaView.js +6 -9
  17. package/src/components/qualityControls/__tests__/ControlProperties.spec.js +47 -16
  18. package/src/components/qualityControls/__tests__/ControlPropertiesForm.spec.js +100 -0
  19. package/src/components/qualityControls/__tests__/ControlPropertiesSummary.spec.js +141 -0
  20. package/src/components/qualityControls/__tests__/ControlPropertiesView.spec.js +102 -11
  21. package/src/components/qualityControls/__tests__/EditQualityControl.spec.js +27 -3
  22. package/src/components/qualityControls/__tests__/InformationForm.spec.js +342 -0
  23. package/src/components/qualityControls/__tests__/NewDraftQualityControl.spec.js +26 -6
  24. package/src/components/qualityControls/__tests__/NewQualityControl.spec.js +66 -20
  25. package/src/components/qualityControls/__tests__/QualityBadge.spec.js +30 -3
  26. package/src/components/qualityControls/__tests__/QualityControlEditor.spec.js +282 -45
  27. package/src/components/qualityControls/__tests__/ScoreCriteria.spec.js +25 -3
  28. package/src/components/qualityControls/__tests__/ScoreCriteriaView.spec.js +19 -3
  29. package/src/components/qualityControls/__tests__/__fixtures__/qualityControlHelper.js +1 -1
  30. package/src/components/qualityControls/__tests__/__snapshots__/ControlProperties.spec.js.snap +13 -1
  31. package/src/components/qualityControls/__tests__/__snapshots__/ControlPropertiesView.spec.js.snap +70 -40
  32. package/src/components/qualityControls/__tests__/__snapshots__/EditQualityControl.spec.js.snap +118 -132
  33. package/src/components/qualityControls/__tests__/__snapshots__/NewDraftQualityControl.spec.js.snap +118 -132
  34. package/src/components/qualityControls/__tests__/__snapshots__/NewQualityControl.spec.js.snap +0 -13
  35. package/src/components/qualityControls/__tests__/__snapshots__/QualityBadge.spec.js.snap +15 -5
  36. package/src/components/qualityControls/__tests__/__snapshots__/QualityControlEditor.spec.js.snap +488 -125
  37. package/src/components/qualityControls/__tests__/__snapshots__/ScoreCriteria.spec.js.snap +13 -5
  38. package/src/components/qualityControls/__tests__/qualityByControlMode.spec.js +65 -14
  39. package/src/components/qualityControls/controlProperties/{Ratio.js → ResourceWithValidation.js} +19 -10
  40. package/src/components/qualityControls/controlProperties/__tests__/ResourceWithValidation.spec.js +192 -0
  41. package/src/components/qualityControls/qualityByControlMode.js +6 -30
  42. package/src/components/qualityControls/scoreCriterias/ErrorCount.js +0 -1
  43. package/src/components/qualityControls/scoreCriterias/__tests__/ErrorCount.spec.js +4 -4
  44. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/GroupBy.spec.js.snap +0 -604
  45. package/src/components/qualityControls/controlProperties/Count.js +0 -56
  46. package/src/components/qualityControls/controlProperties/__tests__/Count.spec.js +0 -66
  47. package/src/components/qualityControls/controlProperties/__tests__/Ratio.spec.js +0 -95
  48. package/src/components/qualityControls/controlProperties/__tests__/__snapshots__/Count.spec.js.snap +0 -67
  49. package/src/components/qualityControls/controlProperties/__tests__/__snapshots__/Ratio.spec.js.snap +0 -161
  50. package/src/components/qualityControls/scoreCriterias/Count.js +0 -88
  51. package/src/components/qualityControls/scoreCriterias/__tests__/Count.spec.js +0 -62
  52. package/src/components/qualityControls/scoreCriterias/__tests__/__snapshots__/Count.spec.js.snap +0 -58
@@ -2,327 +2,325 @@
2
2
 
3
3
  exports[`<Condition /> matches the latest snapshot 1`] = `
4
4
  <div>
5
- <div>
5
+ <div
6
+ class="ui grid condition-row"
7
+ >
6
8
  <div
7
- class="ui grid condition-row"
9
+ class="six wide column"
8
10
  >
9
11
  <div
10
- class="six wide column"
12
+ class="ui grid"
11
13
  >
12
14
  <div
13
- class="ui grid"
15
+ class="sixteen wide column"
14
16
  >
15
17
  <div
16
- class="sixteen wide column"
18
+ class="expression-container"
17
19
  >
18
20
  <div
19
- class="expression-container"
21
+ aria-expanded="false"
22
+ class="ui top left pointing dropdown"
23
+ role="listbox"
24
+ tabindex="0"
20
25
  >
21
26
  <div
22
- aria-expanded="false"
23
- class="ui top left pointing dropdown"
24
- role="listbox"
25
- tabindex="0"
27
+ class="shape-selector-trigger"
28
+ >
29
+ f(x)
30
+ </div>
31
+ <div
32
+ class="menu transition"
26
33
  >
27
34
  <div
28
- class="shape-selector-trigger"
29
- >
30
- f(x)
31
- </div>
32
- <div
33
- class="menu transition"
35
+ aria-checked="false"
36
+ aria-selected="false"
37
+ class="item"
38
+ role="option"
39
+ style="pointer-events: all;"
34
40
  >
35
41
  <div
36
- aria-checked="false"
37
- aria-selected="false"
38
- class="item"
39
- role="option"
40
- style="pointer-events: all;"
42
+ class="text flex-center"
41
43
  >
42
- <div
43
- class="text flex-center"
44
+ <small
45
+ style="margin-right: 5px;"
44
46
  >
45
- <small
46
- style="margin-right: 5px;"
47
- >
48
- <b>
49
- <code>
50
- [π]
51
- </code>
52
- </b>
53
- </small>
54
- functions.expression.shape.constant
55
- </div>
47
+ <b>
48
+ <code>
49
+ [π]
50
+ </code>
51
+ </b>
52
+ </small>
53
+ functions.expression.shape.constant
56
54
  </div>
55
+ </div>
56
+ <div
57
+ aria-checked="true"
58
+ aria-selected="true"
59
+ class="active selected item"
60
+ role="option"
61
+ style="pointer-events: all;"
62
+ >
57
63
  <div
58
- aria-checked="true"
59
- aria-selected="true"
60
- class="active selected item"
61
- role="option"
62
- style="pointer-events: all;"
64
+ class="text flex-center"
63
65
  >
64
- <div
65
- class="text flex-center"
66
+ <small
67
+ style="margin-right: 5px;"
66
68
  >
67
- <small
68
- style="margin-right: 5px;"
69
- >
70
- <b>
71
- <code>
72
- f(x)
73
- </code>
74
- </b>
75
- </small>
76
- functions.expression.shape.function
77
- </div>
69
+ <b>
70
+ <code>
71
+ f(x)
72
+ </code>
73
+ </b>
74
+ </small>
75
+ functions.expression.shape.function
78
76
  </div>
79
77
  </div>
80
78
  </div>
79
+ </div>
80
+ <div
81
+ class="accordion ui fluid no-margin"
82
+ >
81
83
  <div
82
- class="accordion ui fluid no-margin"
84
+ class="active title no-padding"
83
85
  >
84
86
  <div
85
- class="active title no-padding"
87
+ class="flex-center"
86
88
  >
89
+ <i
90
+ aria-hidden="true"
91
+ class="dropdown icon"
92
+ />
87
93
  <div
88
- class="flex-center"
94
+ class="sixteen wide field"
89
95
  >
90
- <i
91
- aria-hidden="true"
92
- class="dropdown icon"
93
- />
94
96
  <div
95
- class="sixteen wide field"
97
+ aria-expanded="false"
98
+ class="ui fluid search selection dropdown"
99
+ role="combobox"
96
100
  >
101
+ <input
102
+ aria-autocomplete="list"
103
+ autocomplete="off"
104
+ class="search"
105
+ tabindex="0"
106
+ type="text"
107
+ value=""
108
+ />
97
109
  <div
98
- aria-expanded="false"
99
- class="ui fluid search selection dropdown"
100
- role="combobox"
110
+ aria-atomic="true"
111
+ aria-live="polite"
112
+ class="divider text"
113
+ role="alert"
114
+ >
115
+ functions.form.expression.function.placeholder
116
+ </div>
117
+ <i
118
+ aria-hidden="true"
119
+ class="dropdown icon"
120
+ />
121
+ <div
122
+ class="menu transition"
123
+ role="listbox"
101
124
  >
102
- <input
103
- aria-autocomplete="list"
104
- autocomplete="off"
105
- class="search"
106
- tabindex="0"
107
- type="text"
108
- value=""
109
- />
110
- <div
111
- aria-atomic="true"
112
- aria-live="polite"
113
- class="divider text"
114
- role="alert"
115
- >
116
- functions.form.expression.function.placeholder
117
- </div>
118
- <i
119
- aria-hidden="true"
120
- class="dropdown icon"
121
- />
122
125
  <div
123
- class="menu transition"
124
- role="listbox"
126
+ class="message"
125
127
  >
126
- <div
127
- class="message"
128
- >
129
- No results found.
130
- </div>
128
+ No results found.
131
129
  </div>
132
130
  </div>
133
131
  </div>
134
132
  </div>
135
133
  </div>
136
- <div
137
- class="content active no-padding"
138
- />
139
134
  </div>
135
+ <div
136
+ class="content active no-padding"
137
+ />
140
138
  </div>
141
139
  </div>
142
140
  </div>
143
141
  </div>
142
+ </div>
143
+ <div
144
+ class="three wide column"
145
+ >
144
146
  <div
145
- class="three wide column"
147
+ class="flex-justify-center"
146
148
  >
147
149
  <div
148
- class="flex-justify-center"
150
+ class="field"
149
151
  >
150
152
  <div
151
- class="field"
153
+ aria-expanded="false"
154
+ class="ui fluid top left pointing dropdown"
155
+ role="listbox"
156
+ tabindex="0"
152
157
  >
153
158
  <div
154
- aria-expanded="false"
155
- class="ui fluid top left pointing dropdown"
156
- role="listbox"
157
- tabindex="0"
159
+ class="condition-operator-trigger"
160
+ >
161
+ <span>
162
+ expression.condition.selectFunction
163
+ </span>
164
+ </div>
165
+ <div
166
+ class="menu transition"
158
167
  >
159
168
  <div
160
- class="condition-operator-trigger"
161
- >
162
- <span>
163
- expression.condition.selectFunction
164
- </span>
165
- </div>
166
- <div
167
- class="menu transition"
169
+ aria-checked="false"
170
+ aria-selected="true"
171
+ class="selected item"
172
+ role="option"
173
+ style="pointer-events: all;"
168
174
  >
169
- <div
170
- aria-checked="false"
171
- aria-selected="true"
172
- class="selected item"
173
- role="option"
174
- style="pointer-events: all;"
175
+ <span
176
+ class="text"
175
177
  >
176
- <span
177
- class="text"
178
- >
179
- expression.condition.customExpression
180
- </span>
181
- </div>
178
+ expression.condition.customExpression
179
+ </span>
182
180
  </div>
183
181
  </div>
184
182
  </div>
185
183
  </div>
186
184
  </div>
185
+ </div>
186
+ <div
187
+ class="six wide column"
188
+ >
187
189
  <div
188
- class="six wide column"
190
+ class="ui grid"
189
191
  >
190
192
  <div
191
- class="ui grid"
193
+ class="sixteen wide column"
192
194
  >
193
195
  <div
194
- class="sixteen wide column"
196
+ class="expression-container"
195
197
  >
196
198
  <div
197
- class="expression-container"
199
+ aria-expanded="false"
200
+ class="ui top left pointing dropdown"
201
+ role="listbox"
202
+ tabindex="0"
198
203
  >
199
204
  <div
200
- aria-expanded="false"
201
- class="ui top left pointing dropdown"
202
- role="listbox"
203
- tabindex="0"
205
+ class="shape-selector-trigger"
206
+ >
207
+ f(x)
208
+ </div>
209
+ <div
210
+ class="menu transition"
204
211
  >
205
212
  <div
206
- class="shape-selector-trigger"
207
- >
208
- f(x)
209
- </div>
210
- <div
211
- class="menu transition"
213
+ aria-checked="false"
214
+ aria-selected="false"
215
+ class="item"
216
+ role="option"
217
+ style="pointer-events: all;"
212
218
  >
213
219
  <div
214
- aria-checked="false"
215
- aria-selected="false"
216
- class="item"
217
- role="option"
218
- style="pointer-events: all;"
220
+ class="text flex-center"
219
221
  >
220
- <div
221
- class="text flex-center"
222
+ <small
223
+ style="margin-right: 5px;"
222
224
  >
223
- <small
224
- style="margin-right: 5px;"
225
- >
226
- <b>
227
- <code>
228
- [π]
229
- </code>
230
- </b>
231
- </small>
232
- functions.expression.shape.constant
233
- </div>
225
+ <b>
226
+ <code>
227
+ [π]
228
+ </code>
229
+ </b>
230
+ </small>
231
+ functions.expression.shape.constant
234
232
  </div>
233
+ </div>
234
+ <div
235
+ aria-checked="true"
236
+ aria-selected="true"
237
+ class="active selected item"
238
+ role="option"
239
+ style="pointer-events: all;"
240
+ >
235
241
  <div
236
- aria-checked="true"
237
- aria-selected="true"
238
- class="active selected item"
239
- role="option"
240
- style="pointer-events: all;"
242
+ class="text flex-center"
241
243
  >
242
- <div
243
- class="text flex-center"
244
+ <small
245
+ style="margin-right: 5px;"
244
246
  >
245
- <small
246
- style="margin-right: 5px;"
247
- >
248
- <b>
249
- <code>
250
- f(x)
251
- </code>
252
- </b>
253
- </small>
254
- functions.expression.shape.function
255
- </div>
247
+ <b>
248
+ <code>
249
+ f(x)
250
+ </code>
251
+ </b>
252
+ </small>
253
+ functions.expression.shape.function
256
254
  </div>
257
255
  </div>
258
256
  </div>
257
+ </div>
258
+ <div
259
+ class="accordion ui fluid no-margin"
260
+ >
259
261
  <div
260
- class="accordion ui fluid no-margin"
262
+ class="active title no-padding"
261
263
  >
262
264
  <div
263
- class="active title no-padding"
265
+ class="flex-center"
264
266
  >
267
+ <i
268
+ aria-hidden="true"
269
+ class="dropdown icon"
270
+ />
265
271
  <div
266
- class="flex-center"
272
+ class="sixteen wide field"
267
273
  >
268
- <i
269
- aria-hidden="true"
270
- class="dropdown icon"
271
- />
272
274
  <div
273
- class="sixteen wide field"
275
+ aria-expanded="false"
276
+ class="ui fluid search selection dropdown"
277
+ role="combobox"
274
278
  >
279
+ <input
280
+ aria-autocomplete="list"
281
+ autocomplete="off"
282
+ class="search"
283
+ tabindex="0"
284
+ type="text"
285
+ value=""
286
+ />
275
287
  <div
276
- aria-expanded="false"
277
- class="ui fluid search selection dropdown"
278
- role="combobox"
288
+ aria-atomic="true"
289
+ aria-live="polite"
290
+ class="divider text"
291
+ role="alert"
292
+ >
293
+ functions.form.expression.function.placeholder
294
+ </div>
295
+ <i
296
+ aria-hidden="true"
297
+ class="dropdown icon"
298
+ />
299
+ <div
300
+ class="menu transition"
301
+ role="listbox"
279
302
  >
280
- <input
281
- aria-autocomplete="list"
282
- autocomplete="off"
283
- class="search"
284
- tabindex="0"
285
- type="text"
286
- value=""
287
- />
288
- <div
289
- aria-atomic="true"
290
- aria-live="polite"
291
- class="divider text"
292
- role="alert"
293
- >
294
- functions.form.expression.function.placeholder
295
- </div>
296
- <i
297
- aria-hidden="true"
298
- class="dropdown icon"
299
- />
300
303
  <div
301
- class="menu transition"
302
- role="listbox"
304
+ class="message"
303
305
  >
304
- <div
305
- class="message"
306
- >
307
- No results found.
308
- </div>
306
+ No results found.
309
307
  </div>
310
308
  </div>
311
309
  </div>
312
310
  </div>
313
311
  </div>
314
- <div
315
- class="content active no-padding"
316
- />
317
312
  </div>
313
+ <div
314
+ class="content active no-padding"
315
+ />
318
316
  </div>
319
317
  </div>
320
318
  </div>
321
319
  </div>
322
- <div
323
- class="top aligned one wide column"
324
- />
325
320
  </div>
321
+ <div
322
+ class="top aligned one wide column"
323
+ />
326
324
  </div>
327
325
  </div>
328
326
  `;
@@ -41,7 +41,7 @@ export default function GroupBy() {
41
41
  const nextGroupId = calculateGroupByFieldId(maxGroupId + 1, "group");
42
42
  const nextAggregateId = calculateGroupByFieldId(
43
43
  maxAggregateId + 1,
44
- "aggregate"
44
+ "aggregate",
45
45
  );
46
46
 
47
47
  return (
@@ -69,7 +69,9 @@ export default function GroupBy() {
69
69
  <Button
70
70
  icon="plus"
71
71
  onClick={() => appendGroupField(newSelectField(nextGroupId))}
72
- content={formatMessage({ id: "queryables.group_by.form.add_group_field" })}
72
+ content={formatMessage({
73
+ id: "queryables.group_by.form.add_group_field",
74
+ })}
73
75
  />
74
76
  </Button.Group>
75
77
  {requiredError && (