@truedat/qx 8.10.2 → 8.10.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/package.json +3 -3
  2. package/src/components/QxRoutes.js +8 -7
  3. package/src/components/__tests__/QxRoutes.spec.js +2 -1
  4. package/src/components/__tests__/__fixtures__/helper.js +13 -0
  5. package/src/components/__tests__/__snapshots__/QxRoutes.spec.js.snap +1 -1
  6. package/src/components/common/ClauseViewer.js +52 -8
  7. package/src/components/common/DescriptionInput.js +9 -34
  8. package/src/components/common/TypeSelector.js +20 -10
  9. package/src/components/common/__tests__/ClauseViewer.spec.js +150 -0
  10. package/src/components/common/__tests__/DescriptionInput.spec.js +2 -5
  11. package/src/components/common/__tests__/__snapshots__/DescriptionInput.spec.js.snap +7 -10
  12. package/src/components/common/expressions/Clauses.js +22 -17
  13. package/src/components/common/expressions/Condition.js +201 -102
  14. package/src/components/common/expressions/Expression.js +17 -23
  15. package/src/components/common/expressions/FunctionSelector.js +3 -3
  16. package/src/components/common/expressions/ShapeSelector.js +1 -1
  17. package/src/components/common/expressions/__tests__/Clauses.spec.js +1 -1
  18. package/src/components/common/expressions/__tests__/Condition.spec.js +83 -26
  19. package/src/components/common/expressions/__tests__/ParamSelector.spec.js +1 -1
  20. package/src/components/common/expressions/__tests__/__snapshots__/Clauses.spec.js.snap +18 -22
  21. package/src/components/common/expressions/__tests__/__snapshots__/Condition.spec.js.snap +215 -216
  22. package/src/components/common/expressions/__tests__/__snapshots__/ConstantSelector.spec.js.snap +6 -10
  23. package/src/components/common/expressions/__tests__/__snapshots__/Expression.spec.js.snap +630 -654
  24. package/src/components/common/expressions/__tests__/__snapshots__/FunctionArgs.spec.js.snap +193 -201
  25. package/src/components/common/expressions/__tests__/__snapshots__/FunctionSelector.spec.js.snap +450 -466
  26. package/src/components/common/expressions/__tests__/__snapshots__/ShapeSelector.spec.js.snap +34 -34
  27. package/src/components/common/expressions/constantInputs/AnySelector.js +1 -0
  28. package/src/components/common/expressions/constantInputs/__tests__/__snapshots__/AnySelector.spec.js.snap +15 -15
  29. package/src/components/dataViews/__tests__/__snapshots__/AdvancedDataViewEditor.spec.js.snap +378 -406
  30. package/src/components/dataViews/__tests__/__snapshots__/DataViewSummary.spec.js.snap +6 -6
  31. package/src/components/dataViews/__tests__/__snapshots__/Queryable.spec.js.snap +489 -577
  32. package/src/components/dataViews/__tests__/__snapshots__/Queryables.spec.js.snap +400 -476
  33. package/src/components/dataViews/advancedForm/Queryable.js +56 -64
  34. package/src/components/dataViews/advancedForm/Queryables.js +11 -2
  35. package/src/components/dataViews/queryableProperties/Join.js +16 -6
  36. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/Join.spec.js.snap +0 -28
  37. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/Select.spec.js.snap +270 -282
  38. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/SelectField.spec.js.snap +172 -180
  39. package/src/components/dataViews/simpleForm/DatasetForm.js +4 -0
  40. package/src/components/dataViews/simpleForm/FormQueryable.js +49 -53
  41. package/src/components/dataViews/summary/Where.js +3 -2
  42. package/src/components/functions/FunctionEdit.js +92 -0
  43. package/src/components/functions/FunctionEditor.js +32 -10
  44. package/src/components/functions/FunctionParams.js +54 -61
  45. package/src/components/functions/FunctionsList.js +213 -0
  46. package/src/components/functions/__tests__/FunctionEdit.spec.js +168 -0
  47. package/src/components/functions/__tests__/FunctionParams.spec.js +1 -8
  48. package/src/components/functions/__tests__/FunctionsList.spec.js +62 -0
  49. package/src/components/functions/__tests__/__snapshots__/FunctionEditor.spec.js.snap +553 -469
  50. package/src/components/functions/__tests__/__snapshots__/FunctionParams.spec.js.snap +139 -161
  51. package/src/components/functions/__tests__/__snapshots__/FunctionsList.spec.js.snap +588 -0
  52. package/src/components/qualityControls/__tests__/NewQualityControl.spec.js +4 -0
  53. package/src/components/qualityControls/__tests__/QualityControlEditor.spec.js +8 -1
  54. package/src/components/qualityControls/__tests__/__snapshots__/EditQualityControl.spec.js.snap +109 -118
  55. package/src/components/qualityControls/__tests__/__snapshots__/NewDraftQualityControl.spec.js.snap +109 -118
  56. package/src/components/qualityControls/__tests__/__snapshots__/QualityControlEditor.spec.js.snap +471 -468
  57. package/src/hooks/useFunctions.js +6 -0
  58. package/src/styles/Expression.less +39 -6
  59. package/src/components/functions/Functions.js +0 -143
  60. package/src/components/functions/__tests__/Functions.spec.js +0 -56
  61. package/src/components/functions/__tests__/__snapshots__/Functions.spec.js.snap +0 -85
