@syncfusion/ej2-react-pivotview 19.4.54 → 20.1.48

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 +44 -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
@@ -2,180 +2,179 @@
2
2
  /*! component's theme wise override definitions and variables */
3
3
  /*! component's common definitions and variables */
4
4
  .e-pivotview .e-expand::before {
5
- content: '\e707';
5
+ content: '\e75c';
6
6
  }
7
7
 
8
8
  .e-pivotview .e-collapse::before {
9
- content: '\e7b3';
9
+ content: '\e734';
10
10
  }
11
11
 
12
12
  .e-pivotview.e-rtl .e-expand::before {
13
- content: '\e761';
13
+ content: '\e738';
14
14
  }
15
15
 
16
16
  .e-pivotview .e-sort::before {
17
- content: '\e7c2';
17
+ content: '\e7df';
18
18
  }
19
19
 
20
20
  .e-pivotview .e-pv-filter::before {
21
- content: '\e71b';
21
+ content: '\e7f7';
22
22
  }
23
23
 
24
24
  .e-pivotview .e-pv-filtered::before {
25
- color: #d1d5db;
26
- content: '\e7c5';
25
+ content: '\e735';
27
26
  }
28
27
 
29
28
  .e-pivotview .e-remove::before {
30
- content: '\e771';
29
+ content: '\e7e7';
31
30
  }
32
31
 
33
32
  .e-pivotview .e-selected-option-icon::before {
34
- content: '\e7b0';
33
+ content: '\e72b';
35
34
  }
36
35
 
37
36
  .e-pivotview .e-clear-filter-icon::before {
38
- content: '\e774';
37
+ content: '\e72c';
39
38
  }
40
39
 
41
40
  .e-pivotview .e-dropdown-icon::before {
42
- content: '\e7c6';
41
+ content: '\e729';
43
42
  }
44
43
 
45
44
  .e-pivotview .e-export::before {
46
- content: '\e7bf';
45
+ content: '\e72e';
47
46
  }
48
47
 
49
48
  .e-pivotview .e-new-report::before {
50
- content: '\e7d9';
49
+ content: '\e7dc';
51
50
  }
52
51
 
53
52
  .e-pivotview .e-save-report::before {
54
- content: '\e704';
53
+ content: '\e7c8';
55
54
  }
56
55
 
57
56
  .e-pivotview .e-saveas-report::before {
58
- content: '\e746';
57
+ content: '\e7ae';
59
58
  }
60
59
 
61
60
  .e-pivotview .e-rename-report::before {
62
- content: '\e7c8';
61
+ content: '\e76d';
63
62
  }
64
63
 
65
64
  .e-pivotview .e-remove-report::before {
66
- content: '\e78d';
65
+ content: '\e820';
67
66
  }
68
67
 
69
68
  .e-pivotview .e-sub-total::before {
70
- content: '\e77d';
69
+ content: '\e702';
71
70
  }
72
71
 
73
72
  .e-pivotview .e-grand-total::before {
74
- content: '\e729';
73
+ content: '\e74d';
75
74
  }
76
75
 
77
76
  .e-pivotview .e-toolbar-fieldlist::before {
78
- content: '\e758';
77
+ content: '\e751';
79
78
  }
80
79
 
81
80
  .e-pivotview .e-toolbar-grid::before {
82
- content: '\e7a1';
81
+ content: '\e7e9';
83
82
  }
84
83
 
85
84
  .e-pivotview .e-toolbar-chart::before {
86
- content: '\e701';
85
+ content: '\e826';
87
86
  }
88
87
 
89
88
  .e-pivotview .e-toolbar-formatting::before {
90
- content: '\e7c8';
89
+ content: '\e71b';
91
90
  }
92
91
 
93
92
  .e-pivotview .e-pivot-button .e-edit::before {
94
- content: '\e7d2';
93
+ content: '\e730';
95
94
  }
96
95
 
97
96
  .e-pivotview .e-sort-ascend-icon::before {
98
- content: '\e837';
97
+ content: '\e7a3';
99
98
  }
100
99
 
101
100
  .e-pivotview .e-sort-descend-icon::before {
102
- content: '\e84c';
101
+ content: '\e7b6';
103
102
  }
104
103
 
105
104
  .e-pivotview-pdf-export::before {
106
- content: '\e741';
105
+ content: '\e700';
107
106
  }
