@syncfusion/ej2-react-querybuilder 20.4.48 → 21.1.35

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 (40) hide show
  1. package/CHANGELOG.md +3 -8
  2. package/diConfig.json +1 -0
  3. package/dist/ej2-react-querybuilder.min.js +2 -2
  4. package/dist/ej2-react-querybuilder.umd.min.js +2 -2
  5. package/dist/ej2-react-querybuilder.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-react-querybuilder.es2015.js +1 -0
  7. package/dist/es6/ej2-react-querybuilder.es2015.js.map +1 -1
  8. package/package.json +9 -9
  9. package/src/query-builder/querybuilder.component.d.ts +1 -0
  10. package/src/query-builder/querybuilder.component.js +1 -0
  11. package/styles/bootstrap-dark.css +17 -9
  12. package/styles/bootstrap.css +9 -9
  13. package/styles/bootstrap4.css +10 -10
  14. package/styles/bootstrap5-dark.css +11 -11
  15. package/styles/bootstrap5.css +11 -11
  16. package/styles/fabric-dark.css +15 -9
  17. package/styles/fabric.css +9 -9
  18. package/styles/fluent-dark.css +12 -12
  19. package/styles/fluent.css +12 -12
  20. package/styles/highcontrast-light.css +9 -30
  21. package/styles/highcontrast.css +9 -9
  22. package/styles/material-dark.css +9 -9
  23. package/styles/material.css +9 -9
  24. package/styles/query-builder/bootstrap-dark.css +17 -9
  25. package/styles/query-builder/bootstrap.css +9 -9
  26. package/styles/query-builder/bootstrap4.css +10 -10
  27. package/styles/query-builder/bootstrap5-dark.css +11 -11
  28. package/styles/query-builder/bootstrap5.css +11 -11
  29. package/styles/query-builder/fabric-dark.css +15 -9
  30. package/styles/query-builder/fabric.css +9 -9
  31. package/styles/query-builder/fluent-dark.css +12 -12
  32. package/styles/query-builder/fluent.css +12 -12
  33. package/styles/query-builder/highcontrast-light.css +9 -30
  34. package/styles/query-builder/highcontrast.css +9 -9
  35. package/styles/query-builder/material-dark.css +9 -9
  36. package/styles/query-builder/material.css +9 -9
  37. package/styles/query-builder/tailwind-dark.css +9 -9
  38. package/styles/query-builder/tailwind.css +9 -9
  39. package/styles/tailwind-dark.css +9 -9
  40. package/styles/tailwind.css +9 -9
package/styles/query-builder/highcontrast.css CHANGED
@@ -431,7 +431,7 @@
431
431
  border-top-left-radius: 0;
432
432
  border-top-right-radius: 0;
433
433
  border-top-style: dotted;
434
- border-top-width: 2px;
434
+ border-top-width: 1px;
435
435
  margin-top: 0;
436
436
  }
437
437
  .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -724,7 +724,7 @@
724
724
  }
725
725
 
726
726
  .e-query-builder {
727
- background-color: #000;
727
+ background: #000;
728
728
  border-color: #969696;
729
729
  }
730
730
  .e-query-builder .e-group-header .e-btn-group {
@@ -743,14 +743,14 @@
743
743
  border-color: #969696;
744
744
  }
745
745
  .e-query-builder .e-rule-container {
746
- background-color: #000;
746
+ background: #000;
747
747
  border-color: #969696;
748
748
  }
749
749
  .e-query-builder .e-rule-container.e-joined-rule {
750
750
  border-top-color: #ccc;
751
751
  }
752
752
  .e-query-builder .e-rule-list .e-group-container {
753
- background-color: #000;
753
+ background: #000;
754
754
  }
755
755
  .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
756
756
  border-color: #ccc;
@@ -773,27 +773,27 @@
773
773
  border-left-color: #ffd939;
774
774
  }
775
775
  .e-query-builder .e-removerule.e-btn.e-round {
776
- background-color: #000;
776
+ background: #000;
777
777
  }
778
778
  .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
779
779
  display: none;
780
780
  }
781
781
  .e-query-builder .e-summary-content textarea {
782
- background-color: #000;
782
+ background: #000;
783
783
  color: #fff;
784
784
  }
785
785
  .e-query-builder .e-collapse-rule {
786
- background-color: #000;
786
+ background: #000;
787
787
  border-color: #969696;
788
788
  color: #fff;
789
789
  }
790
790
  .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
791
- background-color: #969696;
791
+ background: #969696;
792
792
  }
793
793
 
794
794
  .e-tooltip-wrap.e-querybuilder-error,
795
795
  .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
796
- background-color: #b30900;
796
+ background: #b30900;
797
797
  border-color: #b30900;
