@truedat/qx 7.13.9 → 7.14.0

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 (46) hide show
  1. package/package.json +3 -3
  2. package/src/components/common/ClauseViewer.js +183 -21
  3. package/src/components/common/expressions/Condition.js +13 -6
  4. package/src/components/dataViews/DataViewEditor.js +0 -2
  5. package/src/components/dataViews/DataViewSummary.js +73 -0
  6. package/src/components/dataViews/__tests__/AdvancedDataViewEditor.spec.js +4 -1
  7. package/src/components/dataViews/__tests__/DataViewEditor.spec.js +167 -132
  8. package/src/components/dataViews/__tests__/DataViewSummary.spec.js +820 -0
  9. package/src/components/dataViews/__tests__/DataViews.spec.js +57 -17
  10. package/src/components/dataViews/__tests__/SimpleDataViewEditor.spec.js +140 -141
  11. package/src/components/dataViews/__tests__/__snapshots__/AdvancedDataViewEditor.spec.js.snap +963 -759
  12. package/src/components/dataViews/__tests__/__snapshots__/DataViewSelect.spec.js.snap +17 -13
  13. package/src/components/dataViews/__tests__/__snapshots__/DataViewSummary.spec.js.snap +1786 -0
  14. package/src/components/dataViews/__tests__/__snapshots__/Queryable.spec.js.snap +18 -14
  15. package/src/components/dataViews/__tests__/__snapshots__/Queryables.spec.js.snap +18 -14
  16. package/src/components/dataViews/advancedForm/AdvancedDataViewEditor.js +59 -48
  17. package/src/components/dataViews/queryableProperties/Join.js +2 -1
  18. package/src/components/dataViews/queryableProperties/Select.js +22 -30
  19. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/Join.spec.js.snap +1 -1
  20. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/Select.spec.js.snap +37 -25
  21. package/src/components/dataViews/queryableSummaryHelpers.js +101 -0
  22. package/src/components/dataViews/simpleForm/SimpleDataViewEditor.js +9 -4
  23. package/src/components/dataViews/summary/From.js +45 -0
  24. package/src/components/dataViews/summary/GroupBy.js +82 -0
  25. package/src/components/dataViews/summary/Join.js +60 -0
  26. package/src/components/dataViews/summary/Select.js +31 -0
  27. package/src/components/dataViews/summary/Where.js +37 -0
  28. package/src/components/qualityControls/ControlPropertiesView.js +115 -63
  29. package/src/components/qualityControls/EditQualityControl.js +5 -3
  30. package/src/components/qualityControls/NewDraftQualityControl.js +8 -3
  31. package/src/components/qualityControls/NewQualityControl.js +5 -3
  32. package/src/components/qualityControls/QualityControlCrumbs.js +46 -5
  33. package/src/components/qualityControls/QualityControlRoutes.js +3 -1
  34. package/src/components/qualityControls/QualityControls.js +9 -18
  35. package/src/components/qualityControls/QualityControlsLabelResults.js +2 -2
  36. package/src/components/qualityControls/__tests__/__snapshots__/ControlPropertiesView.spec.js.snap +12 -9
  37. package/src/components/qualityControls/__tests__/__snapshots__/EditQualityControl.spec.js.snap +536 -493
  38. package/src/components/qualityControls/__tests__/__snapshots__/NewDraftQualityControl.spec.js.snap +510 -483
  39. package/src/components/qualityControls/__tests__/__snapshots__/NewQualityControl.spec.js.snap +261 -245
  40. package/src/components/qualityControls/__tests__/__snapshots__/QualityControl.spec.js.snap +11 -8
  41. package/src/components/qualityControls/__tests__/__snapshots__/QualityControlCrumbs.spec.js.snap +1 -1
  42. package/src/components/qualityControls/__tests__/__snapshots__/QualityControlHeader.spec.js.snap +1 -1
  43. package/src/components/qualityControls/__tests__/__snapshots__/QualityControls.spec.js.snap +87 -87
  44. package/src/components/qualityControls/__tests__/__snapshots__/QualityControlsLabelResults.spec.js.snap +6 -2
  45. package/src/hooks/useDataViews.js +1 -1
  46. package/src/styles/Expression.less +25 -1
