@truedat/qx 5.14.1 → 5.15.1

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