108
107
 
109
108
  .e-pivotview-excel-export::before {
110
- content: '\e780';
109
+ content: '\e7c1';
111
110
  }
112
111
 
113
112
  .e-pivotview-csv-export::before {
114
- content: '\e73d';
113
+ content: '\e7ba';
115
114
  }
116
115
 
117
116
  .e-pivotview-png-export::before {
118
- content: '\e841';
117
+ content: '\e7ee';
119
118
  }
120
119
 
121
120
  .e-pivotview-jpeg-export::before {
122
- content: '\e7da';
121
+ content: '\e786';
123
122
  }
124
123
 
125
124
  .e-pivotview-svg-export::before {
126
- content: '\e835';
125
+ content: '\e7cf';
127
126
  }
128
127
 
129
128
  .e-mdx::before {
130
- content: '\e8fd';
129
+ content: '\e7ac';
131
130
  }
132
131
 
133
132
  .e-pivotview-select-icon::before {
134
- content: '\e75d';
133
+ content: '\e774';
135
134
  }
136
135
 
137
136
  .e-pivotview-export::before {
138
- content: '\e7bf';
137
+ content: '\e72e';
139
138
  }
140
139
 
141
140
  .e-pivotview-grid::before {
142
- content: '\e7a1';
141
+ content: '\e7e9';
143
142
  }
144
143
 
145
144
  .e-pivotview-expand::before {
146
- content: '\e762';
145
+ content: '\e7c9';
147
146
  }
148
147
 
149
148
  .e-pivotview-collapse::before {
150
- content: '\e750';
149
+ content: '\e80f';
151
150
  }
152
151
 
153
152
  .e-pivot-format-menu::before {
154
- content: '\e7c8';
153
+ content: '\e76d';
155
154
  }
156
155
 
157
156
  .e-pivot-number-format-menu::before {
158
- content: '\e80b';
157
+ content: '\e787';
159
158
  }
160
159
 
161
160
  .e-pivot-conditional-format-menu::before {
162
- content: '\e7bc';
161
+ content: '\e71b';
163
162
  }
164
163
 
165
164
  .e-pivot-format-toolbar::before {
166
- content: '\e80b';
165
+ content: '\e787';
167
166
  }
168
167
 
169
168
  .e-pivotview-group::before {
170
- content: '\e831';
169
+ content: '\e7a5';
171
170
  }
172
171
 
173
172
  .e-pivotview-ungroup::before {
174
- content: '\e811';
173
+ content: '\e779';
175
174
  }
176
175
 
177
176
  .e-level-options .e-selected-level-icon::before {
178
- content: '\e75d';
177
+ content: '\e774';
179
178
  }
180
179
 
181
180
  /*! PivotView layout */
@@ -733,6 +732,10 @@
733
732
  line-height: 40px;
734
733
  }
735
734
 
735
+ .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
736
+ margin-left: 18px !important;
737
+ }
738
+
736
739
  .e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template {
737
740
  padding: 0 !important;
738
741
  }
@@ -800,7 +803,7 @@
800
803
 
801
804
  .e-pivotview-report-label {
802
805
  float: left;
803
- margin-top: 8px;
806
+ margin-top: 4px;
804
807
  width: 40%;
805
808
  }
806
809
 
@@ -1081,7 +1084,20 @@
1081
1084
 
1082
1085
  .e-bigger .e-pivotview-report-dialog .e-pivotview-report-label,
1083
1086
  .e-bigger.e-pivotview-report-dialog .e-pivotview-report-label {
1084
- margin-top: 12px;
1087
+ margin-top: 8px;
1088
+ }
1089
+
1090
+ .e-bigger .e-dialog .e-footer-content {
1091
+ height: 62px;
1092
+ }
1093
+
1094
+ .e-bigger .e-dialog .e-dlg-header-content {
1095
+ height: 52px;
1096
+ padding-left: 10px;
1097
+ }
1098
+
1099
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active {
1100
+ margin-left: 24px !important;
1085
1101
  }
1086
1102
 
1087
1103
  /*! PivotView theme */
@@ -1111,8 +1127,11 @@
1111
1127
 
1112
1128
  .e-pivotview .e-grid
1113
1129
  .e-rowcell {
1114
- font-size: 14px;
1130
+ font-size: 14px !important;
1115
1131
  padding-left: 8px;
1132
+ -webkit-user-select: none;
1133
+ -ms-user-select: none;
1134
+ user-select: none;
1116
1135
  }
