@truedat/qx 8.10.2 → 8.10.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/package.json +3 -3
  2. package/src/components/QxRoutes.js +8 -7
  3. package/src/components/__tests__/QxRoutes.spec.js +2 -1
  4. package/src/components/__tests__/__fixtures__/helper.js +13 -0
  5. package/src/components/__tests__/__snapshots__/QxRoutes.spec.js.snap +1 -1
  6. package/src/components/common/ClauseViewer.js +52 -8
  7. package/src/components/common/DescriptionInput.js +9 -34
  8. package/src/components/common/TypeSelector.js +20 -10
  9. package/src/components/common/__tests__/ClauseViewer.spec.js +150 -0
  10. package/src/components/common/__tests__/DescriptionInput.spec.js +2 -5
  11. package/src/components/common/__tests__/__snapshots__/DescriptionInput.spec.js.snap +7 -10
  12. package/src/components/common/expressions/Clauses.js +22 -17
  13. package/src/components/common/expressions/Condition.js +201 -102
  14. package/src/components/common/expressions/Expression.js +17 -23
  15. package/src/components/common/expressions/FunctionSelector.js +3 -3
  16. package/src/components/common/expressions/ShapeSelector.js +1 -1
  17. package/src/components/common/expressions/__tests__/Clauses.spec.js +1 -1
  18. package/src/components/common/expressions/__tests__/Condition.spec.js +83 -26
  19. package/src/components/common/expressions/__tests__/ParamSelector.spec.js +1 -1
  20. package/src/components/common/expressions/__tests__/__snapshots__/Clauses.spec.js.snap +18 -22
  21. package/src/components/common/expressions/__tests__/__snapshots__/Condition.spec.js.snap +215 -216
  22. package/src/components/common/expressions/__tests__/__snapshots__/ConstantSelector.spec.js.snap +6 -10
  23. package/src/components/common/expressions/__tests__/__snapshots__/Expression.spec.js.snap +630 -654
  24. package/src/components/common/expressions/__tests__/__snapshots__/FunctionArgs.spec.js.snap +193 -201
  25. package/src/components/common/expressions/__tests__/__snapshots__/FunctionSelector.spec.js.snap +450 -466
  26. package/src/components/common/expressions/__tests__/__snapshots__/ShapeSelector.spec.js.snap +34 -34
  27. package/src/components/common/expressions/constantInputs/AnySelector.js +1 -0
  28. package/src/components/common/expressions/constantInputs/__tests__/__snapshots__/AnySelector.spec.js.snap +15 -15
  29. package/src/components/dataViews/__tests__/__snapshots__/AdvancedDataViewEditor.spec.js.snap +378 -406
  30. package/src/components/dataViews/__tests__/__snapshots__/DataViewSummary.spec.js.snap +6 -6
  31. package/src/components/dataViews/__tests__/__snapshots__/Queryable.spec.js.snap +489 -577
  32. package/src/components/dataViews/__tests__/__snapshots__/Queryables.spec.js.snap +400 -476
  33. package/src/components/dataViews/advancedForm/Queryable.js +56 -64
  34. package/src/components/dataViews/advancedForm/Queryables.js +11 -2
  35. package/src/components/dataViews/queryableProperties/Join.js +16 -6
  36. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/Join.spec.js.snap +0 -28
  37. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/Select.spec.js.snap +270 -282
  38. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/SelectField.spec.js.snap +172 -180
  39. package/src/components/dataViews/simpleForm/DatasetForm.js +4 -0
  40. package/src/components/dataViews/simpleForm/FormQueryable.js +49 -53
  41. package/src/components/dataViews/summary/Where.js +3 -2
  42. package/src/components/functions/FunctionEdit.js +92 -0
  43. package/src/components/functions/FunctionEditor.js +32 -10
  44. package/src/components/functions/FunctionParams.js +54 -61
  45. package/src/components/functions/FunctionsList.js +213 -0
  46. package/src/components/functions/__tests__/FunctionEdit.spec.js +168 -0
  47. package/src/components/functions/__tests__/FunctionParams.spec.js +1 -8
  48. package/src/components/functions/__tests__/FunctionsList.spec.js +62 -0
  49. package/src/components/functions/__tests__/__snapshots__/FunctionEditor.spec.js.snap +553 -469
  50. package/src/components/functions/__tests__/__snapshots__/FunctionParams.spec.js.snap +139 -161
  51. package/src/components/functions/__tests__/__snapshots__/FunctionsList.spec.js.snap +588 -0
  52. package/src/components/qualityControls/__tests__/NewQualityControl.spec.js +4 -0
  53. package/src/components/qualityControls/__tests__/QualityControlEditor.spec.js +8 -1
  54. package/src/components/qualityControls/__tests__/__snapshots__/EditQualityControl.spec.js.snap +109 -118
  55. package/src/components/qualityControls/__tests__/__snapshots__/NewDraftQualityControl.spec.js.snap +109 -118
  56. package/src/components/qualityControls/__tests__/__snapshots__/QualityControlEditor.spec.js.snap +471 -468
  57. package/src/hooks/useFunctions.js +6 -0
  58. package/src/styles/Expression.less +39 -6
  59. package/src/components/functions/Functions.js +0 -143
  60. package/src/components/functions/__tests__/Functions.spec.js +0 -56
  61. package/src/components/functions/__tests__/__snapshots__/Functions.spec.js.snap +0 -85
