@truedat/qx 7.13.8 → 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
@@ -2,22 +2,22 @@
2
2
 
3
3
  exports[`<AdvancedDataViewEditor /> handles user interaction 1`] = `
4
4
  <div>
5
- <form
6
- class="ui form"
5
+ <div
6
+ class="ui grid"
7
7
  >
8
- <h3
9
- class="ui dividing header"
10
- >
11
- data_view_name
12
- </h3>
13
8
  <div
14
- class="ui grid"
9
+ class="eleven wide column"
15
10
  >
16
- <div
17
- class="column"
11
+ <form
12
+ class="ui form"
18
13
  >
14
+ <h3
15
+ class="ui dividing header"
16
+ >
17
+ data_view_name
18
+ </h3>
19
19
  <div
20
- class="row vertical-space"
20
+ class="row"
21
21
  >
22
22
  <div
23
23
  class="required field"
@@ -42,7 +42,7 @@ exports[`<AdvancedDataViewEditor /> handles user interaction 1`] = `
42
42
  </div>
43
43
  </div>
44
44
  <div
45
- class="row vertical-space"
45
+ class="row"
46
46
  >
47
47
  <div
48
48
  class="field"
@@ -66,220 +66,220 @@ exports[`<AdvancedDataViewEditor /> handles user interaction 1`] = `
66
66
  </div>
67
67
  </div>
68
68
  </div>
69
- </div>
70
- </div>
71
- <div
72
- class="required field"
73
- >
74
- <label>
75
- dataViews.form.source
76
- </label>
77
- <div
78
- class="field"
79
- >
80
69
  <div
81
- aria-busy="false"
82
- aria-disabled="false"
83
- aria-expanded="false"
84
- class="ui search selection dropdown"
85
- role="combobox"
70
+ class="required field"
86
71
  >
87
- <input
88
- aria-autocomplete="list"
89
- autocomplete="off"
90
- class="search"
91
- tabindex="0"
92
- type="text"
93
- value=""
94
- />
95
- <div
96
- aria-atomic="true"
97
- aria-live="polite"
98
- class="divider text"
99
- role="alert"
100
- >
101
- source.search.placeholder
102
- </div>
103
- <i
104
- aria-hidden="true"
105
- class="dropdown icon"
106
- />
72
+ <label>
73
+ dataViews.form.source
74
+ </label>
107
75
  <div
108
- class="menu transition"
109
- role="listbox"
76
+ class="field"
110
77
  >
111
78
  <div
112
- aria-checked="false"
113
- aria-selected="true"
114
- class="selected item"
115
- role="option"
116
- style="pointer-events: all;"
79
+ aria-busy="false"
80
+ aria-disabled="false"
81
+ aria-expanded="false"
82
+ class="ui search selection dropdown"
83
+ role="combobox"
117
84
  >
118
- <span
119
- class="text"
85
+ <input
86
+ aria-autocomplete="list"
87
+ autocomplete="off"
88
+ class="search"
89
+ tabindex="0"
90
+ type="text"
91
+ value=""
92
+ />
93
+ <div
94
+ aria-atomic="true"
95
+ aria-live="polite"
96
+ class="divider text"
97
+ role="alert"
120
98
  >
121
- external_source_id
122
- </span>
99
+ source.search.placeholder
100
+ </div>
101
+ <i
102
+ aria-hidden="true"
103
+ class="dropdown icon"
104
+ />
105
+ <div
106
+ class="menu transition"
107
+ role="listbox"
108
+ >
109
+ <div
110
+ aria-checked="false"
111
+ aria-selected="true"
112
+ class="selected item"
113
+ role="option"
114
+ style="pointer-events: all;"
115
+ >
116
+ <span
117
+ class="text"
118
+ >
119
+ external_source_id
120
+ </span>
121
+ </div>
122
+ </div>
123
123
  </div>
124
124
  </div>
125
125
  </div>
126
- </div>
127
- </div>
128
- <div
129
- class="ui list"
130
- role="list"
131
- >
132
- <div
133
- class="item"
134
- role="listitem"
135
- >
136
- <div>
126
+ <div
127
+ class="ui list"
128
+ role="list"
129
+ >
137
130
  <div
138
- class="ui grid"
131
+ class="item"
132
+ role="listitem"
139
133
  >
140
- <div
141
- class="column"
142
- >
134
+ <div>
143
135
  <div
144
- class="ui segment"
136
+ class="ui grid"
145
137
  >
146
138
  <div
147
- class="queryable-label"
148
- >
149
- <div
150
- class="ui blue ribbon label"
151
- >
152
- dataViews.form.queryable.from
153
- </div>
154
- </div>
155
- <div
156
- class="row vertical-space"
139
+ class="column"
157
140
  >
158
141
  <div
159
- class="field"
142
+ class="ui segment"
160
143
  >
161
- <label>
162
- dataViews.form.queryable.alias
163
- </label>
164
144
  <div
165
- class="ui input"
145
+ class="queryable-label"
166
146
  >
167
- <input
168
- autocomplete="off"
169
- placeholder="dataViews.form.queryable.alias"
170
- type="text"
171
- value="from_alias"
172
- />
147
+ <div
148
+ class="ui blue ribbon label"
149
+ >
150
+ dataViews.form.queryable.from
151
+ </div>
173
152
  </div>
174
- </div>
175
- </div>
176
- <div
177
- class="row vertical-space"
178
- >
179
- <div
180
- class="required field"
181
- >
182
- <label>
183
- queryables.form.resource
184
- </label>
185
153
  <div
186
- class="field"
154
+ class="row vertical-space"
187
155
  >
188
156
  <div
189
- aria-expanded="false"
190
- class="ui selection dropdown"
191
- role="listbox"
192
- tabindex="0"
157
+ class="field"
193
158
  >
159
+ <label>
160
+ dataViews.form.queryable.alias
161
+ </label>
194
162
  <div
195
- aria-atomic="true"
196
- aria-live="polite"
197
- class="divider text"
198
- role="alert"
163
+ class="ui input"
199
164
  >
200
- queryables.resource.type.data_view
165
+ <input
166
+ autocomplete="off"
167
+ placeholder="dataViews.form.queryable.alias"
168
+ type="text"
169
+ value="from_alias"
170
+ />
201
171
  </div>
202
- <i
203
- aria-hidden="true"
204
- class="dropdown icon"
205
- />
172
+ </div>
173
+ </div>
174
+ <div
175
+ class="row vertical-space"
176
+ >
177
+ <div
178
+ class="required field"
179
+ >
180
+ <label>
181
+ queryables.form.resource
182
+ </label>
206
183
  <div
207
- class="menu transition"
184
+ class="field"
208
185
  >
209
186
  <div
210
- aria-checked="false"
211
- aria-selected="false"
212
- class="item"
213
- role="option"
214
- style="pointer-events: all;"
215
- >
216
- <span
217
- class="text"
218
- >
219
- queryables.resource.type.data_structure
220
- </span>
221
- </div>
222
- <div
223
- aria-checked="true"
224
- aria-selected="true"
225
- class="active selected item"
226
- role="option"
227
- style="pointer-events: all;"
187
+ aria-expanded="false"
188
+ class="ui selection dropdown"
189
+ role="listbox"
190
+ tabindex="0"
228
191
  >
229
- <span
230
- class="text"
192
+ <div
193
+ aria-atomic="true"
194
+ aria-live="polite"
195
+ class="divider text"
196
+ role="alert"
231
197
  >
232
198
  queryables.resource.type.data_view
233
- </span>
199
+ </div>
200
+ <i
201
+ aria-hidden="true"
202
+ class="dropdown icon"
203
+ />
204
+ <div
205
+ class="menu transition"
206
+ >
207
+ <div
208
+ aria-checked="false"
209
+ aria-selected="false"
210
+ class="item"
211
+ role="option"
212
+ style="pointer-events: all;"
213
+ >
214
+ <span
215
+ class="text"
216
+ >
217
+ queryables.resource.type.data_structure
218
+ </span>
219
+ </div>
220
+ <div
221
+ aria-checked="true"
222
+ aria-selected="true"
223
+ class="active selected item"
224
+ role="option"
225
+ style="pointer-events: all;"
226
+ >
227
+ <span
228
+ class="text"
229
+ >
230
+ queryables.resource.type.data_view
231
+ </span>
232
+ </div>
233
+ </div>
234
234
  </div>
235
235
  </div>
236
236
  </div>
237
- </div>
238
- </div>
239
- <div
240
- class="field"
241
- >
242
- <div
243
- aria-expanded="false"
244
- class="ui fluid search selection dropdown"
245
- role="combobox"
246
- >
247
- <input
248
- aria-autocomplete="list"
249
- autocomplete="off"
250
- class="search"
251
- tabindex="0"
252
- type="text"
253
- value=""
254
- />
255
- <div
256
- aria-atomic="true"
257
- aria-live="polite"
258
- class="divider text"
259
- role="alert"
260
- >
261
- AnotherDataView
262
- </div>
263
- <i
264
- aria-hidden="true"
265
- class="dropdown icon"
266
- />
267
237
  <div
268
- class="menu transition"
269
- role="listbox"
238
+ class="field"
270
239
  >
271
240
  <div
272
- aria-checked="true"
273
- aria-selected="true"
274
- class="active selected item"
275
- role="option"
276
- style="pointer-events: all;"
241
+ aria-expanded="false"
242
+ class="ui fluid search selection dropdown"
243
+ role="combobox"
277
244
  >
278
- <span
279
- class="text"
245
+ <input
246
+ aria-autocomplete="list"
247
+ autocomplete="off"
248
+ class="search"
249
+ tabindex="0"
250
+ type="text"
251
+ value=""
252
+ />
253
+ <div
254
+ aria-atomic="true"
255
+ aria-live="polite"
256
+ class="divider text"
257
+ role="alert"
280
258
  >
281
259
  AnotherDataView
282
- </span>
260
+ </div>
261
+ <i
262
+ aria-hidden="true"
263
+ class="dropdown icon"
264
+ />
265
+ <div
266
+ class="menu transition"
267
+ role="listbox"
268
+ >
269
+ <div
270
+ aria-checked="true"
271
+ aria-selected="true"
272
+ class="active selected item"
273
+ role="option"
274
+ style="pointer-events: all;"
275
+ >
276
+ <span
277
+ class="text"
278
+ >
279
+ AnotherDataView
280
+ </span>
281
+ </div>
282
+ </div>
283
283
  </div>
284
284
  </div>
285
285
  </div>
@@ -288,318 +288,425 @@ exports[`<AdvancedDataViewEditor /> handles user interaction 1`] = `
288
288
  </div>