package/src/components/qualityControls/__tests__/__snapshots__/EditQualityControl.spec.js.snap CHANGED
@@ -567,175 +567,166 @@ exports[`<EditQualityControl /> matches the latest snapshot 1`] = `
567
567
  <label>
568
568
  quality_control.form.control_properties.ratio.validation
569
569
  </label>
570
- <div
571
- class="ui segment"
572
- >
573
- <div
574
- class="clause-and-group"
575
- />
570
+ <div>
576
571
  <div
577
- class="ui hidden divider"
578
- />
579
- <div>
580
- <div
581
- class="ui grid"
582
- >
583
- <div
584
- class="fifteen wide column"
585
- >
572
+ class="ui segment"
573
+ >
574
+ <div>
575
+ <div>
586
576
  <div
587
577
  class="expression-container"
588
578
  >
589
579
  <div
590
- aria-expanded="false"
591
- class="ui top left pointing dropdown"
592
- role="listbox"
593
- tabindex="0"
580
+ class="expression-content"
594
581
  >
595
582
  <div
596
- class="shape-selector-trigger"
597
- >
598
- f(x)
599
- </div>
600
- <div
601
- class="menu transition"
583
+ aria-expanded="false"
584
+ class="ui top left pointing dropdown"
585
+ role="listbox"
586
+ tabindex="0"
602
587
  >
603
588
  <div
604
- aria-checked="false"
605
- aria-selected="false"
606
- class="item"
607
- role="option"
608
- style="pointer-events: all;"
589
+ class="shape-selector-trigger"
590
+ >
591
+ f(x)
592
+ </div>
593
+ <div
594
+ class="menu transition"
609
595
  >
610
596
  <div
611
- class="text flex-center"
597
+ aria-checked="true"
598
+ aria-selected="true"
599
+ class="active selected item"
600
+ role="option"
601
+ style="pointer-events: all;"
612
602
  >
613
- <small
614
- style="margin-right: 5px;"
603
+ <div
604
+ class="text flex-center"
615
605
  >
616
- <b>
617
- <code>
618
- [π]
619
- </code>
620
- </b>
621
- </small>
622
- functions.expression.shape.constant
606
+ <small
607
+ style="margin-right: 5px;"
608
+ >
609
+ <b>
610
+ <code>
611
+ f(x)
612
+ </code>
613
+ </b>
614
+ </small>
615
+ functions.expression.shape.function
616
+ </div>
623
617
  </div>
624
- </div>
625
- <div
626
- aria-checked="true"
627
- aria-selected="true"
628
- class="active selected item"
629
- role="option"
630
- style="pointer-events: all;"
631
- >
632
618
  <div
633
- class="text flex-center"
619
+ aria-checked="false"
620
+ aria-selected="false"
621
+ class="item"
622
+ role="option"
623
+ style="pointer-events: all;"
634
624
  >
635
- <small
636
- style="margin-right: 5px;"
625
+ <div
626
+ class="text flex-center"
637
627
  >
638
- <b>
639
- <code>
640
- f(x)
641
- </code>
642
- </b>
643
- </small>
644
- functions.expression.shape.function
628
+ <small
629
+ style="margin-right: 5px;"
630
+ >
631
+ <b>
632
+ <code>
633
+ [π]
634
+ </code>
635
+ </b>
636
+ </small>
637
+ functions.expression.shape.constant
638
+ </div>
645
639
  </div>
646
640
  </div>
647
641
  </div>
648
- </div>
649
- <div
650
- class="accordion ui fluid no-margin"
651
- >
652
642
  <div
653
- class="active title no-padding"
643
+ class="accordion ui fluid no-margin"
654
644
  >
655
645
  <div
656
- class="flex-center"
646
+ class="active title no-padding"
657
647
  >
658
- <i
659
- aria-hidden="true"
660
- class="dropdown icon"
661
- />
662
648
  <div
663
- class="sixteen wide field"
649
+ class="flex-center"
664
650
  >
651
+ <i
652
+ aria-hidden="true"
653
+ class="dropdown icon"
654
+ />
665
655
  <div
666
- aria-expanded="false"
667
- class="ui fluid search selection dropdown"
668
- role="combobox"
656
+ class="sixteen wide field"
669
657
  >
670
- <input
671
- aria-autocomplete="list"
672
- autocomplete="off"
673
- class="search"
674
- tabindex="0"
675
- type="text"
676
- value=""
677
- />
678
658
  <div
679
- aria-atomic="true"
680
- aria-live="polite"
681
- class="divider text"
682
- role="alert"
683
- >
684
- functions.form.expression.function.placeholder
685
- </div>
686
- <i
687
- aria-hidden="true"
688
- class="dropdown icon"
689
- />
690
- <div
691
- class="menu transition"
692
- role="listbox"
659
+ aria-expanded="false"
660
+ class="ui fluid search selection dropdown"
661
+ role="combobox"
693
662
  >
663
+ <input
664
+ aria-autocomplete="list"
665
+ autocomplete="off"
666
+ class="search"
667
+ tabindex="0"
668
+ type="text"
669
+ value=""
670
+ />
694
671
  <div
695
- class="message"
672
+ aria-atomic="true"
673
+ aria-live="polite"
674
+ class="divider text"
675
+ role="alert"
696
676
  >
697
- No results found.
677
+ functions.form.expression.function.placeholder
678
+ </div>
679
+ <i
680
+ aria-hidden="true"
681
+ class="dropdown icon"
682
+ />
683
+ <div
684
+ class="menu transition"
685
+ role="listbox"
686
+ >
687
+ <div
688
+ class="message"
689
+ >
690
+ No results found.
691
+ </div>
698
692
  </div>
699
693
  </div>
700
694
  </div>
701
695
  </div>
702
696
  </div>
697
+ <div
698
+ class="content active no-padding"
699
+ />
703
700
  </div>
704
- <div
705
- class="content active no-padding"
706
- />
707
701
  </div>
708
702
  </div>
709
703
  </div>
710
704
  <div
711
- class="middle aligned one wide column"
705
+ class="ui horizontal divider"
712
706
  />
713
707
  </div>
714
708
  <div
715
709
  class="ui horizontal divider"
716
- />
717
- </div>
718
- <div
719
- class="ui horizontal divider"
720
- >
721
- <div
722
- class="ui medium basic buttons"
723
710
  >
724
- <button
725
- class="ui button"
711
+ <div
712
+ class="ui medium basic buttons"
726
713
  >
727
- <i
728
- aria-hidden="true"
729
- class="plus icon"
730
- />
731
- expression.clause.action.addExpression
732
- </button>
714
+ <button
715
+ class="ui button"
716
+ >
717
+ <i
718
+ aria-hidden="true"
719
+ class="plus icon"
720
+ />
721
+ expression.clause.action.addExpression
722
+ </button>
723
+ </div>
733
724
  </div>
734
725
  </div>
726
+ <div
727
+ class="ui horizontal divider"
728
+ />
735
729
  </div>
736
- <div
737
- class="ui horizontal divider"
738
- />
739
730
  <div
740
731
  class="ui horizontal divider"
741
732
  >
package/src/components/qualityControls/__tests__/__snapshots__/NewDraftQualityControl.spec.js.snap CHANGED
@@ -567,175 +567,166 @@ exports[`<NewDraftQualityControl /> matches the latest snapshot 1`] = `
567
567
  <label>