package/src/components/dataViews/__tests__/__snapshots__/Queryables.spec.js.snap CHANGED
@@ -11,93 +11,83 @@ exports[`<Queryables /> matches the latest snapshot with from queryable 1`] = `
11
11
  role="listitem"
12
12
  >
13
13
  <div>
14
- <div
15
- class="ui grid"
16
- >
14
+ <div>
15
+ <div
16
+ class="queryable-label"
17
+ >
18
+ <div
19
+ class="ui blue ribbon label"
20
+ >
21
+ dataViews.form.queryable.from
22
+ </div>
23
+ </div>
17
24
  <div
18
- class="column"
25
+ class="vertical-space"
19
26
  >
20
27
  <div
21
- class="ui segment"
28
+ class="field"
22
29
  >
30
+ <label>
31
+ dataViews.form.queryable.alias
32
+ </label>
23
33
  <div
24
- class="queryable-label"
34
+ class="ui input"
25
35
  >
26
- <div
27
- class="ui blue ribbon label"
28
- >
29
- dataViews.form.queryable.from
30
- </div>
36
+ <input
37
+ autocomplete="off"
38
+ placeholder="dataViews.form.queryable.alias"
39
+ type="text"
40
+ value=""
41
+ />
31
42
  </div>
43
+ </div>
44
+ </div>
45
+ <div
46
+ class="vertical-space"
47
+ >
48
+ <div
49
+ class="required field"
50
+ >
51
+ <label>
52
+ queryables.form.resource
53
+ </label>
32
54
  <div
33
- class="row vertical-space"
55
+ class="disabled field"
34
56
  >
35
57
  <div
36
- class="field"
58
+ aria-disabled="true"
59
+ aria-expanded="false"
60
+ class="ui disabled selection dropdown"
61
+ role="listbox"
62
+ tabindex="-1"
37
63
  >
38
- <label>
39
- dataViews.form.queryable.alias
40
- </label>
41
64
  <div
42
- class="ui input"
65
+ aria-atomic="true"
66
+ aria-live="polite"
67
+ class="divider default text"
68
+ role="alert"
43
69
  >
44
- <input
45
- autocomplete="off"
46
- placeholder="dataViews.form.queryable.alias"
47
- type="text"
48
- value=""
49
- />
70
+ queryables.resource.type
50
71
  </div>
51
- </div>
52
- </div>
53
- <div
54
- class="row vertical-space"
55
- >
56
- <div
57
- class="required field"
58
- >
59
- <label>
60
- queryables.form.resource
61
- </label>
72
+ <i
73
+ aria-hidden="true"
74
+ class="dropdown icon"
75
+ />
62
76
  <div
63
- class="disabled field"
77
+ class="menu transition"
64
78
  >
65
79
  <div
66
- aria-disabled="true"
67
- aria-expanded="false"
68
- class="ui disabled selection dropdown"
69
- role="listbox"
70
- tabindex="-1"
80
+ aria-checked="false"
81
+ aria-selected="true"
82
+ class="selected item"
83
+ role="option"
84
+ style="pointer-events: all;"
71
85
  >
72
- <div
73
- aria-atomic="true"
74
- aria-live="polite"
75
- class="divider default text"
76
- role="alert"
77
- >
78
- queryables.resource.type
79
- </div>
80
- <i
81
- aria-hidden="true"
82
- class="dropdown icon"
83
- />
84
- <div
85
- class="menu transition"
86
+ <span
87
+ class="text"
86
88
  >
87
- <div
88
- aria-checked="false"
89
- aria-selected="true"
90
- class="selected item"
91
- role="option"
92
- style="pointer-events: all;"
93
- >
94
- <span
95
- class="text"
96
- >
97
- queryables.resource.type.data_structure
98
- </span>
99
- </div>
100
- </div>
89
+ queryables.resource.type.data_structure
90
+ </span>
101
91
  </div>
102
92
  </div>
103
93
  </div>
@@ -151,106 +141,96 @@ exports[`<Queryables /> matches the latest snapshot with from queryable 2`] = `
151
141
  role="listitem"