289
289
  </div>
290
290
  </div>
291
- </div>
292
- </div>
293
- <div
294
- class="item"
295
- role="listitem"
296
- >
297
- <div
298
- class="ui horizontal divider"
299
- >
300
- <button
301
- class="ui button"
302
- >
303
- dataViews.form.queryable.join
304
- </button>
305
- <button
306
- class="ui button"
307
- >
308
- dataViews.form.queryable.where
309
- </button>
310
- <button
311
- class="ui button"
312
- >
313
- dataViews.form.queryable.select
314
- </button>
315
- <button
316
- class="ui button"
317
- >
318
- dataViews.form.queryable.group_by
319
- </button>
320
- </div>
321
- </div>
322
- </div>
323
- <div>
324
- <div
325
- class="ui grid"
326
- >
327
- <div
328
- class="column"
329
- >
330
291
  <div
331
- class="ui segment"
292
+ class="item"
293
+ role="listitem"
332
294
  >
333
295
  <div
334
- class="queryable-label"
296
+ class="ui horizontal divider"
335
297
  >
336
- <div
337
- class="ui ribbon label"
298
+ <button
299
+ class="ui button"
338
300
  >
339
- dataViews.form.select
340
- </div>
301
+ dataViews.form.queryable.join
302
+ </button>
303
+ <button
304
+ class="ui button"
305
+ >
306
+ dataViews.form.queryable.where
307
+ </button>
308
+ <button
309
+ class="ui button"
310
+ >
311
+ dataViews.form.queryable.select
312
+ </button>
313
+ <button
314
+ class="ui button"
315
+ >
316
+ dataViews.form.queryable.group_by
317
+ </button>
341
318
  </div>
