@syncfusion/ej2-react-pivotview 19.4.55 → 20.1.47

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 (54) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/ej2-react-pivotview.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +80 -29
  5. package/styles/bootstrap.css +80 -29
  6. package/styles/bootstrap4.css +82 -31
  7. package/styles/bootstrap5-dark.css +151 -64
  8. package/styles/bootstrap5.css +151 -64
  9. package/styles/fabric-dark.css +81 -29
  10. package/styles/fabric.css +80 -29
  11. package/styles/fluent-dark.css +8914 -0
  12. package/styles/fluent-dark.scss +2 -0
  13. package/styles/fluent.css +8916 -0
  14. package/styles/fluent.scss +2 -0
  15. package/styles/highcontrast-light.css +80 -29
  16. package/styles/highcontrast.css +80 -29
  17. package/styles/material-dark.css +80 -29
  18. package/styles/material.css +80 -29
  19. package/styles/pivotfieldlist/bootstrap-dark.css +33 -16
  20. package/styles/pivotfieldlist/bootstrap.css +33 -16
  21. package/styles/pivotfieldlist/bootstrap4.css +33 -16
  22. package/styles/pivotfieldlist/bootstrap5-dark.css +78 -40
  23. package/styles/pivotfieldlist/bootstrap5.css +78 -40
  24. package/styles/pivotfieldlist/fabric-dark.css +33 -16
  25. package/styles/pivotfieldlist/fabric.css +33 -16
  26. package/styles/pivotfieldlist/fluent-dark.css +6456 -0
  27. package/styles/pivotfieldlist/fluent-dark.scss +1 -0
  28. package/styles/pivotfieldlist/fluent.css +6456 -0
  29. package/styles/pivotfieldlist/fluent.scss +1 -0
  30. package/styles/pivotfieldlist/highcontrast-light.css +33 -16
  31. package/styles/pivotfieldlist/highcontrast.css +33 -16
  32. package/styles/pivotfieldlist/material-dark.css +33 -16
  33. package/styles/pivotfieldlist/material.css +33 -16
  34. package/styles/pivotfieldlist/tailwind-dark.css +145 -137
  35. package/styles/pivotfieldlist/tailwind.css +145 -137
  36. package/styles/pivotview/bootstrap-dark.css +47 -13
  37. package/styles/pivotview/bootstrap.css +47 -13
  38. package/styles/pivotview/bootstrap4.css +49 -15
  39. package/styles/pivotview/bootstrap5-dark.css +73 -24
  40. package/styles/pivotview/bootstrap5.css +73 -24
  41. package/styles/pivotview/fabric-dark.css +48 -13
  42. package/styles/pivotview/fabric.css +47 -13
  43. package/styles/pivotview/fluent-dark.css +2457 -0
  44. package/styles/pivotview/fluent-dark.scss +1 -0
  45. package/styles/pivotview/fluent.css +2459 -0
  46. package/styles/pivotview/fluent.scss +1 -0
  47. package/styles/pivotview/highcontrast-light.css +47 -13
  48. package/styles/pivotview/highcontrast.css +47 -13
  49. package/styles/pivotview/material-dark.css +47 -13
  50. package/styles/pivotview/material.css +47 -13
  51. package/styles/pivotview/tailwind-dark.css +115 -61
  52. package/styles/pivotview/tailwind.css +115 -61
  53. package/styles/tailwind-dark.css +260 -198
  54. package/styles/tailwind.css +260 -198
package/styles/pivotview/fabric-dark.css CHANGED
@@ -679,9 +679,6 @@
679
679
  background: #282727;
680
680
  border-bottom: 0;
681
681
  border-style: solid;
682
- border-top: 1px solid #414040;
683
- border-left: 1px solid #414040;
684
- border-right: 1px solid #414040;
685
682
  }
686
683
 
687
684
  .e-pivotview .e-pivot-toolbar .e-toolbar-items {
@@ -700,7 +697,7 @@
700
697
 
701
698
  .e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item,
702
699
  .e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item {
703
- height: 40px;
700
+ height: 40px !important;
704
701
  overflow: hidden;
705
702
  padding-left: 10px;
706
703
  }
@@ -712,6 +709,10 @@
712
709
  font-size: 16px;
713
710
  }
714
711
 
712
+ .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
713
+ margin-left: 18px !important;
714
+ }
715
+
715
716
  .e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template {
716
717
  padding: 0 !important;
717
718
  }
