@truedat/qx 5.14.0 → 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
@@ -112,7 +112,7 @@ exports[`<FunctionEditor /> matches snapshot without onDelete 1`] = `
112
112
  <span
113
113
  class="text"
114
114
  >
115
- numeric
115
+ number
116
116
  </span>
117
117
  </div>
118
118
  <div
@@ -216,163 +216,169 @@ exports[`<FunctionEditor /> matches snapshot without onDelete 1`] = `
216
216
  output
217
217
  </h5>
218
218
  <div
219
- class="expression-container"
219
+ class="ui grid"
220
220
  >
221
221
  <div
222
- aria-expanded="false"
223
- class="ui top left pointing dropdown"
224
- role="listbox"
225
- tabindex="0"
222
+ class="sixteen wide column"
226
223
  >
227
224
  <div
228
- class="shape-selector-trigger"
229
- >
230
- f(x)
231
- </div>
232
- <div
233
- class="menu transition"
225
+ class="expression-container"
234
226
  >
235
227
  <div
236
- aria-checked="false"
237
- aria-selected="false"
238
- class="item"
239
- role="option"
240
- style="pointer-events: all;"
228
+ aria-expanded="false"
229
+ class="ui top left pointing dropdown"
230
+ role="listbox"
231
+ tabindex="0"
241
232
  >
242
233
  <div
243
- class="text"
244
- style="display: flex; align-items: center;"
234
+ class="shape-selector-trigger"
245
235
  >
246
- <small
247
- style="margin-right: 5px;"
248
- >
249
- <b>
250
- <code>
251
- [π]
252
- </code>
253
- </b>
254
- </small>
255
- constant
236
+ f(x)
256
237
  </div>
257
- </div>
258
- <div
259
- aria-checked="true"
260
- aria-selected="true"
261
- class="active selected item"
262
- role="option"
263
- style="pointer-events: all;"
264
- >
265
238
  <div
266
- class="text"
267
- style="display: flex; align-items: center;"
239
+ class="menu transition"
268
240
  >
269
- <small
270
- style="margin-right: 5px;"
241
+ <div
242
+ aria-checked="false"
243
+ aria-selected="false"
244
+ class="item"
245
+ role="option"
246
+ style="pointer-events: all;"
271
247
  >
272
- <b>
273
- <code>
274
- f(x)
275
- </code>
276
- </b>
277
- </small>
278
- function
248
+ <div
249
+ class="text flex-center"
250
+ >
251
+ <small
252
+ style="margin-right: 5px;"
253
+ >
254
+ <b>
255
+ <code>
256
+ [π]
257
+ </code>
258
+ </b>
259
+ </small>
260
+ constant
261
+ </div>
262
+ </div>
263
+ <div
264
+ aria-checked="true"
265
+ aria-selected="true"
266
+ class="active selected item"
267
+ role="option"
268
+ style="pointer-events: all;"
269
+ >
270
+ <div
271
+ class="text flex-center"
272
+ >
273
+ <small
274
+ style="margin-right: 5px;"
275
+ >
276
+ <b>
277
+ <code>
278
+ f(x)
279
+ </code>
280
+ </b>
281
+ </small>
282
+ function
283
+ </div>
284
+ </div>
279
285
  </div>
280
286
  </div>
281
- </div>
282
- </div>
283
- <div
284
- class="accordion ui fluid no-margin"
285
- >
286
- <div
287
- class="active title no-padding"
288
- >
289
287
  <div
290
- class="flex-center"
288
+ class="accordion ui fluid no-margin"
291
289
  >
292
- <i
293
- aria-hidden="true"
294
- class="dropdown icon"
295
- />
296
290
  <div
297
- aria-expanded="false"
298
- class="ui fluid search selection dropdown"
299
- role="combobox"
291
+ class="active title no-padding"
300
292
  >
301
- <input
302
- aria-autocomplete="list"
303
- autocomplete="off"
304
- class="search"
305
- tabindex="0"
306
- type="text"
307
- value=""
308
- />
309
293
  <div