319
+ </div>
320
+ </div>
321
+ <div>
322
+ <div
323
+ class="ui grid"
324
+ >
342
325
  <div
343
- class="row vertical-space"
326
+ class="column"
344
327
  >
345
328
  <div
346
- class="ui list"
347
- role="list"
329
+ class="ui segment"
348
330
  >
349
331
  <div
350
- class="item"
351
- role="listitem"
332
+ class="queryable-label"
352
333
  >
353
- <div>
334
+ <div
335
+ class="ui ribbon label"
336
+ >
337
+ dataViews.form.select
338
+ </div>
339
+ </div>
340
+ <div
341
+ class="row vertical-space"
342
+ >
343
+ <div
344
+ class="ui list"
345
+ role="list"
346
+ >
354
347
  <div
355
- class="ui grid"
348
+ class="item"
349
+ role="listitem"
356
350
  >
357
- <div
358
- class="row"
359
- >
360
- <div
361
- class="column"
362
- />
351
+ <div>
363
352
  <div
364
- class="nine wide column"
353
+ class="ui grid"
365
354
  >
366
355
  <div
367
- class="ui grid"
356
+ class="row"
368
357
  >
369
358
  <div
370
- class="sixteen wide column"
359
+ class="column"
360
+ />
361
+ <div
362
+ class="nine wide column"
371
363
  >
372
364
  <div
373
- class="expression-container"
365
+ class="ui grid"
374
366
  >
375
367
  <div
376
- aria-expanded="false"
377
- class="ui top left pointing dropdown"
378
- role="listbox"
379
- tabindex="0"
368
+ class="sixteen wide column"
380
369
  >
381
370
  <div
382
- class="shape-selector-trigger"
383
- >
384
- [F]
385
- </div>
386
- <div
387
- class="menu transition"
371
+ class="expression-container"
388
372
  >
389
373
  <div
390
- aria-checked="false"
391
- aria-selected="false"
392
- class="item"
393
- role="option"
394
- style="pointer-events: all;"
374
+ aria-expanded="false"
375
+ class="ui top left pointing dropdown"
376
+ role="listbox"
377
+ tabindex="0"
395
378
  >
396
379
  <div
397
- class="text flex-center"
380
+ class="shape-selector-trigger"
398
381
  >
399
- <small
400
- style="margin-right: 5px;"
401
- >
402
- <b>
403
- <code>
404
- [π]
405
- </code>
406
- </b>
407
- </small>
408
- functions.expression.shape.constant
382
+ [F]
409
383
  </div>
410
- </div>
411
- <div
412
- aria-checked="false"
413
- aria-selected="false"
414
- class="item"
415
- role="option"
416
- style="pointer-events: all;"
417
- >
418
384
  <div
419
- class="text flex-center"
385
+ class="menu transition"
420
386
  >
421
- <small
422
- style="margin-right: 5px;"
387
+ <div
388
+ aria-checked="false"
389
+ aria-selected="false"
390
+ class="item"
391
+ role="option"
392
+ style="pointer-events: all;"
423
393
  >
424
- <b>
425
- <code>
426
- f(x)
427
- </code>
428
- </b>
429
- </small>
430
- functions.expression.shape.function
431
- </div>
432
- </div>
433
- <div
434
- aria-checked="true"
435
- aria-selected="true"
436
- class="active selected item"
437
- role="option"
438
- style="pointer-events: all;"
439
- >
440
- <div
441
- class="text flex-center"
442
- >
443
- <small
444
- style="margin-right: 5px;"
394
+ <div
395
+ class="text flex-center"
396
+ >
397
+ <small
398
+ style="margin-right: 5px;"
399
+ >
400
+ <b>
401
+ <code>
402
+ [π]
403
+ </code>
404
+ </b>
405
+ </small>
406
+ functions.expression.shape.constant
407
+ </div>
408
+ </div>
409
+ <div
410
+ aria-checked="false"
411
+ aria-selected="false"
412
+ class="item"
413
+ role="option"
414
+ style="pointer-events: all;"
445
415
  >
446
- <b>
447
- <code>
448
- [F]
449
- </code>
450
- </b>
451
- </small>
452
- functions.expression.shape.field
453
- </div>
454
- </div>
455
- </div>
456
- </div>
457
- <div
458
- class="sixteen wide field"
459
- >
460
- <div
461
- aria-expanded="false"
462
- class="ui fluid selection scrolling pointing dropdown select-field-dropdown"
463
- role="listbox"
464
- tabindex="0"
465
- >
466
- <div
467
- aria-atomic="true"
468
- aria-live="polite"
469
- class="divider text"
470
- role="alert"
471
- >
472
- <div
473
- class="ui blue label"
474
- >
475
- from_alias
416
+ <div
417
+ class="text flex-center"
418
+ >
419
+ <small
420
+ style="margin-right: 5px;"
421
+ >
422
+ <b>
423
+ <code>
424
+ f(x)
425
+ </code>
426
+ </b>
427
+ </small>
428
+ functions.expression.shape.function
429
+ </div>
430
+ </div>
431
+ <div
432
+ aria-checked="true"
433
+ aria-selected="true"
434
+ class="active selected item"
435
+ role="option"
436
+ style="pointer-events: all;"
437
+ >
438
+ <div
439
+ class="text flex-center"
440
+ >
441
+ <small
442
+ style="margin-right: 5px;"
443
+ >
444
+ <b>
445
+ <code>
446
+ [F]
447
+ </code>
448
+ </b>
449
+ </small>
450
+ functions.expression.shape.field
451
+ </div>
452
+ </div>
476
453
  </div>
477
- Column1
478
454
  </div>
479
- <i
480
- aria-hidden="true"
481
- class="dropdown icon"
482
- />
483
455
  <div
484
- class="menu transition"
456
+ class="sixteen wide field"
485
457
  >
486
458
  <div