152
142
  >
153
143
  <div>
154
- <div
155
- class="ui grid"
156
- >
144
+ <div>
145
+ <div
146
+ class="queryable-label"
147
+ >
148
+ <div
149
+ class="ui blue ribbon label"
150
+ >
151
+ dataViews.form.queryable.group_by
152
+ </div>
153
+ </div>
157
154
  <div
158
- class="column"
155
+ class="vertical-space"
159
156
  >
160
157
  <div
161
- class="ui segment"
158
+ class="field"
162
159
  >
160
+ <label>
161
+ dataViews.form.queryable.alias
162
+ </label>
163
163
  <div
164
- class="queryable-label"
164
+ class="ui input"
165
165
  >
166
- <div
167
- class="ui blue ribbon label"
168
- >
169
- dataViews.form.queryable.group_by
170
- </div>
166
+ <input
167
+ autocomplete="off"
168
+ placeholder="dataViews.form.queryable.alias"
169
+ type="text"
170
+ value=""
171
+ />
171
172
  </div>
173
+ </div>
174
+ </div>
175
+ <div
176
+ class="vertical-space"
177
+ >
178
+ <div
179
+ class="required field"
180
+ >
181
+ <label>
182
+ queryables.group_by.form.group_fields
183
+ </label>
172
184
  <div
173
- class="row vertical-space"
185
+ class="ui list"
186
+ role="list"
174
187
  >
175
188
  <div
176
- class="field"
189
+ class="item"
190
+ role="listitem"
177
191
  >
178
- <label>
179
- dataViews.form.queryable.alias
180
- </label>
181
192
  <div
182
- class="ui input"
193
+ class="ui medium basic buttons"
183
194
  >
184
- <input
185
- autocomplete="off"
186
- placeholder="dataViews.form.queryable.alias"
187
- type="text"
188
- value=""
189
- />
195
+ <button
196
+ class="ui button td-icon-text-control"
197
+ >
198
+ <i
199
+ aria-hidden="true"
200
+ class="plus icon"
201
+ />
202
+ queryables.group_by.form.add_group_field
203
+ </button>
190
204
  </div>
191
205
  </div>
192
206
  </div>
207
+ </div>
208
+ <div
209
+ class="field"
210
+ >
211
+ <label>
212
+ queryables.group_by.form.aggregate_fields
213
+ </label>
193
214
  <div
