@syncfusion/ej2-react-grids 20.4.42 → 20.4.44

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 (34) hide show
  1. package/CHANGELOG.md +29 -1
  2. package/dist/ej2-react-grids.min.js +1 -1
  3. package/dist/ej2-react-grids.umd.min.js +1 -1
  4. package/package.json +7 -7
  5. package/styles/bootstrap-dark.css +13 -4
  6. package/styles/bootstrap.css +13 -4
  7. package/styles/bootstrap4.css +13 -4
  8. package/styles/bootstrap5-dark.css +13 -4
  9. package/styles/bootstrap5.css +13 -4
  10. package/styles/fabric-dark.css +13 -4
  11. package/styles/fabric.css +13 -4
  12. package/styles/fluent-dark.css +13 -4
  13. package/styles/fluent.css +13 -4
  14. package/styles/grid/bootstrap-dark.css +13 -4
  15. package/styles/grid/bootstrap.css +13 -4
  16. package/styles/grid/bootstrap4.css +13 -4
  17. package/styles/grid/bootstrap5-dark.css +13 -4
  18. package/styles/grid/bootstrap5.css +13 -4
  19. package/styles/grid/fabric-dark.css +13 -4
  20. package/styles/grid/fabric.css +13 -4
  21. package/styles/grid/fluent-dark.css +13 -4
  22. package/styles/grid/fluent.css +13 -4
  23. package/styles/grid/highcontrast-light.css +13 -4
  24. package/styles/grid/highcontrast.css +13 -4
  25. package/styles/grid/material-dark.css +13 -4
  26. package/styles/grid/material.css +13 -4
  27. package/styles/grid/tailwind-dark.css +13 -4
  28. package/styles/grid/tailwind.css +13 -4
  29. package/styles/highcontrast-light.css +13 -4
  30. package/styles/highcontrast.css +13 -4
  31. package/styles/material-dark.css +13 -4
  32. package/styles/material.css +13 -4
  33. package/styles/tailwind-dark.css +13 -4
  34. package/styles/tailwind.css +13 -4
package/styles/material-dark.css CHANGED
@@ -1538,7 +1538,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1538
1538
  border-width: 1px 0 0 0;
1539
1539
  border-color: #616161;
1540
1540
  }
1541
- .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
1541
+ .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
1542
+ .e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
1543
+ .e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
1544
+ .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1542
1545
  border-bottom-width: 1px;
1543
1546
  }
1544
1547
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -2102,7 +2105,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2102
2105
  border-left-style: solid;
2103
2106
  border-left-width: 1px;
2104
2107
  }
2105
- .e-grid.e-default tr td:first-child, .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
2108
+ .e-grid.e-default tr td:first-child, .e-grid.e-default tr :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
2106
2109
  border-left-width: 0;
2107
2110
  }
2108
2111
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2538,7 +2541,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2538
2541
  border-left-width: 0;
2539
2542
  }
2540
2543
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
2541
- .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
2544
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
2545
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
2546
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
2542
2547
  font-size: 8px;
2543
2548
  margin-left: -1px;
2544
2549
  margin-top: -4.5px;
@@ -3519,7 +3524,11 @@ li.e-separator.e-menu-item.e-excel-separator {
3519
3524
  }
3520
3525
  .e-grid.sf-grid .e-movablecontent {
3521
3526
  height: inherit;
3522
- overflow: hidden;
3527
+ overflow-x: auto;
3528
+ scrollbar-width: none; /* firefox */
3529
+ }
3530
+ .e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
3531
+ display: none; /* safari, chrome and edge */
3523
3532
  }
3524
3533
  .e-grid.sf-grid .e-frozencontent {
3525
3534
  border-bottom-style: solid;
package/styles/material.css CHANGED
@@ -1580,7 +1580,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1580
1580
  border-width: 1px 0 0 0;
1581
1581
  border-color: #e0e0e0;
1582
1582
  }
1583
- .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
1583
+ .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
1584
+ .e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
1585
+ .e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
1586
+ .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1584
1587
  border-bottom-width: 1px;
1585
1588
  }
1586
1589
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -2144,7 +2147,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2144
2147
  border-left-style: solid;
2145
2148
  border-left-width: 1px;
2146
2149
  }
2147
- .e-grid.e-default tr td:first-child, .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
2150
+ .e-grid.e-default tr td:first-child, .e-grid.e-default tr :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
2148
2151
  border-left-width: 0;