568
568
  quality_control.form.control_properties.ratio.validation
569
569
  </label>
570
- <div
571
- class="ui segment"
572
- >
573
- <div
574
- class="clause-and-group"
575
- />
570
+ <div>
576
571
  <div
577
- class="ui hidden divider"
578
- />
579
- <div>
580
- <div
581
- class="ui grid"
582
- >
583
- <div
584
- class="fifteen wide column"
585
- >
572
+ class="ui segment"
573
+ >
574
+ <div>
575
+ <div>
586
576
  <div
587
577
  class="expression-container"
588
578
  >
589
579
  <div
590
- aria-expanded="false"
591
- class="ui top left pointing dropdown"
592
- role="listbox"
593
- tabindex="0"
580
+ class="expression-content"
594
581
  >
595
582
  <div
596
- class="shape-selector-trigger"
597
- >
598
- f(x)
599
- </div>
600
- <div
601
- class="menu transition"
583
+ aria-expanded="false"
584
+ class="ui top left pointing dropdown"
585
+ role="listbox"
586
+ tabindex="0"
602
587
  >
603
588
  <div
604
- aria-checked="false"
605
- aria-selected="false"
606
- class="item"
607
- role="option"
608
- style="pointer-events: all;"
589
+ class="shape-selector-trigger"
590
+ >
591
+ f(x)
592
+ </div>
593
+ <div
594
+ class="menu transition"
609
595
  >