798
798
  }
799
799
 
package/styles/query-builder/material-dark.css CHANGED
@@ -359,7 +359,7 @@
359
359
  border-top-left-radius: 0;
360
360
  border-top-right-radius: 0;
361
361
  border-top-style: dotted;
362
- border-top-width: 2px;
362
+ border-top-width: 1px;
363
363
  margin-top: 0;
364
364
  }
365
365
  .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -652,7 +652,7 @@
652
652
  }
653
653
 
654
654
  .e-query-builder {
655
- background-color: #303030;
655
+ background: #303030;
656
656
  border-color: #616161;
657
657
  }
658
658
  .e-query-builder .e-group-header .e-btn-group {
@@ -662,14 +662,14 @@
662
662
  border-color: #616161;
663
663
  }
664
664
  .e-query-builder .e-rule-container {
665
- background-color: #424242;
665
+ background: #424242;
666
666
  border-color: #616161;
667
667
  }
668
668
  .e-query-builder .e-rule-container.e-joined-rule {
669
669
  border-top-color: #616161;
670
670
  }
671
671
  .e-query-builder .e-rule-list .e-group-container {
672
- background-color: #303030;
672
+ background: #303030;
673
673
  }
674
674
  .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
675
675
  border-color: #616161;
@@ -680,27 +680,27 @@
680
680
  color: #000;
681
681
  }
682
682
  .e-query-builder .e-removerule.e-btn.e-round {
683
- background-color: #424242;
683
+ background: #424242;
684
684
  }
685
685
  .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
686
686
  display: none;
687
687
  }
688
688
  .e-query-builder .e-summary-content textarea {
689
- background-color: #303030;
689
+ background: #303030;
690
690
  color: #fff;
691
691
  }
692
692
  .e-query-builder .e-collapse-rule {
693
- background-color: #303030;
693
+ background: #303030;
694
694
  border-color: rgba(0, 0, 0, 0.12);
695
695
  color: #fff;
696
696
  }
697
697
  .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
698
- background-color: #616161;
698
+ background: #616161;
699
699
  }
700
700
 
701
701
  .e-tooltip-wrap.e-querybuilder-error,
702
702
  .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
703
- background-color: #fcdbe4;
703
+ background: #fcdbe4;
704
704
  border-color: #fcdbe4;
705
705
  }
706
706
 
package/styles/query-builder/material.css CHANGED
@@ -384,7 +384,7 @@
384
384
  border-top-left-radius: 0;
385
385
  border-top-right-radius: 0;
386
386
  border-top-style: dotted;
387
- border-top-width: 2px;
387
+ border-top-width: 1px;
388
388
  margin-top: 0;
389
389
  }
390
390
  .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -677,7 +677,7 @@
677
677
  }
678
678
 
679
679
  .e-query-builder {
680
- background-color: #fff;
680
+ background: #fff;
681
681
  border-color: #e0e0e0;
682
682
  }
683
683
  .e-query-builder .e-group-header .e-btn-group {
@@ -687,14 +687,14 @@
687
687
  border-color: #d3d3d3;
688
688
  }
689
689
  .e-query-builder .e-rule-container {
690
- background-color: #fff;
690
+ background: #fff;
691
691
  border-color: #d3d3d3;
692
692
  }
693
693
  .e-query-builder .e-rule-container.e-joined-rule {
694
694
  border-top-color: #e0e0e0;
695
695
  }
696
696
  .e-query-builder .e-rule-list .e-group-container {
697
- background-color: #fff;
697
+ background: #fff;
698
698
  }
699
699
  .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
700
700
  border-color: #e0e0e0;
@@ -705,27 +705,27 @@
705
705
  color: #fff;
706
706
  }
707
707
  .e-query-builder .e-removerule.e-btn.e-round {
708
- background-color: #fff;
708
+ background: #fff;
709
709
  }
710
710
  .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
711
711
  display: none;
712
712
  }
713
713
  .e-query-builder .e-summary-content textarea {
714
- background-color: #fff;
714
+ background: #fff;
715
715
  color: rgba(0, 0, 0, 0.87);
716
716
  }
717
717
  .e-query-builder .e-collapse-rule {
718
- background-color: #fff;
718
+ background: #fff;
719
719
  border-color: rgba(0, 0, 0, 0.12);
720
720
  color: rgba(0, 0, 0, 0.87);
721
721
  }
722
722
  .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
723
- background-color: #e0e0e0;
723
+ background: #e0e0e0;
724
724
  }
725
725
 
726
726
  .e-tooltip-wrap.e-querybuilder-error,
727
727
  .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
728
- background-color: #fcdbe4;
728
+ background: #fcdbe4;
729
729
  border-color: #fcdbe4;
