react-autoql 4.4.4 → 4.5.1

package/dist/autoql.esm.css

@@ -310,7 +310,27 @@ span.react-autoql-icon {
   flex: 1;
   max-width: 100%;
   width: 100%;
-  background-color: inherit; }
+  background-color: inherit;
+  position: relative; }
+  .react-autoql-table-container.infinite:not(.last-page) .tabulator-row:last-child {
+    margin-bottom: 40px; }
+  .react-autoql-table-container .table-loader {
+    position: absolute;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    pointer-events: none;
+    background-color: transparent;
+    color: var(--react-autoql-accent-color); }
+    .react-autoql-table-container .table-loader.table-page-loader {
+      top: 0;
+      bottom: 0;
+      right: 0;
+      left: 0; }
+    .react-autoql-table-container .table-loader.table-scroll-loader {
+      bottom: 20px;
+      width: 100%;
+      z-index: 0; }
 
 .react-autoql-table {
   margin-bottom: 0; }
@@ -348,7 +368,9 @@ span.react-autoql-icon {
 
 .react-autoql-table .tabulator-row {
   /* user-select: none; This breaks copy/paste */
-  border-bottom: 1px solid var(--react-autoql-border-color); }
+  border-bottom: 1px solid var(--react-autoql-border-color);
+  background-color: var(--react-autoql-background-color-primary);
+  z-index: 1; }
 
 .tabulator-cell:not(:first-child) {
   border-left: 1px solid !important;
@@ -368,7 +390,12 @@ span.react-autoql-icon {
     display: none; }
   .react-autoql-table-container.filtering .react-autoql-table .tabulator-col {
     height: 72px !important; }
-  .react-autoql-table-container.filtering .react-autoql-table .tabulator-header-filter {
+  .react-autoql-table-container.filtering.infinite .tabulator-col.DATE_STRING .tabulator-header-filter,
+  .react-autoql-table-container.filtering.infinite .tabulator-col.DATE .tabulator-header-filter {
+    display: none; }
+  .react-autoql-table-container.filtering.limited .tabulator-col .tabulator-header-filter,
+  .react-autoql-table-container.filtering.infinite .tabulator-col:not(.DATE_STRING):not(.DATE)
+.tabulator-header-filter {
     display: inline; }
   .react-autoql-table-container.filtering .react-autoql-table .tabulator-tableHolder {
     min-height: calc(100% - 74px) !important;
@@ -486,6 +513,36 @@ span.react-autoql-icon {
 .comparison-value-negative {
   color: #e80000; }
 
+.spinner-loader {
+  display: inline-block;
+  width: 14px;
+  height: 14px;
+  margin-right: 6px; }
+
+.spinner-loader:after {
+  content: ' ';
+  display: block;
+  width: 16px;
+  height: 16px;
+  margin: 0px;
+  border-radius: 50%;
+  border: 1px solid currentColor;
+  border-color: currentColor transparent currentColor transparent;
+  -webkit-animation: spinner-loader 1.2s linear infinite;
+          animation: spinner-loader 1.2s linear infinite; }
+
+@-webkit-keyframes spinner-loader {
+  0% {
+    transform: rotate(0deg); }
+  100% {
+    transform: rotate(360deg); } }
+
+@keyframes spinner-loader {
+  0% {
+    transform: rotate(0deg); }
+  100% {
+    transform: rotate(360deg); } }
+
 g.legendOrdinal,
 g.legendOrdinal tspan {
   stroke-width: 10px;
@@ -666,36 +723,6 @@ g.legendOrdinal .legendTitle tspan {
 .react-autoql-list-item:not(:last-child) {
   border-bottom: 1px solid #d3d3d34a; }
 
-.spinner-loader {
-  display: inline-block;
-  width: 14px;
-  height: 14px;
-  margin-right: 6px; }
-
-.spinner-loader:after {
-  content: ' ';
-  display: block;
-  width: 16px;
-  height: 16px;
-  margin: 0px;
-  border-radius: 50%;
-  border: 1px solid currentColor;
-  border-color: currentColor transparent currentColor transparent;
-  -webkit-animation: spinner-loader 1.2s linear infinite;
-          animation: spinner-loader 1.2s linear infinite; }
-
-@-webkit-keyframes spinner-loader {
-  0% {
-    transform: rotate(0deg); }
-  100% {
-    transform: rotate(360deg); } }
-
-@keyframes spinner-loader {
-  0% {
-    transform: rotate(0deg); }
-  100% {
-    transform: rotate(360deg); } }
-
 .react-autoql-btn {
   border-radius: 4px;
   cursor: pointer;
@@ -3994,12 +4021,16 @@ g.legendOrdinal .legendTitle tspan {
   max-height: 93vh !important; }
 
 .dashboard-drilldown-modal .dashboard-drilldown-modal-content.chart-hidden .react-autoql-dashboard-drilldown-original,
-.dashboard-drilldown-modal .dashboard-drilldown-modal-content.chart-hidden .layout-splitter {
+.dashboard-drilldown-modal .dashboard-drilldown-modal-content.chart-hidden .layout-splitter, .dashboard-drilldown-modal .dashboard-drilldown-modal-content.top-hidden .react-autoql-dashboard-drilldown-original,
+.dashboard-drilldown-modal .dashboard-drilldown-modal-content.top-hidden .layout-splitter {
   display: none; }
 
 .dashboard-drilldown-modal .dashboard-drilldown-modal-content.chart-hidden .layout-pane:not(.layout-pane-primary) {
   height: calc(100% - 50px) !important; }
 
+.dashboard-drilldown-modal .dashboard-drilldown-modal-content.top-hidden .layout-pane:not(.layout-pane-primary) {
+  height: 100% !important; }
+
 .dashboard-drilldown-modal .dashboard-drilldown-modal-content .react-autoql-modal-body {
   padding: 0; }