610
596
  <div
611
- class="text flex-center"
597
+ aria-checked="true"
598
+ aria-selected="true"
599
+ class="active selected item"
600
+ role="option"
601
+ style="pointer-events: all;"
612
602
  >
613
- <small
614
- style="margin-right: 5px;"
603
+ <div
604
+ class="text flex-center"
615
605
  >
616
- <b>
617
- <code>
618
- [π]
619
- </code>
620
- </b>
621
- </small>
622
- functions.expression.shape.constant
606
+ <small
607
+ style="margin-right: 5px;"
608
+ >
609
+ <b>
610
+ <code>
611
+ f(x)
612
+ </code>
613
+ </b>
614
+ </small>
615
+ functions.expression.shape.function
616
+ </div>
623
617
  </div>
624
- </div>
625
- <div
626
- aria-checked="true"
627
- aria-selected="true"
628
- class="active selected item"
629
- role="option"
630
- style="pointer-events: all;"
631
- >
632
618
  <div
633
- class="text flex-center"
619
+ aria-checked="false"
620
+ aria-selected="false"
621
+ class="item"
622
+ role="option"
623
+ style="pointer-events: all;"
634
624
  >
635
- <small
636
- style="margin-right: 5px;"
625
+ <div
626
+ class="text flex-center"
637
627
  >
638
- <b>
639
- <code>
640
- f(x)
641
- </code>
642
- </b>
643
- </small>
644
- functions.expression.shape.function
628
+ <small
629
+ style="margin-right: 5px;"
630
+ >
631
+ <b>
632
+ <code>
633
+ [π]
634
+ </code>
635
+ </b>
636
+ </small>
637
+ functions.expression.shape.constant
638
+ </div>
645
639
  </div>
