@syncfusion/ej2-react-pivotview 22.2.11 → 23.1.36

package/styles/fabric-dark.css

@@ -161,6 +161,8 @@
   /* stylelint-disable */
   /* stylelint-enable */
   /* stylelint-enable */
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pivotview .e-value-field-settings,
 .e-pivotview .e-member-editor-dialog,
@@ -630,6 +632,9 @@
 .e-pivotview .e-frozenscrollbar {
   background: #282727;
 }
+.e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
+  -webkit-transform: translate3d(0, 0, 0);
+}
 
 .e-pivotview-disable-icon {
   visibility: hidden;
@@ -904,7 +909,6 @@
 
 /*! PivotView theme */
 .e-pivotview {
-  /* stylelint-enable */
   /* stylelint-enable */
   /* stylelint-disable */
   /* stylelint-enable */
@@ -915,6 +919,8 @@
   /* stylelint-enable */
 }
 .e-pivotview .e-pivotcell-container {
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-flexbox;
   display: flex;
 }
@@ -960,14 +966,23 @@
   -ms-user-select: none;
   user-select: none;
 }
+.e-pivotview .e-grid .e-content-virtualtable {
+  overflow-x: auto;
+  scrollbar-width: none; /* firefox */
+}
+.e-pivotview .e-grid .e-content-virtualtable::-webkit-scrollbar {
+  display: none; /* safari, chrome and edge */
+}
 .e-pivotview .e-gtot,
 .e-pivotview .e-gtot.e-rowsheader,
 .e-pivotview .e-gtot.e-columnsheader,
 .e-pivotview .e-grid .e-content,
-.e-pivotview .e-grid .e-gridheader,
-.e-pivotview .e-headercell {
+.e-pivotview .e-grid .e-gridheader {
   background: #282727;
 }
+.e-pivotview .e-headercell:not(.e-columnsheader) {
+  background: #282727 !important;
+}
 .e-pivotview .e-grid .e-gridheader {
   border-bottom-width: 1px;
 }
@@ -1060,9 +1075,6 @@
 .e-pivotview .e-drop-indicator {
   display: block;
 }
-.e-pivotview div.e-cellvalue {
-  margin-top: 5px;
-}
 .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
   float: right;
 }
@@ -1072,10 +1084,17 @@
 .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
   display: none;
 }
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
+.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
+  margin: -15px 0 !important;
+}
+.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
   margin: 2px 0 !important;
+}
+.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
+  margin: 0 !important;
   margin-left: auto !important;
-  margin-top: 5px !important;
+  padding-bottom: 0 !important;
+  padding-top: 0 !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -5px 0 !important;
@@ -1110,9 +1129,25 @@
 }
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
   visibility: hidden !important;
+  /* stylelint-enable */
+}
+.e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader {
+  position: absolute;
+  z-index: 10;
+  color: #0074cc;
+  font-size: 20px;
+  text-align: center;
+  padding: 10%;
+}
+.e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader.e-hide-loader {
+  display: none;
+}
+.e-pivotview.sf-pivotview .e-grid .e-virtual-pivot-content {
+  visibility: hidden;
 }
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
+  /* stylelint-disable */
   padding-left: 8px !important;
 }
 .e-pivotview .sf-grid .e-spinner-pane {
@@ -1133,6 +1168,14 @@
   border-left: 0;
   border-right-width: 1px;
 }
+.e-pivotview .e-leftfreeze.e-freezeleftborder {
+  border-left-color: #414040 !important;
+  border-right-color: #414040 !important;
+  border-right-width: 1px !important;
+}
+.e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
+  background: #282727;
+}
 .e-pivotview .e-stackedheadercelldiv {
   display: block;
 }
@@ -1140,9 +1183,6 @@
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
   display: inline-block;
   padding-left: 12px !important;