194
- class="row vertical-space"
215
+ class="ui list"
216
+ role="list"
195
217
  >
196
218
  <div
197
- class="required field"
198
- >
199
- <label>
200
- queryables.group_by.form.group_fields
201
- </label>
202
- <div
203
- class="ui list"
204
- role="list"
205
- >
206
- <div
207
- class="item"
208
- role="listitem"
209
- >
210
- <div
211
- class="ui medium basic buttons"
212
- >
213
- <button
214
- class="ui button td-icon-text-control"
215
- >
216
- <i
217
- aria-hidden="true"
218
- class="plus icon"
219
- />
220
- queryables.group_by.form.add_group_field
221
- </button>
222
- </div>
223
- </div>
224
- </div>
225
- </div>
226
- <div
227
- class="field"
219
+ class="item"
220
+ role="listitem"
228
221
  >
229
- <label>
230
- queryables.group_by.form.aggregate_fields
231
- </label>
232
222
  <div
233
- class="ui list"
234
- role="list"
223
+ class="ui medium basic buttons"
235
224
  >
236
- <div
237
- class="item"
238
- role="listitem"
225
+ <button
226
+ class="ui button td-icon-text-control"
239
227
  >
240
- <div
241
- class="ui medium basic buttons"
242
- >
243
- <button
244
- class="ui button td-icon-text-control"
245
- >
246
- <i
247
- aria-hidden="true"
248
- class="plus icon"
249
- />
250
- queryables.group_by.form.add_aggregate_field
251
- </button>
252
- </div>
253
- </div>
228
+ <i
229
+ aria-hidden="true"
230
+ class="plus icon"
231
+ />
232
+ queryables.group_by.form.add_aggregate_field
233
+ </button>
254
234
  </div>
255
235
  </div>
256
236
  </div>
