@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
@@ -679,9 +679,6 @@
679
679
  background: #212121;
680
680
  border-bottom: 0;
681
681
  border-style: solid;
682
- border-top: 1px solid #e0e0e0;
683
- border-left: 1px solid #e0e0e0;
684
- border-right: 1px solid #e0e0e0;
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: 12px;
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
 
@@ -1971,7 +1995,7 @@
1971
1995
 
1972
1996
  .e-pivotview.e-rtl .e-stackedheadertext.e-cellvalue,
1973
1997
  .e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue {
1974
- padding-right: 8px !important;
1998
+ padding-right: 12px !important;
1975
1999
  }
1976
2000
 
1977
2001
  .e-pivotview.e-rtl .e-sortfilterdiv {
@@ -2099,6 +2123,11 @@
2099
2123
  padding-left: 8px !important;
2100
2124
  }
2101
2125
 
2126
+ .e-bigger .e-pivotview .e-grid .e-gridheader .e-headercell .e-rhandler,
2127
+ .e-bigger.e-pivotview .e-grid .e-gridheader .e-headercell .e-rhandler {
2128
+ height: 100% !important;
2129
+ }
2130
+
2102
2131
  .e-bigger .e-pivotview .e-stackedheadercelldiv,
2103
2132
  .e-bigger .e-pivotview .e-stackedheadertext,
2104
2133
  .e-bigger .e-pivotview .e-headertext,
@@ -2110,6 +2139,11 @@
2110
2139
  font-size: 13px !important;
2111
2140
  }
2112
2141
 
2142
+ .e-bigger .e-pivotview .e-bigger .e-stackedheadercelldiv,
2143
+ .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
2144
+ padding-left: 16px !important;
2145
+ }
2146
+
2113
2147
  .e-bigger .e-pivotview th .e-expand,
2114
2148
  .e-bigger .e-pivotview th .e-collapse,
2115
2149
  .e-bigger.e-pivotview th .e-expand,
@@ -2162,7 +2196,7 @@
2162
2196
  .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-pv-filtered,
2163
2197
  .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-remove,
2164
2198
  .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
2165
- font-size: 14px;
2199
+ font-size: 14px !important;
2166
2200
  height: 20px;
2167
2201
  width: 20px;
2168
2202
  }
@@ -2251,7 +2285,7 @@
2251
2285
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-pv-filtered,
2252
2286
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-remove,
2253
2287
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-edit {
2254
- font-size: 14px;
2288
+ font-size: 14px !important;
2255
2289
  height: 20px;
2256
2290
  width: 20px;
2257
2291
  }
@@ -2310,7 +2344,7 @@
2310
2344
 
2311
2345
  .e-bigger .e-pivotview .e-rowcell,
2312
2346
  .e-bigger.e-pivotview .e-rowcell {
2313
- font-size: 13px;
2347
+ font-size: 13px !important;
2314
2348
  }
2315
2349
 
2316
2350
  .e-bigger .e-pivotview.e-rtl .e-grid .e-rowsheader,
@@ -2355,7 +2389,7 @@
2355
2389
  .e-bigger .e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue,
2356
2390
  .e-bigger.e-pivotview.e-rtl .e-stackedheadertext.e-cellvalue,
2357
2391
  .e-bigger.e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue {
2358
- padding-right: 8px !important;
2392
+ padding-right: 16px !important;
2359
2393
  }
2360
2394
 
2361
2395
  .e-content-placeholder.e-pivotview.e-placeholder-pivotview {
@@ -2763,7 +2797,7 @@
2763
2797
  }
2764
2798
 
2765
2799
  .e-pivot-formatting-dialog .e-format-table tr:nth-child(odd) td {
2766
- padding-bottom: 10px;
2800
+ padding-bottom: 4px;
2767
2801
  }
2768
2802
 