-  margin-top: 5px;
-  margin-top: 2px;
-  padding-left: 8px !important;
 }
 .e-pivotview .e-stackedheadercelldiv {
   padding: 0 0 0 1px !important;
@@ -1636,8 +1676,6 @@
   cursor: pointer;
   display: inline-block;
   height: 18px;
-  margin-top: 5px;
-  margin-bottom: 0;
   text-align: center;
   width: 18px;
 }
@@ -1645,8 +1683,6 @@
 .e-pivotview th .e-collapse {
   font-size: 10px !important;
   margin-left: 0px;
-  margin-top: 7px;
-  margin-bottom: 0;
 }
 .e-pivotview .e-expand::before {
   font-size: 10px;
@@ -2011,6 +2047,10 @@
   border-left-width: 1px;
   border-right: 0;
 }
+.e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
+  border-left-width: 1px;
+  border-right: 0;
+}
 .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
   margin-left: 0;
   margin-right: 7px;
@@ -2243,12 +2283,6 @@
 .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
   padding-left: 16px !important;
 }
-.e-bigger .e-pivotview th .e-expand,
-.e-bigger .e-pivotview th .e-collapse,
-.e-bigger.e-pivotview th .e-expand,
-.e-bigger.e-pivotview th .e-collapse {
-  margin-top: 7px;
-}
 .e-bigger .e-pivotview .e-grouping-bar,
 .e-bigger.e-pivotview .e-grouping-bar {
   /* stylelint-enable */
@@ -3220,7 +3254,7 @@
   width: 100% !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
-  margin-left: 0;
+  margin-left: 0 !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,

package/styles/fabric.css

@@ -161,6 +161,8 @@
   /* stylelint-disable */
   /* stylelint-enable */
   /* stylelint-enable */
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pivotview .e-value-field-settings,
 .e-pivotview .e-member-editor-dialog,
@@ -630,6 +632,9 @@
 .e-pivotview .e-frozenscrollbar {
   background: #f4f4f4;
 }
+.e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
+  -webkit-transform: translate3d(0, 0, 0);
+}
 
 .e-pivotview-disable-icon {
   visibility: hidden;
@@ -904,7 +909,6 @@
 
 /*! PivotView theme */
 .e-pivotview {
-  /* stylelint-enable */
   /* stylelint-enable */
   /* stylelint-disable */
   /* stylelint-enable */
@@ -915,6 +919,8 @@
   /* stylelint-enable */
 }
 .e-pivotview .e-pivotcell-container {
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-flexbox;
   display: flex;
 }
@@ -960,14 +966,23 @@
   -ms-user-select: none;
   user-select: none;
 }
+.e-pivotview .e-grid .e-content-virtualtable {
+  overflow-x: auto;
+  scrollbar-width: none; /* firefox */
+}
+.e-pivotview .e-grid .e-content-virtualtable::-webkit-scrollbar {
+  display: none; /* safari, chrome and edge */
+}
 .e-pivotview .e-gtot,
 .e-pivotview .e-gtot.e-rowsheader,
 .e-pivotview .e-gtot.e-columnsheader,
 .e-pivotview .e-grid .e-content,
-.e-pivotview .e-grid .e-gridheader,
-.e-pivotview .e-headercell {
+.e-pivotview .e-grid .e-gridheader {
   background: #f4f4f4;
 }
+.e-pivotview .e-headercell:not(.e-columnsheader) {
+  background: #f4f4f4 !important;
+}
 .e-pivotview .e-grid .e-gridheader {
   border-bottom-width: 1px;
 }
@@ -1060,9 +1075,6 @@
 .e-pivotview .e-drop-indicator {
   display: block;
 }
-.e-pivotview div.e-cellvalue {
-  margin-top: 5px;
-}
 .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
   float: right;
 }
@@ -1072,10 +1084,17 @@
 .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
   display: none;
 }
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
+.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
+  margin: -15px 0 !important;
+}
+.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
   margin: 2px 0 !important;
+}
+.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
+  margin: 0 !important;
   margin-left: auto !important;
-  margin-top: 5px !important;
+  padding-bottom: 0 !important;
+  padding-top: 0 !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -5px 0 !important;
@@ -1110,9 +1129,25 @@
 }
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
   visibility: hidden !important;
