@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.
- package/package.json +3 -3
- package/src/components/QxRoutes.js +8 -7
- package/src/components/__tests__/QxRoutes.spec.js +2 -1
- package/src/components/__tests__/__fixtures__/helper.js +13 -0
- package/src/components/__tests__/__snapshots__/QxRoutes.spec.js.snap +1 -1
- package/src/components/common/ClauseViewer.js +52 -8
- package/src/components/common/DescriptionInput.js +9 -34
- package/src/components/common/TypeSelector.js +20 -10
- package/src/components/common/__tests__/ClauseViewer.spec.js +150 -0
- package/src/components/common/__tests__/DescriptionInput.spec.js +2 -5
- package/src/components/common/__tests__/__snapshots__/DescriptionInput.spec.js.snap +7 -10
- package/src/components/common/expressions/Clauses.js +22 -17
- package/src/components/common/expressions/Condition.js +201 -102
- package/src/components/common/expressions/Expression.js +17 -23
- package/src/components/common/expressions/FunctionSelector.js +3 -3
- package/src/components/common/expressions/ShapeSelector.js +1 -1
- package/src/components/common/expressions/__tests__/Clauses.spec.js +1 -1
- package/src/components/common/expressions/__tests__/Condition.spec.js +83 -26
- package/src/components/common/expressions/__tests__/ParamSelector.spec.js +1 -1
- package/src/components/common/expressions/__tests__/__snapshots__/Clauses.spec.js.snap +18 -22
- package/src/components/common/expressions/__tests__/__snapshots__/Condition.spec.js.snap +215 -216
- package/src/components/common/expressions/__tests__/__snapshots__/ConstantSelector.spec.js.snap +6 -10
- package/src/components/common/expressions/__tests__/__snapshots__/Expression.spec.js.snap +630 -654
- package/src/components/common/expressions/__tests__/__snapshots__/FunctionArgs.spec.js.snap +193 -201
- package/src/components/common/expressions/__tests__/__snapshots__/FunctionSelector.spec.js.snap +450 -466
- package/src/components/common/expressions/__tests__/__snapshots__/ShapeSelector.spec.js.snap +34 -34
- package/src/components/common/expressions/constantInputs/AnySelector.js +1 -0
- package/src/components/common/expressions/constantInputs/__tests__/__snapshots__/AnySelector.spec.js.snap +15 -15
- package/src/components/dataViews/__tests__/__snapshots__/AdvancedDataViewEditor.spec.js.snap +378 -406
- package/src/components/dataViews/__tests__/__snapshots__/DataViewSummary.spec.js.snap +6 -6
- package/src/components/dataViews/__tests__/__snapshots__/Queryable.spec.js.snap +489 -577
- package/src/components/dataViews/__tests__/__snapshots__/Queryables.spec.js.snap +400 -476
- package/src/components/dataViews/advancedForm/Queryable.js +56 -64
- package/src/components/dataViews/advancedForm/Queryables.js +11 -2
- package/src/components/dataViews/queryableProperties/Join.js +16 -6
- package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/Join.spec.js.snap +0 -28
- package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/Select.spec.js.snap +270 -282
- package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/SelectField.spec.js.snap +172 -180
- package/src/components/dataViews/simpleForm/DatasetForm.js +4 -0
- package/src/components/dataViews/simpleForm/FormQueryable.js +49 -53
- package/src/components/dataViews/summary/Where.js +3 -2
- package/src/components/functions/FunctionEdit.js +92 -0
- package/src/components/functions/FunctionEditor.js +32 -10
- package/src/components/functions/FunctionParams.js +54 -61
- package/src/components/functions/FunctionsList.js +213 -0
- package/src/components/functions/__tests__/FunctionEdit.spec.js +168 -0
- package/src/components/functions/__tests__/FunctionParams.spec.js +1 -8
- package/src/components/functions/__tests__/FunctionsList.spec.js +62 -0
- package/src/components/functions/__tests__/__snapshots__/FunctionEditor.spec.js.snap +553 -469
- package/src/components/functions/__tests__/__snapshots__/FunctionParams.spec.js.snap +139 -161
- package/src/components/functions/__tests__/__snapshots__/FunctionsList.spec.js.snap +588 -0
- package/src/components/qualityControls/__tests__/NewQualityControl.spec.js +4 -0
- package/src/components/qualityControls/__tests__/QualityControlEditor.spec.js +8 -1
- package/src/components/qualityControls/__tests__/__snapshots__/EditQualityControl.spec.js.snap +109 -118
- package/src/components/qualityControls/__tests__/__snapshots__/NewDraftQualityControl.spec.js.snap +109 -118
- package/src/components/qualityControls/__tests__/__snapshots__/QualityControlEditor.spec.js.snap +471 -468
- package/src/hooks/useFunctions.js +6 -0
- package/src/styles/Expression.less +39 -6
- package/src/components/functions/Functions.js +0 -143
- package/src/components/functions/__tests__/Functions.spec.js +0 -56
- package/src/components/functions/__tests__/__snapshots__/Functions.spec.js.snap +0 -85
package/src/components/common/expressions/__tests__/__snapshots__/FunctionSelector.spec.js.snap
CHANGED
|
@@ -102,7 +102,7 @@ exports[`<FunctionSelector /> user interaction 1`] = `
|
|
|
102
102
|
class="divider text"
|
|
103
103
|
role="alert"
|
|
104
104
|
>
|
|
105
|
-
eq
|
|
105
|
+
eq
|
|
106
106
|
</div>
|
|
107
107
|
<i
|
|
108
108
|
aria-hidden="true"
|
|
@@ -192,172 +192,168 @@ exports[`<FunctionSelector /> user interaction 1`] = `
|
|
|
192
192
|
/>
|
|
193
193
|
</div>
|
|
194
194
|
<div
|
|
195
|
-
class="
|
|
195
|
+
class="expression-container"
|
|
196
196
|
>
|
|
197
197
|
<div
|
|
198
|
-
class="
|
|
198
|
+
class="expression-content"
|
|
199
199
|
>
|
|
200
200
|
<div
|
|
201
|
-
|
|
201
|
+
aria-expanded="false"
|
|
202
|
+
class="ui top left pointing dropdown"
|
|
203
|
+
role="listbox"
|
|
204
|
+
tabindex="0"
|
|
202
205
|
>
|
|
203
206
|
<div
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
207
|
+
class="shape-selector-trigger"
|
|
208
|
+
>
|
|
209
|
+
f(x)
|
|
210
|
+
</div>
|
|
211
|
+
<div
|
|
212
|
+
class="menu transition"
|
|
208
213
|
>
|
|
209
214
|
<div
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
class="menu transition"
|
|
215
|
+
aria-checked="true"
|
|
216
|
+
aria-selected="true"
|
|
217
|
+
class="active selected item"
|
|
218
|
+
role="option"
|
|
219
|
+
style="pointer-events: all;"
|
|
216
220
|
>
|
|
217
221
|
<div
|
|
218
|
-
|
|
219
|
-
aria-selected="false"
|
|
220
|
-
class="item"
|
|
221
|
-
role="option"
|
|
222
|
-
style="pointer-events: all;"
|
|
222
|
+
class="text flex-center"
|
|
223
223
|
>
|
|
224
|
-
<
|
|
225
|
-
|
|
224
|
+
<small
|
|
225
|
+
style="margin-right: 5px;"
|
|
226
226
|
>
|
|
227
|
-
<
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
</b>
|
|
235
|
-
</small>
|
|
236
|
-
functions.expression.shape.constant
|
|
237
|
-
</div>
|
|
227
|
+
<b>
|
|
228
|
+
<code>
|
|
229
|
+
f(x)
|
|
230
|
+
</code>
|
|
231
|
+
</b>
|
|
232
|
+
</small>
|
|
233
|
+
functions.expression.shape.function
|
|
238
234
|
</div>
|
|
235
|
+
</div>
|
|
236
|
+
<div
|
|
237
|
+
aria-checked="false"
|
|
238
|
+
aria-selected="false"
|
|
239
|
+
class="item"
|
|
240
|
+
role="option"
|
|
241
|
+
style="pointer-events: all;"
|
|
242
|
+
>
|
|
239
243
|
<div
|
|
240
|
-
|
|
241
|
-
aria-selected="true"
|
|
242
|
-
class="active selected item"
|
|
243
|
-
role="option"
|
|
244
|
-
style="pointer-events: all;"
|
|
244
|
+
class="text flex-center"
|
|
245
245
|
>
|
|
246
|
-
<
|
|
247
|
-
|
|
246
|
+
<small
|
|
247
|
+
style="margin-right: 5px;"
|
|
248
248
|
>
|
|
249
|
-
<
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
</b>
|
|
257
|
-
</small>
|
|
258
|
-
functions.expression.shape.function
|
|
259
|
-
</div>
|
|
249
|
+
<b>
|
|
250
|
+
<code>
|
|
251
|
+
[π]
|
|
252
|
+
</code>
|
|
253
|
+
</b>
|
|
254
|
+
</small>
|
|
255
|
+
functions.expression.shape.constant
|
|
260
256
|
</div>
|
|
261
257
|
</div>
|
|
262
258
|
</div>
|
|
259
|
+
</div>
|
|
260
|
+
<div
|
|
261
|
+
class="accordion ui fluid no-margin"
|
|
262
|
+
>
|
|
263
263
|
<div
|
|
264
|
-
class="
|
|
264
|
+
class="active title no-padding"
|
|
265
265
|
>
|
|
266
266
|
<div
|
|
267
|
-
class="
|
|
267
|
+
class="flex-center"
|
|
268
268
|
>
|
|
269
|
+
<i
|
|
270
|
+
aria-hidden="true"
|
|
271
|
+
class="dropdown icon"
|
|
272
|
+
/>
|
|
269
273
|
<div
|
|
270
|
-
class="
|
|
274
|
+
class="sixteen wide field"
|
|
271
275
|
>
|
|
272
|
-
<i
|
|
273
|
-
aria-hidden="true"
|
|
274
|
-
class="dropdown icon"
|
|
275
|
-
/>
|
|
276
276
|
<div
|
|
277
|
-
|
|
277
|
+
aria-expanded="false"
|
|
278
|
+
class="ui fluid search selection dropdown"
|
|
279
|
+
role="combobox"
|
|
278
280
|
>
|
|
281
|
+
<input
|
|
282
|
+
aria-autocomplete="list"
|
|
283
|
+
autocomplete="off"
|
|
284
|
+
class="search"
|
|
285
|
+
tabindex="0"
|
|
286
|
+
type="text"
|
|
287
|
+
value=""
|
|
288
|
+
/>
|
|
279
289
|
<div
|
|
280
|
-
aria-
|
|
281
|
-
|
|
282
|
-
|
|
290
|
+
aria-atomic="true"
|
|
291
|
+
aria-live="polite"
|
|
292
|
+
class="divider text"
|
|
293
|
+
role="alert"
|
|
294
|
+
>
|
|
295
|
+
functions.form.expression.function.placeholder
|
|
296
|
+
</div>
|
|
297
|
+
<i
|
|
298
|
+
aria-hidden="true"
|
|
299
|
+
class="dropdown icon"
|
|
300
|
+
/>
|
|
301
|
+
<div
|
|
302
|
+
class="menu transition"
|
|
303
|
+
role="listbox"
|
|
283
304
|
>
|
|
284
|
-
<input
|
|
285
|
-
aria-autocomplete="list"
|
|
286
|
-
autocomplete="off"
|
|
287
|
-
class="search"
|
|
288
|
-
tabindex="0"
|
|
289
|
-
type="text"
|
|
290
|
-
value=""
|
|
291
|
-
/>
|
|
292
|
-
<div
|
|
293
|
-
aria-atomic="true"
|
|
294
|
-
aria-live="polite"
|
|
295
|
-
class="divider text"
|
|
296
|
-
role="alert"
|
|
297
|
-
>
|
|
298
|
-
functions.form.expression.function.placeholder
|
|
299
|
-
</div>
|
|
300
|
-
<i
|
|
301
|
-
aria-hidden="true"
|
|
302
|
-
class="dropdown icon"
|
|
303
|
-
/>
|
|
304
305
|
<div
|
|
305
|
-
|
|
306
|
-
|
|
306
|
+
aria-checked="false"
|
|
307
|
+
aria-selected="true"
|
|
308
|
+
class="selected item"
|
|
309
|
+
role="option"
|
|
310
|
+
style="pointer-events: all;"
|
|
307
311
|
>
|
|
308
312
|
<div
|
|
309
|
-
|
|
310
|
-
aria-selected="true"
|
|
311
|
-
class="selected item"
|
|
312
|
-
role="option"
|
|
313
|
-
style="pointer-events: all;"
|
|
313
|
+
class="ui header"
|
|
314
314
|
>
|
|
315
315
|
<div
|
|
316
|
-
class="
|
|
316
|
+
class="flex-center"
|
|
317
317
|
>
|
|
318
|
+
<div>
|
|
319
|
+
eq
|
|
320
|
+
</div>
|
|
318
321
|
<div
|
|
319
|
-
class="
|
|
322
|
+
class="function-params-label"
|
|
320
323
|
>
|
|
321
|
-
<div
|
|
322
|
-
|
|
324
|
+
<div
|
|
325
|
+
class="ui grey label"
|
|
326
|
+
>
|
|
327
|
+
<i
|
|
328
|
+
aria-hidden="true"
|
|
329
|
+
class="question circle outline icon"
|
|
330
|
+
/>
|
|
331
|
+
arg1
|
|
323
332
|
</div>
|
|
324
333
|
<div
|
|
325
|
-
class="
|
|
334
|
+
class="ui grey label"
|
|
326
335
|
>
|
|
327
|
-
<
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
class="question circle outline icon"
|
|
333
|
-
/>
|
|
334
|
-
arg1
|
|
335
|
-
</div>
|
|
336
|
-
<div
|
|
337
|
-
class="ui grey label"
|
|
338
|
-
>
|
|
339
|
-
<i
|
|
340
|
-
aria-hidden="true"
|
|
341
|
-
class="question circle outline icon"
|
|
342
|
-
/>
|
|
343
|
-
arg2
|
|
344
|
-
</div>
|
|
336
|
+
<i
|
|
337
|
+
aria-hidden="true"
|
|
338
|
+
class="question circle outline icon"
|
|
339
|
+
/>
|
|
340
|
+
arg2
|
|
345
341
|
</div>
|
|
346
342
|
</div>
|
|
347
343
|
</div>
|
|
348
|
-
<div
|
|
349
|
-
class="sub header"
|
|
350
|
-
/>
|
|
351
344
|
</div>
|
|
345
|
+
<div
|
|
346
|
+
class="sub header"
|
|
347
|
+
/>
|
|
352
348
|
</div>
|
|
353
349
|
</div>
|
|
354
350
|
</div>
|
|
355
351
|
</div>
|
|
356
352
|
</div>
|
|
357
|
-
<div
|
|
358
|
-
class="content active no-padding"
|
|
359
|
-
/>
|
|
360
353
|
</div>
|
|
354
|
+
<div
|
|
355
|
+
class="content active no-padding"
|
|
356
|
+
/>
|
|
361
357
|
</div>
|
|
362
358
|
</div>
|
|
363
359
|
</div>
|
|
@@ -388,172 +384,168 @@ exports[`<FunctionSelector /> user interaction 1`] = `
|
|
|
388
384
|
/>
|
|
389
385
|
</div>
|
|
390
386
|
<div
|
|
391
|
-
class="
|
|
387
|
+
class="expression-container"
|
|
392
388
|
>
|
|
393
389
|
<div
|
|
394
|
-
class="
|
|
390
|
+
class="expression-content"
|
|
395
391
|
>
|
|
396
392
|
<div
|
|
397
|
-
|
|
393
|
+
aria-expanded="false"
|
|
394
|
+
class="ui top left pointing dropdown"
|
|
395
|
+
role="listbox"
|
|
396
|
+
tabindex="0"
|
|
398
397
|
>
|
|
399
398
|
<div
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
399
|
+
class="shape-selector-trigger"
|
|
400
|
+
>
|
|
401
|
+
f(x)
|
|
402
|
+
</div>
|
|
403
|
+
<div
|
|
404
|
+
class="menu transition"
|
|
404
405
|
>
|
|
405
406
|
<div
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
class="menu transition"
|
|
407
|
+
aria-checked="true"
|
|
408
|
+
aria-selected="true"
|
|
409
|
+
class="active selected item"
|
|
410
|
+
role="option"
|
|
411
|
+
style="pointer-events: all;"
|
|
412
412
|
>
|
|
413
413
|
<div
|
|
414
|
-
|
|
415
|
-
aria-selected="false"
|
|
416
|
-
class="item"
|
|
417
|
-
role="option"
|
|
418
|
-
style="pointer-events: all;"
|
|
414
|
+
class="text flex-center"
|
|
419
415
|
>
|
|
420
|
-
<
|
|
421
|
-
|
|
416
|
+
<small
|
|
417
|
+
style="margin-right: 5px;"
|
|
422
418
|
>
|
|
423
|
-
<
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
</b>
|
|
431
|
-
</small>
|
|
432
|
-
functions.expression.shape.constant
|
|
433
|
-
</div>
|
|
419
|
+
<b>
|
|
420
|
+
<code>
|
|
421
|
+
f(x)
|
|
422
|
+
</code>
|
|
423
|
+
</b>
|
|
424
|
+
</small>
|
|
425
|
+
functions.expression.shape.function
|
|
434
426
|
</div>
|
|
427
|
+
</div>
|
|
428
|
+
<div
|
|
429
|
+
aria-checked="false"
|
|
430
|
+
aria-selected="false"
|
|
431
|
+
class="item"
|
|
432
|
+
role="option"
|
|
433
|
+
style="pointer-events: all;"
|
|
434
|
+
>
|
|
435
435
|
<div
|
|
436
|
-
|
|
437
|
-
aria-selected="true"
|
|
438
|
-
class="active selected item"
|
|
439
|
-
role="option"
|
|
440
|
-
style="pointer-events: all;"
|
|
436
|
+
class="text flex-center"
|
|
441
437
|
>
|
|
442
|
-
<
|
|
443
|
-
|
|
438
|
+
<small
|
|
439
|
+
style="margin-right: 5px;"
|
|
444
440
|
>
|
|
445
|
-
<
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
</b>
|
|
453
|
-
</small>
|
|
454
|
-
functions.expression.shape.function
|
|
455
|
-
</div>
|
|
441
|
+
<b>
|
|
442
|
+
<code>
|
|
443
|
+
[π]
|
|
444
|
+
</code>
|
|
445
|
+
</b>
|
|
446
|
+
</small>
|
|
447
|
+
functions.expression.shape.constant
|
|
456
448
|
</div>
|
|
457
449
|
</div>
|
|
458
450
|
</div>
|
|
451
|
+
</div>
|
|
452
|
+
<div
|
|
453
|
+
class="accordion ui fluid no-margin"
|
|
454
|
+
>
|
|
459
455
|
<div
|
|
460
|
-
class="
|
|
456
|
+
class="active title no-padding"
|
|
461
457
|
>
|
|
462
458
|
<div
|
|
463
|
-
class="
|
|
459
|
+
class="flex-center"
|
|
464
460
|
>
|
|
461
|
+
<i
|
|
462
|
+
aria-hidden="true"
|
|
463
|
+
class="dropdown icon"
|
|
464
|
+
/>
|
|
465
465
|
<div
|
|
466
|
-
class="
|
|
466
|
+
class="sixteen wide field"
|
|
467
467
|
>
|
|
468
|
-
<i
|
|
469
|
-
aria-hidden="true"
|
|
470
|
-
class="dropdown icon"
|
|
471
|
-
/>
|
|
472
468
|
<div
|
|
473
|
-
|
|
469
|
+
aria-expanded="false"
|
|
470
|
+
class="ui fluid search selection dropdown"
|
|
471
|
+
role="combobox"
|
|
474
472
|
>
|
|
473
|
+
<input
|
|
474
|
+
aria-autocomplete="list"
|
|
475
|
+
autocomplete="off"
|
|
476
|
+
class="search"
|
|
477
|
+
tabindex="0"
|
|
478
|
+
type="text"
|
|
479
|
+
value=""
|
|
480
|
+
/>
|
|
475
481
|
<div
|
|
476
|
-
aria-
|
|
477
|
-
|
|
478
|
-
|
|
482
|
+
aria-atomic="true"
|
|
483
|
+
aria-live="polite"
|
|
484
|
+
class="divider text"
|
|
485
|
+
role="alert"
|
|
486
|
+
>
|
|
487
|
+
functions.form.expression.function.placeholder
|
|
488
|
+
</div>
|
|
489
|
+
<i
|
|
490
|
+
aria-hidden="true"
|
|
491
|
+
class="dropdown icon"
|
|
492
|
+
/>
|
|
493
|
+
<div
|
|
494
|
+
class="menu transition"
|
|
495
|
+
role="listbox"
|
|
479
496
|
>
|
|
480
|
-
<input
|
|
481
|
-
aria-autocomplete="list"
|
|
482
|
-
autocomplete="off"
|
|
483
|
-
class="search"
|
|
484
|
-
tabindex="0"
|
|
485
|
-
type="text"
|
|
486
|
-
value=""
|
|
487
|
-
/>
|
|
488
|
-
<div
|
|
489
|
-
aria-atomic="true"
|
|
490
|
-
aria-live="polite"
|
|
491
|
-
class="divider text"
|
|
492
|
-
role="alert"
|
|
493
|
-
>
|
|
494
|
-
functions.form.expression.function.placeholder
|
|
495
|
-
</div>
|
|
496
|
-
<i
|
|
497
|
-
aria-hidden="true"
|
|
498
|
-
class="dropdown icon"
|
|
499
|
-
/>
|
|
500
497
|
<div
|
|
501
|
-
|
|
502
|
-
|
|
498
|
+
aria-checked="false"
|
|
499
|
+
aria-selected="true"
|
|
500
|
+
class="selected item"
|
|
501
|
+
role="option"
|
|
502
|
+
style="pointer-events: all;"
|
|
503
503
|
>
|
|
504
504
|
<div
|
|
505
|
-
|
|
506
|
-
aria-selected="true"
|
|
507
|
-
class="selected item"
|
|
508
|
-
role="option"
|
|
509
|
-
style="pointer-events: all;"
|
|
505
|
+
class="ui header"
|
|
510
506
|
>
|
|
511
507
|
<div
|
|
512
|
-
class="
|
|
508
|
+
class="flex-center"
|
|
513
509
|
>
|
|
510
|
+
<div>
|
|
511
|
+
eq
|
|
512
|
+
</div>
|
|
514
513
|
<div
|
|
515
|
-
class="
|
|
514
|
+
class="function-params-label"
|
|
516
515
|
>
|
|
517
|
-
<div
|
|
518
|
-
|
|
516
|
+
<div
|
|
517
|
+
class="ui grey label"
|
|
518
|
+
>
|
|
519
|
+
<i
|
|
520
|
+
aria-hidden="true"
|
|
521
|
+
class="question circle outline icon"
|
|
522
|
+
/>
|
|
523
|
+
arg1
|
|
519
524
|
</div>
|
|
520
525
|
<div
|
|
521
|
-
class="
|
|
526
|
+
class="ui grey label"
|
|
522
527
|
>
|
|
523
|
-
<
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
class="question circle outline icon"
|
|
529
|
-
/>
|
|
530
|
-
arg1
|
|
531
|
-
</div>
|
|
532
|
-
<div
|
|
533
|
-
class="ui grey label"
|
|
534
|
-
>
|
|
535
|
-
<i
|
|
536
|
-
aria-hidden="true"
|
|
537
|
-
class="question circle outline icon"
|
|
538
|
-
/>
|
|
539
|
-
arg2
|
|
540
|
-
</div>
|
|
528
|
+
<i
|
|
529
|
+
aria-hidden="true"
|
|
530
|
+
class="question circle outline icon"
|
|
531
|
+
/>
|
|
532
|
+
arg2
|
|
541
533
|
</div>
|
|
542
534
|
</div>
|
|
543
535
|
</div>
|
|
544
|
-
<div
|
|
545
|
-
class="sub header"
|
|
546
|
-
/>
|
|
547
536
|
</div>
|
|
537
|
+
<div
|
|
538
|
+
class="sub header"
|
|
539
|
+
/>
|
|
548
540
|
</div>
|
|
549
541
|
</div>
|
|
550
542
|
</div>
|
|
551
543
|
</div>
|
|
552
544
|
</div>
|
|
553
|
-
<div
|
|
554
|
-
class="content active no-padding"
|
|
555
|
-
/>
|
|
556
545
|
</div>
|
|
546
|
+
<div
|
|
547
|
+
class="content active no-padding"
|
|
548
|
+
/>
|
|
557
549
|
</div>
|
|
558
550
|
</div>
|
|
559
551
|
</div>
|
|
@@ -603,7 +595,7 @@ exports[`<FunctionSelector /> user interaction 2`] = `
|
|
|
603
595
|
class="divider text"
|
|
604
596
|
role="alert"
|
|
605
597
|
>
|
|
606
|
-
eq
|
|
598
|
+
eq
|
|
607
599
|
</div>
|
|
608
600
|
<i
|
|
609
601
|
aria-hidden="true"
|
|
@@ -693,172 +685,168 @@ exports[`<FunctionSelector /> user interaction 2`] = `
|
|
|
693
685
|
/>
|
|
694
686
|
</div>
|
|
695
687
|
<div
|
|
696
|
-
class="
|
|
688
|
+
class="expression-container"
|
|
697
689
|
>
|
|
698
690
|
<div
|
|
699
|
-
class="
|
|
691
|
+
class="expression-content"
|
|
700
692
|
>
|
|
701
693
|
<div
|
|
702
|
-
|
|
694
|
+
aria-expanded="false"
|
|
695
|
+
class="ui top left pointing dropdown"
|
|
696
|
+
role="listbox"
|
|
697
|
+
tabindex="0"
|
|
703
698
|
>
|
|
704
699
|
<div
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
700
|
+
class="shape-selector-trigger"
|
|
701
|
+
>
|
|
702
|
+
f(x)
|
|
703
|
+
</div>
|
|
704
|
+
<div
|
|
705
|
+
class="menu transition"
|
|
709
706
|
>
|
|
710
707
|
<div
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
class="menu transition"
|
|
708
|
+
aria-checked="true"
|
|
709
|
+
aria-selected="true"
|
|
710
|
+
class="active selected item"
|
|
711
|
+
role="option"
|
|
712
|
+
style="pointer-events: all;"
|
|
717
713
|
>
|
|
718
714
|
<div
|
|
719
|
-
|
|
720
|
-
aria-selected="false"
|
|
721
|
-
class="item"
|
|
722
|
-
role="option"
|
|
723
|
-
style="pointer-events: all;"
|
|
715
|
+
class="text flex-center"
|
|
724
716
|
>
|
|
725
|
-
<
|
|
726
|
-
|
|
717
|
+
<small
|
|
718
|
+
style="margin-right: 5px;"
|
|
727
719
|
>
|
|
728
|
-
<
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
</b>
|
|
736
|
-
</small>
|
|
737
|
-
functions.expression.shape.constant
|
|
738
|
-
</div>
|
|
720
|
+
<b>
|
|
721
|
+
<code>
|
|
722
|
+
f(x)
|
|
723
|
+
</code>
|
|
724
|
+
</b>
|
|
725
|
+
</small>
|
|
726
|
+
functions.expression.shape.function
|
|
739
727
|
</div>
|
|
728
|
+
</div>
|
|
729
|
+
<div
|
|
730
|
+
aria-checked="false"
|
|
731
|
+
aria-selected="false"
|
|
732
|
+
class="item"
|
|
733
|
+
role="option"
|
|
734
|
+
style="pointer-events: all;"
|
|
735
|
+
>
|
|
740
736
|
<div
|
|
741
|
-
|
|
742
|
-
aria-selected="true"
|
|
743
|
-
class="active selected item"
|
|
744
|
-
role="option"
|
|
745
|
-
style="pointer-events: all;"
|
|
737
|
+
class="text flex-center"
|
|
746
738
|
>
|
|
747
|
-
<
|
|
748
|
-
|
|
739
|
+
<small
|
|
740
|
+
style="margin-right: 5px;"
|
|
749
741
|
>
|
|
750
|
-
<
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
</b>
|
|
758
|
-
</small>
|
|
759
|
-
functions.expression.shape.function
|
|
760
|
-
</div>
|
|
742
|
+
<b>
|
|
743
|
+
<code>
|
|
744
|
+
[π]
|
|
745
|
+
</code>
|
|
746
|
+
</b>
|
|
747
|
+
</small>
|
|
748
|
+
functions.expression.shape.constant
|
|
761
749
|
</div>
|
|
762
750
|
</div>
|
|
763
751
|
</div>
|
|
752
|
+
</div>
|
|
753
|
+
<div
|
|
754
|
+
class="accordion ui fluid no-margin"
|
|
755
|
+
>
|
|
764
756
|
<div
|
|
765
|
-
class="
|
|
757
|
+
class="active title no-padding"
|
|
766
758
|
>
|
|
767
759
|
<div
|
|
768
|
-
class="
|
|
760
|
+
class="flex-center"
|
|
769
761
|
>
|
|
762
|
+
<i
|
|
763
|
+
aria-hidden="true"
|
|
764
|
+
class="dropdown icon"
|
|
765
|
+
/>
|
|
770
766
|
<div
|
|
771
|
-
class="
|
|
767
|
+
class="sixteen wide field"
|
|
772
768
|
>
|
|
773
|
-
<i
|
|
774
|
-
aria-hidden="true"
|
|
775
|
-
class="dropdown icon"
|
|
776
|
-
/>
|
|
777
769
|
<div
|
|
778
|
-
|
|
770
|
+
aria-expanded="false"
|
|
771
|
+
class="ui fluid search selection dropdown"
|
|
772
|
+
role="combobox"
|
|
779
773
|
>
|
|
774
|
+
<input
|
|
775
|
+
aria-autocomplete="list"
|
|
776
|
+
autocomplete="off"
|
|
777
|
+
class="search"
|
|
778
|
+
tabindex="0"
|
|
779
|
+
type="text"
|
|
780
|
+
value=""
|
|
781
|
+
/>
|
|
780
782
|
<div
|
|
781
|
-
aria-
|
|
782
|
-
|
|
783
|
-
|
|
783
|
+
aria-atomic="true"
|
|
784
|
+
aria-live="polite"
|
|
785
|
+
class="divider text"
|
|
786
|
+
role="alert"
|
|
787
|
+
>
|
|
788
|
+
functions.form.expression.function.placeholder
|
|
789
|
+
</div>
|
|
790
|
+
<i
|
|
791
|
+
aria-hidden="true"
|
|
792
|
+
class="dropdown icon"
|
|
793
|
+
/>
|
|
794
|
+
<div
|
|
795
|
+
class="menu transition"
|
|
796
|
+
role="listbox"
|
|
784
797
|
>
|
|
785
|
-
<input
|
|
786
|
-
aria-autocomplete="list"
|
|
787
|
-
autocomplete="off"
|
|
788
|
-
class="search"
|
|
789
|
-
tabindex="0"
|
|
790
|
-
type="text"
|
|
791
|
-
value=""
|
|
792
|
-
/>
|
|
793
|
-
<div
|
|
794
|
-
aria-atomic="true"
|
|
795
|
-
aria-live="polite"
|
|
796
|
-
class="divider text"
|
|
797
|
-
role="alert"
|
|
798
|
-
>
|
|
799
|
-
functions.form.expression.function.placeholder
|
|
800
|
-
</div>
|
|
801
|
-
<i
|
|
802
|
-
aria-hidden="true"
|
|
803
|
-
class="dropdown icon"
|
|
804
|
-
/>
|
|
805
798
|
<div
|
|
806
|
-
|
|
807
|
-
|
|
799
|
+
aria-checked="false"
|
|
800
|
+
aria-selected="true"
|
|
801
|
+
class="selected item"
|
|
802
|
+
role="option"
|
|
803
|
+
style="pointer-events: all;"
|
|
808
804
|
>
|
|
809
805
|
<div
|
|
810
|
-
|
|
811
|
-
aria-selected="true"
|
|
812
|
-
class="selected item"
|
|
813
|
-
role="option"
|
|
814
|
-
style="pointer-events: all;"
|
|
806
|
+
class="ui header"
|
|
815
807
|
>
|
|
816
808
|
<div
|
|
817
|
-
class="
|
|
809
|
+
class="flex-center"
|
|
818
810
|
>
|
|
811
|
+
<div>
|
|
812
|
+
eq
|
|
813
|
+
</div>
|
|
819
814
|
<div
|
|
820
|
-
class="
|
|
815
|
+
class="function-params-label"
|
|
821
816
|
>
|
|
822
|
-
<div
|
|
823
|
-
|
|
817
|
+
<div
|
|
818
|
+
class="ui grey label"
|
|
819
|
+
>
|
|
820
|
+
<i
|
|
821
|
+
aria-hidden="true"
|
|
822
|
+
class="question circle outline icon"
|
|
823
|
+
/>
|
|
824
|
+
arg1
|
|
824
825
|
</div>
|
|
825
826
|
<div
|
|
826
|
-
class="
|
|
827
|
+
class="ui grey label"
|
|
827
828
|
>
|
|
828
|
-
<
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
class="question circle outline icon"
|
|
834
|
-
/>
|
|
835
|
-
arg1
|
|
836
|
-
</div>
|
|
837
|
-
<div
|
|
838
|
-
class="ui grey label"
|
|
839
|
-
>
|
|
840
|
-
<i
|
|
841
|
-
aria-hidden="true"
|
|
842
|
-
class="question circle outline icon"
|
|
843
|
-
/>
|
|
844
|
-
arg2
|
|
845
|
-
</div>
|
|
829
|
+
<i
|
|
830
|
+
aria-hidden="true"
|
|
831
|
+
class="question circle outline icon"
|
|
832
|
+
/>
|
|
833
|
+
arg2
|
|
846
834
|
</div>
|
|
847
835
|
</div>
|
|
848
836
|
</div>
|
|
849
|
-
<div
|
|
850
|
-
class="sub header"
|
|
851
|
-
/>
|
|
852
837
|
</div>
|
|
838
|
+
<div
|
|
839
|
+
class="sub header"
|
|
840
|
+
/>
|
|
853
841
|
</div>
|
|
854
842
|
</div>
|
|
855
843
|
</div>
|
|
856
844
|
</div>
|
|
857
845
|
</div>
|
|
858
|
-
<div
|
|
859
|
-
class="content active no-padding"
|
|
860
|
-
/>
|
|
861
846
|
</div>
|
|
847
|
+
<div
|
|
848
|
+
class="content active no-padding"
|
|
849
|
+
/>
|
|
862
850
|
</div>
|
|
863
851
|
</div>
|
|
864
852
|
</div>
|
|
@@ -889,172 +877,168 @@ exports[`<FunctionSelector /> user interaction 2`] = `
|
|
|
889
877
|
/>
|
|
890
878
|
</div>
|
|
891
879
|
<div
|
|
892
|
-
class="
|
|
880
|
+
class="expression-container"
|
|
893
881
|
>
|
|
894
882
|
<div
|
|
895
|
-
class="
|
|
883
|
+
class="expression-content"
|
|
896
884
|
>
|
|
897
885
|
<div
|
|
898
|
-
|
|
886
|
+
aria-expanded="false"
|
|
887
|
+
class="ui top left pointing dropdown"
|
|
888
|
+
role="listbox"
|
|
889
|
+
tabindex="0"
|
|
899
890
|
>
|
|
900
891
|
<div
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
892
|
+
class="shape-selector-trigger"
|
|
893
|
+
>
|
|
894
|
+
f(x)
|
|
895
|
+
</div>
|
|
896
|
+
<div
|
|
897
|
+
class="menu transition"
|
|
905
898
|
>
|
|
906
899
|
<div
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
class="menu transition"
|
|
900
|
+
aria-checked="true"
|
|
901
|
+
aria-selected="true"
|
|
902
|
+
class="active selected item"
|
|
903
|
+
role="option"
|
|
904
|
+
style="pointer-events: all;"
|
|
913
905
|
>
|
|
914
906
|
<div
|
|
915
|
-
|
|
916
|
-
aria-selected="false"
|
|
917
|
-
class="item"
|
|
918
|
-
role="option"
|
|
919
|
-
style="pointer-events: all;"
|
|
907
|
+
class="text flex-center"
|
|
920
908
|
>
|
|
921
|
-
<
|
|
922
|
-
|
|
909
|
+
<small
|
|
910
|
+
style="margin-right: 5px;"
|
|
923
911
|
>
|
|
924
|
-
<
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
</b>
|
|
932
|
-
</small>
|
|
933
|
-
functions.expression.shape.constant
|
|
934
|
-
</div>
|
|
912
|
+
<b>
|
|
913
|
+
<code>
|
|
914
|
+
f(x)
|
|
915
|
+
</code>
|
|
916
|
+
</b>
|
|
917
|
+
</small>
|
|
918
|
+
functions.expression.shape.function
|
|
935
919
|
</div>
|
|
920
|
+
</div>
|
|
921
|
+
<div
|
|
922
|
+
aria-checked="false"
|
|
923
|
+
aria-selected="false"
|
|
924
|
+
class="item"
|
|
925
|
+
role="option"
|
|
926
|
+
style="pointer-events: all;"
|
|
927
|
+
>
|
|
936
928
|
<div
|
|
937
|
-
|
|
938
|
-
aria-selected="true"
|
|
939
|
-
class="active selected item"
|
|
940
|
-
role="option"
|
|
941
|
-
style="pointer-events: all;"
|
|
929
|
+
class="text flex-center"
|
|
942
930
|
>
|
|
943
|
-
<
|
|
944
|
-
|
|
931
|
+
<small
|
|
932
|
+
style="margin-right: 5px;"
|
|
945
933
|
>
|
|
946
|
-
<
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
</b>
|
|
954
|
-
</small>
|
|
955
|
-
functions.expression.shape.function
|
|
956
|
-
</div>
|
|
934
|
+
<b>
|
|
935
|
+
<code>
|
|
936
|
+
[π]
|
|
937
|
+
</code>
|
|
938
|
+
</b>
|
|
939
|
+
</small>
|
|
940
|
+
functions.expression.shape.constant
|
|
957
941
|
</div>
|
|
958
942
|
</div>
|
|
959
943
|
</div>
|
|
944
|
+
</div>
|
|
945
|
+
<div
|
|
946
|
+
class="accordion ui fluid no-margin"
|
|
947
|
+
>
|
|
960
948
|
<div
|
|
961
|
-
class="
|
|
949
|
+
class="active title no-padding"
|
|
962
950
|
>
|
|
963
951
|
<div
|
|
964
|
-
class="
|
|
952
|
+
class="flex-center"
|
|
965
953
|
>
|
|
954
|
+
<i
|
|
955
|
+
aria-hidden="true"
|
|
956
|
+
class="dropdown icon"
|
|
957
|
+
/>
|
|
966
958
|
<div
|
|
967
|
-
class="
|
|
959
|
+
class="sixteen wide field"
|
|
968
960
|
>
|
|
969
|
-
<i
|
|
970
|
-
aria-hidden="true"
|
|
971
|
-
class="dropdown icon"
|
|
972
|
-
/>
|
|
973
961
|
<div
|
|
974
|
-
|
|
962
|
+
aria-expanded="false"
|
|
963
|
+
class="ui fluid search selection dropdown"
|
|
964
|
+
role="combobox"
|
|
975
965
|
>
|
|
966
|
+
<input
|
|
967
|
+
aria-autocomplete="list"
|
|
968
|
+
autocomplete="off"
|
|
969
|
+
class="search"
|
|
970
|
+
tabindex="0"
|
|
971
|
+
type="text"
|
|
972
|
+
value=""
|
|
973
|
+
/>
|
|
976
974
|
<div
|
|
977
|
-
aria-
|
|
978
|
-
|
|
979
|
-
|
|
975
|
+
aria-atomic="true"
|
|
976
|
+
aria-live="polite"
|
|
977
|
+
class="divider text"
|
|
978
|
+
role="alert"
|
|
979
|
+
>
|
|
980
|
+
functions.form.expression.function.placeholder
|
|
981
|
+
</div>
|
|
982
|
+
<i
|
|
983
|
+
aria-hidden="true"
|
|
984
|
+
class="dropdown icon"
|
|
985
|
+
/>
|
|
986
|
+
<div
|
|
987
|
+
class="menu transition"
|
|
988
|
+
role="listbox"
|
|
980
989
|
>
|
|
981
|
-
<input
|
|
982
|
-
aria-autocomplete="list"
|
|
983
|
-
autocomplete="off"
|
|
984
|
-
class="search"
|
|
985
|
-
tabindex="0"
|
|
986
|
-
type="text"
|
|
987
|
-
value=""
|
|
988
|
-
/>
|
|
989
|
-
<div
|
|
990
|
-
aria-atomic="true"
|
|
991
|
-
aria-live="polite"
|
|
992
|
-
class="divider text"
|
|
993
|
-
role="alert"
|
|
994
|
-
>
|
|
995
|
-
functions.form.expression.function.placeholder
|
|
996
|
-
</div>
|
|
997
|
-
<i
|
|
998
|
-
aria-hidden="true"
|
|
999
|
-
class="dropdown icon"
|
|
1000
|
-
/>
|
|
1001
990
|
<div
|
|
1002
|
-
|
|
1003
|
-
|
|
991
|
+
aria-checked="false"
|
|
992
|
+
aria-selected="true"
|
|
993
|
+
class="selected item"
|
|
994
|
+
role="option"
|
|
995
|
+
style="pointer-events: all;"
|
|
1004
996
|
>
|
|
1005
997
|
<div
|
|
1006
|
-
|
|
1007
|
-
aria-selected="true"
|
|
1008
|
-
class="selected item"
|
|
1009
|
-
role="option"
|
|
1010
|
-
style="pointer-events: all;"
|
|
998
|
+
class="ui header"
|
|
1011
999
|
>
|
|
1012
1000
|
<div
|
|
1013
|
-
class="
|
|
1001
|
+
class="flex-center"
|
|
1014
1002
|
>
|
|
1003
|
+
<div>
|
|
1004
|
+
eq
|
|
1005
|
+
</div>
|
|
1015
1006
|
<div
|
|
1016
|
-
class="
|
|
1007
|
+
class="function-params-label"
|
|
1017
1008
|
>
|
|
1018
|
-
<div
|
|
1019
|
-
|
|
1009
|
+
<div
|
|
1010
|
+
class="ui grey label"
|
|
1011
|
+
>
|
|
1012
|
+
<i
|
|
1013
|
+
aria-hidden="true"
|
|
1014
|
+
class="question circle outline icon"
|
|
1015
|
+
/>
|
|
1016
|
+
arg1
|
|
1020
1017
|
</div>
|
|
1021
1018
|
<div
|
|
1022
|
-
class="
|
|
1019
|
+
class="ui grey label"
|
|
1023
1020
|
>
|
|
1024
|
-
<
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
class="question circle outline icon"
|
|
1030
|
-
/>
|
|
1031
|
-
arg1
|
|
1032
|
-
</div>
|
|
1033
|
-
<div
|
|
1034
|
-
class="ui grey label"
|
|
1035
|
-
>
|
|
1036
|
-
<i
|
|
1037
|
-
aria-hidden="true"
|
|
1038
|
-
class="question circle outline icon"
|
|
1039
|
-
/>
|
|
1040
|
-
arg2
|
|
1041
|
-
</div>
|
|
1021
|
+
<i
|
|
1022
|
+
aria-hidden="true"
|
|
1023
|
+
class="question circle outline icon"
|
|
1024
|
+
/>
|
|
1025
|
+
arg2
|
|
1042
1026
|
</div>
|
|
1043
1027
|
</div>
|
|
1044
1028
|
</div>
|
|
1045
|
-
<div
|
|
1046
|
-
class="sub header"
|
|
1047
|
-
/>
|
|
1048
1029
|
</div>
|
|
1030
|
+
<div
|
|
1031
|
+
class="sub header"
|
|
1032
|
+
/>
|
|
1049
1033
|
</div>
|
|
1050
1034
|
</div>
|
|
1051
1035
|
</div>
|
|
1052
1036
|
</div>
|
|
1053
1037
|
</div>
|
|
1054
|
-
<div
|
|
1055
|
-
class="content active no-padding"
|
|
1056
|
-
/>
|
|
1057
1038
|
</div>
|
|
1039
|
+
<div
|
|
1040
|
+
class="content active no-padding"
|
|
1041
|
+
/>
|
|
1058
1042
|
</div>
|
|
1059
1043
|
</div>
|
|
1060
1044
|
</div>
|