1117
1136
 
1118
1137
  .e-pivotview .e-gtot,
@@ -1146,6 +1165,7 @@
1146
1165
  margin-left: 8px;
1147
1166
  margin-top: 5px;
1148
1167
  vertical-align: middle;
1168
+ margin-left: 4px;
1149
1169
  }
1150
1170
 
1151
1171
  .e-pivotview .e-pivot-conditional-empty-format {
@@ -1170,6 +1190,14 @@
1170
1190
  width: 100%;
1171
1191
  }
1172
1192
 
1193
+ .e-pivotview .e-toolbar .e-tbar-btn {
1194
+ background-color: transparent;
1195
+ }
1196
+
1197
+ .e-pivotview .e-toolbar .e-tbar-btn:hover {
1198
+ background-color: #4b5563;
1199
+ }
1200
+
1173
1201
  .e-pivotview .e-grid .e-rowsheader.e-active,
1174
1202
  .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
1175
1203
  .e-pivotview .e-grid .e-columnsheader.e-active,
@@ -1230,7 +1258,7 @@
1230
1258
 
1231
1259
  .e-pivotview .e-sortfilterdiv {
1232
1260
  float: right;
1233
- margin: -28px -5px !important;
1261
+ margin: -13px -5px !important;
1234
1262
  }
1235
1263
 
1236
1264
  .e-pivotview .e-sortfilterdiv.e-value-sort-icon {
@@ -1267,6 +1295,11 @@
1267
1295
 
1268
1296
  .e-pivotview .e-grid .e-rowsheader {
1269
1297
  padding-left: 8px;
1298
+ -webkit-user-select: none;
1299
+ -ms-user-select: none;
1300
+ user-select: none;
1301
+ -webkit-touch-callout: none;
1302
+ padding-left: 12px;
1270
1303
  }
1271
1304
 
1272
1305
  .e-pivotview .e-grid .e-rowsheader.e-active .e-icons {
@@ -1283,6 +1316,13 @@
1283
1316
  .e-pivotview .e-grid .e-columnsheader {
1284
1317
  padding-left: 8px !important;
1285
1318
  text-transform: none;
1319
+ padding-left: 12px !important;
1320
+ padding-top: 0px !important;
1321
+ padding-bottom: 0px !important;
1322
+ }
1323
+
1324
+ .e-pivotview .sf-grid .e-spinner-pane {
1325
+ z-index: 1 !important;
1286
1326
  }
1287
1327
 
1288
1328
  .e-pivotview .sf-grid .e-headercelldiv,
@@ -1290,8 +1330,8 @@
1290
1330
  padding-right: 8px !important;
1291
1331
  }
1292
1332
 
1293
- .e-pivotview .sf-grid .e-headercelldiv,
1294
- .e-pivotview .sf-grid .e-stackedheadercelldiv {
1333
+ .e-pivotview .e-grid .e-headercelldiv,
1334
+ .e-pivotview .e-grid .e-stackedheadercelldiv {
1295
1335
  line-height: normal;
1296
1336
  }
1297
1337
 
@@ -1309,9 +1349,10 @@
1309
1349
 
1310
1350
  .e-pivotview .e-stackedheadertext.e-cellvalue,
1311
1351
  .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
1312
- padding-left: 8px !important;
1352
+ padding-left: 12px !important;
1313
1353
  margin-top: 5px;
1314
1354
  margin-top: 2px;
1355
+ padding-left: 8px !important;
1315
1356
  }
1316
1357
 
1317
1358
  .e-pivotview .e-stackedheadercelldiv {
@@ -2015,7 +2056,7 @@
2015
2056
 
2016
2057
  .e-pivotview.e-rtl .e-stackedheadertext.e-cellvalue,
2017
2058
  .e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue {
2018
- padding-right: 8px !important;
2059
+ padding-right: 12px !important;
2019
2060
  }
2020
2061
 
2021
2062
  .e-pivotview.e-rtl .e-sortfilterdiv {
@@ -2131,6 +2172,8 @@
2131
2172
  .e-bigger .e-pivotview .e-grid .e-rowsheader,
2132
2173
  .e-bigger.e-pivotview .e-grid .e-rowsheader {
2133
2174
  padding-left: 8px !important;
2175
+ padding-left: 16px !important;
2176
+ padding-right: 12px !important;
2134
2177
  }
2135
2178
 
2136
2179
  .e-bigger .e-pivotview .e-grid .e-headercelldiv,
@@ -2143,6 +2186,11 @@
2143
2186
  padding-left: 8px !important;
2144
2187
  }
2145
2188
 
2189
+ .e-bigger .e-pivotview .e-grid .e-gridheader .e-headercell .e-rhandler,
2190
+ .e-bigger.e-pivotview .e-grid .e-gridheader .e-headercell .e-rhandler {
2191
+ height: 100% !important;
2192
+ }
2193
+
2146
2194
  .e-bigger .e-pivotview .e-stackedheadercelldiv,
2147
2195
  .e-bigger .e-pivotview .e-stackedheadertext,
2148
2196
  .e-bigger .e-pivotview .e-headertext,
@@ -2154,6 +2202,11 @@
2154
2202
  font-size: 14px !important;
2155
2203
  }
2156
2204
 
2205
+ .e-bigger .e-pivotview .e-bigger .e-stackedheadercelldiv,
2206
+ .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
2207
+ padding-left: 16px !important;
2208
+ }
2209
+
2157
2210
  .e-bigger .e-pivotview th .e-expand,