487
- aria-checked="true"
488
- aria-selected="true"
489
- class="active selected item"
490
- role="option"
491
- style="pointer-events: all;"
459
+ aria-expanded="false"
460
+ class="ui fluid selection scrolling pointing dropdown select-field-dropdown"
461
+ role="listbox"
462
+ tabindex="0"
492
463
  >
493
464
  <div
494
- class="ui blue label"
465
+ aria-atomic="true"
466
+ aria-live="polite"
467
+ class="divider text"
468
+ role="alert"
495
469
  >
496
- from_alias
470
+ <div
471
+ class="ui blue label"
472
+ >
473
+ from_alias
474
+ </div>
475
+ Column1
497
476
  </div>
498
- <span
499
- class="text"
477
+ <i
478
+ aria-hidden="true"
479
+ class="dropdown icon"
480
+ />
481
+ <div
482
+ class="menu transition"
500
483
  >
501
- Column1
502
- </span>
484
+ <div
485
+ aria-checked="true"
486
+ aria-selected="true"
487
+ class="active selected item"
488
+ role="option"
489
+ style="pointer-events: all;"
490
+ >
491
+ <div
492
+ class="ui blue label"
493
+ >
494
+ from_alias
495
+ </div>
496
+ <span
497
+ class="text"
498
+ >
499
+ Column1
500
+ </span>
501
+ </div>
502
+ </div>
503
503
  </div>
504
504
  </div>
505
505
  </div>
506
506
  </div>
507
507
  </div>
508
508
  </div>
509
- </div>
510
- </div>
511
- <div
512
- class="six wide column"
513
- >
514
- <div
515
- class="inline fields no-margin"
516
- >
517
509
  <div
518
- class="field"
510
+ class="six wide column"
519
511
  >
520
512
  <div
521
- class="ui input"
513
+ class="inline fields no-margin"
522
514
  >
523
- <input
524
- autocomplete="off"
525
- placeholder="queryables.select.form.alias"
526
- type="text"
527
- value="Column1"
528
- />
515
+ <div
516
+ class="field"
517
+ >
518
+ <div
519
+ class="ui input"
520
+ >
521
+ <input
522
+ autocomplete="off"
523
+ placeholder="queryables.select.form.alias"
524
+ type="text"
525
+ value="Column1"
526
+ />
527
+ </div>
528
+ </div>
529
529
  </div>
530
530
  </div>
531
531
  </div>
532
532
  </div>
533
533
  </div>
534
534
  </div>
535
+ <div
536
+ class="field"
537
+ >
538
+ <div
539
+ class="item"
540
+ role="listitem"
541
+ >
542
+ <button
543
+ class="ui button"
544
+ >
545
+ queryables.select.form.add_select_field
546
+ </button>
547
+ </div>
548
+ </div>
535
549
  </div>
536
550
  </div>
537
- <div
538
- class="item"
539
- role="listitem"
540
- >
541
- <button
542
- class="ui button"
543
- >
544
- queryables.select.form.add_select_field
545
- </button>
546
- </div>
547
551
  </div>
548
552
  </div>
549
553
  </div>
550
554
  </div>
551
- </div>
552
- </div>
553
- <div
554
- class="ui hidden divider"
555
- />
556
- <div
557
- class="ui right aligned container"
558
- >
559
- <button
560
- class="ui button"
561
- >
562
- actions.cancel
563
- </button>
564
- <button
565
- class="ui primary button"
566
- >
567
- actions.save
568
- </button>
555
+ <div
556
+ class="ui hidden divider"
557
+ />
558
+ <div
559
+ class="ui right aligned container"
560
+ >
561
+ <button
562
+ class="ui button"
563
+ >
564
+ actions.cancel
565
+ </button>
566
+ <button
567
+ class="ui primary button"
568
+ >
569
+ actions.save
570
+ </button>
571
+ </div>
572
+ </form>
569
573
  </div>
570
- </form>
571
- </div>
572
- `;
573
-
574
- exports[`<AdvancedDataViewEditor /> matches the latest snapshot for empty 1`] = `<div />`;
575
-
576
- exports[`<AdvancedDataViewEditor /> matches the latest snapshot with content 1`] = `
577
- <div>
578
- <form
579
- class="ui form"
580
- >
581
- <h3
582
- class="ui dividing header"
583
- >
584
- StructureView
585
- </h3>
586
574
  <div
587
- class="ui grid"
575
+ class="five wide column"
588
576
  >
589
577
  <div
590
- class="column"
578
+ class="ui segment"
591
579
  >
592
580
  <div
593
- class="row vertical-space"
581
+ class="ui list"
582
+ role="list"
594
583
  >
595
584
  <div
596
- class="required field"
585
+ class="item"
586
+ role="listitem"
597
587
  >
598
- <label>
599
- group.props.name
600
- </label>
601
588
  <div