+  /* stylelint-enable */
+}
+.e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader {
+  position: absolute;
+  z-index: 10;
+  color: #0078d6;
+  font-size: 20px;
+  text-align: center;
+  padding: 10%;
+}
+.e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader.e-hide-loader {
+  display: none;
+}
+.e-pivotview.sf-pivotview .e-grid .e-virtual-pivot-content {
+  visibility: hidden;
 }
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
+  /* stylelint-disable */
   padding-left: 8px !important;
 }
 .e-pivotview .sf-grid .e-spinner-pane {
@@ -1133,6 +1168,14 @@
   border-left: 0;
   border-right-width: 1px;
 }
+.e-pivotview .e-leftfreeze.e-freezeleftborder {
+  border-left-color: #dadada !important;
+  border-right-color: #dadada !important;
+  border-right-width: 1px !important;
+}
+.e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
+  background: #f8f8f8;
+}
 .e-pivotview .e-stackedheadercelldiv {
   display: block;
 }
@@ -1140,7 +1183,6 @@
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
   display: inline-block;
   padding-left: 12px !important;
-  margin-top: 5px;
 }
 .e-pivotview .e-stackedheadercelldiv {
   padding: 0 0 0 1px !important;
@@ -1634,8 +1676,6 @@
   cursor: pointer;
   display: inline-block;
   height: 18px;
-  margin-top: 5px;
-  margin-bottom: 0;
   text-align: center;
   width: 18px;
 }
@@ -1643,8 +1683,6 @@
 .e-pivotview th .e-collapse {
   font-size: 12px !important;
   margin-left: 0px;
-  margin-top: 7px;
-  margin-bottom: 0;
 }
 .e-pivotview .e-expand::before {
   font-size: 10px;
@@ -2009,6 +2047,10 @@
   border-left-width: 1px;
   border-right: 0;
 }
+.e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
+  border-left-width: 1px;
+  border-right: 0;
+}
 .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
   margin-left: 0;
   margin-right: 7px;
@@ -2241,12 +2283,6 @@
 .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
   padding-left: 16px !important;
 }
-.e-bigger .e-pivotview th .e-expand,
-.e-bigger .e-pivotview th .e-collapse,
-.e-bigger.e-pivotview th .e-expand,
-.e-bigger.e-pivotview th .e-collapse {
-  margin-top: 7px;
-}
 .e-bigger .e-pivotview .e-grouping-bar,
 .e-bigger.e-pivotview .e-grouping-bar {
   /* stylelint-enable */
@@ -3217,7 +3253,7 @@
   width: 100% !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
-  margin-left: 0;
+  margin-left: 0 !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,

package/styles/fluent-dark.css

@@ -158,6 +158,8 @@
   /* stylelint-disable */
   /* stylelint-enable */
   /* stylelint-enable */
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pivotview .e-value-field-settings,
 .e-pivotview .e-member-editor-dialog,
@@ -642,6 +644,9 @@
 .e-pivotview .e-frozenscrollbar {
   background: #201f1e;
 }
+.e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
+  -webkit-transform: translate3d(0, 0, 0);
+}
 
 .e-pivotview-disable-icon {
   visibility: hidden;
@@ -917,7 +922,6 @@
 
 /*! PivotView theme */
 .e-pivotview {
-  /* stylelint-enable */
   /* stylelint-enable */
   /* stylelint-disable */
   /* stylelint-enable */
@@ -928,6 +932,8 @@
   /* stylelint-enable */
 }
 .e-pivotview .e-pivotcell-container {
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-flexbox;
   display: flex;
 }
@@ -973,14 +979,23 @@
   -ms-user-select: none;
   user-select: none;
 }
+.e-pivotview .e-grid .e-content-virtualtable {
+  overflow-x: auto;
+  scrollbar-width: none; /* firefox */
+}
+.e-pivotview .e-grid .e-content-virtualtable::-webkit-scrollbar {
+  display: none; /* safari, chrome and edge */
+}
 .e-pivotview .e-gtot,
 .e-pivotview .e-gtot.e-rowsheader,
 .e-pivotview .e-gtot.e-columnsheader,
 .e-pivotview .e-grid .e-content,
