dtable-statistic 4.3.1 → 4.3.3

package/es/stat-editor/stat-settings/basic-chart-settings/horizontal-axis-group-settings.js

@@ -1,25 +1,33 @@
-import React, { Component, Fragment } from 'react';
-import intl from 'react-intl-universal';
-import { DTableSelect } from '../../../components';
-import GroupbySettings from './groupby-settings';
-import SummaryMethodSettings from './summary-method-setting';
-import NumericSummaryItem from '../public-setting/numeric-summary-item';
-import { GROUPBY_TYPE, STATISTICS_COUNT_SHOW, SUMMARY_METHOD, SUMMARY_TYPE } from '../../../constants';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
+var _components = require("../../../components");
+var _groupbySettings = _interopRequireDefault(require("./groupby-settings"));
+var _summaryMethodSetting = _interopRequireDefault(require("./summary-method-setting"));
+var _numericSummaryItem = _interopRequireDefault(require("../public-setting/numeric-summary-item"));
+var _constants = require("../../../constants");
 const GROUP_TYPES = {
   COUNT: 'count',
   SINGLE_NUMERIC_COLUMN: 'single_numeric_column',
   MULTIPLE_NUMERIC_COLUMN: 'multiple_numeric_column'
 };
-class GroupingSettings extends Component {
+class GroupingSettings extends _react.Component {
   constructor(props) {
     super(props);
     this.getSummaryMethodsOptions = () => {
-      return SUMMARY_METHOD.map(m => {
+      return _constants.SUMMARY_METHOD.map(m => {
         return {
           value: m,
-          label: /*#__PURE__*/React.createElement("span", {
+          label: /*#__PURE__*/_react.default.createElement("span", {
             className: 'select-module select-module-name'
-          }, intl.get(STATISTICS_COUNT_SHOW[m]))
+          }, _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[m]))
         };
       });
     };
@@ -30,7 +38,7 @@ class GroupingSettings extends Component {
       } = _ref;
       if (column_groupby_multiple_numeric_column) {
         return GROUP_TYPES.MULTIPLE_NUMERIC_COLUMN;
-      } else if (horizontal_axis_summary_type === SUMMARY_TYPE.ADVANCED) {
+      } else if (horizontal_axis_summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
         return GROUP_TYPES.SINGLE_NUMERIC_COLUMN;
       }
       return GROUP_TYPES.COUNT;
@@ -38,25 +46,25 @@ class GroupingSettings extends Component {
     this.getGroupTypeOptions = () => {
       return [{
         value: GROUP_TYPES.COUNT,
-        label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+        label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
           className: 'select-module select-module-name'
-        }, intl.get(STATISTICS_COUNT_SHOW['count'])), /*#__PURE__*/React.createElement("div", {
+        }, _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW['count'])), /*#__PURE__*/_react.default.createElement("div", {
           className: "summary-type-explanation"
-        }, intl.get('Count_the_number_of_records_in_each_group')))
+        }, _reactIntlUniversal.default.get('Count_the_number_of_records_in_each_group')))
       }, {
         value: GROUP_TYPES.SINGLE_NUMERIC_COLUMN,
-        label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+        label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
           className: 'select-module select-module-name'
-        }, intl.get(STATISTICS_COUNT_SHOW['advanced'])), /*#__PURE__*/React.createElement("div", {
+        }, _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW['advanced'])), /*#__PURE__*/_react.default.createElement("div", {
           className: "summary-type-explanation"
-        }, intl.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_a_field')))
+        }, _reactIntlUniversal.default.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_a_field')))
       }, {
         value: GROUP_TYPES.MULTIPLE_NUMERIC_COLUMN,
-        label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+        label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
           className: 'select-module select-module-name'
-        }, intl.get('Summarize_multiple_fields')), /*#__PURE__*/React.createElement("div", {
+        }, _reactIntlUniversal.default.get('Summarize_multiple_fields')), /*#__PURE__*/_react.default.createElement("div", {
           className: "summary-type-explanation"
-        }, intl.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_multiple_fields')))
+        }, _reactIntlUniversal.default.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_multiple_fields')))
       }];
     };
     this.onChangeGroupType = option => {
@@ -79,12 +87,12 @@ class GroupingSettings extends Component {
       if (value === GROUP_TYPES.SINGLE_NUMERIC_COLUMN) {
         column_groupby_multiple_numeric_column = false;
         column_groupby_numeric_columns = [];
-        horizontal_axis_summary_type = SUMMARY_TYPE.ADVANCED;
+        horizontal_axis_summary_type = _constants.SUMMARY_TYPE.ADVANCED;
         horizontal_axis_column_key = null;
         column_groupby_date_granularity = null;
         column_groupby_column_key = null;
         column_groupby_geolocation_granularity = null;
-        horizontal_axis_summary_method = SUMMARY_METHOD[0];
+        horizontal_axis_summary_method = _constants.SUMMARY_METHOD[0];
       } else if (value === GROUP_TYPES.COUNT) {
         column_groupby_multiple_numeric_column = false;
         column_groupby_numeric_columns = [];
@@ -96,19 +104,19 @@ class GroupingSettings extends Component {
           return key !== vertical_axis_column_key && (type !== 'date' || type !== 'geolocation');
         }) || {};
         column_groupby_column_key = groupColumn.key;
-        horizontal_axis_summary_type = SUMMARY_TYPE.COUNT;
+        horizontal_axis_summary_type = _constants.SUMMARY_TYPE.COUNT;
         horizontal_axis_column_key = null;
         column_groupby_date_granularity = null;
         column_groupby_geolocation_granularity = null;
       } else if (value === GROUP_TYPES.MULTIPLE_NUMERIC_COLUMN) {
-        horizontal_axis_summary_type = SUMMARY_TYPE.ADVANCED;
+        horizontal_axis_summary_type = _constants.SUMMARY_TYPE.ADVANCED;
         column_groupby_multiple_numeric_column = true;
         column_groupby_numeric_columns = [];
-        horizontal_axis_summary_type = SUMMARY_TYPE.ADVANCED;
+        horizontal_axis_summary_type = _constants.SUMMARY_TYPE.ADVANCED;
         horizontal_axis_column_key = this.props.numericColumnsOptions.length > 0 ? this.props.numericColumnsOptions[0].value.key : null;
         column_groupby_date_granularity = null;
         column_groupby_geolocation_granularity = null;
-        horizontal_axis_summary_method = SUMMARY_METHOD[0];
+        horizontal_axis_summary_method = _constants.SUMMARY_METHOD[0];
       }
       let updated = {
         column_groupby_column_key,
@@ -137,10 +145,10 @@ class GroupingSettings extends Component {
       if (column_groupby_multiple_numeric_column) {
         return this.groupTypeOptions.find(item => item.value === GROUP_TYPES.MULTIPLE_NUMERIC_COLUMN);
       }
-      if (horizontal_axis_summary_type === SUMMARY_TYPE.COUNT) {
+      if (horizontal_axis_summary_type === _constants.SUMMARY_TYPE.COUNT) {
         return this.groupTypeOptions[0];
       }
-      if (horizontal_axis_summary_type === SUMMARY_TYPE.ADVANCED) {
+      if (horizontal_axis_summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
         return this.groupTypeOptions[1];
       }
     };
@@ -183,7 +191,7 @@ class GroupingSettings extends Component {
       } = statItem;
       if (!column_groupby_numeric_columns || !Array.isArray(column_groupby_numeric_columns)) return null;
       return column_groupby_numeric_columns.map((item, index) => {
-        return /*#__PURE__*/React.createElement(NumericSummaryItem, {
+        return /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
           statItem: statItem,
           key: "number-column-".concat(index),
           numericColumnsOptions: this.props.numericColumnsOptions,
@@ -209,12 +217,12 @@ class GroupingSettings extends Component {
         column_groupby_numeric_columns = [...column_groupby_numeric_columns];
         column_groupby_numeric_columns.push({
           column_key: newNumericColumnKey,
-          summary_method: SUMMARY_METHOD[0]
+          summary_method: _constants.SUMMARY_METHOD[0]
         });
       } else {
         column_groupby_numeric_columns = [{
           column_key: newNumericColumnKey,
-          summary_method: SUMMARY_METHOD[0]
+          summary_method: _constants.SUMMARY_METHOD[0]
         }];
       }
       this.props.updateStatItem(Object.assign({}, this.props.statItem, {
@@ -300,14 +308,14 @@ class GroupingSettings extends Component {
       column_groupby_geolocation_granularity,
       column_groupby_multiple_numeric_column
     } = statItem || {};
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement("label", null, label), /*#__PURE__*/React.createElement(DTableSelect, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, label), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
       classNamePrefix: "statistic-chart-summary-types",
       value: selectedGroupItem,
       onChange: this.onChangeGroupType,
       options: this.groupTypeOptions
-    })), horizontal_axis_summary_type === SUMMARY_TYPE.ADVANCED && (column_groupby_multiple_numeric_column ? /*#__PURE__*/React.createElement(NumericSummaryItem, {
+    })), horizontal_axis_summary_type === _constants.SUMMARY_TYPE.ADVANCED && (column_groupby_multiple_numeric_column ? /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
       statItem: statItem,
       index: 0,
       key: "number-column-".concat(0),
@@ -319,7 +327,7 @@ class GroupingSettings extends Component {
       },
       onChangeColumnOption: this.onChangeGroupbyNumericColumn,
       onChangeSummaryMethod: this.onChangeSummaryMethod
-    }) : /*#__PURE__*/React.createElement(SummaryMethodSettings, {
+    }) : /*#__PURE__*/_react.default.createElement(_summaryMethodSetting.default, {
       statItem: statItem,
       numericColumnsOptions: numericColumnsOptions,
       summaryType: horizontal_axis_summary_type,
@@ -330,29 +338,29 @@ class GroupingSettings extends Component {
       onSelectSummaryMethod: this.updateSummaryMethod,
       onSelectNumericColumn: this.updateSummaryColumn,
       updateStatItem: this.props.updateStatItem
-    })), column_groupby_multiple_numeric_column && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+    })), column_groupby_multiple_numeric_column && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "statistics-add-number"
-    }, this.renderGroupbyNumericColumns()), Array.isArray(numericColumnsOptions) && numericColumnsOptions.length > 0 && /*#__PURE__*/React.createElement("div", {
+    }, this.renderGroupbyNumericColumns()), Array.isArray(numericColumnsOptions) && numericColumnsOptions.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
       className: "statistics-add-number-column",
       onClick: this.onAddNumericColumn
-    }, /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/_react.default.createElement("span", {
       className: "number-column-item dtable-font dtable-icon-add-table"
-    }), /*#__PURE__*/React.createElement("span", {
+    }), /*#__PURE__*/_react.default.createElement("span", {
       className: "number-column-item add-number-column-description"
-    }, intl.get('Add_new_numeric_column')))), (!column_groupby_multiple_numeric_column && horizontal_axis_summary_type === SUMMARY_TYPE.ADVANCED || horizontal_axis_summary_type === SUMMARY_TYPE.COUNT) && /*#__PURE__*/React.createElement(GroupbySettings, {
+    }, _reactIntlUniversal.default.get('Add_new_numeric_column')))), (!column_groupby_multiple_numeric_column && horizontal_axis_summary_type === _constants.SUMMARY_TYPE.ADVANCED || horizontal_axis_summary_type === _constants.SUMMARY_TYPE.COUNT) && /*#__PURE__*/_react.default.createElement(_groupbySettings.default, {
       selectedTable: selectedTable,
       columnsOptions: columnGroupbyColumnsOptions,
       dateGranularityOptions: dateGranularityOptions,
       geolocationGranularityOptions: geolocationGranularityOptions,
-      label: intl.get('Group_by'),
+      label: _reactIntlUniversal.default.get('Group_by'),
       groupbyColumnKey: column_groupby_column_key,
       groupbyDateGranularity: column_groupby_date_granularity,
       groupbyGeolocationGranularity: column_groupby_geolocation_granularity,
       getSelectedColumnOption: this.props.getSelectedColumnOption,
-      onSelectGroupbyColumn: this.onSelectGroupbyColumn.bind(this, GROUPBY_TYPE.COLUMN),
-      onSelectGroupbyDateGranularity: this.onSelectGroupbyDateGranularity.bind(this, GROUPBY_TYPE.COLUMN),
-      onSelectGroupbyGeolocationGranularity: this.onSelectGroupbyGeolocationGranularity.bind(this, GROUPBY_TYPE.COLUMN)
+      onSelectGroupbyColumn: this.onSelectGroupbyColumn.bind(this, _constants.GROUPBY_TYPE.COLUMN),
+      onSelectGroupbyDateGranularity: this.onSelectGroupbyDateGranularity.bind(this, _constants.GROUPBY_TYPE.COLUMN),
+      onSelectGroupbyGeolocationGranularity: this.onSelectGroupbyGeolocationGranularity.bind(this, _constants.GROUPBY_TYPE.COLUMN)
     }));
   }
 }