602
- class="field"
589
+ class="header"
590
+ style="margin-bottom: 8px;"
591
+ >
592
+ <i
593
+ aria-hidden="true"
594
+ class="database icon"
595
+ />
596
+ dataViews.form.queryable.from
597
+ </div>
598
+ <div
599
+ class="content"
600
+ >
601
+ <div
602
+ class="description-flex-wrap text-break-word description"
603
+ >
604
+ <div
605
+ class="ui horizontal label"
606
+ >
607
+ queryables.resource.selector.data_view
608
+ </div>
609
+ <div
610
+ class="ui blue label text-break-word"
611
+ >
612
+ AnotherDataView
613
+ </div>
614
+ <b
615
+ style="margin-right: 4px; margin-left: 4px;"
616
+ >
617
+ as
618
+ </b>
619
+ <div
620
+ class="ui blue label text-break-word"
621
+ >
622
+ from_alias
623
+ </div>
624
+ </div>
625
+ </div>
626
+ </div>
627
+ <div
628
+ class="ui divider"
629
+ />
630
+ <div
631
+ class="item"
632
+ role="listitem"
633
+ >
634
+ <div
635
+ class="header"
636
+ style="margin-bottom: 8px;"
637
+ >
638
+ <i
639
+ aria-hidden="true"
640
+ class="columns icon"
641
+ />
642
+ dataViews.form.queryable.select
643
+ </div>
644
+ <div
645
+ class="content"
646
+ >
647
+ <div
648
+ class="list"
649
+ >
650
+ <div
651
+ class="item"
652
+ role="listitem"
653
+ >
654
+ <div
655
+ class="ui blue label text-break-word"
656
+ title="from_alias.Column1"
657
+ >
658
+ from_alias.Column1
659
+ </div>
660
+ <b
661
+ style="margin-right: 4px; margin-left: 4px;"
662
+ >
663
+ as
664
+ </b>
665
+ <div
666
+ class="ui blue label text-break-word"
667
+ >
668
+ Column1
669
+ </div>
670
+ </div>
671
+ </div>
672
+ </div>
673
+ </div>
674
+ </div>
675
+ </div>
676
+ </div>
677
+ </div>
678
+ </div>
679
+ `;
680
+
681
+ exports[`<AdvancedDataViewEditor /> matches the latest snapshot for empty 1`] = `<div />`;
682
+
683
+ exports[`<AdvancedDataViewEditor /> matches the latest snapshot with content 1`] = `
684
+ <div>
685
+ <div
686
+ class="ui grid"
687
+ >
688
+ <div
689
+ class="eleven wide column"
690
+ >
691
+ <form
692
+ class="ui form"
693
+ >
694
+ <h3
695
+ class="ui dividing header"
696
+ >
697
+ StructureView
698
+ </h3>
699
+ <div
700
+ class="row"
701
+ >
702
+ <div
703
+ class="required field"
704
+ >
705
+ <label>
706
+ group.props.name
707
+ </label>
708
+ <div
709
+ class="field"
603
710
  >
604
711
  <div
605
712
  class="ui input"
@@ -615,7 +722,7 @@ exports[`<AdvancedDataViewEditor /> matches the latest snapshot with content 1`]
615
722
  </div>
616
723
  </div>
617
724
  <div
618
- class="row vertical-space"
725
+ class="row"
619
726
  >
620
727
  <div
621
728
  class="field"
@@ -639,178 +746,178 @@ exports[`<AdvancedDataViewEditor /> matches the latest snapshot with content 1`]
639
746
  </div>
640
747
  </div>
641
748
  </div>
642
- </div>
643
- </div>
644
- <div
645
- class="required field"
646
- >
647
- <label>
648
- dataViews.form.source
649
- </label>
650
- <div
651
- class="disabled field"
652
- >
653
749
  <div
654
- aria-busy="false"
655
- aria-disabled="true"
656
- aria-expanded="false"
657
- class="ui disabled search selection dropdown"
658
- role="combobox"
750
+ class="required field"
659
751
  >
660
- <input
661
- aria-autocomplete="list"
662
- autocomplete="off"
663
- class="search"
664
- tabindex="-1"
665
- type="text"
666
- value=""
667
- />
668
- <div
669
- aria-atomic="true"
670
- aria-live="polite"
671
- class="divider text"
672
- role="alert"
673
- >
674
- source.search.placeholder
675
- </div>
676
- <i
677
- aria-hidden="true"
678
- class="dropdown icon"
679
- />
752
+ <label>
753
+ dataViews.form.source
754
+ </label>
680
755
  <div
681
- class="menu transition"
682
- role="listbox"
756
+ class="disabled field"
683
757
  >
684
758
  <div
685
- aria-checked="false"
686
- aria-selected="true"
687
- class="selected item"
688
- role="option"
689
- style="pointer-events: all;"
759
+ aria-busy="false"
760
+ aria-disabled="true"
761
+ aria-expanded="false"
762
+ class="ui disabled search selection dropdown"
763
+ role="combobox"
690
764
  >
691
- <span
692
- class="text"
765
+ <input
766
+ aria-autocomplete="list"
767
+ autocomplete="off"
768
+ class="search"
769
+ tabindex="-1"
770
+ type="text"
771
+ value=""
772
+ />
773
+ <div
774
+ aria-atomic="true"
775
+ aria-live="polite"
776
+ class="divider text"
777
+ role="alert"
778
+ >
779
+ source.search.placeholder
780
+ </div>
781
+ <i
782
+ aria-hidden="true"
783
+ class="dropdown icon"
784
+ />
785
+ <div
786
+ class="menu transition"
787
+ role="listbox"
693
788
  >
694
- external_source_id
695
- </span>
789
+ <div
790
+ aria-checked="false"
791
+ aria-selected="true"
792
+ class="selected item"
793
+ role="option"
794
+ style="pointer-events: all;"
795
+ >
796
+ <span
797
+ class="text"
798
+ >
799
+ external_source_id
800
+ </span>
801
+ </div>
802
+ </div>
696
803
  </div>
697
804
  </div>
698
805
  </div>
699
- </div>
700
- </div>
701
- <div
702
- class="ui list"
703
- role="list"
704
- >
705
- <div
706
- class="item"
707
- role="listitem"
708
- >
709
- <div>
806
+ <div
807
+ class="ui list"
808
+ role="list"
809
+ >
710
810
  <div
711
- class="ui grid"
811
+ class="item"
812
+ role="listitem"
712
813
  >
713
- <div
714
- class="column"
715
- >
814
+ <div>
716
815
  <div
717
- class="ui segment"
816
+ class="ui grid"
718
817
  >
719
818
  <div
720
- class="queryable-label"
819
+ class="column"
721
820
  >
722
821
  <div
723
- class="ui blue ribbon label"
822
+ class="ui segment"
724
823
  >
725
- dataViews.form.queryable.from
726
- </div>
727
- </div>
728
- <div
729
- class="row vertical-space"
730
- >
731
- <div
732
- class="field"
733
- >
734
- <label>
735
- dataViews.form.queryable.alias
736
- </label>
737
824
  <div
738
- class="ui input"
825
+ class="queryable-label"
739
826
  >
740
- <input
741
- autocomplete="off"
742
- placeholder="dataViews.form.queryable.alias"
743
- type="text"
744
- />
827
+ <div
828
+ class="ui blue ribbon label"
829
+ >
830
+ dataViews.form.queryable.from
831
+ </div>
745
832
  </div>
