react-autoql 3.2.1 → 3.4.0

package/dist/autoql.esm.css

@@ -407,6 +407,11 @@ span.react-autoql-icon {
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease; }
 
+.react-autoql-table.tabulator .tabulator-tableHolder {
+  min-height: calc(100% - 40px) !important;
+  height: calc(100% - 40px) !important;
+  max-height: calc(100% - 40px) !important; }
+
 .react-autoql-table .tabulator-tableHolder:hover::-webkit-scrollbar-track,
 .react-autoql-table .tabulator-tableHolder:hover::-webkit-scrollbar-track-piece,
 .react-autoql-table .tabulator-tableHolder:hover::-webkit-scrollbar-corner {
@@ -440,6 +445,9 @@ the whole table when the filter button is clicked */
 .tabulator-col {
   height: auto !important; }
 
+.tabulator-table .tabulator-row .tabulator-cell {
+  min-height: 38px; }
+
 /* Center header titles */
 .react-autoql-table .tabulator-header .tabulator-col {
   text-align: center !important; }
@@ -860,7 +868,7 @@ g.legendOrdinal .legendTitle tspan {
       .react-autoql-select-popup-container .react-autoql-select-popup li:hover {
         background: var(--react-autoql-hover-color, rgba(0, 0, 0, 0.04)); }
 
-.react-autoql-response-content-container {
+.react-autoql-response-content-container:not(.html-content) {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -873,13 +881,54 @@ g.legendOrdinal .legendTitle tspan {
   overflow: hidden;
   color: var(--react-autoql-text-color-primary); }
 
+.react-autoql-response-content-container.html-content {
+  position: relative;
+  background-color: inherit;
+  text-align: left;
+  font-size: 14px;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  color: var(--react-autoql-text-color-primary); }
+  .react-autoql-response-content-container.html-content table th {
+    border-bottom: 2px solid var(--react-autoql-border-color); }
+  .react-autoql-response-content-container.html-content table tr:not(:last-child) {
+    border-bottom: 1px solid var(--react-autoql-border-color); }
+  .react-autoql-response-content-container.html-content table td:not(:last-child) {
+    border-right: 1px solid var(--react-autoql-border-color); }
+  .react-autoql-response-content-container.html-content table th,
+  .react-autoql-response-content-container.html-content table td {
+    padding: 5px 10px; }
+  .react-autoql-response-content-container.html-content * {
+    font-size: inherit; }
+  .react-autoql-response-content-container.html-content sup,
+  .react-autoql-response-content-container.html-content sub {
+    font-size: 10px; }
+  .react-autoql-response-content-container.html-content > *:first-child {
+    margin-top: 0 !important; }
+  .react-autoql-response-content-container.html-content > *:last-child {
+    margin-bottom: 0 !important; }
+  .react-autoql-response-content-container.html-content caption {
+    display: table-caption;
+    text-align: -webkit-center;
+    padding-top: unset;
+    padding-bottom: unset;
+    color: unset;
+    text-align: unset;
+    caption-side: unset; }
+
 .react-autoql-response-content-container.table {
-  max-height: 100vh !important; }
+  max-height: 100vh !important;
+  overflow-y: scroll;
+  scrollbar-width: none; }
+
+.react-autoql-response-content-container.table::-webkit-scrollbar {
+  width: 0;
+  height: 0; }
 
 .react-autoql-suggestion-btn {
   padding: 6px 14px;
   background: transparent;
-  border-radius: 4px;
   font-family: inherit;
   font-size: 12px;
   margin-bottom: 5px;
@@ -887,8 +936,8 @@ g.legendOrdinal .legendTitle tspan {
   cursor: pointer;
   letter-spacing: 0.05em;
   transition: all 0.1s ease;
-  /* border: 1px solid rgba(0, 0, 0, 0.15); */
-  border-color: #e2e2e26e;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 5px;
   color: inherit; }
 
 .react-autoql-suggestion-btn:hover {
@@ -919,6 +968,9 @@ g.legendOrdinal .legendTitle tspan {
   margin-bottom: -3px;
   margin-right: 3px; }
 
+.qanda-positive-feedback-checkmark.react-autoql-icon svg {
+  color: var(--react-autoql-success-color); }
+
 .react-autoql-suggestion-message {
   height: 100%;
   width: 100%;
@@ -1753,7 +1805,9 @@ g.legendOrdinal .legendTitle tspan {
   padding-left: 8px; }
 
 .notification-modal-content .step-btn-container {
-  text-align: right; }
+  text-align: right;
+  display: flex;
+  min-height: 50px; }
 
 .expression-valid-checkmark.react-autoql-icon svg {
   color: var(--react-autoql-success-color); }
@@ -1918,6 +1972,11 @@ g.legendOrdinal .legendTitle tspan {
     .react-autoql-notification-settings .react-autoql-notification-settings-container .react-autoql-notification-enable-checkbox {
       margin-bottom: 4px;
       margin-right: 8px; }
+    .react-autoql-notification-settings .react-autoql-notification-settings-container .react-autoql-notification-disable-checkbox {
+      margin-bottom: 4px;
+      margin-right: 8px;
+      opacity: 0.5;
+      pointer-events: none; }
   .react-autoql-notification-settings .react-autoql-notification-title-container {
     display: flex;
     justify-content: space-between;
@@ -1948,6 +2007,14 @@ g.legendOrdinal .legendTitle tspan {
     padding-right: 10px; }
     .react-autoql-notification-settings .react-autoql-notification-setting-display-name .react-autoql-notification-setting-display-name-message {
       opacity: 0.5; }
+  .react-autoql-notification-settings .react-autoql-re-initialize-btn {
+    vertical-align: middle;
+    margin-bottom: 4px;
+    height: 18px; }
+  .react-autoql-notification-settings .react-autoql-re-initialize-btn-text {
+    display: flex;
+    align-items: center;
+    margin-top: -25px; }
 
 
 .notification-read-only-group {
@@ -2645,7 +2712,8 @@ so we dont have to redraw the whole table */
 .react-autoql-cascader {
   position: relative;
   white-space: nowrap;
-  overflow: hidden; }
+  overflow: hidden;
+  min-width: 300px; }
   .react-autoql-cascader .options-container {
     transition: max-width 0.3s ease;
     display: inline-block;
@@ -2854,7 +2922,7 @@ so we dont have to redraw the whole table */
   border-radius: 50px !important;
   font-size: 22px; }
   .react-autoql-drawer .drawer-handle.default-logo {
-    background-color: #26a7df;
+    background-color: var(--react-autoql-accent-color, #26a7df);
     color: #fff; }
     .react-autoql-drawer .drawer-handle.default-logo .react-autoql-bubbles-outlined {
       position: absolute;
@@ -3210,6 +3278,13 @@ so we dont have to redraw the whole table */
   flex-direction: column;
   align-items: center; }
 
+.dashboard-data-limit-warning-icon {
+  color: var(--react-autoql-warning-color) !important;
+  position: absolute !important;
+  bottom: 40px;
+  right: 16px;
+  font-size: 20px; }
+
 .react-autoql-dashboard-tile-drag-handle {
   transition: opacity 0.3s ease;
   position: absolute;
@@ -3714,7 +3789,9 @@ so we dont have to redraw the whole table */
   padding-right: 20px; }
   .dashboard-drilldown-modal .drilldown-hide-chart-btn.bottom {
     position: absolute;
-    bottom: 5px; }
+    bottom: 5px;
+    width: 100px;
+    right: 0; }
   .dashboard-drilldown-modal .drilldown-hide-chart-btn.top {
     padding-top: 10px;
     margin-bottom: -8px; }