310
- aria-atomic="true"
311
- aria-live="polite"
312
- class="divider text"
313
- role="alert"
314
- >
315
- function.placeholder
316
- </div>
317
- <i
318
- aria-hidden="true"
319
- class="dropdown icon"
320
- />
321
- <div
322
- class="menu transition"
323
- role="listbox"
294
+ class="flex-center"
324
295
  >
296
+ <i
297
+ aria-hidden="true"
298
+ class="dropdown icon"
299
+ />
325
300
  <div
326
- aria-checked="false"
327
- aria-selected="true"
328
- class="selected item"
329
- role="option"
330
- style="pointer-events: all;"
301
+ aria-expanded="false"
302
+ class="ui fluid search selection dropdown"
303
+ role="combobox"
331
304
  >
305
+ <input
306
+ aria-autocomplete="list"
307
+ autocomplete="off"
308
+ class="search"
309
+ tabindex="0"
310
+ type="text"
311
+ value=""
312
+ />
313
+ <div
314
+ aria-atomic="true"
315
+ aria-live="polite"
316
+ class="divider text"
317
+ role="alert"
318
+ >
319
+ function.placeholder
320
+ </div>
321
+ <i
322
+ aria-hidden="true"
323
+ class="dropdown icon"
324
+ />
332
325
  <div
333
- class="ui header"
326
+ class="menu transition"
327
+ role="listbox"
334
328
  >
335
329
  <div
336
- class="flex-center"
330
+ aria-checked="false"
331
+ aria-selected="true"
332
+ class="selected item"
333
+ role="option"
334
+ style="pointer-events: all;"
337
335
  >
338
- <div>
339
- eq
340
- </div>
341
336
  <div
342
- class="function-params-label"
337
+ class="ui header"
343
338
  >
344
339
  <div
345
- class="ui grey label"
340
+ class="flex-center"
346
341
  >
347
- <i
348
- aria-hidden="true"
349
- class="question circle outline icon"
350
- />
351
- arg1
352
- </div>
353
- <div
354
- class="ui grey label"
355
- >
356
- <i
357
- aria-hidden="true"
358
- class="question circle outline icon"
359
- />
360
- arg2
342
+ <div>
343
+ eq
344
+ </div>
345
+ <div
346
+ class="function-params-label"
347
+ >
348
+ <div
349
+ class="ui grey label"
350
+ >
351
+ <i
352
+ aria-hidden="true"
353
+ class="question circle outline icon"
354
+ />
355
+ arg1
356
+ </div>
357
+ <div
358
+ class="ui grey label"
359
+ >
360
+ <i
361
+ aria-hidden="true"
362
+ class="question circle outline icon"
363
+ />
364
+ arg2
365
+ </div>
366
+ </div>
361
367
  </div>
362
368
  </div>
369
+ <div
370
+ class="sub header"
371
+ />
363
372
  </div>
364
373
  </div>
365
- <div
366
- class="sub header"
367
- />
368
374
  </div>
369
375
  </div>
370
376
  </div>
377
+ <div
378
+ class="content active no-padding"
379
+ />
371
380
  </div>
372
381
  </div>
373
- <div
374
- class="content active no-padding"
375
- />
376
382
  </div>
377
383
  </div>
378
384
  <div
@@ -381,11 +387,6 @@ exports[`<FunctionEditor /> matches snapshot without onDelete 1`] = `
381
387
  <div
382
388
  class="actions"
383
389
  >
384
- <button
385
- class="ui button"
386
- >
387
- cancel
388
- </button>
389
390
  <button
390
391
  class="ui primary disabled button"
391
392
  disabled=""
@@ -393,6 +394,11 @@ exports[`<FunctionEditor /> matches snapshot without onDelete 1`] = `
393
394
  >
394
395
  save
395
396
  </button>
397
+ <button
398
+ class="ui button"
399
+ >
400
+ cancel
401
+ </button>
396
402
  </div>
397
403
  </form>