2769
2803
  .e-pivot-formatting-dialog .e-format-delete-icon {
@@ -2791,7 +2825,7 @@
2791
2825
 
2792
2826
  .e-pivot-formatting-dialog .e-format-font-color-picker {
2793
2827
  margin-left: 0;
2794
- margin-right: 18px;
2828
+ margin-right: 16px;
2795
2829
  }
2796
2830
 
2797
2831
  .e-pivot-formatting-dialog .e-format-inner-div {
@@ -2914,7 +2948,7 @@
2914
2948
  }
2915
2949
 
2916
2950
  .e-pivot-formatting-dialog.e-rtl .e-format-font-color-picker {
2917
- margin-left: 18px;
2951
+ margin-left: 16px;
2918
2952
  margin-right: 0;
2919
2953
  }
2920
2954
 
@@ -2936,6 +2970,10 @@
2936
2970
  padding-left: 12px;
2937
2971
  }
2938
2972
 
2973
+ .e-pivot-formatting-dialog.e-rtl.e-device .e-format-font-color-picker {
2974
+ margin-right: 0;
2975
+ }
2976
+
2939
2977
  .e-bigger.e-pivot-formatting-dialog,
2940
2978
  .e-bigger .e-pivot-formatting-dialog {
2941
2979
  min-width: 680px !important;
@@ -3030,7 +3068,7 @@
3030
3068
  color: #fff;
3031
3069
  font-size: 13px;
3032
3070
  margin-bottom: 4px;
3033
- margin-top: 15px;
3071
+ margin-top: 12px;
3034
3072
  overflow: hidden;
3035
3073
  padding: 4px 0;
3036
3074
  padding-bottom: 0;
@@ -3064,7 +3102,9 @@
3064
3102
 
3065
3103
  .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon {
3066
3104
  color: rgba(255, 255, 255, 0.7);
3105
+ float: right !important;
3067
3106
  margin: 0;
3107
+ margin-right: 12px !important;
3068
3108
  }
3069
3109
 
3070
3110
  .e-pivot-calc-dialog-div .e-treeview ul .e-fullrow {
@@ -3087,6 +3127,13 @@
3087
3127
  width: 24px;
3088
3128
  }
3089
3129
 
3130
+ .e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-icons.e-format {
3131
+ float: right;
3132
+ font-size: 20px;
3133
+ margin-right: 12px;
3134
+ padding-top: 10px;
3135
+ }
3136
+
3090
3137
  .e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-iconspace {
3091
3138
  cursor: pointer;
3092
3139
  display: inline-block;
@@ -3109,9 +3156,9 @@
3109
3156
  font-size: 14px;
3110
3157
  height: 24px;
3111
3158
  margin-right: 4px;
3112
- padding: 5px;
3113
3159
  pointer-events: auto;
3114
3160
  width: 24px;
3161
+ padding: 8px 8px 8px 12px;
3115
3162
  }
3116
3163
 
3117
3164
  .e-pivot-calc-dialog-div .e-dlg-header {
@@ -3227,7 +3274,7 @@
3227
3274
  }
3228
3275
 
3229
3276
  .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div {
3230
- height: 430px;
3277
+ height: 465px;
3231
3278
  width: 50%;
3232
3279
  }
3233
3280
 
@@ -3239,7 +3286,7 @@
3239
3286
 
3240
3287
  .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-treeview-outer-div {
3241
3288
  display: inline-block;
3242
- height: 400px;
3289
+ height: 436px;
3243
3290
  overflow: auto;
3244
3291
  width: 100%;
3245
3292
  }
@@ -3297,6 +3344,7 @@
3297
3344
  .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul .e-list-item div.e-icons {
3298
3345
  padding: 0;
3299
3346
  height: auto;
3347
+ float: none !important;
3300
3348
  }
3301
3349
 
3302
3350
  .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul li {
@@ -3467,12 +3515,12 @@
3467
3515
 
3468
3516
  .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div,
3469
3517
  .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div {
3470
- height: 480px;
3518
+ height: 553px;
3471
3519
  }
3472
3520
 
3473
3521
  .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-treeview-outer-div,
3474
3522
  .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-treeview-outer-div {
3475
- height: 450px;
3523
+ height: 518px;
3476
3524
  }
3477
3525
 
3478
3526
  .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-all-field-title,
@@ -3778,7 +3826,7 @@
3778
3826
  }
3779
3827
 
3780
3828
  .e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content {
3781
- padding: 0 20px 10px;
3829
+ padding: 0 24px 10px;
3782
3830
  }
3783
3831
 
3784
3832
  .e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content .e-field-option-wrapper .e-field-name-text-wrapper {
@@ -4582,7 +4630,7 @@
4582
4630
 
4583
4631
  .e-bigger .e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content,
4584
4632
  .e-bigger.e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content {
4585
- padding: 0 20px 10px;
4633
+ padding: 0 28px 10px;
4586
4634
  }
4587
4635
 
4588
4636
  .e-bigger .e-pivotfieldlist-wrapper .e-value-field-settings .e-field-name-text-wrapper,
@@ -4642,6 +4690,7 @@
4642
4690
  .e-bigger.e-pivotfieldlist-wrapper .e-value-field-settings .e-base-item-option-wrapper .e-type-option-text,
4643
4691
  .e-bigger.e-pivotfieldlist-wrapper .e-value-field-settings .e-base-item-option-wrapper .e-caption-input-text {
4644
4692
  font-size: 14px;
4693
+ padding-bottom: 6px;
4645
4694
  }
4646
4695
 
4647
4696
  .e-bigger .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
@@ -5057,7 +5106,7 @@
5057
5106
  color: #fff;
5058
5107
  cursor: pointer;
5059
5108
  font-size: 14px;
5060
- height: 20px;
5109
+ height: 20px !important;
5061
5110
  padding: 7px 0 0 4px;
5062
5111
  width: 20px;
5063
5112
  }
@@ -5977,6 +6026,7 @@
5977
6026
  height: 24px;
5978
6027
  padding-left: 10px;
5979
6028
  width: 24px;
6029
+ font-size: 14px !important;
5980
6030
  }