746
- </div>
747
- </div>
748
- <div
749
- class="row vertical-space"
750
- >
751
- <div
752
- class="required field"
753
- >
754
- <label>
755
- queryables.form.resource
756
- </label>
757
833
  <div
758
- class="field"
834
+ class="row vertical-space"
759
835
  >
760
836
  <div
761
- aria-expanded="false"
762
- class="ui selection dropdown"
763
- role="listbox"
764
- tabindex="0"
837
+ class="field"
765
838
  >
839
+ <label>
840
+ dataViews.form.queryable.alias
841
+ </label>
766
842
  <div
767
- aria-atomic="true"
768
- aria-live="polite"
769
- class="divider text"
770
- role="alert"
843
+ class="ui input"
771
844
  >
772
- queryables.resource.type.data_structure
845
+ <input
846
+ autocomplete="off"
847
+ placeholder="dataViews.form.queryable.alias"
848
+ type="text"
849
+ />
773
850
  </div>
774
- <i
775
- aria-hidden="true"
776
- class="dropdown icon"
777
- />
851
+ </div>
852
+ </div>
853
+ <div
854
+ class="row vertical-space"
855
+ >
856
+ <div
857
+ class="required field"
858
+ >
859
+ <label>
860
+ queryables.form.resource
861
+ </label>
778
862
  <div
779
- class="menu transition"
863
+ class="field"
780
864
  >
781
865
  <div
782
- aria-checked="true"
783
- aria-selected="true"
784
- class="active selected item"
785
- role="option"
786
- style="pointer-events: all;"
866
+ aria-expanded="false"
867
+ class="ui selection dropdown"
868
+ role="listbox"
869
+ tabindex="0"
787
870
  >
788
- <span
789
- class="text"
871
+ <div
872
+ aria-atomic="true"
873
+ aria-live="polite"
874
+ class="divider text"
875
+ role="alert"
790
876
  >
791
877
  queryables.resource.type.data_structure
792
- </span>
878
+ </div>
879
+ <i
880
+ aria-hidden="true"
881
+ class="dropdown icon"
882
+ />
883
+ <div
884
+ class="menu transition"
885
+ >
886
+ <div
887
+ aria-checked="true"
888
+ aria-selected="true"
889
+ class="active selected item"
890
+ role="option"
891
+ style="pointer-events: all;"
892
+ >
893
+ <span
894
+ class="text"
895
+ >
896
+ queryables.resource.type.data_structure
897
+ </span>
898
+ </div>
899
+ </div>
793
900
  </div>
794
901
  </div>
795
902
  </div>
796
- </div>
797
- </div>
798
- <div
799
- class="field"
800
- >
801
- <div
802
- class="required field"
803
- >
804
903
  <div
805
- class="ui fluid icon input"
904
+ class="field"
806
905
  >
807
- <input
808
- class="action-pointer"
809
- placeholder="queryables.resource.selector.data_structure"
810
- required=""
811
- type="text"
812
- value="ParentTable"
813
- />
906
+ <div
907
+ class="required field"
908
+ >
909
+ <div
910
+ class="ui fluid icon input"
911
+ >
912
+ <input
913
+ class="action-pointer"
914
+ placeholder="queryables.resource.selector.data_structure"
915
+ required=""
916
+ type="text"
917
+ value="ParentTable"
918
+ />
919
+ </div>
920
+ </div>
814
921
  </div>
815
922
  </div>
816
923
  </div>
@@ -818,261 +925,377 @@ exports[`<AdvancedDataViewEditor /> matches the latest snapshot with content 1`]
818
925
  </div>
819
926
  </div>
820
927
  </div>
821
- </div>
822
- </div>
823
- <div
824
- class="item"
825
- role="listitem"
826
- >
827
- <div
828
- class="ui horizontal divider"
829
- >
830
- <button
831
- class="ui button"
832
- >
833
- dataViews.form.queryable.join
834
- </button>
835
- <button
836
- class="ui button"
837
- >
838
- dataViews.form.queryable.where
839
- </button>
840
- <button
841
- class="ui button"
842
- >
843
- dataViews.form.queryable.select
844
- </button>
845
- <button
846
- class="ui button"
847
- >
848
- dataViews.form.queryable.group_by
849
- </button>
850
- </div>
851
- </div>
852
- </div>
853
- <div>
854
- <div
855
- class="ui grid"
856
- >
857
- <div
858
- class="column"
859
- >
860
928
  <div
861
- class="ui segment"
929
+ class="item"
930
+ role="listitem"
862
931
  >
863
932
  <div
864
- class="queryable-label"
933
+ class="ui horizontal divider"
865
934
  >
866
- <div
867
- class="ui ribbon label"
935
+ <button
936
+ class="ui button"
868
937
  >
869
- dataViews.form.select
870
- </div>
938
+ dataViews.form.queryable.join
939
+ </button>
940
+ <button
941
+ class="ui button"
942
+ >
943
+ dataViews.form.queryable.where
944
+ </button>
945
+ <button
946
+ class="ui button"
947
+ >
948
+ dataViews.form.queryable.select
949
+ </button>
950
+ <button
951
+ class="ui button"
952
+ >
953
+ dataViews.form.queryable.group_by
954
+ </button>
871
955
  </div>
956
+ </div>
957
+ </div>
958
+ <div>
959
+ <div
960
+ class="ui grid"
961
+ >
872
962
  <div
873
- class="row vertical-space"
963
+ class="column"
874
964
  >
875
965
  <div
876
- class="ui list"
877
- role="list"
966
+ class="ui segment"
878
967
  >
879
968
  <div
880
- class="item"
881
- role="listitem"
969
+ class="queryable-label"
970
+ >
971
+ <div
972
+ class="ui ribbon label"
973
+ >
974
+ dataViews.form.select
975
+ </div>
976
+ </div>
977
+ <div
978
+ class="row vertical-space"
882
979
  >
883
- <div>
980
+ <div
981
+ class="ui list"
982
+ role="list"
983
+ >
884
984
  <div
885
- class="ui grid"
985
+ class="item"
986
+ role="listitem"
886
987
  >