@@ -303,277 +283,239 @@ exports[`<Queryables /> matches the latest snapshot with join queryable 1`] = `
303
283
  role="listitem"
304
284
  >
305
285
  <div>
306
- <div
307
- class="ui grid"
308
- >
286
+ <div>
309
287
  <div
310
- class="column"
288
+ class="queryable-label"
311
289
  >
312
290
  <div
313
- class="ui segment"
291
+ class="ui blue ribbon label"
314
292
  >
293
+ dataViews.form.queryable.join
294
+ </div>
295
+ </div>
296
+ <div
297
+ class="vertical-space"
298
+ >
299
+ <div
300
+ class="field"
301
+ >
302
+ <label>
303
+ dataViews.form.queryable.alias
304
+ </label>
315
305
  <div
316
- class="queryable-label"
306
+ class="ui input"
317
307
  >
318
- <div
319
- class="ui blue ribbon label"
320
- >
321
- dataViews.form.queryable.join
322
- </div>
308
+ <input
309
+ autocomplete="off"
310
+ placeholder="dataViews.form.queryable.alias"
311
+ type="text"
312
+ value=""
313
+ />
323
314
  </div>
315
+ </div>
316
+ </div>
317
+ <div
318
+ class="vertical-space"
319
+ >
320
+ <div
321
+ class="required field"
322
+ >
323
+ <label>
324
+ queryables.form.resource
325
+ </label>
324
326
  <div
325
- class="row vertical-space"
327
+ class="disabled field"
326
328
  >
327
329
  <div
328
- class="field"
330
+ aria-disabled="true"
331
+ aria-expanded="false"
332
+ class="ui disabled selection dropdown"
333
+ role="listbox"
334
+ tabindex="-1"
329
335
  >
330
- <label>
331
- dataViews.form.queryable.alias
332
- </label>
333
336
  <div
334
- class="ui input"
337
+ aria-atomic="true"
338
+ aria-live="polite"
339
+ class="divider default text"
340
+ role="alert"
341
+ >
342
+ queryables.resource.type
343
+ </div>
344
+ <i
345
+ aria-hidden="true"
346
+ class="dropdown icon"
347
+ />
348
+ <div
349
+ class="menu transition"
335
350
  >
336
- <input
337
- autocomplete="off"
338
- placeholder="dataViews.form.queryable.alias"
339
- type="text"
340
- value=""
341
- />
351
+ <div
352
+ aria-checked="false"
353
+ aria-selected="true"
354
+ class="selected item"
355
+ role="option"
356
+ style="pointer-events: all;"
357
+ >
358
+ <span
359
+ class="text"
360
+ >
361
+ queryables.resource.type.data_structure
362
+ </span>
363
+ </div>
342
364
  </div>
343
365
  </div>
344
366
  </div>
367
+ </div>
368
+ <div
369
+ class="vertical-space"
370
+ >
345
371
  <div
346
- class="row vertical-space"
372
+ class="field"
347
373
  >
374
+ <label>
375
+ queryables.form.join.type
376
+ </label>
348
377
  <div
349
- class="required field"
378
+ aria-expanded="false"
379
+ class="ui selection dropdown select-field-dropdown join-type-selector"
380
+ role="listbox"
381
+ tabindex="0"
350
382
  >
351
- <label>
352
- queryables.form.resource
353
- </label>
354
383
  <div
355
- class="disabled field"
384
+ aria-atomic="true"
385
+ aria-live="polite"
386
+ class="divider text"
387
+ role="alert"
356
388
  >
357
389
  <div
358
- aria-disabled="true"
359
- aria-expanded="false"
360
- class="ui disabled selection dropdown"
361
- role="listbox"
362
- tabindex="-1"
390
+ class="join_type"
363
391
  >
364
392
  <div
365
- aria-atomic="true"
366
- aria-live="polite"
367
- class="divider default text"
368
- role="alert"
369
- >
370
- queryables.resource.type
371
- </div>
372
- <i
373
- aria-hidden="true"
374
- class="dropdown icon"
375
- />
376
- <div
377
- class="menu transition"
393
+ class="circle circle-left"
378
394
  >
379
395
  <div
380
- aria-checked="false"
381
- aria-selected="true"
382
- class="selected item"
383
- role="option"
384
- style="pointer-events: all;"
385
- >
386
- <span
387
- class="text"
388
- >
389
- queryables.resource.type.data_structure
390
- </span>
391
- </div>
396
+ class="circle circle-center fill"
397
+ />
392
398
  </div>
399
+ <div
400
+ class="circle circle-right"
401
+ />
393
402
  </div>
403
+ joinType.inner
394
404
  </div>
395
- </div>
396
- <div
397
- class="vertical-space"
398
- >
405
+ <i
406
+ aria-hidden="true"
407
+ class="dropdown icon"
408
+ />
399
409
  <div
400
- class="field"
410
+ class="menu transition"
401
411
  >
402
- <label>
403
- queryables.form.join.type
404
- </label>
405
412
  <div
406
- aria-expanded="false"
407
- class="ui selection dropdown select-field-dropdown join-type-selector"
408
- role="listbox"
409
- tabindex="0"
413
+ aria-checked="true"
414
+ aria-selected="true"
415
+ class="active selected item"
416
+ role="option"
417
+ style="pointer-events: all;"
410
418
  >
411
419
  <div
412
- aria-atomic="true"
413
- aria-live="polite"
414
- class="divider text"
415
- role="alert"
420
+ class="join_type"
416
421
  >
417
422
  <div
418
- class="join_type"
423
+ class="circle circle-left"
419
424
  >
420
425
  <div
421
- class="circle circle-left"
422
- >
423
- <div
424
- class="circle circle-center fill"
425
- />
426
- </div>
427
- <div
428
- class="circle circle-right"
426
+ class="circle circle-center fill"
429
427
  />
430
428
  </div>
431
- joinType.inner
429
+ <div
430
+ class="circle circle-right"
431
+ />
432
432
  </div>
433
- <i
434
- aria-hidden="true"
435
- class="dropdown icon"
436
- />
433
+ <span
434
+ class="text"
435
+ >
436
+ joinType.inner
437
+ </span>
438
+ </div>
439
+ <div
440
+ aria-checked="false"
441
+ aria-selected="false"
442
+ class="item"
443
+ role="option"
444
+ style="pointer-events: all;"
445
+ >
437
446
  <div
438
- class="menu transition"
447
+ class="join_type"
439
448
  >
440
449
  <div
441
- aria-checked="true"
442
- aria-selected="true"
443
- class="active selected item"
444
- role="option"
445
- style="pointer-events: all;"
450
+ class="circle circle-left fill"
446
451
  >
447
452
  <div
448
- class="join_type"
449
- >
450
- <div
451
- class="circle circle-left"
452
- >
453
- <div
454
- class="circle circle-center fill"
455
- />
456
- </div>
457
- <div
458
- class="circle circle-right"
459
- />
460
- </div>
461
- <span
462
- class="text"
463
- >
464
- joinType.inner
465
- </span>
453
+ class="circle circle-center fill"
454
+ />
466
455
  </div>
467
456
  <div
468
- aria-checked="false"
469
- aria-selected="false"
470
- class="item"
471
- role="option"
472
- style="pointer-events: all;"
473
- >
474
- <div
475
- class="join_type"
476
- >
477
- <div
478
- class="circle circle-left fill"
479
- >
480
- <div
481
- class="circle circle-center fill"
482
- />
483
- </div>
484
- <div
485
- class="circle circle-right"
486
- />
487
- </div>
488
- <span
489
- class="text"
490
- >
491
- joinType.left
492
- </span>
493
- </div>
457
+ class="circle circle-right"
458
+ />
459
+ </div>
460
+ <span
461
+ class="text"
462
+ >
463
+ joinType.left
464
+ </span>
465
+ </div>
466
+ <div
467
+ aria-checked="false"
468
+ aria-selected="false"
469
+ class="item"
470
+ role="option"
471
+ style="pointer-events: all;"
472
+ >
473
+ <div
474
+ class="join_type"
475
+ >
494
476
  <div
495
- aria-checked="false"
496
- aria-selected="false"
497
- class="item"
498
- role="option"
499
- style="pointer-events: all;"
477
+ class="circle circle-left"
500
478
  >
501
479
  <div
502
- class="join_type"
503
- >
504
- <div
505
- class="circle circle-left"
506
- >
507
- <div
508
- class="circle circle-center fill"
509
- />
510
- </div>
511
- <div
512
- class="circle circle-right fill"
513
- />
514
- </div>
515
- <span
516
- class="text"
517
- >
518
- joinType.right
519
- </span>
480
+ class="circle circle-center fill"
481
+ />
520
482
  </div>
521
483
  <div
522
- aria-checked="false"
523
- aria-selected="false"
524
- class="item"
525
- role="option"
526
- style="pointer-events: all;"
527
- >
528
- <div
529
- class="join_type"
530
- >
531
- <div
532
- class="circle circle-left fill"
533
- >
534
- <div
535
- class="circle circle-center fill"
536
- />
537
- </div>
538
- <div
539
- class="circle circle-right fill"
540
- />
541
- </div>
542
- <span
543
- class="text"
544
- >
545
- joinType.full_outer
546
- </span>
547
- </div>
484
+ class="circle circle-right fill"
485
+ />
548
486
  </div>
487
+ <span
488
+ class="text"
489
+ >
490
+ joinType.right
491
+ </span>
549
492
  </div>
550
- </div>
551
- </div>
552
- <div
553
- class="vertical-space"
554
- >
555
- <div
556
- class="field"
557
- >
558
- <label>
559
- expression.form.clause
560
- </label>
561
493
  <div
562
- class="ui horizontal divider"
494
+ aria-checked="false"
495
+ aria-selected="false"
496
+ class="item"
497
+ role="option"
498
+ style="pointer-events: all;"
563
499
  >
564
500
  <div
565
- class="ui medium basic buttons"
501
+ class="join_type"
566
502
  >
567
- <button
568
- class="ui button"
503
+ <div
504
+ class="circle circle-left fill"
569
505
  >
570
- <i
571
- aria-hidden="true"
572
- class="plus icon"
506
+ <div
507
+ class="circle circle-center fill"
573
508
  />
574
- expression.clause.action.addGroup
575
- </button>
509
+ </div>
510
+ <div
511
+ class="circle circle-right fill"
512
+ />
576
513
  </div>
514
+ <span
515
+ class="text"
516
+ >
517
+ joinType.full_outer
518
+ </span>
577
519
  </div>
578
520
  </div>
579
521
  </div>
@@ -591,7 +533,9 @@ exports[`<Queryables /> matches the latest snapshot with join queryable 1`] = `
591
533
  class="ui horizontal divider"