398
404
  </div>
@@ -512,7 +518,7 @@ exports[`<FunctionEditor /> matches the latest snapshot 1`] = `
512
518
  <span
513
519
  class="text"
514
520
  >
515
- numeric
521
+ number
516
522
  </span>
517
523
  </div>
518
524
  <div
@@ -616,163 +622,169 @@ exports[`<FunctionEditor /> matches the latest snapshot 1`] = `
616
622
  output
617
623
  </h5>
618
624
  <div
619
- class="expression-container"
625
+ class="ui grid"
620
626
  >
621
627
  <div
622
- aria-expanded="false"
623
- class="ui top left pointing dropdown"
624
- role="listbox"
625
- tabindex="0"
628
+ class="sixteen wide column"
626
629
  >
627
630
  <div
628
- class="shape-selector-trigger"
629
- >
630
- f(x)
631
- </div>
632
- <div
633
- class="menu transition"
631
+ class="expression-container"
634
632
  >
635
633
  <div
636
- aria-checked="false"
637
- aria-selected="false"
638
- class="item"
639
- role="option"
640
- style="pointer-events: all;"
634
+ aria-expanded="false"
635
+ class="ui top left pointing dropdown"
636
+ role="listbox"
637
+ tabindex="0"
641
638
  >
642
639
  <div
643
- class="text"
644
- style="display: flex; align-items: center;"
640
+ class="shape-selector-trigger"
645
641
  >
646
- <small
647
- style="margin-right: 5px;"
648
- >
649
- <b>
650
- <code>
651
- [π]
652
- </code>
653
- </b>
654
- </small>
655
- constant
642
+ f(x)
656
643
  </div>
657
- </div>
658
- <div
659
- aria-checked="true"
660
- aria-selected="true"
661
- class="active selected item"
662
- role="option"
663
- style="pointer-events: all;"
664
- >
665
644
  <div
666
- class="text"
667
- style="display: flex; align-items: center;"
645
+ class="menu transition"
668
646
  >
669
- <small
670
- style="margin-right: 5px;"
647
+ <div
648
+ aria-checked="false"
649
+ aria-selected="false"
650
+ class="item"
651
+ role="option"
652
+ style="pointer-events: all;"
653
+ >
654
+ <div
655
+ class="text flex-center"
656
+ >
657
+ <small
658
+ style="margin-right: 5px;"
659
+ >
660
+ <b>
661
+ <code>
662
+ [π]
663
+ </code>
664
+ </b>
665
+ </small>
666
+ constant
667
+ </div>
668
+ </div>
669
+ <div
670
+ aria-checked="true"
671
+ aria-selected="true"
672
+ class="active selected item"
673
+ role="option"
674
+ style="pointer-events: all;"
671
675
  >
672
- <b>
673
- <code>
674
- f(x)
675
- </code>
676
- </b>
677
- </small>
678
- function
676
+ <div
677
+ class="text flex-center"
678
+ >
679
+ <small
680
+ style="margin-right: 5px;"
681
+ >
682
+ <b>
683
+ <code>
684
+ f(x)
685
+ </code>
686
+ </b>
687
+ </small>
688
+ function
689
+ </div>
690
+ </div>
679
691
  </div>
680
692
  </div>
681
- </div>
682
- </div>
683
- <div
684
- class="accordion ui fluid no-margin"
685
- >
686
- <div
687
- class="active title no-padding"
688
- >
689
693
  <div
690
- class="flex-center"
694
+ class="accordion ui fluid no-margin"
691
695
  >
692
- <i
693
- aria-hidden="true"
694
- class="dropdown icon"
695
- />
696
696
  <div
697
- aria-expanded="false"
698
- class="ui fluid search selection dropdown"
699
- role="combobox"
697
+ class="active title no-padding"
700
698
  >
701
- <input
702
- aria-autocomplete="list"
703
- autocomplete="off"
704
- class="search"
705
- tabindex="0"
706
- type="text"
707
- value=""
708
- />
709
699
  <div