2149
2152
  }
2150
2153
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2580,7 +2583,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2580
2583
  border-left-width: 0;
2581
2584
  }
2582
2585
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
2583
- .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
2586
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
2587
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
2588
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
2584
2589
  font-size: 8px;
2585
2590
  margin-left: -1px;
2586
2591
  margin-top: -4.5px;
@@ -3561,7 +3566,11 @@ li.e-separator.e-menu-item.e-excel-separator {
3561
3566
  }
3562
3567
  .e-grid.sf-grid .e-movablecontent {
3563
3568
  height: inherit;
3564
- overflow: hidden;
3569
+ overflow-x: auto;
3570
+ scrollbar-width: none; /* firefox */
3571
+ }
3572
+ .e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
3573
+ display: none; /* safari, chrome and edge */
3565
3574
  }
3566
3575
  .e-grid.sf-grid .e-frozencontent {
3567
3576
  border-bottom-style: solid;
package/styles/tailwind-dark.css CHANGED
@@ -1572,7 +1572,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1572
1572
  border-width: 1px 0 0 0;
1573
1573
  border-color: #4b5563;
1574
1574
  }
1575
- .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
1575
+ .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
1576
+ .e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
1577
+ .e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
1578
+ .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1576
1579
  border-bottom-width: 1px;
1577
1580
  }
1578
1581
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -2141,7 +2144,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2141
2144
  border-left-style: solid;
2142
2145
  border-left-width: 1px;
2143
2146
  }
2144
- .e-grid.e-default tr td:first-child, .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
2147
+ .e-grid.e-default tr td:first-child, .e-grid.e-default tr :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
2145
2148
  border-left-width: 0;
2146
2149
  }
2147
2150
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2594,7 +2597,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2594
2597
  border-left-width: 0;
2595
2598
  }
2596
2599
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
2597
- .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
2600
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
2601
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
2602
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
2598
2603
  font-size: 18px;
2599
2604
  margin-left: -6px;
2600
2605
  margin-top: -11px;
@@ -3587,7 +3592,11 @@ li.e-separator.e-menu-item.e-excel-separator {
3587
3592
  }
3588
3593
  .e-grid.sf-grid .e-movablecontent {
3589
3594
  height: inherit;
3590
- overflow: hidden;
3595
+ overflow-x: auto;
3596
+ scrollbar-width: none; /* firefox */
3597
+ }
3598
+ .e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
3599
+ display: none; /* safari, chrome and edge */
3591
3600
  }
3592
3601
  .e-grid.sf-grid .e-frozencontent {
3593
3602
  border-bottom-style: solid;
package/styles/tailwind.css CHANGED
@@ -1572,7 +1572,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1572
1572
  border-width: 1px 0 0 0;
1573
1573
  border-color: #e5e7eb;
1574
1574
  }
1575
- .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
1575
+ .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
1576
+ .e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
1577
+ .e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
1578
+ .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1576
1579
  border-bottom-width: 1px;
1577
1580
  }
1578
1581
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -2141,7 +2144,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2141
2144
  border-left-style: solid;
2142
2145
  border-left-width: 1px;
2143
2146
  }
2144
- .e-grid.e-default tr td:first-child, .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
2147
+ .e-grid.e-default tr td:first-child, .e-grid.e-default tr :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
2145
2148
  border-left-width: 0;
2146
2149
  }
2147
2150
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2594,7 +2597,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2594
2597
  border-left-width: 0;
2595
2598
  }
2596
2599
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
2597
- .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
2600
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
2601
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
2602
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
2598
2603
  font-size: 18px;
2599
2604
  margin-left: -6px;
2600
2605
  margin-top: -11px;
@@ -3587,7 +3592,11 @@ li.e-separator.e-menu-item.e-excel-separator {
3587
3592
  }
3588
3593
  .e-grid.sf-grid .e-movablecontent {
3589
3594
  height: inherit;
3590
- overflow: hidden;
3595
+ overflow-x: auto;
3596
+ scrollbar-width: none; /* firefox */
3597
+ }
3598
+ .e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
3599
+ display: none; /* safari, chrome and edge */
3591
3600
  }
3592
3601
  .e-grid.sf-grid .e-frozencontent {
3593
3602
  border-bottom-style: solid;