887
- <div
888
- class="row"
889
- >
890
- <div
891
- class="column"
892
- />
988
+ <div>
893
989
  <div
894
- class="nine wide column"
990
+ class="ui grid"
895
991
  >
896
992
  <div
897
- class="ui grid"
993
+ class="row"
898
994
  >
899
995
  <div
900
- class="sixteen wide column"
996
+ class="column"
997
+ />
998
+ <div
999
+ class="nine wide column"
901
1000
  >
902
1001
  <div
903
- class="expression-container"
1002
+ class="ui grid"
904
1003
  >
905
1004
  <div
906
- aria-expanded="false"
907
- class="ui top left pointing dropdown"
908
- role="listbox"
909
- tabindex="0"
1005
+ class="sixteen wide column"
910
1006
  >
911
1007
  <div
912
- class="shape-selector-trigger"
913
- >
914
- [F]
915
- </div>
916
- <div
917
- class="menu transition"
1008
+ class="expression-container"
918
1009
  >
919
1010
  <div
920
- aria-checked="false"
921
- aria-selected="false"
922
- class="item"
923
- role="option"
924
- style="pointer-events: all;"
1011
+ aria-expanded="false"
1012
+ class="ui top left pointing dropdown"
1013
+ role="listbox"
1014
+ tabindex="0"
925
1015
  >
926
1016
  <div
927
- class="text flex-center"
1017
+ class="shape-selector-trigger"
928
1018
  >
929
- <small
930
- style="margin-right: 5px;"
931
- >
932
- <b>
933
- <code>
934
- [π]
935
- </code>
936
- </b>
937
- </small>
938
- functions.expression.shape.constant
1019
+ [F]
939
1020
  </div>
940
- </div>
941
- <div
942
- aria-checked="false"
943
- aria-selected="false"
944
- class="item"
945
- role="option"
946
- style="pointer-events: all;"
947
- >
948
1021
  <div
949
- class="text flex-center"
1022
+ class="menu transition"
950
1023
  >
951
- <small
952
- style="margin-right: 5px;"
1024
+ <div
1025
+ aria-checked="false"
1026
+ aria-selected="false"
1027
+ class="item"
1028
+ role="option"
1029
+ style="pointer-events: all;"
953
1030
  >
954
- <b>
955
- <code>
956
- f(x)
957
- </code>
958
- </b>
959
- </small>
960
- functions.expression.shape.function
961
- </div>
962
- </div>
963
- <div
964
- aria-checked="true"
965
- aria-selected="true"
966
- class="active selected item"
967
- role="option"
968
- style="pointer-events: all;"
969
- >
970
- <div
971
- class="text flex-center"
972
- >
973
- <small
974
- style="margin-right: 5px;"
1031
+ <div
1032
+ class="text flex-center"
1033
+ >
1034
+ <small
1035
+ style="margin-right: 5px;"
1036
+ >
1037
+ <b>
1038
+ <code>
1039
+ [π]
1040
+ </code>
1041
+ </b>
1042
+ </small>
1043
+ functions.expression.shape.constant
1044
+ </div>
1045
+ </div>
1046
+ <div
1047
+ aria-checked="false"
1048
+ aria-selected="false"
1049
+ class="item"
1050
+ role="option"
1051
+ style="pointer-events: all;"
975
1052
  >
976
- <b>
977
- <code>
978
- [F]
979
- </code>
980
- </b>
981
- </small>
982
- functions.expression.shape.field
983
- </div>
984
- </div>
985
- </div>
986
- </div>
987
- <div
988
- class="sixteen wide field"
989
- >
990
- <div
991
- aria-expanded="false"
992
- class="ui fluid selection scrolling pointing dropdown select-field-dropdown"
993
- role="listbox"
994
- tabindex="0"
995
- >
996
- <div
997
- aria-atomic="true"
998
- aria-live="polite"
999
- class="divider text"
1000
- role="alert"
1001
- >
1002
- <div
1003
- class="ui blue label"
1004
- >
1005
- ParentTable
1053
+ <div
1054
+ class="text flex-center"
1055
+ >
1056
+ <small
1057
+ style="margin-right: 5px;"
1058
+ >
1059
+ <b>
1060
+ <code>
1061
+ f(x)
1062
+ </code>
1063
+ </b>
1064
+ </small>
1065
+ functions.expression.shape.function
1066
+ </div>
1067
+ </div>
1068
+ <div
1069
+ aria-checked="true"
1070
+ aria-selected="true"
1071
+ class="active selected item"
1072
+ role="option"
1073
+ style="pointer-events: all;"
1074
+ >
1075
+ <div
1076
+ class="text flex-center"
1077
+ >
1078
+ <small
1079
+ style="margin-right: 5px;"
1080
+ >
1081
+ <b>
1082
+ <code>
1083
+ [F]
1084
+ </code>
1085
+ </b>
1086
+ </small>
1087
+ functions.expression.shape.field
1088
+ </div>
1089
+ </div>
1006
1090
  </div>
1007
- Column1
1008
1091
  </div>
1009
- <i
1010
- aria-hidden="true"
1011
- class="dropdown icon"
1012
- />
1013
1092
  <div
1014
- class="menu transition"
1093
+ class="sixteen wide field"
1015
1094
  >
1016
1095
  <div
1017
- aria-checked="true"
1018
- aria-selected="true"
1019
- class="active selected item"
1020
- role="option"
1021
- style="pointer-events: all;"
1096
+ aria-expanded="false"
1097
+ class="ui fluid selection scrolling pointing dropdown select-field-dropdown"
1098
+ role="listbox"
1099
+ tabindex="0"
1022
1100
  >
1023
1101
  <div
1024
- class="ui blue label"
1102
+ aria-atomic="true"
1103
+ aria-live="polite"
1104
+ class="divider text"
1105
+ role="alert"
1025
1106
  >
1026
- ParentTable
1107
+ <div
1108
+ class="ui blue label"
1109
+ >
1110
+ ParentTable
1111
+ </div>
1112
+ Column1
1027
1113
  </div>
1028
- <span
1029
- class="text"
1114
+ <i
1115
+ aria-hidden="true"
1116
+ class="dropdown icon"
1117
+ />
1118
+ <div
1119
+ class="menu transition"
1030
1120
  >