710
- aria-atomic="true"
711
- aria-live="polite"
712
- class="divider text"
713
- role="alert"
714
- >
715
- function.placeholder
716
- </div>
717
- <i
718
- aria-hidden="true"
719
- class="dropdown icon"
720
- />
721
- <div
722
- class="menu transition"
723
- role="listbox"
700
+ class="flex-center"
724
701
  >
702
+ <i
703
+ aria-hidden="true"
704
+ class="dropdown icon"
705
+ />
725
706
  <div
726
- aria-checked="false"
727
- aria-selected="true"
728
- class="selected item"
729
- role="option"
730
- style="pointer-events: all;"
707
+ aria-expanded="false"
708
+ class="ui fluid search selection dropdown"
709
+ role="combobox"
731
710
  >
711
+ <input
712
+ aria-autocomplete="list"
713
+ autocomplete="off"
714
+ class="search"
715
+ tabindex="0"
716
+ type="text"
717
+ value=""
718
+ />
719
+ <div
720
+ aria-atomic="true"
721
+ aria-live="polite"
722
+ class="divider text"
723
+ role="alert"
724
+ >
725
+ function.placeholder
726
+ </div>
727
+ <i
728
+ aria-hidden="true"
729
+ class="dropdown icon"
730
+ />
732
731
  <div
733
- class="ui header"
732
+ class="menu transition"
733
+ role="listbox"
734
734
  >
735
735
  <div
736
- class="flex-center"
736
+ aria-checked="false"
737
+ aria-selected="true"
738
+ class="selected item"
739
+ role="option"
740
+ style="pointer-events: all;"
737
741
  >
738
- <div>
739
- eq
740
- </div>
741
742
  <div
742
- class="function-params-label"
743
+ class="ui header"
743
744
  >
744
745
  <div
745
- class="ui grey label"
746
+ class="flex-center"
746
747
  >
747
- <i
748
- aria-hidden="true"
749
- class="question circle outline icon"
750
- />
751
- arg1
752
- </div>
753
- <div
754
- class="ui grey label"
755
- >
756
- <i
757
- aria-hidden="true"
758
- class="question circle outline icon"
759
- />
760
- arg2
748
+ <div>
749
+ eq
750
+ </div>
751
+ <div
752
+ class="function-params-label"
753
+ >
754
+ <div
755
+ class="ui grey label"
756
+ >
757
+ <i
758
+ aria-hidden="true"
759
+ class="question circle outline icon"
760
+ />
761
+ arg1
762
+ </div>
763
+ <div
764
+ class="ui grey label"
765
+ >
766
+ <i
767
+ aria-hidden="true"
768
+ class="question circle outline icon"
769
+ />
770
+ arg2
771
+ </div>
772
+ </div>
761
773
  </div>
762
774
  </div>
775
+ <div
776
+ class="sub header"
777
+ />
763
778
  </div>
764
779
  </div>
765
- <div
766
- class="sub header"
767
- />
768
780
  </div>
769
781
  </div>
770
782
  </div>
783
+ <div
784
+ class="content active no-padding"
785
+ />
771
786
  </div>
772
787
  </div>
773
- <div
774
- class="content active no-padding"
775
- />
776
788
  </div>
777
789
  </div>
778
790
  <div
@@ -782,9 +794,11 @@ exports[`<FunctionEditor /> matches the latest snapshot 1`] = `
782
794
  class="actions"
783
795
  >
784
796
  <button
785
- class="ui red button"
797
+ class="ui primary disabled button"
798
+ disabled=""
799
+ tabindex="-1"
786
800
  >
787
- delete
801
+ save
788
802
  </button>
789
803
  <button
790
804
  class="ui button"
@@ -792,11 +806,9 @@ exports[`<FunctionEditor /> matches the latest snapshot 1`] = `
792
806
  cancel
793
807
  </button>
794
808
  <button
795
- class="ui primary disabled button"
796
- disabled=""
797
- tabindex="-1"
809
+ class="ui red button"
798
810
  >
