react-autoql 3.5.3 → 3.5.4

package/dist/autoql.esm.js

@@ -2803,7 +2803,7 @@ var runQueryOnly = function runQueryOnly() {
 
   var url = "".concat(domain, "/autoql/api/v1/query?key=").concat(apiKey);
   var finalUserSelection = transformUserSelection(userSelection);
-  var sessionConditions = JSON.parse(sessionStorage.getItem("conditions"));
+  var sessionConditions = JSON.parse(sessionStorage.getItem('conditions'));
   var conditions = {};
 
   if (sessionConditions !== null) {
@@ -2915,9 +2915,6 @@ var runQuery = function runQuery() {
       source = _ref5.source,
       skipQueryValidation = _ref5.skipQueryValidation,
       AutoAEId = _ref5.AutoAEId;
-
-  // Temp for demo: decode token to get project id
-  var id;
   var base64Url;
 
   if (token) {
@@ -2928,38 +2925,35 @@ var runQuery = function runQuery() {
       var buff = Buffer.from(base64, 'base64');
       var payloadinit = buff.toString('ascii');
       var payload = JSON.parse(payloadinit);
-      id = _get(payload, 'project_id');
+      _get(payload, 'project_id');
     }
-  } // temp ignore validation for these projects
+  }
 
+  if (enableQueryValidation && !skipQueryValidation && !isQandA) {
+    return runQueryValidation({
+      text: query,
+      domain: domain,
+      apiKey: apiKey,
+      token: token
+    }).then(function (response) {
+      if (failedValidation(response)) {
+        return Promise.resolve(response);
+      }
 
-  if (id !== 'accounting-demo' && id !== 'operational-demo' && id !== 'stockmarket-demo') {
-    if (enableQueryValidation && !skipQueryValidation && !isQandA) {
-      return runQueryValidation({
-        text: query,
+      return runQueryOnly({
+        query: query,
+        userSelection: userSelection,
+        debug: debug,
+        test: test,
         domain: domain,
         apiKey: apiKey,
-        token: token
-      }).then(function (response) {
-        if (failedValidation(response)) {
-          return Promise.resolve(response);
-        }
-
-        return runQueryOnly({
-          query: query,
-          userSelection: userSelection,
-          debug: debug,
-          test: test,
-          domain: domain,
-          apiKey: apiKey,
-          token: token,
-          source: source,
-          AutoAEId: AutoAEId
-        });
-      }).catch(function (error) {
-        return Promise.reject(error);
+        token: token,
+        source: source,
+        AutoAEId: AutoAEId
       });
-    }
+    }).catch(function (error) {
+      return Promise.reject(error);
+    });
   }
 
   return runQueryOnly({
@@ -3455,7 +3449,7 @@ var QueryInput = /*#__PURE__*/function (_React$Component) {
         setCSSVars(getThemeConfig(_this.props.themeConfig));
       }
 
-      if (_this.props.inputValue && _this.props.inputValue !== prevProps.inputValue) {
+      if (_this.props.inputValue !== prevProps.inputValue) {
         _this.setState({
           inputValue: _this.props.inputValue
         });
@@ -4893,9 +4887,9 @@ var ChataColumnChart = /*#__PURE__*/function (_Component) {
           numberColumnIndices = _this$props.numberColumnIndices,
           stringColumnIndices = _this$props.stringColumnIndices,
           onLegendTitleClick = _this$props.onLegendTitleClick,
-          bottomLegendMargin = _this$props.bottomLegendMargin;
-          _this$props.stringColumnIndex;
-          var numberColumnIndex = _this$props.numberColumnIndex,
+          bottomLegendMargin = _this$props.bottomLegendMargin,
+          stringColumnIndex = _this$props.stringColumnIndex,
+          numberColumnIndex = _this$props.numberColumnIndex,
           numberAxisTitle = _this$props.numberAxisTitle,
           stringAxisTitle = _this$props.stringAxisTitle,
           dataFormatting = _this$props.dataFormatting,
@@ -4945,7 +4939,7 @@ var ChataColumnChart = /*#__PURE__*/function (_Component) {
           xScale: xScale,
           yScale: yScale
         },
-        xCol: columns[0],
+        xCol: columns[stringColumnIndex],
         yCol: columns[numberColumnIndex],
         margins: {
           left: leftMargin,
@@ -9459,6 +9453,20 @@ var QueryOutput = /*#__PURE__*/function (_React$Component) {
 
 
       if (!aDate || !bDate) {
+        //If one is a YYYY-WW
+        if (a.includes('W')) {
+          var aDateYear = a.substring(0, 4);
+          var bDateYear = b.substring(0, 4);
+
+          if (aDateYear !== bDateYear) {
+            return bDateYear - aDateYear;
+          } else {
+            var aDateWeek = a.substring(6, 8);
+            var bDateWeek = b.substring(6, 8);
+            return bDateWeek - aDateWeek;
+          }
+        }
+
         return b - a;
       }
 
@@ -10308,8 +10316,8 @@ var QueryOutput = /*#__PURE__*/function (_React$Component) {
         // displayed differently than the data (ie. dates)
 
         col.headerFilterFunc = _this.setFilterFunction(col); // Allow proper chronological sorting for date strings
-
-        col.sorter = _this.setSorterFunction(col); // Context menu when right clicking on column header
+        // col.sorter = this.setSorterFunction(col)
+        // Context menu when right clicking on column header
 
         col.headerContext = function (e, column) {
           // Do not show native context menu
@@ -10387,7 +10395,6 @@ var QueryOutput = /*#__PURE__*/function (_React$Component) {
           title: 'Month',
           name: 'Month',
           field: '0',
-          // sorter: 'date',
           frozen: true,
           visible: true
         }];
@@ -10704,13 +10711,11 @@ var QueryOutput = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "renderChart", function (width, height, displayType) {
-      var _React$createElement;
-
       if (!_this.chartData) {
         return 'Error: There was no data supplied for this chart';
       }
 
-      return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(ChataChart, (_React$createElement = {
+      return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(ChataChart, {
         themeConfig: getThemeConfig(_this.props.themeConfig),
         ref: function ref(_ref8) {
           return _this.chartRef = _ref8;
@@ -10726,8 +10731,14 @@ var QueryOutput = /*#__PURE__*/function (_React$Component) {
         backgroundColor: _this.props.backgroundColor,
         activeChartElementKey: _this.props.activeChartElementKey,
         onLegendClick: _this.onLegendClick,
-        dataConfig: _cloneDeep(_this.dataConfig)
-      }, _defineProperty(_React$createElement, "themeConfig", getThemeConfig(_this.props.themeConfig)), _defineProperty(_React$createElement, "changeStringColumnIndex", _this.onChangeStringColumnIndex), _defineProperty(_React$createElement, "changeLegendColumnIndex", _this.onChangeLegendColumnIndex), _defineProperty(_React$createElement, "changeNumberColumnIndices", _this.onChangeNumberColumnIndices), _defineProperty(_React$createElement, "onChartClick", _this.onChartClick), _defineProperty(_React$createElement, "isResizing", _this.props.isResizing), _defineProperty(_React$createElement, "enableDynamicCharting", _this.props.enableDynamicCharting), _React$createElement)));
+        dataConfig: _cloneDeep(_this.dataConfig),
+        changeStringColumnIndex: _this.onChangeStringColumnIndex,
+        changeLegendColumnIndex: _this.onChangeLegendColumnIndex,
+        changeNumberColumnIndices: _this.onChangeNumberColumnIndices,
+        onChartClick: _this.onChartClick,
+        isResizing: _this.props.isResizing,
+        enableDynamicCharting: _this.props.enableDynamicCharting
+      }));
     });
 
     _defineProperty(_assertThisInitialized(_this), "renderHelpResponse", function () {
@@ -11034,7 +11045,7 @@ var QueryOutput = /*#__PURE__*/function (_React$Component) {
           onRest: _this.handleShowHide,
           isOpened: true // isOpened={this.state.isShowingInterpretation}
 
-        }, /*#__PURE__*/React.createElement("strong", null, "Interpreted as:", ' '), /*#__PURE__*/React.createElement("span", {
+        }, /*#__PURE__*/React.createElement("strong", null, "Interpreted as: "), /*#__PURE__*/React.createElement("span", {
           onClick: function onClick(e) {
             return _this.props.onConditionClickCallback(e);
           },
@@ -17395,7 +17406,8 @@ var Input = /*#__PURE__*/function (_React$Component) {
 
     _defineProperty(_assertThisInitialized(_this), "state", {
       isHideColumnsModalVisible: false,
-      isSettingColumnVisibility: false
+      isSettingColumnVisibility: false,
+      reportProblemMessage: undefined
     });
 
     _defineProperty(_assertThisInitialized(_this), "componentDidMount", function () {
@@ -17726,23 +17738,29 @@ var Input = /*#__PURE__*/function (_React$Component) {
         isVisible: _this.state.activeMenu === 'other-problem',
         onClose: function onClose() {
           _this.setState({
-            activeMenu: undefined
+            activeMenu: undefined,
+            reportProblemMessage: undefined
           });
         },
         onConfirm: function onConfirm() {
-          _this.reportQueryProblem(_this.reportProblemMessage);
+          _this.reportQueryProblem(_this.state.reportProblemMessage);
 
-          _this.reportProblemMessage = undefined;
+          _this.setState({
+            reportProblemMessage: undefined
+          });
         },
         confirmLoading: _this.state.isReportingProblem,
         title: "Report a Problem",
         enableBodyScroll: true,
         width: "600px",
-        confirmText: "Report"
+        confirmText: "Report",
+        confirmDisabled: _this.state.reportProblemMessage ? false : true
       }, "Please tell us more about the problem you are experiencing:", /*#__PURE__*/React.createElement("textarea", {
         className: "report-problem-text-area",
         onChange: function onChange(e) {
-          return _this.reportProblemMessage = e.target.value;
+          return _this.setState({
+            reportProblemMessage: e.target.value
+          });
         }
       })));
     });
@@ -18894,15 +18912,15 @@ function accentColorAssist(col, amt) {
 
 var autoCompleteArray$1 = [];
 
-var ConditionLockMenu = /*#__PURE__*/function (_React$Component) {
-  _inherits(ConditionLockMenu, _React$Component);
+var FilterLockMenu = /*#__PURE__*/function (_React$Component) {
+  _inherits(FilterLockMenu, _React$Component);
 
-  var _super = _createSuper(ConditionLockMenu);
+  var _super = _createSuper(FilterLockMenu);
 
-  function ConditionLockMenu() {
+  function FilterLockMenu() {
     var _this;
 
-    _classCallCheck(this, ConditionLockMenu);
+    _classCallCheck(this, FilterLockMenu);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -19222,6 +19240,7 @@ var ConditionLockMenu = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "render", function () {
       var containerWidth = _this.props.containerWidth;
       return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement("div", {
+        "data-test": "react-autoql-filter-menu-container",
         className: "react-autoql-condition-lock-menu",
         style: {
           width: containerWidth
@@ -19265,25 +19284,19 @@ var ConditionLockMenu = /*#__PURE__*/function (_React$Component) {
         onSuggestionsClearRequested: _this.onSuggestionsClearRequested,
         getSuggestionValue: _this.getSuggestionValue,
         renderSuggestion: function renderSuggestion(suggestion) {
-          console.log(suggestion);
-
-          if (!suggestion) {
-            return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("i", null, "No Suggestion Found"));
-          } else {
-            return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
-              id: "react-autoql-filter-table",
-              className: "autoql-condition-locking-menu-list"
-            }, /*#__PURE__*/React.createElement("tr", {
-              id: "react-autoql-filter-table-row"
-            }, /*#__PURE__*/React.createElement("td", {
-              id: "react-autoql-filter-table-data",
-              style: {
-                width: 300
-              }
-            }, suggestion.name.keyword), /*#__PURE__*/React.createElement("td", {
-              id: "react-autoql-filter-table-data"
-            }, suggestion.name.show_message))));
-          }
+          return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
+            id: "react-autoql-filter-table",
+            className: "autoql-condition-locking-menu-list"
+          }, /*#__PURE__*/React.createElement("tr", {
+            id: "react-autoql-filter-table-row"
+          }, /*#__PURE__*/React.createElement("td", {
+            id: "react-autoql-filter-table-data",
+            style: {
+              width: 300
+            }
+          }, suggestion.name.keyword), /*#__PURE__*/React.createElement("td", {
+            id: "react-autoql-filter-table-data"
+          }, suggestion.name.show_message))));
         },
         inputProps: {
           onChange: _this.onInputChange,
@@ -19386,7 +19399,7 @@ var ConditionLockMenu = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(ConditionLockMenu, [{
+  _createClass(FilterLockMenu, [{
     key: "handleFetchFilteredList",
     value: function handleFetchFilteredList() {
       var _this2 = this;
@@ -19474,11 +19487,11 @@ var ConditionLockMenu = /*#__PURE__*/function (_React$Component) {
     }
   }]);
 
-  return ConditionLockMenu;
+  return FilterLockMenu;
 }(React.Component);
 
-_defineProperty(ConditionLockMenu, "propTypes", {
-  containerWidth: PropTypes.number,
+_defineProperty(FilterLockMenu, "propTypes", {
+  containerWidth: PropTypes.string,
   isOpen: PropTypes.bool,
   onClose: PropTypes.func,
   authentication: authenticationType,
@@ -19486,7 +19499,7 @@ _defineProperty(ConditionLockMenu, "propTypes", {
   themeConfig: themeConfigType
 });
 
-_defineProperty(ConditionLockMenu, "defaultProps", {
+_defineProperty(FilterLockMenu, "defaultProps", {
   containerWidth: undefined,
   onClose: function onClose() {},
   isOpen: false,
@@ -20318,7 +20331,9 @@ var DataMessenger = /*#__PURE__*/function (_React$Component) {
           style: {
             display: 'block'
           }
-        }, /*#__PURE__*/React.createElement(ConditionLockMenu, {
+        }, /*#__PURE__*/React.createElement(FilterLockMenu, {
+          "data-test": "react-autoql-filter-menu",
+          id: "react-autoql-filter-menu",
           authentication: getAuthentication(getAuthentication(_this.props.authentication)),
           containerWidth: _this.getDrawerWidth(),
           isOpen: _this.state.isFilterLockingMenuOpen,
@@ -20932,7 +20947,7 @@ _defineProperty(DataMessenger, "defaultProps", {
   maxMessages: undefined,
   introMessage: undefined,
   enableExploreQueriesTab: true,
-  enableNotificationsTab: true,
+  enableNotificationsTab: false,
   resizable: true,
   inputPlaceholder: undefined,
   queryQuickStartTopics: undefined,
@@ -21903,6 +21918,11 @@ var DashboardTile = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "renderBottomResponse", function () {
       var queryResponse = _this.props.tile.secondQueryResponse || _this.props.queryResponse;
       var displayType = isDisplayTypeValid(queryResponse, _this.props.secondDisplayType) ? _this.props.secondDisplayType : getDefaultDisplayType(queryResponse, _this.props.autoChartAggregations);
+
+      _this.props.setParamsForTile({
+        secondDisplayType: displayType
+      }, _this.props.tile.i);
+
       return _this.renderQueryOutput({
         queryOutputProps: {
           key: "dashboard-tile-query-bottom-".concat(_this.COMPONENT_KEY),
@@ -22978,4 +22998,4 @@ _defineProperty(SpeechToTextBtn, "defaultProps", {
   themeConfig: themeConfigDefault
 });
 
-export { Dashboard, DashboardTile, DataAlertModal, DataAlerts, DataMessenger, ExpressionBuilder, ExpressionBuilderSimple, Icon, LoadingDots, NotificationFeed, NotificationIcon, NotificationItem, QueryInput, QueryOutput, ScheduleBuilder, SpeechToTextBtn as SpeechToTextButton, SpeechToTextButtonBrowser, executeDashboard, fetchQueryTips, getDefaultDisplayType, getSupportedDisplayTypes, isDisplayTypeValid, unExecuteDashboard };
+export { Dashboard, DashboardTile, DataAlertModal, DataAlerts, DataMessenger, ExpressionBuilder, ExpressionBuilderSimple, FilterLockMenu, Icon, LoadingDots, NotificationFeed, NotificationIcon, NotificationItem, QueryInput, QueryOutput, ScheduleBuilder, SpeechToTextBtn as SpeechToTextButton, SpeechToTextButtonBrowser, executeDashboard, fetchQueryTips, getDefaultDisplayType, getSupportedDisplayTypes, isDisplayTypeValid, unExecuteDashboard };

package/package.json

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