@syncfusion/ej2-react-grids 20.1.60 → 20.2.38

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 (93) hide show
  1. package/CHANGELOG.md +16 -77
  2. package/dist/ej2-react-grids.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +76 -694
  5. package/styles/bootstrap-dark.scss +0 -1
  6. package/styles/bootstrap.css +75 -693
  7. package/styles/bootstrap.scss +0 -1
  8. package/styles/bootstrap4.css +94 -705
  9. package/styles/bootstrap4.scss +0 -1
  10. package/styles/bootstrap5-dark.css +76 -731
  11. package/styles/bootstrap5-dark.scss +0 -1
  12. package/styles/bootstrap5.css +76 -731
  13. package/styles/bootstrap5.scss +0 -1
  14. package/styles/excel-filter/bootstrap-dark.css +4 -0
  15. package/styles/excel-filter/bootstrap.css +4 -0
  16. package/styles/excel-filter/bootstrap4.css +4 -0
  17. package/styles/excel-filter/bootstrap5-dark.css +4 -0
  18. package/styles/excel-filter/bootstrap5.css +4 -0
  19. package/styles/excel-filter/fabric-dark.css +4 -0
  20. package/styles/excel-filter/fabric.css +4 -0
  21. package/styles/excel-filter/fluent-dark.css +4 -0
  22. package/styles/excel-filter/fluent.css +4 -0
  23. package/styles/excel-filter/highcontrast-light.css +4 -0
  24. package/styles/excel-filter/highcontrast.css +4 -0
  25. package/styles/excel-filter/material-dark.css +4 -0
  26. package/styles/excel-filter/material.css +4 -0
  27. package/styles/excel-filter/tailwind-dark.css +4 -0
  28. package/styles/excel-filter/tailwind.css +4 -0
  29. package/styles/fabric-dark.css +72 -692
  30. package/styles/fabric-dark.scss +0 -1
  31. package/styles/fabric.css +74 -694
  32. package/styles/fabric.scss +0 -1
  33. package/styles/fluent-dark.css +93 -707
  34. package/styles/fluent-dark.scss +0 -1
  35. package/styles/fluent.css +93 -707
  36. package/styles/fluent.scss +0 -1
  37. package/styles/grid/bootstrap-dark.css +72 -7
  38. package/styles/grid/bootstrap.css +71 -6
  39. package/styles/grid/bootstrap4.css +90 -18
  40. package/styles/grid/bootstrap5-dark.css +72 -9
  41. package/styles/grid/bootstrap5.css +72 -9
  42. package/styles/grid/fabric-dark.css +68 -5
  43. package/styles/grid/fabric.css +70 -7
  44. package/styles/grid/fluent-dark.css +89 -18
  45. package/styles/grid/fluent.css +89 -18
  46. package/styles/grid/highcontrast-light.css +68 -5
  47. package/styles/grid/highcontrast.css +68 -5
  48. package/styles/grid/material-dark.css +69 -6
  49. package/styles/grid/material.css +68 -5
  50. package/styles/grid/tailwind-dark.css +73 -9
  51. package/styles/grid/tailwind.css +73 -9
  52. package/styles/highcontrast-light.css +72 -692
  53. package/styles/highcontrast-light.scss +0 -1
  54. package/styles/highcontrast.css +72 -692
  55. package/styles/highcontrast.scss +0 -1
  56. package/styles/material-dark.css +73 -693
  57. package/styles/material-dark.scss +0 -1
  58. package/styles/material.css +72 -692
  59. package/styles/material.scss +0 -1
  60. package/styles/tailwind-dark.css +77 -823
  61. package/styles/tailwind-dark.scss +0 -1
  62. package/styles/tailwind.css +77 -823
  63. package/styles/tailwind.scss +0 -1
  64. package/styles/pager/bootstrap-dark.css +0 -686
  65. package/styles/pager/bootstrap-dark.scss +0 -1
  66. package/styles/pager/bootstrap.css +0 -686
  67. package/styles/pager/bootstrap.scss +0 -1
  68. package/styles/pager/bootstrap4.css +0 -686
  69. package/styles/pager/bootstrap4.scss +0 -1
  70. package/styles/pager/bootstrap5-dark.css +0 -721
  71. package/styles/pager/bootstrap5-dark.scss +0 -1
  72. package/styles/pager/bootstrap5.css +0 -721
  73. package/styles/pager/bootstrap5.scss +0 -1
  74. package/styles/pager/fabric-dark.css +0 -686
  75. package/styles/pager/fabric-dark.scss +0 -1
  76. package/styles/pager/fabric.css +0 -686
  77. package/styles/pager/fabric.scss +0 -1
  78. package/styles/pager/fluent-dark.css +0 -688
  79. package/styles/pager/fluent-dark.scss +0 -1
  80. package/styles/pager/fluent.css +0 -688
  81. package/styles/pager/fluent.scss +0 -1
  82. package/styles/pager/highcontrast-light.css +0 -686
  83. package/styles/pager/highcontrast-light.scss +0 -1
  84. package/styles/pager/highcontrast.css +0 -686
  85. package/styles/pager/highcontrast.scss +0 -1
  86. package/styles/pager/material-dark.css +0 -687
  87. package/styles/pager/material-dark.scss +0 -1
  88. package/styles/pager/material.css +0 -687
  89. package/styles/pager/material.scss +0 -1
  90. package/styles/pager/tailwind-dark.css +0 -813
  91. package/styles/pager/tailwind-dark.scss +0 -1
  92. package/styles/pager/tailwind.css +0 -813
  93. package/styles/pager/tailwind.scss +0 -1