646
640
  </div>
647
641
  </div>
648
- </div>
649
- <div
650
- class="accordion ui fluid no-margin"
651
- >
652
642
  <div
653
- class="active title no-padding"
643
+ class="accordion ui fluid no-margin"
654
644
  >
655
645
  <div
656
- class="flex-center"
646
+ class="active title no-padding"
657
647
  >
658
- <i
659
- aria-hidden="true"
660
- class="dropdown icon"
661
- />
662
648
  <div
663
- class="sixteen wide field"
649
+ class="flex-center"
664
650
  >
651
+ <i
652
+ aria-hidden="true"
653
+ class="dropdown icon"
654
+ />
665
655
  <div
666
- aria-expanded="false"
667
- class="ui fluid search selection dropdown"
668
- role="combobox"
656
+ class="sixteen wide field"
669
657
  >
670
- <input
671
- aria-autocomplete="list"
672
- autocomplete="off"
673
- class="search"
674
- tabindex="0"
675
- type="text"
676
- value=""
677
- />
678
658
  <div
679
- aria-atomic="true"
680
- aria-live="polite"
681
- class="divider text"
682
- role="alert"
683
- >
684
- functions.form.expression.function.placeholder
685
- </div>
686
- <i
687
- aria-hidden="true"
688
- class="dropdown icon"
689
- />
690
- <div
691
- class="menu transition"
692
- role="listbox"
659
+ aria-expanded="false"
660
+ class="ui fluid search selection dropdown"
661
+ role="combobox"
693
662
  >
663
+ <input
664
+ aria-autocomplete="list"
665
+ autocomplete="off"
666
+ class="search"
667
+ tabindex="0"
668
+ type="text"
669
+ value=""
670
+ />
694
671
  <div
695
- class="message"
672
+ aria-atomic="true"
673
+ aria-live="polite"
674
+ class="divider text"
675
+ role="alert"
696
676
  >
697
- No results found.
677
+ functions.form.expression.function.placeholder
678
+ </div>
679
+ <i
680
+ aria-hidden="true"
681
+ class="dropdown icon"
682
+ />
683
+ <div
684
+ class="menu transition"
685
+ role="listbox"
686
+ >
687
+ <div
688
+ class="message"
689
+ >
690
+ No results found.
691
+ </div>
698
692
  </div>
699
693
  </div>
700
694
  </div>
701
695
  </div>
702
696
  </div>
697
+ <div
698
+ class="content active no-padding"
699
+ />
703
700
  </div>
704
- <div
705
- class="content active no-padding"
706
- />
707
701
  </div>
708
702
  </div>
709
703
  </div>
710
704
  <div
711
- class="middle aligned one wide column"
705
+ class="ui horizontal divider"
712
706
  />
713
707
  </div>
714
708
  <div
715
709
  class="ui horizontal divider"
716
- />
717
- </div>
718
- <div
719
- class="ui horizontal divider"
720
- >
721
- <div
722
- class="ui medium basic buttons"
723
710
  >
724
- <button
725
- class="ui button"
711
+ <div
712
+ class="ui medium basic buttons"
726
713
  >
727
- <i
728
- aria-hidden="true"
729
- class="plus icon"
730
- />
731
- expression.clause.action.addExpression
732
- </button>
714
+ <button
715
+ class="ui button"
716
+ >
717
+ <i
718
+ aria-hidden="true"
719
+ class="plus icon"
720
+ />
721
+ expression.clause.action.addExpression
722
+ </button>
723
+ </div>
733
724
  </div>
734
725
  </div>
726
+ <div
727
+ class="ui horizontal divider"
728
+ />
735
729
  </div>
736
- <div
737
- class="ui horizontal divider"
738
- />
739
730
  <div
740
731
  class="ui horizontal divider"
741
732
  >