@@ -1051,6 +1052,18 @@
1051
1052
  margin-top: 5px;
1052
1053
  }
1053
1054
 
1055
+ .e-bigger .e-dialog .e-footer-content {
1056
+ height: 62px;
1057
+ }
1058
+
1059
+ .e-bigger .e-dialog .e-dlg-header-content {
1060
+ padding-left: 10px;
1061
+ }
1062
+
1063
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active {
1064
+ margin-left: 24px !important;
1065
+ }
1066
+
1054
1067
  /*! PivotView theme */
1055
1068
  .e-pivotview .e-nextspan {
1056
1069
  display: inline-block;
@@ -1078,8 +1091,11 @@
1078
1091
 
1079
1092
  .e-pivotview .e-grid
1080
1093
  .e-rowcell {
1081
- font-size: 13px;
1094
+ font-size: 13px !important;
1082
1095
  padding-left: 8px;
1096
+ -webkit-user-select: none;
1097
+ -ms-user-select: none;
1098
+ user-select: none;
1083
1099
  }
1084
1100
 
1085
1101
  .e-pivotview .e-gtot,
@@ -1226,6 +1242,10 @@
1226
1242
 
1227
1243
  .e-pivotview .e-grid .e-rowsheader {
1228
1244
  padding-left: 8px;
1245
+ -webkit-user-select: none;
1246
+ -ms-user-select: none;
1247
+ user-select: none;
1248
+ -webkit-touch-callout: none;
1229
1249
  }
1230
1250
 
1231
1251
  .e-pivotview .e-grid .e-rowsheader.e-active .e-icons {
@@ -1243,13 +1263,17 @@
1243
1263
  padding-left: 8px !important;
1244
1264
  }
1245
1265
 
1266
+ .e-pivotview .sf-grid .e-spinner-pane {
1267
+ z-index: 1 !important;
1268
+ }
1269
+
1246
1270
  .e-pivotview .sf-grid .e-headercelldiv,
1247
1271
  .e-pivotview .sf-grid .e-columnsheader {
1248
1272
  padding-right: 8px !important;
1249
1273
  }
1250
1274
 
1251
- .e-pivotview .sf-grid .e-headercelldiv,
1252
- .e-pivotview .sf-grid .e-stackedheadercelldiv {
1275
+ .e-pivotview .e-grid .e-headercelldiv,
1276
+ .e-pivotview .e-grid .e-stackedheadercelldiv {
1253
1277
  line-height: normal;
1254
1278
  }
1255
1279
 
@@ -1267,9 +1291,10 @@
1267
1291
 
1268
1292
  .e-pivotview .e-stackedheadertext.e-cellvalue,
1269
1293
  .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
1270
- padding-left: 8px !important;
1294
+ padding-left: 12px !important;
1271
1295
  margin-top: 5px;
1272
1296
  margin-top: 2px;
1297
+ padding-left: 8px !important;
1273
1298
  }
1274
1299
 
1275
1300
  .e-pivotview .e-stackedheadercelldiv {
@@ -1968,7 +1993,7 @@
1968
1993
 
1969
1994
  .e-pivotview.e-rtl .e-stackedheadertext.e-cellvalue,
1970
1995
  .e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue {
1971
- padding-right: 8px !important;
1996
+ padding-right: 12px !important;
1972
1997
  }
1973
1998
 
1974
1999
  .e-pivotview.e-rtl .e-sortfilterdiv {
@@ -2096,6 +2121,11 @@
2096
2121
  padding-left: 8px !important;
2097
2122
  }
2098
2123
 
2124
+ .e-bigger .e-pivotview .e-grid .e-gridheader .e-headercell .e-rhandler,
2125
+ .e-bigger.e-pivotview .e-grid .e-gridheader .e-headercell .e-rhandler {
2126
+ height: 100% !important;
2127
+ }
2128
+
2099
2129
  .e-bigger .e-pivotview .e-stackedheadercelldiv,
2100
2130
  .e-bigger .e-pivotview .e-stackedheadertext,
2101
2131
  .e-bigger .e-pivotview .e-headertext,
@@ -2107,6 +2137,11 @@
2107
2137
  font-size: 13px !important;
2108
2138
  }
2109
2139
 
2140
+ .e-bigger .e-pivotview .e-bigger .e-stackedheadercelldiv,
2141
+ .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
2142
+ padding-left: 16px !important;
2143
+ }
2144
+
2110
2145
  .e-bigger .e-pivotview th .e-expand,