730
730
  }
731
731
 
package/styles/query-builder/tailwind-dark.css CHANGED
@@ -379,7 +379,7 @@
379
379
  border-top-left-radius: 0;
380
380
  border-top-right-radius: 0;
381
381
  border-top-style: dotted;
382
- border-top-width: 2px;
382
+ border-top-width: 1px;
383
383
  margin-top: 0;
384
384
  }
385
385
  .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -673,7 +673,7 @@
673
673
  }
674
674
 
675
675
  .e-query-builder {
676
- background-color: transparent;
676
+ background: transparent;
677
677
  border-color: #4b5563;
678
678
  }
679
679
  .e-query-builder .e-group-header .e-btn-group {
@@ -683,14 +683,14 @@
683
683
  border-color: #4b5563;
684
684
  }
685
685
  .e-query-builder .e-rule-container {
686
- background-color: #232e3e;
686
+ background: #232e3e;
687
687
  border-color: #4b5563;
688
688
  }
689
689
  .e-query-builder .e-rule-container.e-joined-rule {
690
690
  border-top-color: #4b5563;
691
691
  }
692
692
  .e-query-builder .e-rule-list .e-group-container {
693
- background-color: transparent;
693
+ background: transparent;
694
694
  }
695
695
  .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
696
696
  border-color: #4b5563;
@@ -701,27 +701,27 @@
701
701
  color: #000;
702
702
  }
703
703
  .e-query-builder .e-removerule.e-btn.e-round {
704
- background-color: transparent;
704
+ background: transparent;
705
705
  }
706
706
  .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
707
707
  display: none;
708
708
  }
709
709
  .e-query-builder .e-summary-content textarea {
710
- background-color: transparent;
710
+ background: transparent;
711
711
  color: #6b7280;
712
712
  }
713
713
  .e-query-builder .e-collapse-rule {
714
- background-color: transparent;
714
+ background: transparent;
715
715
  border-color: #4b5563;
716
716
  color: #6b7280;
717
717
  }
718
718
  .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
719
- background-color: #4b5563;
719
+ background: #4b5563;
720
720
  }
721
721
 
722
722
  .e-tooltip-wrap.e-querybuilder-error,
723
723
  .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
724
- background-color: #fee2e2;
724
+ background: #fee2e2;
725
725
  border-color: #fee2e2;
726
726
  }
727
727
 
package/styles/query-builder/tailwind.css CHANGED
@@ -379,7 +379,7 @@
379
379
  border-top-left-radius: 0;
380
380
  border-top-right-radius: 0;
381
381
  border-top-style: dotted;
382
- border-top-width: 2px;
382
+ border-top-width: 1px;
383
383
  margin-top: 0;
384
384
  }
385
385
  .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -673,7 +673,7 @@
673
673
  }
674
674
 
675
675
  .e-query-builder {
676
- background-color: transparent;
676
+ background: transparent;
677
677
  border-color: #e5e7eb;
678
678
  }
679
679
  .e-query-builder .e-group-header .e-btn-group {
@@ -683,14 +683,14 @@
683
683
  border-color: #e5e7eb;
684
684
  }
685
685
  .e-query-builder .e-rule-container {
686
- background-color: #f9fafb;
686
+ background: #f9fafb;
687
687
  border-color: #e5e7eb;
688
688
  }
689
689
  .e-query-builder .e-rule-container.e-joined-rule {
690
690
  border-top-color: #e5e7eb;
691
691
  }
692
692
  .e-query-builder .e-rule-list .e-group-container {
693
- background-color: transparent;
693
+ background: transparent;
694
694
  }
695
695
  .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
696
696
  border-color: #e5e7eb;
@@ -701,27 +701,27 @@
701
701
  color: #fff;
702
702
  }
703
703
  .e-query-builder .e-removerule.e-btn.e-round {
704
- background-color: transparent;
704
+ background: transparent;
705
705
  }
706
706
  .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
707
707
  display: none;
708
708
  }
709
709
  .e-query-builder .e-summary-content textarea {
710
- background-color: transparent;
710
+ background: transparent;
711
711
  color: #6b7280;
712
712
  }
713
713
  .e-query-builder .e-collapse-rule {
714
- background-color: transparent;
714
+ background: transparent;
715
715
  border-color: #e5e7eb;
716
716
  color: #6b7280;
717
717
  }
718
718
  .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
719
- background-color: #e5e7eb;
719
+ background: #e5e7eb;
720
720
  }
721
721
 
722
722
  .e-tooltip-wrap.e-querybuilder-error,
723
723
  .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
724
- background-color: #fee2e2;
724
+ background: #fee2e2;
725
725
  border-color: #fee2e2;