package/src/components/qualityControls/__tests__/__snapshots__/NewQualityControl.spec.js.snap CHANGED
@@ -3,252 +3,224 @@
3
3
  exports[`<NewQualityControl /> matches the latest snapshot 1`] = `
4
4
  <div>
5
5
  <div
6
- class="ui left floated segment"
6
+ class="ui breadcrumb"
7
7
  >
8
+ <a
9
+ class="section"
10
+ data-discover="true"
11
+ href="/qualityControls"
12
+ >
13
+ quality_controls.header
14
+ </a>
15
+ <i
16
+ aria-hidden="true"
17
+ class="right angle icon divider"
18
+ />
8
19
  <div
9
- class="ui text container"
20
+ class="active section"
21
+ >
22
+ New
23
+ </div>
24
+ </div>
25
+ <div
26
+ class="ui segment ui text container"
27
+ >
28
+ <h2
29
+ class="ui header"
10
30
  >
11
- <h2
12
- class="ui header"
31
+ <i
32
+ aria-hidden="true"
33
+ class="archive circular icon"
34
+ />
35
+ <div
36
+ class="content"
13
37
  >
14
- <i
15
- aria-hidden="true"
16
- class="archive circular icon"
17
- />
38
+ quality_controls.new.header
18
39
  <div
19
- class="content"
40
+ class="sub header"
20
41
  >
21
- quality_controls.new.header
22
- <div
23
- class="sub header"
24
- >
25
- quality_controls.new.subheader
26
- </div>
42
+ quality_controls.new.subheader
27
43
  </div>
28
- </h2>
29
- <form
30
- class="ui form"
44
+ </div>
45
+ </h2>
46
+ <form
47
+ class="ui form"
48
+ >
49
+ <div
50
+ class="field"
31
51
  >
32
52
  <div
33
- class="field"
53
+ class="ui checked toggle checkbox"
34
54
  >
35
- <div
36
- class="ui checked toggle checkbox"
37
- >
38
- <input
39
- checked=""
40
- class="hidden"
41
- name="active"
42
- readonly=""
43
- tabindex="0"
44
- type="radio"
45
- />
46
- <label>
47
- quality_control.form.active
48
- </label>
49
- </div>
55
+ <input
56
+ checked=""
57
+ class="hidden"
58
+ name="active"
59
+ readonly=""
60
+ tabindex="0"
61
+ type="radio"
62
+ />
63
+ <label>
64
+ quality_control.form.active
65
+ </label>
50
66
  </div>
67
+ </div>
68
+ <div
69
+ class="field"
70
+ >
71
+ <label
72
+ class="field-label"
73
+ >
74
+ quality_control.form.domain_ids
75
+ <span>
76
+ *
77
+ </span>
78
+ </label>
51
79
  <div
52
- class="field"
80
+ class="field fix-dropdown-selector "
53
81
  >
54
- <label
55
- class="field-label"
56
- >
57
- quality_control.form.domain_ids
58
- <span>
59
- *
60
- </span>
61
- </label>
62
82
  <div
63
- class="field fix-dropdown-selector "
83
+ aria-disabled="false"
84
+ aria-expanded="false"
85
+ aria-multiselectable="true"
86
+ class="ui floating multiple dropdown"
87
+ role="listbox"
88
+ tabindex="0"
64
89
  >
90
+ <label>
91
+ domain.multiple.placeholder
92
+ </label>
93
+ <i
94
+ aria-hidden="true"
95
+ class="dropdown icon"
96
+ />
65
97
  <div
66
- aria-disabled="false"
67
- aria-expanded="false"
68
- aria-multiselectable="true"
69
- class="ui floating multiple dropdown"
70
- role="listbox"
71
- tabindex="0"
98
+ class="menu transition"
72
99
  >
73
- <label>
74
- domain.multiple.placeholder
75
- </label>
76
- <i
77
- aria-hidden="true"
78
- class="dropdown icon"
79
- />
80
100
  <div
81
- class="menu transition"
101
+ class="ui fluid left icon input search "
102
+ >
103
+ <input
104
+ type="text"
105
+ />
106
+ <i
107
+ aria-hidden="true"
108
+ class="search icon"
109
+ />
110
+ </div>
111
+ <div
112
+ class="scrolling menu transition"
82
113
  >
83
114
  <div
84
- class="ui fluid left icon input search "
85
- >
86
- <input
87
- type="text"
88
- />
89
- <i
90
- aria-hidden="true"
91
- class="search icon"
92
- />
93
- </div>
94
- <div
95
- class="scrolling menu transition"
115
+ aria-selected="false"
116
+ class="item"
117
+ role="option"
96
118
  >
97
119
  <div
98
- aria-selected="false"
99
- class="item"
100
- role="option"
120
+ class="item-content"
121
+ style="margin-left: 0px; padding-left: 25px;"
101
122
  >
102
- <div
103
- class="item-content"
104
- style="margin-left: 0px; padding-left: 25px;"
123
+ <span
124
+ style="opacity: 1;"
125
+ title="barDomain"
105
126
  >
106
- <span
107
- style="opacity: 1;"
108
- title="barDomain"
109
- >
110
- barDomain
111
- </span>
112
- </div>
127
+ barDomain
128
+ </span>
113
129
  </div>
114
130
  </div>
115
131
  </div>
116
132
  </div>
117
133
  </div>
118
134
  </div>
135
+ </div>
136
+ <div
137
+ class="field"
138
+ >
139
+ <label
140
+ class="field-label"
141
+ >
142
+ quality_control.form.name
143
+ <span>
144
+ *
145
+ </span>
146
+ </label>
119
147
  <div
120
148
  class="field"
121
149
  >
122
- <label
123
- class="field-label"
124
- >
125
- quality_control.form.name
126
- <span>
127
- *
128
- </span>
129
- </label>
130
150
  <div
131
- class="field"
151
+ class="ui input"
132
152
  >
133
- <div
134
- class="ui input"
135
- >
136
- <input
137
- autocomplete="off"
138
- placeholder="dataViews.form.name"
139
- type="text"
140
- value=""
141
- />
142
- </div>
153
+ <input
154
+ autocomplete="off"
155
+ placeholder="dataViews.form.name"
156
+ type="text"
157
+ value=""
158
+ />
143
159
  </div>
144
160
  </div>
145
- <div
146
- class="ui segment"
161
+ </div>
162
+ <div
163
+ class="ui segment"
164
+ >
165
+ <h4
166
+ class="ui header"
147
167
  >
148
- <h4
149
- class="ui header"
150
- >
151
- g1
152
- </h4>
153
- <div
154
- class="field"
155
- data-testid="form-field"
156
- >
157
- <label>
158
- field1
159
- </label>
160
- <div
161
- class="field"
162
- >
163
- <div
164
- class="ui input"
165
- >
166
- <input
167
- name="field1"
168
- placeholder="field1"
169
- type="text"
170
- value=""
171
- />
172
- </div>
173
- </div>
174
- </div>
175
- </div>
168
+ g1
169
+ </h4>
176
170
  <div
177
- class="required field"
171
+ class="field"
172
+ data-testid="form-field"
178
173
  >
179
174
  <label>
180
- dataViews.form.source
175
+ field1
181
176
  </label>
182
177
  <div
183
178
  class="field"
184
179
  >
185
180
  <div
186
- aria-busy="false"
187
- aria-disabled="false"
188
- aria-expanded="false"
189
- class="ui search selection dropdown"
190
- role="combobox"
181
+ class="ui input"
191
182
  >
192
183
  <input
193
- aria-autocomplete="list"
194
- autocomplete="off"
195
- class="search"
196
- tabindex="0"
184
+ name="field1"
185
+ placeholder="field1"
197
186
  type="text"
198
187
  value=""
199
188
  />
200
- <div
201
- aria-atomic="true"
202
- aria-live="polite"
203
- class="divider text"
204
- role="alert"
205
- >
206
- source.search.placeholder
207
- </div>
208
- <i
209
- aria-hidden="true"
210
- class="dropdown icon"
211
- />
212
- <div
213
- class="menu transition"
214
- role="listbox"
215
- >
216
- <div
217
- aria-checked="false"
218
- aria-selected="true"
219
- class="selected item"
220
- role="option"
221
- style="pointer-events: all;"
222
- >
223
- <span
224
- class="text"
225
- >
226
- external_source_id
227
- </span>
228
- </div>
229
- </div>
230
189
  </div>
231
190
  </div>
232
191
  </div>
192
+ </div>
193
+ <div
194
+ class="required field"
195
+ >
196
+ <label>
197
+ dataViews.form.source
198
+ </label>
233
199
  <div
234
- class="required field"
200
+ class="field"
235
201
  >
236
- <label>
237
- quality_control.control_mode
238
- </label>
239
202
  <div
203
+ aria-busy="false"
204
+ aria-disabled="false"
240
205
  aria-expanded="false"
241
- class="ui selection dropdown"
242
- role="listbox"
243
- tabindex="0"
206
+ class="ui search selection dropdown"
207
+ role="combobox"
244
208
  >
209
+ <input
210
+ aria-autocomplete="list"
211
+ autocomplete="off"
212
+ class="search"
213
+ tabindex="0"
214
+ type="text"
215
+ value=""
216
+ />
245
217
  <div
246
218
  aria-atomic="true"
247
219
  aria-live="polite"
248
- class="divider default text"
220
+ class="divider text"
249
221
  role="alert"
250
222
  >
251
- quality_control.control_mode
223
+ source.search.placeholder
252
224
  </div>
253
225
  <i
254
226
  aria-hidden="true"
@@ -256,6 +228,7 @@ exports[`<NewQualityControl /> matches the latest snapshot 1`] = `
256
228
  />