2111
2146
  .e-bigger .e-pivotview th .e-collapse,
2112
2147
  .e-bigger.e-pivotview th .e-expand,
@@ -2159,7 +2194,7 @@
2159
2194
  .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-pv-filtered,
2160
2195
  .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-remove,
2161
2196
  .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
2162
- font-size: 14px;
2197
+ font-size: 14px !important;
2163
2198
  height: 20px;
2164
2199
  width: 20px;
2165
2200
  }
@@ -2248,7 +2283,7 @@
2248
2283
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-pv-filtered,
2249
2284
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-remove,
2250
2285
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-edit {
2251
- font-size: 14px;
2286
+ font-size: 14px !important;
2252
2287
  height: 20px;
2253
2288
  width: 20px;
2254
2289
  }
@@ -2307,7 +2342,7 @@
2307
2342
 
2308
2343
  .e-bigger .e-pivotview .e-rowcell,
2309
2344
  .e-bigger.e-pivotview .e-rowcell {
2310
- font-size: 13px;
2345
+ font-size: 13px !important;
2311
2346
  }
2312
2347
 
2313
2348
  .e-bigger .e-pivotview.e-rtl .e-grid .e-rowsheader,
@@ -2352,7 +2387,7 @@
2352
2387
  .e-bigger .e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue,
2353
2388
  .e-bigger.e-pivotview.e-rtl .e-stackedheadertext.e-cellvalue,
2354
2389
  .e-bigger.e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue {
2355
- padding-right: 8px !important;
2390
+ padding-right: 16px !important;
2356
2391
  }
2357
2392
 
2358
2393
  .e-content-placeholder.e-pivotview.e-placeholder-pivotview {
package/styles/pivotview/fabric.css CHANGED
@@ -679,9 +679,6 @@
679
679
  background: #f4f4f4;
680
680
  border-bottom: 0;
681
681
  border-style: solid;
682
- border-top: 1px solid rgba(0, 0, 0, 0.12);
683
- border-left: 1px solid rgba(0, 0, 0, 0.12);
684
- border-right: 1px solid rgba(0, 0, 0, 0.12);
685
682
  }
686
683
 
687
684
  .e-pivotview .e-pivot-toolbar .e-toolbar-items {
@@ -700,7 +697,7 @@
700
697
 
701
698
  .e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item,
702
699
  .e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item {
703
- height: 40px;
700
+ height: 40px !important;
704
701
  overflow: hidden;
705
702
  padding-left: 10px;
706
703
  }
@@ -712,6 +709,10 @@
712
709
  font-size: 16px;
713
710
  }
714
711
 
712
+ .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
713
+ margin-left: 18px !important;
714
+ }
715
+
715
716
  .e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template {
716
717
  padding: 0 !important;
717
718
  }
@@ -1051,6 +1052,18 @@
1051
1052
  margin-top: 5px;
1052
1053
  }
1053
1054
 
1055
+ .e-bigger .e-dialog .e-footer-content {
1056
+ height: 62px;
1057
+ }
1058
+
1059
+ .e-bigger .e-dialog .e-dlg-header-content {
1060
+ padding-left: 10px;
1061
+ }
1062
+
1063
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active {
1064
+ margin-left: 24px !important;
1065
+ }
1066
+
1054
1067
  /*! PivotView theme */
