@syncfusion/ej2-react-grids 20.1.61 → 20.2.39

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 +27 -80
  2. package/dist/ej2-react-grids.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +84 -699
  5. package/styles/bootstrap-dark.scss +0 -1
  6. package/styles/bootstrap.css +83 -698
  7. package/styles/bootstrap.scss +0 -1
  8. package/styles/bootstrap4.css +102 -710
  9. package/styles/bootstrap4.scss +0 -1
  10. package/styles/bootstrap5-dark.css +84 -732
  11. package/styles/bootstrap5-dark.scss +0 -1
  12. package/styles/bootstrap5.css +84 -732
  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 +80 -697
  30. package/styles/fabric-dark.scss +0 -1
  31. package/styles/fabric.css +82 -699
  32. package/styles/fabric.scss +0 -1
  33. package/styles/fluent-dark.css +105 -712
  34. package/styles/fluent-dark.scss +0 -1
  35. package/styles/fluent.css +105 -712
  36. package/styles/fluent.scss +0 -1
  37. package/styles/grid/bootstrap-dark.css +80 -12
  38. package/styles/grid/bootstrap.css +79 -11
  39. package/styles/grid/bootstrap4.css +98 -23
  40. package/styles/grid/bootstrap5-dark.css +80 -10
  41. package/styles/grid/bootstrap5.css +80 -10
  42. package/styles/grid/fabric-dark.css +76 -10
  43. package/styles/grid/fabric.css +78 -12
  44. package/styles/grid/fluent-dark.css +101 -23
  45. package/styles/grid/fluent.css +101 -23
  46. package/styles/grid/highcontrast-light.css +72 -6
  47. package/styles/grid/highcontrast.css +76 -10
  48. package/styles/grid/material-dark.css +77 -11
  49. package/styles/grid/material.css +76 -10
  50. package/styles/grid/tailwind-dark.css +77 -10
  51. package/styles/grid/tailwind.css +77 -10
  52. package/styles/highcontrast-light.css +76 -693
  53. package/styles/highcontrast-light.scss +0 -1
  54. package/styles/highcontrast.css +80 -697
  55. package/styles/highcontrast.scss +0 -1
  56. package/styles/material-dark.css +81 -698
  57. package/styles/material-dark.scss +0 -1
  58. package/styles/material.css +80 -697
  59. package/styles/material.scss +0 -1
  60. package/styles/tailwind-dark.css +81 -824
  61. package/styles/tailwind-dark.scss +0 -1
  62. package/styles/tailwind.css +81 -824
  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;
@@ -2246,10 +2310,14 @@
2246
2310
  }
2247
2311
  .e-grid .e-icon-gdownarrow {
2248
2312
  font-size: 14px;
2313
+ padding: 11px 8px 10px 8px;
2314
+ text-decoration: none;
2249
2315
  text-indent: 11px;
2250
2316
  }
2251
2317
  .e-grid .e-icon-grightarrow {
2252
2318
  font-size: 14px;
2319
+ padding: 10px 8px 12px 8px;
2320
+ text-decoration: none;
2253
2321
  text-indent: 11px;
2254
2322
  }
2255
2323
  .e-grid .e-recordplusexpand {
@@ -2714,7 +2782,7 @@
2714
2782
  .e-grid.e-rtl .e-grouptopleftcell {
2715
2783
  border-top: 2px solid;
2716
2784
  }
2717
- .e-grid.e-rtl .e-grouptext {
2785
+ .e-grid.e-rtl .e-groupheadercell span.e-grouptext {
2718
2786
  margin-left: -8px;
2719
2787
  margin-right: 0;
2720
2788
  }
@@ -2817,9 +2885,9 @@
2817
2885
  margin-right: 0;
2818
2886
  }
2819
2887
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
2820
- margin-left: -2px;
2888
+ margin-left: 0;
2821
2889
  margin-right: -9px;
2822
- padding-top: 0;
2890
+ padding-top: 1px;
2823
2891
  }
2824
2892
  .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
2825
2893
  border-width: 0 0 0 1px;
@@ -2957,7 +3025,7 @@
2957
3025
  .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
2958
3026
  display: inline-block;
2959
3027
  }
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 {
3028
+ .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
3029
  text-overflow: clip;
2962
3030
  }
2963
3031
  .e-grid .e-clipboard {
@@ -3095,7 +3163,6 @@
3095
3163
  .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3096
3164
  .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3097
3165
  font-size: 18px;
3098
- margin-top: -11px;
3099
3166
  }
3100
3167
  .e-bigger .e-grid .e-gridheader thead .e-icons,
3101
3168
  .e-bigger.e-grid .e-gridheader thead .e-icons {