257
229
  <div
258
230
  class="menu transition"
231
+ role="listbox"
259
232
  >
260
233
  <div
261
234
  aria-checked="false"
@@ -267,79 +240,122 @@ exports[`<NewQualityControl /> matches the latest snapshot 1`] = `
267
240
  <span
268
241
  class="text"
269
242
  >
270
- quality_control.control_mode.percentage
271
- </span>
272
- </div>
273
- <div
274
- aria-checked="false"
275
- aria-selected="false"
276
- class="item"
277
- role="option"
278
- style="pointer-events: all;"
279
- >
280
- <span
281
- class="text"
282
- >
283
- quality_control.control_mode.deviation
284
- </span>
285
- </div>
286
- <div
287
- aria-checked="false"
288
- aria-selected="false"
289
- class="item"
290
- role="option"
291
- style="pointer-events: all;"
292
- >
293
- <span
294
- class="text"
295
- >
296
- quality_control.control_mode.error_count
297
- </span>
298
- </div>
299
- <div
300
- aria-checked="false"
301
- aria-selected="false"
302
- class="item"
303
- role="option"
304
- style="pointer-events: all;"
305
- >
306
- <span
307
- class="text"
308
- >
309
- quality_control.control_mode.count
243
+ external_source_id
310
244
  </span>
311
245
  </div>
312
246
  </div>
313
247
  </div>
314
248
  </div>
249
+ </div>
250
+ <div
251
+ class="required field"
252
+ >
253
+ <label>
254
+ quality_control.control_mode
255
+ </label>
315
256
  <div
316
- class="ui hidden divider"
317
- />
318
- <div
319
- class="ui right aligned container"
257
+ aria-expanded="false"
258
+ class="ui selection dropdown"
259
+ role="listbox"
260
+ tabindex="0"
320
261
  >
321
- <button
322
- class="ui primary disabled button"
323
- disabled=""
324
- tabindex="-1"
325
- >
326
- actions.publish
327
- </button>
328
- <button
329
- class="ui primary disabled button"
330
- disabled=""
331
- tabindex="-1"
262
+ <div
263
+ aria-atomic="true"
264
+ aria-live="polite"
265
+ class="divider default text"
266
+ role="alert"
332
267
  >
333
- actions.save
334
- </button>
335
- <button
336
- class="ui button"
268
+ quality_control.control_mode
269
+ </div>
270
+ <i
271
+ aria-hidden="true"
272
+ class="dropdown icon"
273
+ />
274
+ <div
275
+ class="menu transition"
337
276
  >
338
- actions.cancel
339
- </button>
277
+ <div
278
+ aria-checked="false"
279
+ aria-selected="true"
280
+ class="selected item"
281
+ role="option"
282
+ style="pointer-events: all;"
283
+ >
284
+ <span
285
+ class="text"
286
+ >
287
+ quality_control.control_mode.percentage
288
+ </span>
289
+ </div>
290
+ <div
291
+ aria-checked="false"
292
+ aria-selected="false"
293
+ class="item"
294
+ role="option"
295
+ style="pointer-events: all;"
296
+ >
297
+ <span
298
+ class="text"
299
+ >
300
+ quality_control.control_mode.deviation
301
+ </span>
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
+ <span
311
+ class="text"
312
+ >
313
+ quality_control.control_mode.error_count
314
+ </span>
315
+ </div>
316
+ <div
317
+ aria-checked="false"
318
+ aria-selected="false"
319
+ class="item"
320
+ role="option"
321
+ style="pointer-events: all;"
322
+ >
323
+ <span
324
+ class="text"
325
+ >
326
+ quality_control.control_mode.count
327
+ </span>
328
+ </div>
329
+ </div>
340
330
  </div>
341
- </form>
342
- </div>
331
+ </div>
332
+ <div
333
+ class="ui hidden divider"
334
+ />
335
+ <div
336
+ class="ui right aligned container"
337
+ >
338
+ <button
339
+ class="ui primary disabled button"
340
+ disabled=""
341
+ tabindex="-1"
342
+ >
343
+ actions.publish
344
+ </button>
345
+ <button
346
+ class="ui primary disabled button"
347
+ disabled=""
348
+ tabindex="-1"
349
+ >
350
+ actions.save
351
+ </button>
352
+ <button
353
+ class="ui button"
354
+ >
355
+ actions.cancel
356
+ </button>
357
+ </div>
358
+ </form>
343
359
  </div>
344
360
  </div>
345
361
  `;
