react-autoql 7.2.1-alpha.8 → 7.2.1

package/dist/autoql.esm.css

@@ -576,6 +576,8 @@ span.react-autoql-icon {
     .react-autoql-table-container .react-autoql-tabulator-container .tabulator-cell,
     .react-autoql-table-container .react-autoql-tabulator-container .tabulator-col {
       color: var(--react-autoql-text-color-primary); }
+  .react-autoql-table-container.loading {
+    pointer-events: none; }
   .react-autoql-table-container.hidden {
     visibility: hidden;
     position: absolute;
@@ -600,11 +602,13 @@ span.react-autoql-icon {
     width: 100vw; }
     .react-autoql-table-container.resizing .react-autoql-table {
       visibility: hidden;
-      opacity: 0; }
+      opacity: 0;
+      pointer-events: none; }
   .react-autoql-table-container.infinite .tabulator-col.DATE_STRING .tabulator-header-filter,
   .react-autoql-table-container .tabulator-col.DRILLDOWN .tabulator-header-filter {
     visibility: hidden;
-    opacity: 0; }
+    opacity: 0;
+    pointer-events: none; }
   .react-autoql-table-container.limited .tabulator-col .tabulator-header-filter,
   .react-autoql-table-container.infinite .tabulator-col:not(.DATE_STRING) .tabulator-header-filter {
     visibility: visible;
@@ -631,7 +635,8 @@ span.react-autoql-icon {
     height: 35px; }
   .react-autoql-table-container:not(.filtering) .tabulator-header-filter input {
     opacity: 0;
-    visibility: hidden; }
+    visibility: hidden;
+    pointer-events: none; }
   .react-autoql-table-container:not(.filtering) .react-autoql-tabulator-container .tabulator-tableholder {
     min-height: calc(100% - 37px) !important;
     height: calc(100% - 37px) !important;
@@ -656,7 +661,9 @@ span.react-autoql-icon {
   .react-autoql-table-container:not(.supports-drilldown) .react-autoql-table.tabulator .tabulator-row .tabulator-cell {
     cursor: text; }
   .react-autoql-table-container.animating .react-autoql-table {
-    visibility: hidden; }
+    visibility: hidden;
+    pointer-events: none;
+    opacity: 0; }
   .react-autoql-table-container .react-autoql-table.tabulator {
     background-color: inherit;
     border-color: transparent;
@@ -701,7 +708,8 @@ span.react-autoql-icon {
     .react-autoql-table-container .react-autoql-table.tabulator .tabulator-header .tabulator-col {
       text-align: center !important;
       border-color: transparent;
-      background-color: var(--react-autoql-background-color-secondary); }
+      background-color: var(--react-autoql-background-color-secondary);
+      min-height: 35px; }
       .react-autoql-table-container .react-autoql-table.tabulator .tabulator-header .tabulator-col .tabulator-col-title {
         padding-left: 12px !important;
         padding-right: 15px !important; }
@@ -764,7 +772,8 @@ span.react-autoql-icon {
     top: 0;
     bottom: 0;
     right: 0;
-    left: 0; }
+    left: 0;
+    pointer-events: none; }
     .table-loader.table-page-loader .page-loader-spinner {
       display: flex;
       justify-content: center;
@@ -1173,7 +1182,8 @@ g.legendOrdinal .legendTitle tspan {
     visibility: hidden;
     flex: 0 0 0;
     opacity: 0;
-    flex-basis: 0 !important; }
+    flex-basis: 0 !important;
+    pointer-events: none; }
   .react-autoql-chart-container svg {
     background: transparent !important;
     color: var(--react-autoql-text-color-primary) !important; }
@@ -1301,7 +1311,8 @@ g.legendOrdinal .legendTitle tspan {
   opacity: 0.6;
   background-color: var(--react-autoql-background-color-primary);
   color: var(--react-autoql-accent-color);
-  border-radius: 10%; }
+  border-radius: 10%;
+  pointer-events: none; }
   .chart-loader.chart-page-loader {
     top: 25%;
     bottom: 0;
@@ -1517,7 +1528,7 @@ g.legendOrdinal .legendTitle tspan {
   line-height: 22px;
   font-size: 13px;
   padding: 7px 15px;
-  transition: all 0.2s ease !important;
+  transition: left 0.2s ease, top 0.2s ease !important;
   text-align: left !important;
   opacity: 1 !important;
   z-index: 999999 !important;
@@ -1759,9 +1770,8 @@ g.legendOrdinal .legendTitle tspan {
 .react-autoql-modal-body {
   display: flex;
   flex-direction: column;
-  padding: 20px 10px;
-  flex: 1;
-  overflow: hidden !important; }
+  padding: 10px 20px;
+  flex: 1; }
   .react-autoql-modal-body h3 {
     color: var(--react-autoql-text-color-primary); }
 
@@ -2416,6 +2426,8 @@ g.legendOrdinal .legendTitle tspan {
 
 .react-autoql-notification-message-input {
   width: 100%; }
+  .react-autoql-notification-message-input textarea {
+    width: 100% !important; }
 
 .react-autoql-notification-list-item:nth-of-type(1) {
   animation-delay: 0s; }
@@ -2451,6 +2463,7 @@ g.legendOrdinal .legendTitle tspan {
   background-color: var(--react-autoql-background-color-primary);
   color: var(--react-autoql-text-color-primary);
   padding-top: 20px;
+  padding-bottom: 100px;
   height: 100%; }
   .react-autoql-notification-settings .empty-list-message {
     color: var(--react-autoql-text-color-primary);
@@ -2881,19 +2894,25 @@ g.legendOrdinal .legendTitle tspan {
   position: absolute;
   height: 100%;
   width: 100%;
-  padding-bottom: 155px; }
+  padding-bottom: 158px; }
 
 .react-autoql-drawer .response-loading-container {
   position: absolute;
   bottom: 102px;
-  left: 20px; }
+  left: 20px;
+  z-index: 1; }
 
 .react-autoql-drawer .chat-bar-container {
   position: absolute;
   bottom: 0;
   padding: 10px;
-  height: 102px;
-  width: 100%; }
+  padding-top: 0;
+  height: 92px;
+  width: 100%;
+  background: var(--react-autoql-background-color-primary);
+  -webkit-clip-path: inset(-200px 0px 0px 0px);
+          clip-path: inset(-200px 0px 0px 0px);
+  box-shadow: 0 0px 3px 10px var(--react-autoql-background-color-primary); }
 
 .react-autoql-drawer .watermark {
   color: var(--react-autoql-text-color-placeholder);
@@ -4059,6 +4078,9 @@ g.legendOrdinal .legendTitle tspan {
       box-shadow: inset 0px -17px 8px -10px var(--react-autoql-box-shadow-color, rgba(0, 0, 0, 0.15)); }
 
 /* Individual Tabs */
+.react-autoql-notifications.tab.active .react-autoql-notifications-badge-dot {
+  border: 1px solid var(--react-autoql-background-color-primary); }
+
 .page-switcher-container .tab {
   display: flex;
   justify-content: center;
@@ -4620,7 +4642,8 @@ g.legendOrdinal .legendTitle tspan {
   background: var(--react-autoql-background-color-primary);
   height: 100%;
   width: 100%;
-  overflow: hidden; }
+  overflow: hidden;
+  padding-top: 3px; }
 
 .react-autoql-dashboard-container.edit-mode {
   padding-bottom: 200px; }