592
534
  >
593
535
  <button
594
- class="ui button"
536
+ class="ui disabled button"
537
+ disabled=""
538
+ tabindex="-1"
595
539
  >
596
540
  dataViews.form.queryable.join
597
541
  </button>
@@ -627,73 +571,63 @@ exports[`<Queryables /> matches the latest snapshot with select queryable 1`] =
627
571
  role="listitem"
628
572
  >
629
573
  <div>
630
- <div
631
- class="ui grid"
632
- >
574
+ <div>
633
575
  <div
634
- class="column"
576
+ class="queryable-label"
635
577
  >
636
578
  <div
637
- class="ui segment"
579
+ class="ui blue ribbon label"
638
580
  >
581
+ dataViews.form.queryable.select
582
+ </div>
583
+ </div>
584
+ <div
585
+ class="vertical-space"
586
+ >
587
+ <div
588
+ class="field"
589
+ >
590
+ <label>
591
+ dataViews.form.queryable.alias
592
+ </label>
639
593
  <div
640
- class="queryable-label"
594
+ class="ui input"
641
595
  >
642
- <div
643
- class="ui blue ribbon label"
644
- >
645
- dataViews.form.queryable.select
646
- </div>
596
+ <input
597
+ autocomplete="off"
598
+ placeholder="dataViews.form.queryable.alias"
599
+ type="text"
600
+ value=""
601
+ />
647
602
  </div>