package/src/components/qualityControls/__tests__/__snapshots__/QualityControl.spec.js.snap CHANGED
@@ -188,7 +188,7 @@ exports[`<QualityControl /> matches the latest snapshot 1`] = `
188
188
  queryables.resource.selector.data_structure
189
189
  </div>
190
190
  <div
191
- class="ui blue label"
191
+ class="ui label"
192
192
  >
193
193
  ACCOUNTING_RULES
194
194
  </div>
@@ -211,16 +211,17 @@ exports[`<QualityControl /> matches the latest snapshot 1`] = `
211
211
  class="description"
212
212
  >
213
213
  <div
214
- class="ui basic compact segment"
214
+ class="ui basic compact segment text-break-word"
215
215
  >
216
216
  <div
217
- class="ui center aligned segment no-margin"
217
+ class="ui segment no-margin text-break-word"
218
218
  >
219
219
  <div
220
220
  class="text-align-left"
221
221
  >
222
222
  <div
223
- class="ui teal tiny horizontal label"
223
+ class="ui tiny horizontal label text-break-word"
224
+ title="eq"
224
225
  >
225
226
  eq
226
227
  </div>
@@ -232,18 +233,20 @@ exports[`<QualityControl /> matches the latest snapshot 1`] = `
232
233
  class="display-flex"
233
234
  >
234
235
  <div
235
- class="ui blue label"
236
+ class="ui label text-break-word"
237
+ title="ACCOUNTING_RULES.INSTANCE"
236
238
  >
237
- INSTANCE
239
+ ACCOUNTING_RULES.INSTANCE
238
240
  </div>
239
241
  </div>
240
242
  <div
241
243
  class="display-flex"
242
244
  >
243
245
  <div
244
- class="ui blue label"
246
+ class="ui label text-break-word"
247
+ title="ACCOUNTING_RULES.RULE_NAME"
245
248
  >
246
- RULE_NAME
249
+ ACCOUNTING_RULES.RULE_NAME
247
250
  </div>
248
251
  </div>
249
252
  </div>
package/src/components/qualityControls/__tests__/__snapshots__/QualityControlCrumbs.spec.js.snap CHANGED
@@ -8,7 +8,7 @@ exports[`<QualityControlCrumbs /> matches the latest snapshot 1`] = `
8
8
  <a
9
9
  class="section"
10
10
  data-discover="true"
11
- href="/qualityControls"
11
+ href="/qualityControls/drafts"
12
12
  >
13
13
  Quality Controls
14
14
  </a>
package/src/components/qualityControls/__tests__/__snapshots__/QualityControlHeader.spec.js.snap CHANGED
@@ -8,7 +8,7 @@ exports[`<QualityControlHeader /> matches the latest snapshot with control quali
8
8
  <a
9
9
  class="section"
10
10
  data-discover="true"
11
- href="/qualityControls"
11
+ href="/qualityControls/drafts"
12
12
  >
13
13
  quality_controls.header
14
14
  </a>