5981
6031
 
5982
6032
  .e-pivotfieldlist-wrapper.e-device .e-adaptive-container .e-content .e-field-list-filters .e-pvt-btn-div .e-pivot-button .e-sort:hover,
@@ -6530,7 +6580,7 @@
6530
6580
  color: #fff;
6531
6581
  cursor: pointer;
6532
6582
  font-size: 14px;
6533
- height: 20px;
6583
+ height: 20px !important;
6534
6584
  padding: 7px 0 0 4px;
6535
6585
  width: 20px;
6536
6586
  }
@@ -7450,6 +7500,7 @@
7450
7500
  height: 24px;
7451
7501
  padding-left: 10px;
7452
7502
  width: 24px;
7503
+ font-size: 14px !important;
7453
7504
  }
7454
7505
 
7455
7506
  .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-field-list-filters .e-pvt-btn-div .e-pivot-button .e-sort:hover,
@@ -7845,7 +7896,7 @@
7845
7896
  .e-bigger .e-pivotfieldlist-wrapper .e-field-table .e-right-axis-fields,
7846
7897
  .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-left-axis-fields,
7847
7898
  .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-right-axis-fields {
7848
- padding-left: 16px;
7899
+ padding-left: 16px !important;
7849
7900
  }
7850
7901
 
7851
7902
  .e-bigger .e-pivotfieldlist-wrapper .e-field-table .e-field-header,
@@ -7871,7 +7922,7 @@
7871
7922
  .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-field-header-wrapper .e-sort-ascend,
7872
7923
  .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-field-header-wrapper .e-sort-descend {
7873
7924
  font-size: 16px;
7874
- height: 24px;
7925
+ height: 24px !important;
7875
7926
  padding: 7px 0 0 4px;
7876
7927
  width: 24px;
7877
7928
  }
@@ -8310,7 +8361,7 @@
8310
8361
  .e-bigger.e-pivotfieldlist-container .e-field-table .e-field-header-container .e-sort-ascend,
8311
8362
  .e-bigger.e-pivotfieldlist-container .e-field-table .e-field-header-container .e-sort-descend {
8312
8363
  font-size: 16px;
8313
- height: 24px;
8364
+ height: 24px !important;
8314
8365
  padding: 7px 0 0 4px;
8315
8366
  width: 24px;
8316
8367
  }