@syncfusion/ej2-react-pivotview 20.4.50 → 21.1.35

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 (57) hide show
  1. package/CHANGELOG.md +9 -36
  2. package/diConfig.json +4 -4
  3. package/dist/ej2-react-pivotview.min.js +2 -2
  4. package/dist/ej2-react-pivotview.umd.min.js +2 -2
  5. package/dist/ej2-react-pivotview.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-react-pivotview.es2015.js +4 -2
  7. package/dist/es6/ej2-react-pivotview.es2015.js.map +1 -1
  8. package/package.json +9 -9
  9. package/src/pivotfieldlist/pivotfieldlist.component.d.ts +1 -0
  10. package/src/pivotfieldlist/pivotfieldlist.component.js +1 -0
  11. package/src/pivotview/pivotview.component.d.ts +3 -2
  12. package/src/pivotview/pivotview.component.js +3 -2
  13. package/styles/bootstrap-dark.css +80 -4
  14. package/styles/bootstrap.css +81 -4
  15. package/styles/bootstrap4.css +81 -14
  16. package/styles/bootstrap5-dark.css +94 -17
  17. package/styles/bootstrap5.css +94 -17
  18. package/styles/fabric-dark.css +83 -12
  19. package/styles/fabric.css +82 -9
  20. package/styles/fluent-dark.css +100 -19
  21. package/styles/fluent.css +100 -19
  22. package/styles/highcontrast-light.css +83 -8
  23. package/styles/highcontrast.css +83 -8
  24. package/styles/material-dark.css +80 -4
  25. package/styles/material.css +80 -10
  26. package/styles/pivotfieldlist/bootstrap-dark.css +58 -2
  27. package/styles/pivotfieldlist/bootstrap.css +58 -2
  28. package/styles/pivotfieldlist/bootstrap4.css +58 -2
  29. package/styles/pivotfieldlist/bootstrap5-dark.css +66 -9
  30. package/styles/pivotfieldlist/bootstrap5.css +66 -9
  31. package/styles/pivotfieldlist/fabric-dark.css +58 -2
  32. package/styles/pivotfieldlist/fabric.css +58 -2
  33. package/styles/pivotfieldlist/fluent-dark.css +72 -11
  34. package/styles/pivotfieldlist/fluent.css +72 -11
  35. package/styles/pivotfieldlist/highcontrast-light.css +58 -2
  36. package/styles/pivotfieldlist/highcontrast.css +58 -2
  37. package/styles/pivotfieldlist/material-dark.css +58 -2
  38. package/styles/pivotfieldlist/material.css +58 -2
  39. package/styles/pivotfieldlist/tailwind-dark.css +64 -7
  40. package/styles/pivotfieldlist/tailwind.css +64 -7
  41. package/styles/pivotview/bootstrap-dark.css +22 -2
  42. package/styles/pivotview/bootstrap.css +23 -2
  43. package/styles/pivotview/bootstrap4.css +23 -12
  44. package/styles/pivotview/bootstrap5-dark.css +28 -8
  45. package/styles/pivotview/bootstrap5.css +28 -8
  46. package/styles/pivotview/fabric-dark.css +25 -10
  47. package/styles/pivotview/fabric.css +24 -7
  48. package/styles/pivotview/fluent-dark.css +28 -8
  49. package/styles/pivotview/fluent.css +28 -8
  50. package/styles/pivotview/highcontrast-light.css +25 -6
  51. package/styles/pivotview/highcontrast.css +25 -6
  52. package/styles/pivotview/material-dark.css +22 -2
  53. package/styles/pivotview/material.css +22 -8
  54. package/styles/pivotview/tailwind-dark.css +25 -9
  55. package/styles/pivotview/tailwind.css +25 -9
  56. package/styles/tailwind-dark.css +89 -16
  57. package/styles/tailwind.css +89 -16
@@ -701,10 +701,10 @@
701
701
  }
702
702
  .e-drillthrough-dialog .e-drillthrough-body-header {
703
703
  color: #6b7280;
704
- font-weight: 900;
704
+ font-weight: 400;
705
705
  }
706
706
  .e-drillthrough-dialog .e-drillthrough-body-header-value {
707
- color: #374151;
707
+ color: #111827;
708
708
  margin-right: 20px;
709
709
  }
710
710
  .e-drillthrough-dialog .e-drillthrough-body-header-common {
@@ -809,6 +809,10 @@
809
809
  .e-bigger.e-pivotview .e-value-field-settings {
810
810
  max-height: 510px !important;
811
811
  }
812
+ .e-bigger .e-pivotview .e-value-field-settings .e-dlg-content,
813
+ .e-bigger.e-pivotview .e-value-field-settings .e-dlg-content {
814
+ padding: 0;
815
+ }
812
816
  .e-bigger .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer,
813
817
  .e-bigger.e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer {
814
818
  padding: 0 20px 10px;
@@ -1379,7 +1383,7 @@
1379
1383
  cursor: move;
1380
1384
  -ms-flex: auto;
1381
1385
  flex: auto;
1382
- font-size: 13px;
1386
+ font-size: 14px;
1383
1387
  margin-right: 4px;
1384
1388
  overflow: hidden;
1385
1389
  text-align: left;
@@ -1416,6 +1420,7 @@
1416
1420
  height: 18px;
1417
1421
  margin-left: 4px;
1418
1422
  width: 18px;
1423
+ padding-top: 1px;
1419
1424
  }
1420
1425
  .e-pivotview .e-grouping-bar .e-pivot-button .e-sort:hover,
1421
1426
  .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon:hover,
@@ -1453,6 +1458,7 @@
1453
1458
  }