1031
- Column1
1032
- </span>
1121
+ <div
1122
+ aria-checked="true"
1123
+ aria-selected="true"
1124
+ class="active selected item"
1125
+ role="option"
1126
+ style="pointer-events: all;"
1127
+ >
1128
+ <div
1129
+ class="ui blue label"
1130
+ >
1131
+ ParentTable
1132
+ </div>
1133
+ <span
1134
+ class="text"
1135
+ >
1136
+ Column1
1137
+ </span>
1138
+ </div>
1139
+ </div>
1033
1140
  </div>
1034
1141
  </div>
1035
1142
  </div>
1036
1143
  </div>
1037
1144
  </div>
1038
1145
  </div>
1039
- </div>
1040
- </div>
1041
- <div
1042
- class="six wide column"
1043
- >
1044
- <div
1045
- class="inline fields no-margin"
1046
- >
1047
1146
  <div
1048
- class="field"
1147
+ class="six wide column"
1049
1148
  >
1050
1149
  <div
1051
- class="ui input"
1150
+ class="inline fields no-margin"
1052
1151
  >
1053
- <input
1054
- autocomplete="off"
1055
- placeholder="queryables.select.form.alias"
1056
- type="text"
1057
- value="Column1"
1058
- />
1152
+ <div
1153
+ class="field"
1154
+ >
1155
+ <div
1156
+ class="ui input"
1157
+ >
1158
+ <input
1159
+ autocomplete="off"
1160
+ placeholder="queryables.select.form.alias"
1161
+ type="text"
1162
+ value="Column1"
1163
+ />
1164
+ </div>
1165
+ </div>
1059
1166
  </div>
1060
1167
  </div>
1061
1168
  </div>
1062
1169
  </div>
1063
1170
  </div>
1064
1171
  </div>
1172
+ <div
1173
+ class="field"
1174
+ >
1175
+ <div
1176
+ class="item"
1177
+ role="listitem"
1178
+ >
1179
+ <button
1180
+ class="ui button"
1181
+ >
1182
+ queryables.select.form.add_select_field
1183
+ </button>
1184
+ </div>
1185
+ </div>
1065
1186
  </div>
1066
1187
  </div>
1188
+ </div>
1189
+ </div>
1190
+ </div>
1191
+ </div>
1192
+ <div
1193
+ class="ui hidden divider"
1194
+ />
1195
+ <div
1196
+ class="ui right aligned container"
1197
+ >
1198
+ <button
1199
+ class="ui button"
1200
+ >
1201
+ actions.cancel
1202
+ </button>
1203
+ <button
1204
+ class="ui primary disabled button"
1205
+ disabled=""
1206
+ tabindex="-1"
1207
+ >
1208
+ actions.save
1209
+ </button>
1210
+ </div>
1211
+ </form>
1212
+ </div>
1213
+ <div
1214
+ class="five wide column"
1215
+ >
1216
+ <div
1217
+ class="ui segment"
1218
+ >
1219
+ <div
1220
+ class="ui list"
1221
+ role="list"
1222
+ >
1223
+ <div
1224
+ class="item"
1225
+ role="listitem"
1226
+ >
1227
+ <div
1228
+ class="header"
1229
+ style="margin-bottom: 8px;"
1230
+ >
1231
+ <i
1232
+ aria-hidden="true"
1233
+ class="database icon"
1234
+ />
1235
+ dataViews.form.queryable.from
1236
+ </div>
1237
+ <div
1238
+ class="content"
1239
+ >
1240
+ <div
1241
+ class="description-flex-wrap text-break-word description"
1242
+ >
1243
+ <div
1244
+ class="ui horizontal label"
1245
+ >
1246
+ queryables.resource.selector.data_structure
1247
+ </div>
1248
+ <div
1249
+ class="ui blue label text-break-word"
1250
+ >
1251
+ ParentTable
1252
+ </div>
1253
+ </div>
1254
+ </div>
1255
+ </div>
1256
+ <div
1257
+ class="ui divider"
1258
+ />
1259
+ <div
1260
+ class="item"
1261
+ role="listitem"
1262
+ >
1263
+ <div
1264
+ class="header"
1265
+ style="margin-bottom: 8px;"
1266
+ >
1267
+ <i
1268
+ aria-hidden="true"
1269
+ class="columns icon"
1270
+ />
1271
+ dataViews.form.queryable.select
1272
+ </div>
1273
+ <div
1274
+ class="content"
1275
+ >
1276
+ <div
1277
+ class="list"
1278
+ >
1067
1279
  <div
1068
1280
  class="item"
1069
1281
  role="listitem"
1070
1282
  >
1071
- <button
1072
- class="ui button"
1283
+ <div
1284
+ class="ui blue label text-break-word"
1285
+ title="ParentTable.Column1"
1286
+ >
1287
+ ParentTable.Column1
1288
+ </div>
1289
+ <b
1290
+ style="margin-right: 4px; margin-left: 4px;"
1291
+ >
1292
+ as
1293
+ </b>
1294
+ <div
1295
+ class="ui blue label text-break-word"
1073
1296
  >
1074
- queryables.select.form.add_select_field
1075
- </button>
1297
+ Column1
1298
+ </div>
1076
1299
  </div>
1077
1300
  </div>
1078
1301
  </div>
@@ -1080,25 +1303,6 @@ exports[`<AdvancedDataViewEditor /> matches the latest snapshot with content 1`]
1080
1303
  </div>
1081
1304
  </div>
1082
1305
  </div>
1083
- <div
1084
- class="ui hidden divider"
1085
- />
1086
- <div
1087
- class="ui right aligned container"
1088
- >
1089
- <button
1090
- class="ui button"
1091
- >
1092
- actions.cancel
1093
- </button>
1094
- <button
1095
- class="ui primary disabled button"
1096
- disabled=""
1097
- tabindex="-1"
1098
- >
1099
- actions.save
1100
- </button>
1101
- </div>
1102
- </form>
1306
+ </div>
1103
1307
  </div>
1104
1308
  `;