1055
1068
  .e-pivotview .e-nextspan {
1056
1069
  display: inline-block;
@@ -1078,8 +1091,11 @@
1078
1091
 
1079
1092
  .e-pivotview .e-grid
1080
1093
  .e-rowcell {
1081
- font-size: 13px;
1094
+ font-size: 13px !important;
1082
1095
  padding-left: 8px;
1096
+ -webkit-user-select: none;
1097
+ -ms-user-select: none;
1098
+ user-select: none;
1083
1099
  }
1084
1100
 
1085
1101
  .e-pivotview .e-gtot,
@@ -1226,6 +1242,10 @@
1226
1242
 
1227
1243
  .e-pivotview .e-grid .e-rowsheader {
1228
1244
  padding-left: 8px;
1245
+ -webkit-user-select: none;
1246
+ -ms-user-select: none;
1247
+ user-select: none;
1248
+ -webkit-touch-callout: none;
1229
1249
  }
1230
1250
 
1231
1251
  .e-pivotview .e-grid .e-rowsheader.e-active .e-icons {
@@ -1243,13 +1263,17 @@
1243
1263
  padding-left: 8px !important;
1244
1264
  }
1245
1265
 
1266
+ .e-pivotview .sf-grid .e-spinner-pane {
1267
+ z-index: 1 !important;
1268
+ }
1269
+
1246
1270
  .e-pivotview .sf-grid .e-headercelldiv,
1247
1271
  .e-pivotview .sf-grid .e-columnsheader {
1248
1272
  padding-right: 8px !important;
1249
1273
  }
1250
1274
 
1251
- .e-pivotview .sf-grid .e-headercelldiv,
1252
- .e-pivotview .sf-grid .e-stackedheadercelldiv {
1275
+ .e-pivotview .e-grid .e-headercelldiv,
1276
+ .e-pivotview .e-grid .e-stackedheadercelldiv {
1253
1277
  line-height: normal;
1254
1278
  }
1255
1279
 
@@ -1267,7 +1291,7 @@
1267
1291
 
1268
1292
  .e-pivotview .e-stackedheadertext.e-cellvalue,
1269
1293
  .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
1270
- padding-left: 8px !important;
1294
+ padding-left: 12px !important;
1271
1295
  margin-top: 5px;
1272
1296
  }
1273
1297
 
@@ -1967,7 +1991,7 @@
1967
1991
 
1968
1992
  .e-pivotview.e-rtl .e-stackedheadertext.e-cellvalue,
1969
1993
  .e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue {
1970
- padding-right: 8px !important;
1994
+ padding-right: 12px !important;
1971
1995
  }
1972
1996
 
1973
1997
  .e-pivotview.e-rtl .e-sortfilterdiv {
@@ -2095,6 +2119,11 @@
2095
2119
  padding-left: 8px !important;
2096
2120
  }
2097
2121
 
2122
+ .e-bigger .e-pivotview .e-grid .e-gridheader .e-headercell .e-rhandler,
2123
+ .e-bigger.e-pivotview .e-grid .e-gridheader .e-headercell .e-rhandler {
2124
+ height: 100% !important;
2125
+ }
2126
+
2098
2127
  .e-bigger .e-pivotview .e-stackedheadercelldiv,
2099
2128
  .e-bigger .e-pivotview .e-stackedheadertext,
2100
2129
  .e-bigger .e-pivotview .e-headertext,
@@ -2106,6 +2135,11 @@
2106
2135
  font-size: 13px !important;
2107
2136
  }
2108
2137
 
2138
+ .e-bigger .e-pivotview .e-bigger .e-stackedheadercelldiv,
2139
+ .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
2140
+ padding-left: 16px !important;
2141
+ }
2142
+
2109
2143
  .e-bigger .e-pivotview th .e-expand,
2110
2144
  .e-bigger .e-pivotview th .e-collapse,
2111
2145
  .e-bigger.e-pivotview th .e-expand,
@@ -2158,7 +2192,7 @@
2158
2192
  .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-pv-filtered,
2159
2193
  .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-remove,
2160
2194
  .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
2161
- font-size: 14px;
2195
+ font-size: 14px !important;
2162
2196
  height: 20px;
2163
2197
  width: 20px;
2164
2198
  }
@@ -2247,7 +2281,7 @@
2247
2281
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-pv-filtered,
2248
2282
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-remove,
2249
2283
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-edit {
2250
- font-size: 14px;
2284
+ font-size: 14px !important;
2251
2285
  height: 20px;
2252
2286
  width: 20px;
2253
2287
  }
@@ -2306,7 +2340,7 @@
2306
2340
 
2307
2341
  .e-bigger .e-pivotview .e-rowcell,
2308
2342
  .e-bigger.e-pivotview .e-rowcell {
2309
- font-size: 13px;
2343
+ font-size: 13px !important;
2310
2344
  }
2311
2345
 
2312
2346
  .e-bigger .e-pivotview.e-rtl .e-grid .e-rowsheader,
@@ -2351,7 +2385,7 @@
2351
2385
  .e-bigger .e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue,
2352
2386
  .e-bigger.e-pivotview.e-rtl .e-stackedheadertext.e-cellvalue,
2353
2387
  .e-bigger.e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue {
2354
- padding-right: 8px !important;
2388
+ padding-right: 16px !important;
2355
2389
  }
2356
2390
 
2357
2391
  .e-content-placeholder.e-pivotview.e-placeholder-pivotview {