799
- save
811
+ delete
800
812
  </button>
801
813
  </div>
802
814
  </form>
@@ -915,7 +927,7 @@ exports[`<FunctionEditor /> test cancel button with confirm 1`] = `
915
927
  <span
916
928
  class="text"
917
929
  >
918
- numeric
930
+ number
919
931
  </span>
920
932
  </div>
921
933
  <div
@@ -1019,116 +1031,122 @@ exports[`<FunctionEditor /> test cancel button with confirm 1`] = `
1019
1031
  output
1020
1032
  </h5>
1021
1033
  <div
1022
- class="expression-container"
1034
+ class="ui grid"
1023
1035
  >
1024
1036
  <div
1025
- aria-expanded="false"
1026
- class="ui top left pointing dropdown"
1027
- role="listbox"
1028
- tabindex="0"
1037
+ class="sixteen wide column"
1029
1038
  >
1030
1039
  <div
1031
- class="shape-selector-trigger"
1032
- >
1033
- [π]
1034
- </div>
1035
- <div
1036
- class="menu transition"
1040
+ class="expression-container"
1037
1041
  >
1038
1042
  <div
1039
- aria-checked="true"
1040
- aria-selected="true"
1041
- class="active selected item"
1042
- role="option"
1043
- style="pointer-events: all;"
1043
+ aria-expanded="false"
1044
+ class="ui top left pointing dropdown"
1045
+ role="listbox"
1046
+ tabindex="0"
1044
1047
  >
1045
1048
  <div
1046
- class="text"
1047
- style="display: flex; align-items: center;"
1049
+ class="shape-selector-trigger"
1048
1050
  >
1049
- <small
1050
- style="margin-right: 5px;"
1051
- >
1052
- <b>
1053
- <code>
1054
- [π]
1055
- </code>
1056
- </b>
1057
- </small>
1058
- constant
1051
+ [π]
1059
1052
  </div>
1060
- </div>
1061
- <div
1062
- aria-checked="false"
1063
- aria-selected="false"
1064
- class="item"
1065
- role="option"
1066
- style="pointer-events: all;"
1067
- >
1068
1053
  <div
1069
- class="text"
1070
- style="display: flex; align-items: center;"
1054
+ class="menu transition"
1071
1055
  >
1072
- <small
1073
- style="margin-right: 5px;"
1056
+ <div
1057
+ aria-checked="true"
1058
+ aria-selected="true"
1059
+ class="active selected item"
1060
+ role="option"
1061
+ style="pointer-events: all;"
1074
1062
  >
1075
- <b>
1076
- <code>
1077
- f(x)
1078
- </code>
1079
- </b>
1080
- </small>
1081
- function
1063
+ <div
1064
+ class="text flex-center"
1065
+ >
1066
+ <small
1067
+ style="margin-right: 5px;"
1068
+ >
1069
+ <b>
1070
+ <code>
1071
+ [π]
1072
+ </code>
1073
+ </b>
1074
+ </small>
1075
+ constant
1076
+ </div>
1077
+ </div>
1078
+ <div
1079
+ aria-checked="false"
1080
+ aria-selected="false"
1081
+ class="item"
1082
+ role="option"
1083
+ style="pointer-events: all;"
1084
+ >
1085
+ <div
1086
+ class="text flex-center"
1087
+ >
1088
+ <small
1089
+ style="margin-right: 5px;"
1090
+ >
1091
+ <b>
1092
+ <code>
1093
+ f(x)
1094
+ </code>
1095
+ </b>
1096
+ </small>
1097
+ function
1098
+ </div>
1099
+ </div>
1082
1100
  </div>
1083
1101
  </div>
1084
- </div>
1085
- </div>
1086
- <div
1087
- aria-expanded="false"
1088
- class="ui fluid selection dropdown"
1089
- role="listbox"
1090
- tabindex="0"
1091
- >
1092
- <div
1093
- aria-atomic="true"
1094
- aria-live="polite"
1095
- class="divider text"
1096
- role="alert"
1097
- >
1098
- true
1099
- </div>
1100
- <i
1101
- aria-hidden="true"
1102
- class="dropdown icon"
1103
- />
1104
- <div
1105
- class="menu transition"
1106
- >
1107
1102
  <div