603
+ </div>
604
+ </div>
605
+ <div
606
+ class="vertical-space"
607
+ >
608
+ <div
609
+ class="ui list"
610
+ role="list"
611
+ >
648
612
  <div
649
- class="row vertical-space"
613
+ class="field"
650
614
  >
651
615
  <div
652
- class="field"
616
+ class="item"
617
+ role="listitem"
653
618
  >
654
- <label>
655
- dataViews.form.queryable.alias
656
- </label>
657
- <div
658
- class="ui input"
619
+ <button
620
+ class="ui button"
659
621
  >
660
- <input
661
- autocomplete="off"
662
- placeholder="dataViews.form.queryable.alias"
663
- type="text"
664
- value=""
665
- />
666
- </div>
667
- </div>
668
- </div>
669
- <div
670
- class="row vertical-space"
671
- >
672
- <div
673
- class="ui list"
674
- role="list"
675
- >
676
- <div
677
- class="field"
622
+ queryables.select.form.add_select_field
623
+ </button>
624
+ <button
625
+ class="ui disabled button"
626
+ disabled=""
627
+ tabindex="-1"
678
628
  >
679
- <div
680
- class="item"
681
- role="listitem"
682
- >
683
- <button
684
- class="ui button"
685
- >
686
- queryables.select.form.add_select_field
687
- </button>
688
- <button
689
- class="ui disabled button"
690
- disabled=""
691
- tabindex="-1"
692
- >
693
- queryables.select.form.add_all_select_fields
694
- </button>
695
- </div>
696
- </div>
629
+ queryables.select.form.add_all_select_fields
630
+ </button>
697
631
  </div>