-export default GroupingSettings;
+var _default = exports.default = GroupingSettings;

package/es/stat-editor/stat-settings/basic-chart-settings/horizontal-bar-settings.js

@@ -1,12 +1,20 @@
-import React, { Component, Fragment } from 'react';
-import intl from 'react-intl-universal';
-import BaseSettings from '../public-setting/base-settings';
-import HorizontalBarChartStyle from './style-setting/horizontal-bar-chart-style';
-import GroupbySettings from './groupby-settings';
-import SummarySettings from './summary-settings';
-import DataSort from '../public-setting/data-sort-setting';
-import { GROUPBY_TYPE } from '../../../constants';
-class BarSettings extends Component {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
+var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
+var _horizontalBarChartStyle = _interopRequireDefault(require("./style-setting/horizontal-bar-chart-style"));
+var _groupbySettings = _interopRequireDefault(require("./groupby-settings"));
+var _summarySettings = _interopRequireDefault(require("./summary-settings"));
+var _dataSortSetting = _interopRequireDefault(require("../public-setting/data-sort-setting"));
+var _constants = require("../../../constants");
+class BarSettings extends _react.Component {
   constructor() {
     super(...arguments);
     this.onSelectGroupbyColumn = (type, groupbyColumnKey, groupbyDateGranularity, groupbyGeolocationGranularity) => {
@@ -77,7 +85,7 @@ class BarSettings extends Component {
       horizontal_axis_summary_method
     } = statItem || {};
     if (settingType === 'style') {
-      return /*#__PURE__*/React.createElement(HorizontalBarChartStyle, {
+      return /*#__PURE__*/_react.default.createElement(_horizontalBarChartStyle.default, {
         statItem: statItem,
         labelColorConfigs: labelColorConfigs,
         eventBus: eventBus,
@@ -85,7 +93,7 @@ class BarSettings extends Component {
         updateStatItem: this.props.updateStatItem
       });
     }
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
       statItem: statItem,
       selectedTableId: selectedTableId,
       selectedViewId: selectedViewId,
@@ -94,27 +102,27 @@ class BarSettings extends Component {
       getTableById: this.props.getTableById,
       getConvertedChart: this.props.getConvertedChart,
       updateStatItem: this.props.updateStatItem
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement(GroupbySettings, {
+    }), /*#__PURE__*/_react.default.createElement(_groupbySettings.default, {
       selectedTable: selectedTable,
       columnsOptions: generalColumnsOptions,
       dateGranularityOptions: dateGranularityOptions,
       geolocationGranularityOptions: geolocationGranularityOptions,
-      label: intl.get('Vertical_axis'),
+      label: _reactIntlUniversal.default.get('Vertical_axis'),
       groupbyColumnKey: vertical_axis_column_key,
       groupbyDateGranularity: vertical_axis_date_granularity,
       groupbyGeolocationGranularity: vertical_axis_geolocation_granularity,
       getSelectedColumnOption: this.props.getSelectedColumnOption,
-      onSelectGroupbyColumn: this.onSelectGroupbyColumn.bind(this, GROUPBY_TYPE.ROW),
-      onSelectGroupbyDateGranularity: this.onSelectGroupbyDateGranularity.bind(this, GROUPBY_TYPE.ROW),
-      onSelectGroupbyGeolocationGranularity: this.onSelectGroupbyGeolocationGranularity.bind(this, GROUPBY_TYPE.ROW),
+      onSelectGroupbyColumn: this.onSelectGroupbyColumn.bind(this, _constants.GROUPBY_TYPE.ROW),
+      onSelectGroupbyDateGranularity: this.onSelectGroupbyDateGranularity.bind(this, _constants.GROUPBY_TYPE.ROW),
+      onSelectGroupbyGeolocationGranularity: this.onSelectGroupbyGeolocationGranularity.bind(this, _constants.GROUPBY_TYPE.ROW),
       renderIncludeEmpty: renderIncludeEmpty
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement(SummarySettings, {
+    }), /*#__PURE__*/_react.default.createElement(_summarySettings.default, {
       statItem: statItem,
-      label: intl.get('Horizontal_axis'),
+      label: _reactIntlUniversal.default.get('Horizontal_axis'),
       numericColumnsOptions: numericColumnsOptions,
       summaryType: horizontal_axis_summary_type,
       summaryColumnKey: horizontal_axis_column_key,
@@ -123,12 +131,12 @@ class BarSettings extends Component {
       onChangeSummaryType: this.updatedSummaryType,
       onSelectNumericColumn: this.updateSummaryColumn,
       onSelectSummaryMethod: this.updateSummaryMethod
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement(DataSort, {
+    }), /*#__PURE__*/_react.default.createElement(_dataSortSetting.default, {
       statItem: statItem,
       updateStatItem: this.props.updateStatItem
     }));
   }
 }
-export default BarSettings;
+var _default = exports.default = BarSettings;

package/es/stat-editor/stat-settings/basic-chart-settings/horizontal-group-chart-settings.js

@@ -1,12 +1,20 @@
-import React, { Component, Fragment } from 'react';
-import intl from 'react-intl-universal';
-import BaseSettings from '../public-setting/base-settings';
-import HorizontalBarChartStyle from './style-setting/horizontal-bar-chart-style';
-import GroupbySettings from './groupby-settings';
-import HorizontalAxisGroupSettings from './horizontal-axis-group-settings';
-import DataSort from '../public-setting/data-sort-setting';
-import { GROUPBY_TYPE, STAT_TYPE } from '../../../constants';
-class HorizontalGroupBarChartSettings extends Component {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
+var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
+var _horizontalBarChartStyle = _interopRequireDefault(require("./style-setting/horizontal-bar-chart-style"));
+var _groupbySettings = _interopRequireDefault(require("./groupby-settings"));
+var _horizontalAxisGroupSettings = _interopRequireDefault(require("./horizontal-axis-group-settings"));
+var _dataSortSetting = _interopRequireDefault(require("../public-setting/data-sort-setting"));
+var _constants = require("../../../constants");
+class HorizontalGroupBarChartSettings extends _react.Component {
   constructor() {
     super(...arguments);
     this.onSelectGroupbyColumn = (type, groupbyColumnKey, groupbyDateGranularity, groupbyGeolocationGranularity) => {
@@ -78,7 +86,7 @@ class HorizontalGroupBarChartSettings extends Component {
       horizontal_axis_summary_method
     } = statItem || {};
     if (settingType === 'style') {
-      return /*#__PURE__*/React.createElement(HorizontalBarChartStyle, {
+      return /*#__PURE__*/_react.default.createElement(_horizontalBarChartStyle.default, {
         statItem: statItem,
         labelColorConfigs: labelColorConfigs,
         eventBus: eventBus,
@@ -86,7 +94,7 @@ class HorizontalGroupBarChartSettings extends Component {
         updateStatItem: this.props.updateStatItem
       });
     }
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
       statItem: statItem,
       selectedTableId: selectedTableId,
       selectedViewId: selectedViewId,
@@ -95,26 +103,26 @@ class HorizontalGroupBarChartSettings extends Component {
       getTableById: this.props.getTableById,
       getConvertedChart: this.props.getConvertedChart,
       updateStatItem: this.props.updateStatItem
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement(GroupbySettings, {
+    }), /*#__PURE__*/_react.default.createElement(_groupbySettings.default, {
       selectedTable: selectedTable,
       columnsOptions: generalColumnsOptions,
       dateGranularityOptions: dateGranularityOptions,
       geolocationGranularityOptions: geolocationGranularityOptions,
-      label: intl.get('Vertical_axis'),
+      label: _reactIntlUniversal.default.get('Vertical_axis'),
       groupbyColumnKey: vertical_axis_column_key,
       groupbyDateGranularity: vertical_axis_date_granularity,
       groupbyGeolocationGranularity: vertical_axis_geolocation_granularity,
       getSelectedColumnOption: this.props.getSelectedColumnOption,
-      onSelectGroupbyColumn: this.onSelectGroupbyColumn.bind(this, GROUPBY_TYPE.ROW),
-      onSelectGroupbyDateGranularity: this.onSelectGroupbyDateGranularity.bind(this, GROUPBY_TYPE.ROW),
-      onSelectGroupbyGeolocationGranularity: this.onSelectGroupbyGeolocationGranularity.bind(this, GROUPBY_TYPE.ROW),
+      onSelectGroupbyColumn: this.onSelectGroupbyColumn.bind(this, _constants.GROUPBY_TYPE.ROW),
+      onSelectGroupbyDateGranularity: this.onSelectGroupbyDateGranularity.bind(this, _constants.GROUPBY_TYPE.ROW),
+      onSelectGroupbyGeolocationGranularity: this.onSelectGroupbyGeolocationGranularity.bind(this, _constants.GROUPBY_TYPE.ROW),
       renderIncludeEmpty: renderIncludeEmpty
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement(HorizontalAxisGroupSettings, {
-      label: intl.get('Horizontal_axis'),
+    }), /*#__PURE__*/_react.default.createElement(_horizontalAxisGroupSettings.default, {
+      label: _reactIntlUniversal.default.get('Horizontal_axis'),
       statItem: statItem,
       selectedTable: selectedTable,
       summaryType: horizontal_axis_summary_type,
@@ -126,17 +134,17 @@ class HorizontalGroupBarChartSettings extends Component {
       numericColumnsOptions: numericColumnsOptions,
       getSelectedColumnOption: this.props.getSelectedColumnOption,
       onChangeColumnGroupbyType: this.updateColumnGroupbys,
-      onSelectGroupbyColumn: this.onSelectGroupbyColumn.bind(this, GROUPBY_TYPE.COLUMN),
-      onSelectGroupbyDateGranularity: this.onSelectGroupbyDateGranularity.bind(this, GROUPBY_TYPE.COLUMN),
-      onSelectGroupbyGeolocationGranularity: this.onSelectGroupbyGeolocationGranularity.bind(this, GROUPBY_TYPE.COLUMN),
+      onSelectGroupbyColumn: this.onSelectGroupbyColumn.bind(this, _constants.GROUPBY_TYPE.COLUMN),
+      onSelectGroupbyDateGranularity: this.onSelectGroupbyDateGranularity.bind(this, _constants.GROUPBY_TYPE.COLUMN),
+      onSelectGroupbyGeolocationGranularity: this.onSelectGroupbyGeolocationGranularity.bind(this, _constants.GROUPBY_TYPE.COLUMN),
       updatedColumnGroupbyNumericColumns: this.updatedColumnGroupbyNumericColumns,
       updateStatItem: this.props.updateStatItem
-    }), statItem.type == STAT_TYPE.STACKED_HORIZONTAL_BAR && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    }), statItem.type === _constants.STAT_TYPE.STACKED_HORIZONTAL_BAR && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement(DataSort, {
+    }), /*#__PURE__*/_react.default.createElement(_dataSortSetting.default, {
       statItem: statItem,
       updateStatItem: this.props.updateStatItem
     })));
   }
 }
-export default HorizontalGroupBarChartSettings;
+var _default = exports.default = HorizontalGroupBarChartSettings;