1454
1459
  .e-pivotview .e-grouping-bar .e-pivot-button .e-sort.e-descend,
1455
1460
  .e-pivotview .e-group-rows .e-pivot-button .e-sort.e-descend {
1461
+ margin-top: 2px;
1456
1462
  transform: rotateX(180deg);
1457
1463
  }
1458
1464
  .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon,
@@ -1537,7 +1543,6 @@
1537
1543
  height: 18px;
1538
1544
  margin-left: 4px !important;
1539
1545
  width: 18px;
1540
- padding-top: 2px;
1541
1546
  }
1542
1547
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort:hover,
1543
1548
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon:hover,
@@ -1560,9 +1565,7 @@
1560
1565
  width: 18px;
1561
1566
  }
1562
1567
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
1563
- margin-top: 3px;
1564
1568
  transform: rotateX(180deg);
1565
- margin-top: 4px !important;
1566
1569
  }
1567
1570
  .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
1568
1571
  margin-top: 1px;
@@ -1641,6 +1644,9 @@
1641
1644
  .e-pivotview .e-pivot-pager {
1642
1645
  padding: 8px 18px;
1643
1646
  }
1647
+ .e-pivotview .e-pivot-pager.sf-pager .e-pivot-pager-info-container.e-pagercontainer {
1648
+ font-size: unset;
1649
+ }
1644
1650
  .e-pivotview .e-pivot-pager.e-pivot-pager-bottom {
1645
1651
  border-top: 0;
1646
1652
  }
@@ -1743,7 +1749,7 @@
1743
1749
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-of-string-maindiv .e-pivotview-column-pagerNumber,
1744
1750
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-of-string-maindiv .e-pivotview-row-pagerNumber,
1745
1751
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-of-string-maindiv .e-pivotview-column-pagerNumber {
1746
- font-weight: 600;
1752
+ font-weight: 400;
1747
1753
  }
1748
1754
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings,
1749
1755
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings,
@@ -1752,6 +1758,12 @@
1752
1758
  -ms-flex: none;
1753
1759
  flex: none;
1754
1760
  }
1761
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
1762
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container,
1763
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
1764
+ .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container {
1765
+ display: inline-table;
1766
+ }
1755
1767
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings .e-numeric,
1756
1768
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings .e-numeric,
1757
1769
  .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings .e-numeric,
@@ -2080,6 +2092,10 @@
2080
2092
  .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
2081
2093
  width: 155px;
2082
2094
  }
2095
+ .e-pivotview.e-device .e-scrollbar .e-movablescrollbar {
2096
+ min-height: 1px !important;
2097
+ visibility: hidden;
2098
+ }
2083
2099
  .e-pivotview .e-component-disable {
2084
2100
  display: none !important;
2085
2101
  }
@@ -2233,7 +2249,7 @@
2233
2249
  }
2234
2250
  .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-content,
2235
2251
  .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-content {
2236
- font-size: 13px;
2252
+ font-size: 14px;
2237
2253
  margin-right: 8px;
2238
2254
  }
2239
2255
  .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -2318,7 +2334,7 @@
2318
2334
  }
2319
2335
  .e-bigger .e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-content,
2320
2336
  .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-content {
2321
- font-size: 13px;
2337
+ font-size: 14px;
2322
2338
  margin-right: 8px;
2323
2339
  }
2324
2340
  .e-bigger .e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -3153,10 +3169,11 @@
3153
3169
  }
3154
3170
  .e-pivot-formatting-dialog .e-format-label,
3155
3171
  .e-pivot-formatting-dialog .e-format-value-label {
3156
- color: #111827;
3157
- font-size: 13px;
3172
+ color: #6b7280;
3173
+ font-size: 14px;
3158
3174
  font-weight: 500;
3159
3175
  opacity: 0.87;
3176
+ opacity: 1;
3160
3177
  }
3161
3178
  .e-pivot-formatting-dialog .e-format-value-preview {
3162
3179
  border: 1px solid #e5e7eb;
@@ -3486,6 +3503,8 @@
3486
3503
  }
3487
3504
  .e-pivot-calc-dialog-div.e-rtl .e-treeview ul li .e-text-content {
3488
3505
  padding: 0 24px 0 0;
3506
+ display: -ms-flexbox;
3507
+ display: flex;
3489
3508
  }
