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