2158
2211
  .e-bigger .e-pivotview th .e-collapse,
2159
2212
  .e-bigger.e-pivotview th .e-expand,
@@ -2185,7 +2238,7 @@
2185
2238
  .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button {
2186
2239
  height: 30px;
2187
2240
  line-height: 1em;
2188
- padding: 6px 12px;
2241
+ padding: 5px 12px;
2189
2242
  }
2190
2243
 
2191
2244
  .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-content,
@@ -2206,7 +2259,7 @@
2206
2259
  .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-pv-filtered,
2207
2260
  .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-remove,
2208
2261
  .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
2209
- font-size: 14px;
2262
+ font-size: 14px !important;
2210
2263
  height: 20px;
2211
2264
  width: 20px;
2212
2265
  }
@@ -2287,7 +2340,7 @@
2287
2340
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button {
2288
2341
  height: 30px;
2289
2342
  line-height: 1em;
2290
- padding: 6px 12px;
2343
+ padding: 5px 12px;
2291
2344
  }
2292
2345
 
2293
2346
  .e-bigger .e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-content,
@@ -2308,7 +2361,7 @@
2308
2361
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-pv-filtered,
2309
2362
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-remove,
2310
2363
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-edit {
2311
- font-size: 14px;
2364
+ font-size: 14px !important;
2312
2365
  height: 20px;
2313
2366
  width: 20px;
2314
2367
  }
@@ -2325,7 +2378,7 @@
2325
2378
 
2326
2379
  .e-bigger .e-pivotview .e-sortfilterdiv,
2327
2380
  .e-bigger.e-pivotview .e-sortfilterdiv {
2328
- margin: -26px -10px !important;
2381
+ margin: -13px -10px !important;
2329
2382
  }
2330
2383
 
2331
2384
  .e-bigger .e-pivotview .e-sortfilterdiv.e-value-sort-icon,
@@ -2373,7 +2426,8 @@
2373
2426
 
2374
2427
  .e-bigger .e-pivotview .e-rowcell,
2375
2428
  .e-bigger.e-pivotview .e-rowcell {
2376
- font-size: 16px;
2429
+ font-size: 16px !important;
2430
+ padding: 0 12px;
2377
2431
  }
2378
2432
 
2379
2433
  .e-bigger .e-pivotview.e-rtl .e-grid .e-rowsheader,
@@ -2418,12 +2472,12 @@
2418
2472
  .e-bigger .e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue,
2419
2473
  .e-bigger.e-pivotview.e-rtl .e-stackedheadertext.e-cellvalue,
2420
2474
  .e-bigger.e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue {
2421
- padding-right: 8px !important;
2475
+ padding-right: 16px !important;
2422
2476
  }
2423
2477
 
2424
2478
  .e-bigger .e-pivotview .e-expand::before,
2425
2479
  .e-bigger.e-pivotview .e-expand::before {
2426
- font-size: 22px;
2480
+ font-size: 24px;
2427
2481
  }
2428
2482
 
2429
2483
  .e-bigger .e-pivotview .e-collapse::before,