1108
- aria-checked="true"
1109
- aria-selected="true"
1110
- class="active selected item"
1111
- role="option"
1112
- style="pointer-events: all;"
1103
+ aria-expanded="false"
1104
+ class="ui fluid selection dropdown"
1105
+ role="listbox"
1106
+ tabindex="0"
1113
1107
  >
1114
- <span
1115
- class="text"
1108
+ <div
1109
+ aria-atomic="true"
1110
+ aria-live="polite"
1111
+ class="divider text"
1112
+ role="alert"
1116
1113
  >
1117
1114
  true
1118
- </span>
1119
- </div>
1120
- <div
1121
- aria-checked="false"
1122
- aria-selected="false"
1123
- class="item"
1124
- role="option"
1125
- style="pointer-events: all;"
1126
- >
1127
- <span
1128
- class="text"
1115
+ </div>
1116
+ <i
1117
+ aria-hidden="true"
1118
+ class="dropdown icon"
1119
+ />
1120
+ <div
1121
+ class="menu transition"
1129
1122
  >
1130
- false
1131
- </span>
1123
+ <div
1124
+ aria-checked="true"
1125
+ aria-selected="true"
1126
+ class="active selected item"
1127
+ role="option"
1128
+ style="pointer-events: all;"
1129
+ >
1130
+ <span
1131
+ class="text"
1132
+ >
1133
+ true
1134
+ </span>
1135
+ </div>
1136
+ <div
1137
+ aria-checked="false"
1138
+ aria-selected="false"
1139
+ class="item"
1140
+ role="option"
1141
+ style="pointer-events: all;"
1142
+ >
1143
+ <span
1144
+ class="text"
1145
+ >
1146
+ false
1147
+ </span>
1148
+ </div>
1149
+ </div>
1132
1150
  </div>
1133
1151
  </div>
1134
1152
  </div>
@@ -1140,9 +1158,9 @@ exports[`<FunctionEditor /> test cancel button with confirm 1`] = `
1140
1158
  class="actions"
1141
1159
  >
1142
1160
  <button
1143
- class="ui red button"
1161
+ class="ui primary button"
1144
1162
  >
1145
- delete
1163
+ save
1146
1164
  </button>
1147
1165
  <button
1148
1166
  class="ui button"
@@ -1150,9 +1168,9 @@ exports[`<FunctionEditor /> test cancel button with confirm 1`] = `
1150
1168
  cancel
1151
1169
  </button>
1152
1170
  <button
1153
- class="ui primary button"
1171
+ class="ui red button"
1154
1172
  >
1155
- save
1173
+ delete
1156
1174
  </button>
1157
1175
  </div>
1158
1176
  </form>
@@ -1271,7 +1289,7 @@ exports[`<FunctionEditor /> test delete button 1`] = `
1271
1289
  <span
1272
1290
  class="text"
1273
1291
  >
1274
- numeric
1292
+ number
1275
1293
  </span>
1276
1294
  </div>
1277
1295
  <div
@@ -1375,163 +1393,169 @@ exports[`<FunctionEditor /> test delete button 1`] = `
1375
1393
  output
1376
1394
  </h5>
1377
1395
  <div
1378
- class="expression-container"
1396
+ class="ui grid"
1379
1397
  >
1380
1398
  <div
1381
- aria-expanded="false"
1382
- class="ui top left pointing dropdown"
1383
- role="listbox"
1384
- tabindex="0"
1399
+ class="sixteen wide column"
1385
1400
  >
1386
1401
  <div
1387
- class="shape-selector-trigger"
1388
- >
1389
- f(x)
1390
- </div>
1391
- <div
1392
- class="menu transition"
1402
+ class="expression-container"
1393
1403
  >
