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