package/styles/grid/tailwind.css CHANGED
@@ -362,6 +362,26 @@
362
362
  .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
363
363
  font-size: 16px;
364
364
  }
365
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper,
366
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper {
367
+ padding: 3px 16px 3px 0;
368
+ }
369
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search,
370
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search {
371
+ width: 100%;
372
+ }
373
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input-group-icon.e-icons.e-sicon.e-clear-icon,
374
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input-group-icon.e-icons.e-sicon.e-clear-icon {
375
+ margin: 0;
376
+ }
377
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
378
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
379
+ font-size: 16px;
380
+ }
381
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon,
382
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
383
+ padding-left: 0;
384
+ }
365
385
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
366
386
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
367
387
  padding-bottom: 3px;
@@ -371,6 +391,22 @@
371
391
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
372
392
  min-width: 38px;
373
393
  }
394
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
395
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
396
+ margin: 0;
397
+ min-width: 38px;
398
+ padding: 7px 0 7px 12px;
399
+ }
400
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
401
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
402
+ font-size: 22px;
403
+ }
404
+ .e-bigger .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
405
+ .e-grid.e-bigger.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
406
+ margin: 0;
407
+ min-width: 38px;
408
+ padding: 7px 6px 7px 0;
409
+ }
374
410
  .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
375
411
  .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
376
412
  font-size: 16px;
@@ -882,8 +918,8 @@
882
918
  .e-grid.e-bigger span.e-ungroupbutton.e-icons:hover {
883
919
  color: #374151;
884
920
  }
885
- .e-bigger .e-grid .e-groupsort,
886
- .e-grid.e-bigger .e-groupsort {
921
+ .e-bigger .e-grid span.e-groupsort.e-icons,
922
+ .e-grid.e-bigger span.e-groupsort.e-icons {
887
923
  margin-right: 0;
888
924
  margin-top: 0;
889
925
  }
@@ -898,7 +934,7 @@
898
934
  margin-left: -8px;
899
935
  margin-right: 0;
900
936
  margin-top: 0;
901
- padding-top: 0;
937
+ padding-top: 1px;
902
938
  padding-left: 8px;
903
939
  }
904
940
  .e-bigger .e-grid .e-groupcaption,
@@ -1072,6 +1108,10 @@
1072
1108
  .e-grid.e-rtl .e-dropitemscount {
1073
1109
  left: -6px !important;
1074
1110
  }
1111
+ .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1112
+ padding: 5px 4px 5px 0;
1113
+ margin: 0;
1114
+ }
1075
1115
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop, .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
1076
1116
  border-top: 1px solid #e5e7eb;