1394
1404
  <div
1395
- aria-checked="false"
1396
- aria-selected="false"
1397
- class="item"
1398
- role="option"
1399
- style="pointer-events: all;"
1405
+ aria-expanded="false"
1406
+ class="ui top left pointing dropdown"
1407
+ role="listbox"
1408
+ tabindex="0"
1400
1409
  >
1401
1410
  <div
1402
- class="text"
1403
- style="display: flex; align-items: center;"
1411
+ class="shape-selector-trigger"
1404
1412
  >
1405
- <small
1406
- style="margin-right: 5px;"
1407
- >
1408
- <b>
1409
- <code>
1410
- [π]
1411
- </code>
1412
- </b>
1413
- </small>
1414
- constant
1413
+ f(x)
1415
1414
  </div>
1416
- </div>
1417
- <div
1418
- aria-checked="true"
1419
- aria-selected="true"
1420
- class="active selected item"
1421
- role="option"
1422
- style="pointer-events: all;"
1423
- >
1424
1415
  <div
1425
- class="text"
1426
- style="display: flex; align-items: center;"
1416
+ class="menu transition"
1427
1417
  >
1428
- <small
1429
- style="margin-right: 5px;"
1418
+ <div
1419
+ aria-checked="false"
1420
+ aria-selected="false"
1421
+ class="item"
1422
+ role="option"
1423
+ style="pointer-events: all;"
1430
1424
  >
1431
- <b>
1432
- <code>
1433
- f(x)
1434
- </code>
1435
- </b>
1436
- </small>
1437
- function
1425
+ <div
1426
+ class="text flex-center"
1427
+ >
1428
+ <small
1429
+ style="margin-right: 5px;"
1430
+ >
1431
+ <b>
1432
+ <code>
1433
+ [π]
1434
+ </code>
1435
+ </b>
1436
+ </small>
1437
+ constant
1438
+ </div>
1439
+ </div>
1440
+ <div
1441
+ aria-checked="true"
1442
+ aria-selected="true"
1443
+ class="active selected item"
1444
+ role="option"
1445
+ style="pointer-events: all;"
1446
+ >
1447
+ <div
1448
+ class="text flex-center"
1449
+ >
1450
+ <small
1451
+ style="margin-right: 5px;"
1452
+ >
1453
+ <b>
1454
+ <code>
1455
+ f(x)
1456
+ </code>
1457
+ </b>
1458
+ </small>
1459
+ function
1460
+ </div>
1461
+ </div>
1438
1462
  </div>
1439
1463
  </div>
1440
- </div>
1441
- </div>
1442
- <div
1443
- class="accordion ui fluid no-margin"
1444
- >
1445
- <div
1446
- class="active title no-padding"
1447
- >
1448
1464
  <div
1449
- class="flex-center"
1465
+ class="accordion ui fluid no-margin"
1450
1466
  >
1451
- <i
1452
- aria-hidden="true"
1453
- class="dropdown icon"
1454
- />
1455
1467
  <div
1456
- aria-expanded="false"
1457
- class="ui fluid search selection dropdown"
1458
- role="combobox"
1468
+ class="active title no-padding"
1459
1469
  >
1460
- <input
1461
- aria-autocomplete="list"
1462
- autocomplete="off"
1463
- class="search"
1464
- tabindex="0"
1465
- type="text"
1466
- value=""
1467
- />
1468
- <div
1469
- aria-atomic="true"
1470
- aria-live="polite"
1471
- class="divider text"
1472
- role="alert"
1473
- >
1474
- function.placeholder
1475
- </div>
1476
- <i
1477
- aria-hidden="true"
1478
- class="dropdown icon"
1479
- />
1480
1470
  <div
1481
- class="menu transition"
1482
- role="listbox"
1471
+ class="flex-center"
1483
1472
  >
1473
+ <i
1474
+ aria-hidden="true"
1475
+ class="dropdown icon"
1476
+ />
1484
1477
  <div
