react-autoql 3.4.7 → 3.4.8

package/dist/autoql.esm.js

@@ -479,7 +479,8 @@ var autoQLConfigDefault = {
   enableDrilldowns: true,
   enableNotifications: false,
   enableSlackSharing: true,
-  enableTeamsSharing: true
+  enableTeamsSharing: true,
+  enableCSVDownload: false
 };
 var themeConfigDefault = {
   theme: 'light',
@@ -923,7 +924,9 @@ var formatChartLabel = function formatChartLabel(_ref) {
     case 'PERCENT':
       {
         if (Number(d)) {
-          formattedLabel = Numbro(d).format({
+          var p = Number(d) / 100;
+          console.log(p);
+          formattedLabel = Numbro(p).format({
             output: 'percent',
             mantissa: 0
           });
@@ -1050,7 +1053,8 @@ var formatElement = function formatElement(_ref2) {
         case 'PERCENT':
           {
             if (Number(element)) {
-              formattedElement = Numbro(element).format('0.00%');
+              var p = Number(element) / 100;
+              formattedElement = Numbro(p).format('0.00%');
 
               if (htmlElement) {
                 htmlElement.classList.add("comparison-value-".concat(element < 0 ? 'negative' : 'positive'));
@@ -7516,6 +7520,7 @@ var Button = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement("button", {
         className: "react-autoql-btn\n          ".concat(_this.props.className || '', "\n          ").concat(type, "\n          ").concat(size, "\n          ").concat(isDisabled ? ' disabled' : ''),
         "data-test": "react-autoql-btn",
+        "data-multiline": _this.props.multiline,
         style: _objectSpread2({}, _this.props.style),
         onClick: _this.props.onClick,
         "data-tip": _this.props.tooltip,
@@ -7543,6 +7548,7 @@ _defineProperty(Button, "propTypes", {
   onClick: PropTypes.func,
   loading: PropTypes.bool,
   disabled: PropTypes.bool,
+  multiline: PropTypes.bool,
   tooltip: PropTypes.string
 });
 
@@ -7551,6 +7557,7 @@ _defineProperty(Button, "defaultProps", {
   loading: false,
   size: 'large',
   disabled: false,
+  multiline: false,
   tooltip: undefined,
   onClick: function onClick() {}
 });
@@ -10260,11 +10267,22 @@ var QueryOutput = /*#__PURE__*/function (_React$Component) {
       }
 
       var formattedColumns = columns.map(function (col, i) {
+        /**
+         * EDIT:
+         * We no longer want to default to one over the other. Howeever, 
+         * I would like to hang onto this code for now incase we do want to
+         * include either/or in some cases in the future
+         */
         // Regardless of the BE response, we want to default to percent
-        if ((col.type === 'RATIO' || col.type === 'NUMBER') && _get(getDataFormatting(_this.props.dataFormatting), 'comparisonDisplay') === 'PERCENT') {
-          col.type = 'PERCENT';
-        }
-
+        // if (
+        //   (col.type === 'RATIO' || col.type === 'NUMBER') &&
+        //   _get(
+        //     getDataFormatting(this.props.dataFormatting),
+        //     'comparisonDisplay'
+        //   ) === 'PERCENT'
+        // ) {
+        //   col.type = 'PERCENT'
+        // }
         col.field = "".concat(i);
         col.title = col.display_name;
         col.id = uuid.v4();
@@ -15173,14 +15191,19 @@ var DataAlerts = /*#__PURE__*/function (_React$Component) {
           type: "hour-glass"
         }), _this.hasError(notification) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
           type: "primary",
+          tooltip: "This Alert is no longer active. <br /> Click to re-initialze it.",
+          multiline: true,
           className: "react-autoql-re-initialize-btn",
-          tooltip: "Please re-initialize data alert",
           onClick: function onClick() {
-            return _this.props.handleInitialize(notification, _this.props.selectedDemoProjectId, _this.props.authentication);
+            _this.props.onAlertInitializationCallback(notification, _this.props.selectedDemoProjectId, _this.props.authentication);
+
+            _this.getDataAlerts();
           }
         }, /*#__PURE__*/React.createElement("span", {
           className: "react-autoql-re-initialize-btn-text"
-        }, "Re-Initialize")), /*#__PURE__*/React.createElement(Checkbox, {
+        }, /*#__PURE__*/React.createElement(Icon, {
+          type: "warning-triangle"
+        }), ' ', " Resend")), /*#__PURE__*/React.createElement(Checkbox, {
           themeConfig: getThemeConfig(_this.props.themeConfig),
           type: "switch",
           className: "react-autoql-notification-disable-checkbox"
@@ -15267,7 +15290,8 @@ _defineProperty(DataAlerts, "defaultProps", {
   authentication: authenticationDefault,
   themeConfig: themeConfigDefault,
   showCreateAlertBtn: false,
-  onErrorCallback: function onErrorCallback() {}
+  onErrorCallback: function onErrorCallback() {},
+  onAlertInitializationCallback: function onAlertInitializationCallback() {}
 });
 
 var getInitialStateData$2 = function getInitialStateData(initialData) {
@@ -17884,30 +17908,21 @@ var Input = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "renderToolbar", function () {
+      var _shouldShowButton;
+
       var displayType = _get(_this.props.responseRef, 'state.displayType');
 
       var response = _get(_this.props.responseRef, 'props.queryResponse');
 
       var isDataResponse = _get(response, 'data.data.display_type') === 'data';
-      var shouldShowButton = {
+      var shouldShowButton = (_shouldShowButton = {
         showFilterButton: isTableResponse(response, displayType) && !_this.areAllColumnsHidden() && _get(response, 'data.data.rows.length') > 1,
         showCopyButton: isTableResponse(response, displayType) && !_this.areAllColumnsHidden() && !!_get(response, 'data.data.rows.length'),
         showSaveAsCSVButton: isTableResponse(response, displayType) && !_this.areAllColumnsHidden() && !!_get(response, 'data.data.rows.length'),
         showSaveAsPNGButton: CHART_TYPES.includes(displayType),
         showHideColumnsButton: getAutoQLConfig$1(_this.props.autoQLConfig).enableColumnVisibilityManager && isTableResponse(response, displayType) && displayType !== 'pivot_table' && _get(response, 'data.data.columns.length') > 0,
-        showSQLButton: isDataResponse && getAutoQLConfig$1(_this.props.autoQLConfig).debug,
-        showDeleteButton: _this.props.enableDeleteBtn,
-        showReportProblemButton: !!_get(response, 'data.data.query_id'),
-        showCreateNotificationIcon: isDataResponse && getAutoQLConfig$1(_this.props.autoQLConfig).enableNotifications && !_this.isDrilldownResponse(),
-        showShareToSlackButton: false,
-        // This feature is disabled indefinitely
-        // isDataResponse &&
-        // getAutoQLConfig(this.props.autoQLConfig).enableSlackSharing,
-        showShareToTeamsButton: false // This feature is disabled indefinitely
-        // isDataResponse &&
-        // getAutoQLConfig(this.props.autoQLConfig).enableTeamsSharing,
-
-      };
+        showSQLButton: isDataResponse && getAutoQLConfig$1(_this.props.autoQLConfig).debug
+      }, _defineProperty(_shouldShowButton, "showSaveAsCSVButton", isDataResponse && getAutoQLConfig$1(_this.props.autoQLConfig).enableCSVDownload), _defineProperty(_shouldShowButton, "showDeleteButton", _this.props.enableDeleteBtn), _defineProperty(_shouldShowButton, "showReportProblemButton", !!_get(response, 'data.data.query_id')), _defineProperty(_shouldShowButton, "showCreateNotificationIcon", isDataResponse && getAutoQLConfig$1(_this.props.autoQLConfig).enableNotifications && !_this.isDrilldownResponse()), _defineProperty(_shouldShowButton, "showShareToSlackButton", false), _defineProperty(_shouldShowButton, "showShareToTeamsButton", false), _shouldShowButton);
       shouldShowButton.showMoreOptionsButton = shouldShowButton.showCopyButton || shouldShowButton.showSQLButton || shouldShowButton.showCreateNotificationIcon || shouldShowButton.showSaveAsCSVButton || shouldShowButton.showSaveAsPNGButton || shouldShowButton.showShareToSlackButton || shouldShowButton.showShareToTeamsButton; // If there is nothing to put in the toolbar, don't render it
 
       if (!Object.values(shouldShowButton).find(function (showButton) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-autoql",
-  "version": "3.4.7",
+  "version": "3.4.8",
   "description": "React Widget Library",
   "main": "dist/autoql.cjs.js",
   "module": "dist/autoql.esm.js",