1077
1117
  border-right: 1px solid #e5e7eb;
@@ -1128,6 +1168,14 @@
1128
1168
  border-top: 1px solid #e5e7eb;
1129
1169
  border-radius: 0;
1130
1170
  }
1171
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1172
+ padding: 5px 0 5px 4px;
1173
+ min-width: 33px;
1174
+ margin-right: 0;
1175
+ }
1176
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1177
+ font-size: 18px;
1178
+ }
1131
1179
  .e-grid .e-res-toolbar {
1132
1180
  border-bottom: 1px solid;
1133
1181
  border-bottom-color: #e5e7eb;
@@ -1135,7 +1183,7 @@
1135
1183
  .e-grid .e-res-toolbar .e-toolbar-items {
1136
1184
  min-height: initial;
1137
1185
  }
1138
- .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus {
1186
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:focus {
1139
1187
  background: none;
1140
1188
  }
1141
1189
  .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
@@ -1177,13 +1225,25 @@
1177
1225
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1178
1226
  padding-left: 0;
1179
1227
  }
1228
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1229
+ margin: 0;
1230
+ }
1231
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon::before {
1232
+ font-size: 16px;
1233
+ }
1180
1234
  .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1181
1235
  padding-left: 26px;
1182
1236
  }
1237
+ .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1238
+ margin: 0;
1239
+ }
1183
1240
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1184
1241
  padding-bottom: 3px;
1185
1242
  padding-top: 3px;
1186
1243
  }
1244
+ .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search:focus {
1245
+ opacity: 1;
1246
+ }
1187
1247
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
1188
1248
  margin-bottom: 0;
1189
1249
  opacity: 0.6;
@@ -1942,10 +2002,13 @@
1942
2002
  }
1943
2003
  .e-grid .e-rowcell .e-checkbox-wrapper,
1944
2004
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
2005
+ -webkit-user-select: auto;
1945
2006
  height: 20px;
1946
2007
  line-height: 20px;
1947
2008
  position: relative;
1948
2009
  top: -1.5px;
2010
+ -ms-user-select: auto;
2011
+ user-select: auto;
1949
2012
  }
1950
2013
  .e-grid .e-dialog.e-checkboxfilter,
1951
2014
  .e-grid .e-dialog.e-flmenu {
@@ -2235,8 +2298,9 @@
2235
2298
  }
2236
2299
  .e-grid span.e-ungroupbutton.e-icons {
2237
2300
  margin-left: -9px;
2238
- margin-top: 2px;
2301
+ margin-top: 1px;
2239
2302
  padding-right: 8px;
2303
+ padding-top: 1px;
2240
2304
  }
2241
2305
  .e-grid span.e-ungroupbutton.e-icons:hover {
2242
2306
  color: #374151;
@@ -2714,7 +2778,7 @@
2714
2778
  .e-grid.e-rtl .e-grouptopleftcell {
2715
2779
  border-top: 2px solid;
2716
2780
  }
2717
- .e-grid.e-rtl .e-grouptext {
2781
+ .e-grid.e-rtl .e-groupheadercell span.e-grouptext {
2718
2782
  margin-left: -8px;
2719
2783
  margin-right: 0;
2720
2784
  }
@@ -2817,9 +2881,9 @@
2817
2881
  margin-right: 0;
2818
2882
  }
2819
2883
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
2820
- margin-left: -2px;
2884
+ margin-left: 0;
2821
2885
  margin-right: -9px;
2822
- padding-top: 0;
2886
+ padding-top: 1px;
2823
2887
  }
2824
2888
  .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
2825
2889
  border-width: 0 0 0 1px;
@@ -2957,7 +3021,7 @@
2957
3021
  .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
2958
3022
  display: inline-block;
2959
3023
  }
2960
- .e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-stackedheadercelldiv.e-gridclip {
3024
+ .e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-gridclip .e-stackedheadercelldiv {
2961
3025
  text-overflow: clip;
2962
3026
  }
2963
3027
  .e-grid .e-clipboard {