@syncfusion/ej2-react-pivotview 22.2.12 → 23.1.38

package/styles/tailwind.css

@@ -1,10 +1,8 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! component's theme wise override definitions and variables */
 /*! component's common definitions and variables */
 /*! component's theme wise override definitions and variables */
 /*! component's common definitions and variables */
 /* pivot-pager */
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-pivotview .e-expand::before {
   content: "\e75c";
 }
@@ -162,6 +160,8 @@
   /* stylelint-disable */
   /* stylelint-enable */
   /* stylelint-enable */
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pivotview .e-value-field-settings,
 .e-pivotview .e-member-editor-dialog,
@@ -639,6 +639,9 @@
 .e-pivotview .e-frozenscrollbar {
   background: #f9fafb;
 }
+.e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
+  -webkit-transform: translate3d(0, 0, 0);
+}
 
 .e-pivotview-disable-icon {
   visibility: hidden;
@@ -919,7 +922,6 @@
 
 /*! PivotView theme */
 .e-pivotview {
-  /* stylelint-enable */
   /* stylelint-enable */
   /* stylelint-disable */
   /* stylelint-enable */
@@ -930,6 +932,8 @@
   /* stylelint-enable */
 }
 .e-pivotview .e-pivotcell-container {
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-flexbox;
   display: flex;
 }
@@ -937,6 +941,7 @@
 .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
   overflow: hidden;
   text-overflow: ellipsis;
+  width: 100%;
 }
 .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
   -ms-flex-align: center;
@@ -975,14 +980,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: #f9fafb;
 }
+.e-pivotview .e-headercell:not(.e-columnsheader) {
+  background: #f9fafb !important;
+}
 .e-pivotview .e-grid .e-gridheader {
   border-bottom-width: 1px;
 }
@@ -1079,9 +1093,6 @@
 .e-pivotview .e-drop-indicator {
   display: block;
 }
-.e-pivotview div.e-cellvalue {
-  margin-top: 2px;
-}
 .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
   float: right;
 }
@@ -1091,10 +1102,17 @@
 .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
   display: none;
 }
+.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
+  margin: -18px 0 !important;
+}
+.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
+  margin: 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: 2px !important;
+  padding-bottom: 0 !important;
+  padding-top: 0 !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -4px 0 !important;
@@ -1130,9 +1148,26 @@
 }
 .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: #4f46e5;
+  font-size: 20px;
+  text-align: center;
+  padding: 10%;
+  pointer-events: none;
+}
+.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;
   text-transform: none;
   padding-top: 0px !important;
@@ -1156,6 +1191,14 @@
   border-left: 0;
   border-right-width: 1px;
 }
+.e-pivotview .e-leftfreeze.e-freezeleftborder {
+  border-left-color: #e5e7eb !important;
+  border-right-color: #e5e7eb !important;
+  border-right-width: 1px !important;
+}
+.e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
+  background: #f9fafb;
+}
 .e-pivotview .e-stackedheadercelldiv {
   display: block;
 }
@@ -1163,9 +1206,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;
@@ -1510,6 +1550,11 @@
 .e-pivotview .e-group-columns {
   width: 100%;
 }
+.e-pivotview th.e-group-row .e-axis-row {
+  display: inline-block;
+  height: 100%;
+  vertical-align: top;
+}
 .e-pivotview .e-group-row {
   padding: 0 !important;
 }
@@ -1662,8 +1707,6 @@
   cursor: pointer;
   display: inline-block;
   height: 18px;
-  margin-top: 0;
-  margin-bottom: 0;
   text-align: center;
   width: 18px;
   vertical-align: middle;
@@ -1671,9 +1714,7 @@
 .e-pivotview th .e-expand,
 .e-pivotview th .e-collapse {
   font-size: 10px !important;
-  margin-left: 0px;
-  margin-top: 0;
-  margin-bottom: 0;
+  margin-left: 0;
 }
 .e-pivotview .e-expand::before {
   font-size: 18px;
@@ -2037,6 +2078,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;
@@ -2271,12 +2316,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 */
@@ -3272,7 +3311,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,
@@ -4345,12 +4384,6 @@
   height: 36px;
   padding: 6px 12px;
 }
-.e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
-.e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
-.e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
-.e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
-  line-height: 1.5em;
-}
 .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
 .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
 .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,