react-autoql 6.4.1 → 6.5.0

package/dist/autoql.esm.css

@@ -479,9 +479,9 @@ span.react-autoql-icon {
     display: none; }
   .react-autoql-table-container.filtering .react-autoql-table .tabulator-col {
     height: 72px !important; }
-  .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,
-  .react-autoql-table-container.filtering.infinite .tabulator-col.DRILLDOWN .tabulator-header-filter {
+  .react-autoql-table-container.filtering .tabulator-col.DATE .tabulator-header-filter,
+  .react-autoql-table-container.filtering .tabulator-col.DATE_STRING .tabulator-header-filter,
+  .react-autoql-table-container.filtering .tabulator-col.DRILLDOWN .tabulator-header-filter {
     display: none !important; }
   .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 {
@@ -626,6 +626,13 @@ g.legendOrdinal tspan {
   .legend-title-border:hover {
     stroke: var(--react-autoql-accent-color) !important; }
 
+.axis-scaler-border {
+  cursor: pointer;
+  stroke: transparent;
+  opacity: 0.5; }
+  .axis-scaler-border:hover {
+    stroke: transparent !important; }
+
 .react-autoql-axis-selector-arrow {
   opacity: 1 !important; }
 
@@ -1128,13 +1135,16 @@ g.legendOrdinal .legendTitle tspan {
 
 .query-output-footer {
   display: flex;
-  justify-content: space-between;
   align-items: flex-end;
   max-height: 150px;
   width: 100%;
   margin-top: 10px; }
   .query-output-footer.no-margin {
     margin: 0; }
+  .query-output-footer.top {
+    justify-content: center; }
+  .query-output-footer.bottom {
+    justify-content: space-between; }
 
 .query-output-table-row-count {
   padding-top: 10px; }
@@ -2108,38 +2118,35 @@ g.legendOrdinal .legendTitle tspan {
 .react-autoql-notification-message-input {
   width: 100%; }
 
-.react-autoql-notification-list-item:nth-of-type(0) {
-  animation-delay: 0s; }
-
 .react-autoql-notification-list-item:nth-of-type(1) {
-  animation-delay: 0.1s; }
+  animation-delay: 0s; }
 
 .react-autoql-notification-list-item:nth-of-type(2) {
-  animation-delay: 0.2s; }
+  animation-delay: 0.1s; }
 
 .react-autoql-notification-list-item:nth-of-type(3) {
-  animation-delay: 0.3s; }
+  animation-delay: 0.2s; }
 
 .react-autoql-notification-list-item:nth-of-type(4) {
-  animation-delay: 0.4s; }
+  animation-delay: 0.3s; }
 
 .react-autoql-notification-list-item:nth-of-type(5) {
-  animation-delay: 0.5s; }
+  animation-delay: 0.4s; }
 
 .react-autoql-notification-list-item:nth-of-type(6) {
-  animation-delay: 0.6s; }
+  animation-delay: 0.5s; }
 
 .react-autoql-notification-list-item:nth-of-type(7) {
-  animation-delay: 0.7s; }
+  animation-delay: 0.6s; }
 
 .react-autoql-notification-list-item:nth-of-type(8) {
-  animation-delay: 0.8s; }
+  animation-delay: 0.7s; }
 
 .react-autoql-notification-list-item:nth-of-type(9) {
-  animation-delay: 0.9s; }
+  animation-delay: 0.8s; }
 
 .react-autoql-notification-list-item:nth-of-type(10) {
-  animation-delay: 1s; }
+  animation-delay: 0.9s; }
 
 .react-autoql-notification-settings {
   background-color: var(--react-autoql-background-color-primary);
@@ -2839,6 +2846,8 @@ g.legendOrdinal .legendTitle tspan {
       flex-direction: column;
       flex-wrap: nowrap; }
   .react-autoql-card.collapsed .react-autoql-card-content {
+    visibility: hidden;
+    position: absolute;
     pointer-events: none;
     opacity: 0; }
   .react-autoql-card .react-autoql-card-title {
@@ -2991,6 +3000,20 @@ g.legendOrdinal .legendTitle tspan {
   flex: 1 1;
   min-height: 0;
   color: var(--react-autoql-text-color-primary); }
+  .data-explorer-page-container .data-explorer-title-animated-container {
+    animation: slideDown 0.4s cubic-bezier(0.26, 0.26, 0, 1);
+    animation-fill-mode: both; }
+  .data-explorer-page-container .data-explorer-section,
+  .data-explorer-page-container .data-explorer-intro-message {
+    opacity: 0;
+    transform: translateY(100%);
+    animation: slideUp 0.6s cubic-bezier(0.26, 0.26, 0, 1);
+    animation-fill-mode: forwards;
+    animation-delay: 0s; }
+  .data-explorer-page-container .data-explorer-section:nth-of-type(1) {
+    animation-delay: 0s; }
+  .data-explorer-page-container .data-explorer-section:nth-of-type(2) {
+    animation-delay: 0.2s; }
   .data-explorer-page-container .data-explorer-intro-message {
     color: var(--react-autoql-text-color-primary);
     text-align: center;
@@ -3066,6 +3089,8 @@ g.legendOrdinal .legendTitle tspan {
     display: flex;
     justify-content: center;
     align-items: center; }
+    .data-explorer-page-container .data-explorer-card-placeholder.data-preview {
+      height: 165px; }
   .data-explorer-page-container .query-suggestion-list-scroll-component {
     color: var(--react-autoql-text-color-primary);
     flex: 1; }
@@ -3106,6 +3131,20 @@ g.legendOrdinal .legendTitle tspan {
     .data-explorer-page-container .chat-bar-clear-btn.visible {
       visibility: visible; }
 
+@keyframes slideDown {
+  0% {
+    transform: translateY(-100%); }
+  100% {
+    transform: translateY(0%); } }
+
+@keyframes slideUp {
+  0% {
+    transform: translateY(100%);
+    opacity: 0; }
+  100% {
+    transform: translateY(0%);
+    opacity: 1; } }
+
 .filter-lock-menu {
   z-index: 99999 !important;
   top: -4px !important;
@@ -3858,12 +3897,6 @@ g.legendOrdinal .legendTitle tspan {
   100% {
     opacity: 1; } }
 
-@keyframes slideDown {
-  0% {
-    transform: translateY(-100%); }
-  100% {
-    transform: translateY(0%); } }
-
 @keyframes snackbarFadeout {
   from {
     top: 60px;
@@ -3969,6 +4002,11 @@ g.legendOrdinal .legendTitle tspan {
   margin-top: -6px;
   opacity: 0.9; }
 
+.react-autoql-dashboard-tile-inner-div .react-autoql-table,
+.react-autoql-dashboard-tile-inner-div .query-output-table-row-count {
+  color: var(--react-autoql-text-color-primary);
+  font-size: 11px; }
+
 .react-autoql-dashboard-tile-inner-div .dashboard-tile-response-wrapper {
   height: calc(100% - 47px);
   width: 100%;
@@ -3979,14 +4017,10 @@ g.legendOrdinal .legendTitle tspan {
     color: var(--react-autoql-border-color);
     opacity: 0.3;
     pointer-events: none; }
-  .react-autoql-dashboard-tile-inner-div .dashboard-tile-response-wrapper .react-autoql-table {
-    color: var(--react-autoql-text-color-primary);
-    font-size: 11px; }
   .react-autoql-dashboard-tile-inner-div .dashboard-tile-response-wrapper .react-autoql-response-content-container.table .query-output-footer {
     min-height: 33px; }
-
-.react-autoql-dashboard-tile-inner-div.split .dashboard-tile-response-wrapper {
-  padding: 0; }
+    .react-autoql-dashboard-tile-inner-div .dashboard-tile-response-wrapper .react-autoql-response-content-container.table .query-output-footer.top {
+      min-height: unset; }
 
 .react-autoql-dashboard-tile-inner-div .dashboard-tile-response-wrapper.editing .dashboard-tile-toolbars-container {
   padding: 13px; }
@@ -4001,6 +4035,9 @@ g.legendOrdinal .legendTitle tspan {
 .react-autoql-dashboard-tile-inner-div .dashboard-tile-response-wrapper.editing .react-autoql-toolbar-btn.active {
   color: var(--react-autoql-accent-color); }
 
+.react-autoql-dashboard-tile-inner-div.split .dashboard-tile-response-wrapper {
+  padding: 0; }
+
 /* Safetynet styles specific to dashboard tiles */
 .react-autoql-dashboard-tile-inner-div .dashboard-tile-response-wrapper.editing {
   height: 100%;