-.e-pivotview .e-grid .e-gridheader,
-.e-pivotview .e-headercell {
+.e-pivotview .e-grid .e-gridheader {
   background: #201f1e;
 }
+.e-pivotview .e-headercell:not(.e-columnsheader) {
+  background: #201f1e !important;
+}
 .e-pivotview .e-grid .e-gridheader {
   border-bottom-width: 1px;
 }
@@ -1073,9 +1088,6 @@
 .e-pivotview .e-drop-indicator {
   display: block;
 }
-.e-pivotview div.e-cellvalue {
-  margin-top: 1px;
-}
 .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
   float: right;
   font-size: 14px !important;
@@ -1086,10 +1098,17 @@
 .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
   display: none;
 }
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
+.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
+  margin: -33px 0 !important;
+}
+.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
   margin: -11px 0 !important;
+}
+.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
+  margin: 0 !important;
   margin-left: auto !important;
-  margin-top: 1px !important;
+  padding-bottom: 0 !important;
+  padding-top: 0 !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -20px 0 !important;
@@ -1124,9 +1143,25 @@
 }
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
   visibility: hidden !important;
+  /* stylelint-enable */
+}
+.e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader {
+  position: absolute;
+  z-index: 10;
+  color: #0078d4;
+  font-size: 20px;
+  text-align: center;
+  padding: 10%;
+}
+.e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader.e-hide-loader {
+  display: none;
+}
+.e-pivotview.sf-pivotview .e-grid .e-virtual-pivot-content {
+  visibility: hidden;
 }
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
+  /* stylelint-disable */
   padding-left: 8px !important;
   padding-top: 0px !important;
   padding-bottom: 0px !important;
@@ -1149,6 +1184,14 @@
   border-left: 0;
   border-right-width: 1px;
 }
+.e-pivotview .e-leftfreeze.e-freezeleftborder {
+  border-left-color: #292827 !important;
+  border-right-color: #292827 !important;
+  border-right-width: 1px !important;
+}
+.e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
+  background: #201f1e;
+}
 .e-pivotview .e-stackedheadercelldiv {
   display: block;
 }
@@ -1156,8 +1199,6 @@
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
   display: inline-block;
   padding-left: 12px !important;
-  margin-top: 5px;
-  margin-top: 1px;
 }
 .e-pivotview .e-stackedheadercelldiv {
   padding: 0 0 0 1px !important;
@@ -1656,8 +1697,6 @@
   cursor: pointer;
   display: inline-block;
   height: 18px;
-  margin-top: 0;
-  margin-bottom: 2px;
   text-align: center;
   width: 18px;
   vertical-align: middle;
@@ -1666,8 +1705,6 @@
 .e-pivotview th .e-collapse {
   font-size: 10px !important;
   margin-left: 0px;
-  margin-top: 0;
-  margin-bottom: 2px;
 }
 .e-pivotview .e-expand::before {
   font-size: 18px;
@@ -2031,6 +2068,10 @@
   border-left-width: 1px;
   border-right: 0;
 }
+.e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
+  border-left-width: 1px;
+  border-right: 0;
+}
 .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
   margin-left: 0;
   margin-right: 7px;
@@ -2263,12 +2304,6 @@
 .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
   padding-left: 16px !important;
 }
-.e-bigger .e-pivotview th .e-expand,
-.e-bigger .e-pivotview th .e-collapse,
-.e-bigger.e-pivotview th .e-expand,
-.e-bigger.e-pivotview th .e-collapse {
-  margin-top: 0;
-}
 .e-bigger .e-pivotview .e-grouping-bar,
 .e-bigger.e-pivotview .e-grouping-bar {
   /* stylelint-enable */
@@ -3259,7 +3294,7 @@
   width: 100% !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
-  margin-left: 0;
+  margin-left: 0 !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,