1485
- aria-checked="false"
1486
- aria-selected="true"
1487
- class="selected item"
1488
- role="option"
1489
- style="pointer-events: all;"
1478
+ aria-expanded="false"
1479
+ class="ui fluid search selection dropdown"
1480
+ role="combobox"
1490
1481
  >
1482
+ <input
1483
+ aria-autocomplete="list"
1484
+ autocomplete="off"
1485
+ class="search"
1486
+ tabindex="0"
1487
+ type="text"
1488
+ value=""
1489
+ />
1491
1490
  <div
1492
- class="ui header"
1491
+ aria-atomic="true"
1492
+ aria-live="polite"
1493
+ class="divider text"
1494
+ role="alert"
1495
+ >
1496
+ function.placeholder
1497
+ </div>
1498
+ <i
1499
+ aria-hidden="true"
1500
+ class="dropdown icon"
1501
+ />
1502
+ <div
1503
+ class="menu transition"
1504
+ role="listbox"
1493
1505
  >
1494
1506
  <div
1495
- class="flex-center"
1507
+ aria-checked="false"
1508
+ aria-selected="true"
1509
+ class="selected item"
1510
+ role="option"
1511
+ style="pointer-events: all;"
1496
1512
  >
1497
- <div>
1498
- eq
1499
- </div>
1500
1513
  <div
1501
- class="function-params-label"
1514
+ class="ui header"
1502
1515
  >
1503
1516
  <div
1504
- class="ui grey label"
1517
+ class="flex-center"
1505
1518
  >
1506
- <i
1507
- aria-hidden="true"
1508
- class="question circle outline icon"
1509
- />
1510
- arg1
1511
- </div>
1512
- <div
1513
- class="ui grey label"
1514
- >
1515
- <i
1516
- aria-hidden="true"
1517
- class="question circle outline icon"
1518
- />
1519
- arg2
1519
+ <div>
1520
+ eq
1521
+ </div>
1522
+ <div
1523
+ class="function-params-label"
1524
+ >
1525
+ <div
1526
+ class="ui grey label"
1527
+ >
1528
+ <i
1529
+ aria-hidden="true"
1530
+ class="question circle outline icon"
1531
+ />
1532
+ arg1
1533
+ </div>
1534
+ <div
1535
+ class="ui grey label"
1536
+ >
1537
+ <i
1538
+ aria-hidden="true"
1539
+ class="question circle outline icon"
1540
+ />
1541
+ arg2
1542
+ </div>
1543
+ </div>
1520
1544
  </div>
1521
1545
  </div>
1546
+ <div
1547
+ class="sub header"
1548
+ />
1522
1549
  </div>
1523
1550
  </div>
1524
- <div
1525
- class="sub header"
1526
- />
1527
1551
  </div>
1528
1552
  </div>
1529
1553
  </div>
1554
+ <div
1555
+ class="content active no-padding"
1556
+ />
1530
1557
  </div>
1531
1558
  </div>
1532
- <div
1533
- class="content active no-padding"
1534
- />
1535
1559
  </div>
1536
1560
  </div>
1537
1561
  <div
@@ -1541,9 +1565,11 @@ exports[`<FunctionEditor /> test delete button 1`] = `
1541
1565
  class="actions"
1542
1566
  >
1543
1567
  <button
1544
- class="ui red button"
1568
+ class="ui primary disabled button"
1569
+ disabled=""
1570
+ tabindex="-1"
1545
1571
  >
1546
- delete
1572
+ save
1547
1573
  </button>
1548
1574
  <button
1549
1575
  class="ui button"
@@ -1551,11 +1577,9 @@ exports[`<FunctionEditor /> test delete button 1`] = `
1551
1577
  cancel
1552
1578
  </button>
1553
1579
  <button
1554
- class="ui primary disabled button"
1555
- disabled=""
1556
- tabindex="-1"
1580
+ class="ui red button"
1557
1581
  >
1558
- save
1582
+ delete
1559
1583
  </button>
1560
1584
  </div>
1561
1585
  </form>