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