698
632
  </div>
699
633
  </div>
@@ -745,93 +679,83 @@ exports[`<Queryables /> test delete queryable 1`] = `
745
679
  role="listitem"
746
680
  >
747
681
  <div>
748
- <div
749
- class="ui grid"
750
- >
682
+ <div>
751
683
  <div
752
- class="column"
684
+ class="queryable-label"
753
685
  >
754
686
  <div
755
- class="ui segment"
687
+ class="ui blue ribbon label"
756
688
  >
689
+ dataViews.form.queryable.from
690
+ </div>
691
+ </div>
692
+ <div
693
+ class="vertical-space"
694
+ >
695
+ <div
696
+ class="field"
697
+ >
698
+ <label>
699
+ dataViews.form.queryable.alias
700
+ </label>
757
701
  <div
758
- class="queryable-label"
702
+ class="ui input"
759
703
  >
760
- <div
761
- class="ui blue ribbon label"
762
- >
763
- dataViews.form.queryable.from
764
- </div>
704
+ <input
705
+ autocomplete="off"
706
+ placeholder="dataViews.form.queryable.alias"
707
+ type="text"
708
+ value=""
709
+ />
765
710
  </div>
711
+ </div>
712
+ </div>
713
+ <div
714
+ class="vertical-space"
715
+ >
716
+ <div
717
+ class="required field"
718
+ >
719
+ <label>
720
+ queryables.form.resource
721
+ </label>
766
722
  <div
767
- class="row vertical-space"
723
+ class="disabled field"
768
724
  >
769
725
  <div
770
- class="field"
726
+ aria-disabled="true"
727
+ aria-expanded="false"
728
+ class="ui disabled selection dropdown"
729
+ role="listbox"
730
+ tabindex="-1"
771
731
  >
772
- <label>
773
- dataViews.form.queryable.alias
774
- </label>
775
732
  <div
776
- class="ui input"
733
+ aria-atomic="true"
734
+ aria-live="polite"
735
+ class="divider default text"
736
+ role="alert"
777
737
  >
778
- <input
779
- autocomplete="off"
780
- placeholder="dataViews.form.queryable.alias"
781
- type="text"
782
- value=""
783
- />
738
+ queryables.resource.type
784
739
  </div>
785
- </div>
786
- </div>
787
- <div
788
- class="row vertical-space"
789
- >
790
- <div
791
- class="required field"
792
- >
793
- <label>
794
- queryables.form.resource
795
- </label>
740
+ <i
741
+ aria-hidden="true"
742
+ class="dropdown icon"
743
+ />
796
744
  <div
797
- class="disabled field"
745
+ class="menu transition"
798
746
  >
799
747
  <div
800
- aria-disabled="true"
801
- aria-expanded="false"
802
- class="ui disabled selection dropdown"
803
- role="listbox"
804
- tabindex="-1"
748
+ aria-checked="false"
749
+ aria-selected="true"
750
+ class="selected item"
751
+ role="option"
752
+ style="pointer-events: all;"
805
753
  >
806
- <div
807
- aria-atomic="true"
808
- aria-live="polite"
809
- class="divider default text"
810
- role="alert"
811
- >
812
- queryables.resource.type
813
- </div>
814
- <i
815
- aria-hidden="true"
816
- class="dropdown icon"
817
- />
818
- <div
819
- class="menu transition"
754
+ <span
755
+ class="text"
820
756
  >
821
- <div
822
- aria-checked="false"
823
- aria-selected="true"
824
- class="selected item"
825
- role="option"
826
- style="pointer-events: all;"
827
- >
828
- <span
829
- class="text"
830
- >
831
- queryables.resource.type.data_structure
832
- </span>
833
- </div>
834
- </div>
757
+ queryables.resource.type.data_structure
758
+ </span>
835
759
  </div>
836
760
  </div>
837
761
  </div>