3490
3509
  .e-pivot-calc-dialog-div .e-pivot-calc-input.e-empty-field::-webkit-input-placeholder {
3491
3510
  color: #dc2626 !important;
@@ -3508,7 +3527,7 @@
3508
3527
  border: 1px solid #e5e7eb;
3509
3528
  border-radius: 4px;
3510
3529
  color: #111827;
3511
- font-size: 13px;
3530
+ font-size: 14px;
3512
3531
  height: 70px;
3513
3532
  padding: 5px 8px;
3514
3533
  resize: none;
@@ -3718,6 +3737,15 @@
3718
3737
  font-size: 16px;
3719
3738
  padding-top: 12px;
3720
3739
  }
3740
+ .e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item .e-remove-report,
3741
+ .e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edit,
3742
+ .e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edited,
3743
+ .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item .e-remove-report,
3744
+ .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edit,
3745
+ .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edited {
3746
+ /* stylelint-disable */
3747
+ /* stylelint-enable */
3748
+ }
3721
3749
  .e-bigger.e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-edit, .e-bigger.e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-edited, .e-bigger.e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-remove-report,
3722
3750
  .e-bigger .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-edit,
3723
3751
  .e-bigger .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-edited,
@@ -3732,7 +3760,7 @@
3732
3760
  }
3733
3761
  .e-bigger.e-pivot-calc-dialog-div .e-pivot-formula,
3734
3762
  .e-bigger .e-pivot-calc-dialog-div .e-pivot-formula {
3735
- font-size: 13px;
3763
+ font-size: 14px;
3736
3764
  }
3737
3765
  .e-bigger.e-pivot-calc-dialog-div .e-footer-content,
3738
3766
  .e-bigger .e-pivot-calc-dialog-div .e-footer-content {
@@ -3830,6 +3858,7 @@
3830
3858
  .e-pivotfieldlist-container .e-adaptive-field-list-dialog:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content,
3831
3859
  .e-pivotfieldlist-container .e-member-editor-dialog:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content {
3832
3860
  padding-left: 0;
3861
+ margin-left: 15px;
3833
3862
  }
3834
3863
  .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container ul,
3835
3864
  .e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-container ul {
@@ -3952,9 +3981,10 @@
3952
3981
  .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter {
3953
3982
  padding-top: 20px;
3954
3983
  padding-top: 12px;
3984
+ /* stylelint-disable */
3955
3985
  }
3956
3986
  .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
3957
- height: 165px;
3987
+ height: 165px !important;
3958
3988
  }
3959
3989
  .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter,
3960
3990
  .e-pivotfieldlist-container .e-member-editor-dialog .e-value-filter {
@@ -3962,7 +3992,6 @@
3962
3992
  overflow: auto;
3963
3993
  padding: 20px;
3964
3994
  padding-bottom: 0;
3965
- /* stylelint-disable */
3966
3995
  /* stylelint-enable */
3967
3996
  padding-top: 0;
3968
3997
  }
@@ -4583,6 +4612,50 @@
4583
4612
  /* stylelint-enable */
4584
4613
  /* stylelint-enable */
4585
4614
  }
4615
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list {
4616
+ display: block;
4617
+ overflow-y: auto;
4618
+ }
4619
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview ul:first-child {
4620
+ padding-right: 0;
4621
+ }
4622
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview li.e-no-checkbox > .e-text-content > .e-checkbox-wrapper, .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview li .e-measure-icon {
4623
+ display: none;
4624
+ }
4625
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview li.e-rtl ul:first-child {
4626
+ padding-left: 0;
4627
+ padding-right: 10px;
4628
+ }
4629
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-drag {
4630
+ padding: revert;
4631
+ margin: revert;
4632
+ width: auto;
4633
+ height: auto;
4634
+ }
4635
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-draggable {
4636
+ display: contents;
4637
+ }
4638
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-text-content {
4639
+ display: -ms-flexbox;
4640
+ display: flex;
4641
+ -ms-flex-align: center;
4642
+ align-items: center;
4643
+ }
4644
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-list-text {
4645
+ text-overflow: ellipsis;
4646
+ overflow-x: hidden;
4647
+ width: 100%;
4648
+ white-space: nowrap;
4649
+ }
4650
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-treeview:not(.e-rtl) .e-list-text {
4651
+ padding-right: revert;
4652
+ }
4653
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-treeview.e-rtl .e-list-text {
4654
+ padding-left: revert;
4655
+ }
4656
+ .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container li.e-no-checkbox > .e-text-content > .e-checkbox-wrapper, .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container li .e-measure-icon {
4657
+ display: none;
4658
+ }
4586
4659
  .e-pivotfieldlist-container .e-layout-footer {
4587
4660
  display: -ms-flexbox;
4588
4661
  display: flex;
@@ -5329,7 +5402,7 @@
5329
5402
  .e-pivotfieldlist-container .e-calculated-field {
5330
5403
  color: #374151;
5331
5404
  font-size: 14px;
5332
- font-weight: normal;
5405
+ font-weight: 400;
5333
5406
  max-width: 160px;
5334
5407
  min-width: 145px;
5335
5408
  }