726
726
  }
727
727
 
package/styles/tailwind-dark.css CHANGED
@@ -379,7 +379,7 @@
379
379
  border-top-left-radius: 0;
380
380
  border-top-right-radius: 0;
381
381
  border-top-style: dotted;
382
- border-top-width: 2px;
382
+ border-top-width: 1px;
383
383
  margin-top: 0;
384
384
  }
385
385
  .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -673,7 +673,7 @@
673
673
  }
674
674
 
675
675
  .e-query-builder {
676
- background-color: transparent;
676
+ background: transparent;
677
677
  border-color: #4b5563;
678
678
  }
679
679
  .e-query-builder .e-group-header .e-btn-group {
@@ -683,14 +683,14 @@
683
683
  border-color: #4b5563;
684
684
  }
685
685
  .e-query-builder .e-rule-container {
686
- background-color: #232e3e;
686
+ background: #232e3e;
687
687
  border-color: #4b5563;
688
688
  }
689
689
  .e-query-builder .e-rule-container.e-joined-rule {
690
690
  border-top-color: #4b5563;
691
691
  }
692
692
  .e-query-builder .e-rule-list .e-group-container {
693
- background-color: transparent;
693
+ background: transparent;
694
694
  }
695
695
  .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
696
696
  border-color: #4b5563;
@@ -701,27 +701,27 @@
701
701
  color: #000;
702
702
  }
703
703
  .e-query-builder .e-removerule.e-btn.e-round {
704
- background-color: transparent;
704
+ background: transparent;
705
705
  }
706
706
  .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
707
707
  display: none;
708
708
  }
709
709
  .e-query-builder .e-summary-content textarea {
710
- background-color: transparent;
710
+ background: transparent;
711
711
  color: #6b7280;
712
712
  }
713
713
  .e-query-builder .e-collapse-rule {
714
- background-color: transparent;
714
+ background: transparent;
715
715
  border-color: #4b5563;
716
716
  color: #6b7280;
717
717
  }
718
718
  .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
719
- background-color: #4b5563;
719
+ background: #4b5563;
720
720
  }
721
721
 
722
722
  .e-tooltip-wrap.e-querybuilder-error,
723
723
  .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
724
- background-color: #fee2e2;
724
+ background: #fee2e2;
725
725
  border-color: #fee2e2;
726
726
  }
727
727
 
package/styles/tailwind.css CHANGED
@@ -379,7 +379,7 @@
379
379
  border-top-left-radius: 0;
380
380
  border-top-right-radius: 0;
381
381
  border-top-style: dotted;
382
- border-top-width: 2px;
382
+ border-top-width: 1px;
383
383
  margin-top: 0;
384
384
  }
385
385
  .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -673,7 +673,7 @@
673
673
  }
674
674
 
675
675
  .e-query-builder {
676
- background-color: transparent;
676
+ background: transparent;
677
677
  border-color: #e5e7eb;
678
678
  }
679
679
  .e-query-builder .e-group-header .e-btn-group {
@@ -683,14 +683,14 @@
683
683
  border-color: #e5e7eb;
684
684
  }
685
685
  .e-query-builder .e-rule-container {
686
- background-color: #f9fafb;
686
+ background: #f9fafb;
687
687
  border-color: #e5e7eb;
688
688
  }
689
689
  .e-query-builder .e-rule-container.e-joined-rule {
690
690
  border-top-color: #e5e7eb;
691
691
  }
692
692
  .e-query-builder .e-rule-list .e-group-container {
693
- background-color: transparent;
693
+ background: transparent;
694
694
  }
695
695
  .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
696
696
  border-color: #e5e7eb;
@@ -701,27 +701,27 @@
701
701
  color: #fff;
702
702
  }
703
703
  .e-query-builder .e-removerule.e-btn.e-round {
704
- background-color: transparent;
704
+ background: transparent;
705
705
  }
706
706
  .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
707
707
  display: none;
708
708
  }
709
709
  .e-query-builder .e-summary-content textarea {
710
- background-color: transparent;
710
+ background: transparent;
711
711
  color: #6b7280;
712
712
  }
713
713
  .e-query-builder .e-collapse-rule {
714
- background-color: transparent;
714
+ background: transparent;
715
715
  border-color: #e5e7eb;
716
716
  color: #6b7280;
717
717
  }
718
718
  .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
719
- background-color: #e5e7eb;
719
+ background: #e5e7eb;
720
720
  }
721
721
 
722
722
  .e-tooltip-wrap.e-querybuilder-error,
723
723
  .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
724
- background-color: #fee2e2;
724
+ background: #fee2e2;
725
725
  border-color: #fee2e2;
726
726
  }
727
727