dtable-statistic 4.3.3 → 4.3.4

package/es/stat-editor/stat-settings/basic-chart-settings/pivot-table-settings.js

@@ -1,21 +1,13 @@
-"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 _dtableStore = require("dtable-store");
-var _components = require("../../../components");
-var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
-var _groupbySettings = _interopRequireDefault(require("./groupby-settings"));
-var _numericSummaryItem = _interopRequireDefault(require("../public-setting/numeric-summary-item"));
-var _summaryMethodSetting = _interopRequireDefault(require("./summary-method-setting"));
-var _indToggleSetting = _interopRequireDefault(require("../public-setting/ind-toggle-setting"));
-var _constants = require("../../../constants");
+import React, { Component, Fragment } from 'react';
+import intl from 'react-intl-universal';
+import { isNumericColumn, TableUtils } from 'dtable-store';
+import { DTableSelect } from '../../../components';
+import BaseSettings from '../public-setting/base-settings';
+import GroupbySettings from './groupby-settings';
+import NumericSummaryItem from '../public-setting/numeric-summary-item';
+import SummaryMethodSettings from './summary-method-setting';
+import IndToggleSetting from '../public-setting/ind-toggle-setting';
+import { GROUPBY_TYPE, STATISTICS_COUNT_SHOW, SUMMARY_METHOD, SUMMARY_METHOD_MAP, SUMMARY_TYPE, TIME_COLUMN_LIST } from '../../../constants';
 const GROUP_TYPES = {
   COUNT: 'count',
   SINGLE_NUMERIC_COLUMN: 'single_numeric_column',
@@ -23,11 +15,11 @@ const GROUP_TYPES = {
 };
 const GROUP_EXPLANATIONS = {
   COUNT: {
-    name: _constants.STATISTICS_COUNT_SHOW['count'],
+    name: STATISTICS_COUNT_SHOW['count'],
     content: 'Count_the_number_of_records_in_each_group'
   },
   SINGLE_NUMERIC_COLUMN: {
-    name: _constants.STATISTICS_COUNT_SHOW['advanced'],
+    name: STATISTICS_COUNT_SHOW['advanced'],
     content: 'Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_a_field'
   },
   MULTIPLE_NUMERIC_COLUMN: {
@@ -35,16 +27,16 @@ const GROUP_EXPLANATIONS = {
     content: 'Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_multiple_fields'
   }
 };
-class PivotSettings extends _react.Component {
+class PivotSettings extends Component {
   constructor(props) {
     super(props);
     this.getSummaryMethodsOptions = () => {
-      return _constants.SUMMARY_METHOD.map(m => {
+      return SUMMARY_METHOD.map(m => {
         return {
           value: m,
-          label: /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement("span", {
             className: 'select-module select-module-name'
-          }, _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[m]))
+          }, intl.get(STATISTICS_COUNT_SHOW[m]))
         };
       });
     };
@@ -52,17 +44,17 @@ class PivotSettings extends _react.Component {
       return Object.keys(GROUP_TYPES).map(key => {
         return {
           value: GROUP_TYPES[key],
-          label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+          label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
             className: 'select-module select-module-name'
-          }, _reactIntlUniversal.default.get(GROUP_EXPLANATIONS[key].name)), /*#__PURE__*/_react.default.createElement("div", {
+          }, intl.get(GROUP_EXPLANATIONS[key].name)), /*#__PURE__*/React.createElement("div", {
             className: "summary-type-explanation"
-          }, _reactIntlUniversal.default.get(GROUP_EXPLANATIONS[key].content)))
+          }, intl.get(GROUP_EXPLANATIONS[key].content)))
         };
       });
     };
     this.onSelectGroupbyColumn = (type, groupbyColumnKey, groupbyDateGranularity, groupbyGeolocationGranularity) => {
       let updated;
-      if (type === _constants.GROUPBY_TYPE.ROW) {
+      if (type === GROUPBY_TYPE.ROW) {
         updated = {
           groupby_column_key: groupbyColumnKey,
           groupby_date_granularity: groupbyDateGranularity,
@@ -81,7 +73,7 @@ class PivotSettings extends _react.Component {
     };
     this.onSelectGroupbyDateGranularity = (type, dateGranularity) => {
       let updated;
-      if (type === _constants.GROUPBY_TYPE.ROW) {
+      if (type === GROUPBY_TYPE.ROW) {
         updated = {
           groupby_date_granularity: dateGranularity
         };
@@ -94,7 +86,7 @@ class PivotSettings extends _react.Component {
     };
     this.onSelectGroupbyGeolocationGranularity = (type, geolocationGranularity) => {
       let updated;
-      if (type === _constants.GROUPBY_TYPE.ROW) {
+      if (type === GROUPBY_TYPE.ROW) {
         updated = {
           groupby_geolocation_granularity: geolocationGranularity
         };
@@ -143,31 +135,31 @@ class PivotSettings extends _react.Component {
         summary_column_key
       } = this.props.statItem || {};
       if (value === GROUP_TYPES.SINGLE_NUMERIC_COLUMN) {
-        summary_type = _constants.SUMMARY_TYPE.ADVANCED;
+        summary_type = SUMMARY_TYPE.ADVANCED;
         column_groupby_multiple_numeric_column = false;
         summary_columns_option = [];
-        summary_method = summary_method || _constants.SUMMARY_METHOD[0];
+        summary_method = summary_method || SUMMARY_METHOD[0];
       } else if (value === GROUP_TYPES.COUNT) {
         column_groupby_multiple_numeric_column = false;
         summary_columns_option = [];
-        summary_type = _constants.SUMMARY_TYPE.COUNT;
+        summary_type = SUMMARY_TYPE.COUNT;
         column_groupby_date_granularity = null;
         column_groupby_geolocation_granularity = null;
         summary_column_key = null;
       } else if (value === GROUP_TYPES.MULTIPLE_NUMERIC_COLUMN) {
-        summary_type = _constants.SUMMARY_TYPE.ADVANCED;
+        summary_type = SUMMARY_TYPE.ADVANCED;
         column_groupby_multiple_numeric_column = true;
         if (column_groupby_column_key) {
           summary_columns_option = [{
             key: this.getNumericalColumnOptions()[0].value.key,
-            method: _constants.SUMMARY_METHOD[0],
+            method: SUMMARY_METHOD[0],
             type: this.getNumericalColumnOptions()[0].value.type
           }];
         } else {
           const pivotTableSummaryColumnOption = pivotTableSummaryColumnOptions[0];
           summary_columns_option = [];
           summary_column_key = pivotTableSummaryColumnOption && pivotTableSummaryColumnOption.value.key;
-          summary_method = _constants.SUMMARY_METHOD[1];
+          summary_method = SUMMARY_METHOD[1];
         }
       }
       let updated = {
@@ -195,16 +187,16 @@ class PivotSettings extends _react.Component {
         summary_type,
         column_groupby_column_key
       } = statItem;
-      if (summary_type === _constants.SUMMARY_TYPE.ADVANCED && column_groupby_column_key && !column_groupby_multiple_numeric_column) {
+      if (summary_type === SUMMARY_TYPE.ADVANCED && column_groupby_column_key && !column_groupby_multiple_numeric_column) {
         return this.groupTypeOptions[1];
       }
       if (column_groupby_multiple_numeric_column) {
         return this.groupTypeOptions.find(item => item.value === GROUP_TYPES.MULTIPLE_NUMERIC_COLUMN);
       }
-      if (summary_type === _constants.SUMMARY_TYPE.COUNT) {
+      if (summary_type === SUMMARY_TYPE.COUNT) {
         return this.groupTypeOptions[0];
       }
-      if (summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
+      if (summary_type === SUMMARY_TYPE.ADVANCED) {
         return this.groupTypeOptions[1];
       }
     };
@@ -221,8 +213,8 @@ class PivotSettings extends _react.Component {
       if (!table) return [];
       const newPivotTableSummaryColumnOptions = [];
       pivotTableSummaryColumnOptions.forEach(item => {
-        const column = _dtableStore.TableUtils.getTableColumnByKey(table, item.value.key) || {};
-        if ((0, _dtableStore.isNumericColumn)(column)) {
+        const column = TableUtils.getTableColumnByKey(table, item.value.key) || {};
+        if (isNumericColumn(column)) {
           newPivotTableSummaryColumnOptions.push(item);
         }
       });
@@ -247,15 +239,15 @@ class PivotSettings extends _react.Component {
         const updated = {
           summary_column_key: columnOption.value.key
         };
-        if (_constants.TIME_COLUMN_LIST.includes(columnOption.value.type)) {
+        if (TIME_COLUMN_LIST.includes(columnOption.value.type)) {
           const {
             statItem
           } = this.props;
           const {
             summary_method
           } = statItem || {};
-          if (summary_method === _constants.SUMMARY_METHOD_MAP.Sum || summary_method === _constants.SUMMARY_METHOD_MAP.Mean) {
-            updated.summary_method = _constants.SUMMARY_METHOD_MAP.Min;
+          if (summary_method === SUMMARY_METHOD_MAP.Sum || summary_method === SUMMARY_METHOD_MAP.Mean) {
+            updated.summary_method = SUMMARY_METHOD_MAP.Min;
           }
         }
         this.props.updateStatItem(Object.assign({}, this.props.statItem, updated));
@@ -269,9 +261,9 @@ class PivotSettings extends _react.Component {
         const updated = {
           key: columnOption.value.key
         };
-        if (_constants.TIME_COLUMN_LIST.includes(columnOption.value.type)) {
-          if (selectedItem.method === _constants.SUMMARY_METHOD_MAP.Sum || selectedItem.method === _constants.SUMMARY_METHOD_MAP.Mean) {
-            updated.method = _constants.SUMMARY_METHOD_MAP.Min;
+        if (TIME_COLUMN_LIST.includes(columnOption.value.type)) {
+          if (selectedItem.method === SUMMARY_METHOD_MAP.Sum || selectedItem.method === SUMMARY_METHOD_MAP.Mean) {
+            updated.method = SUMMARY_METHOD_MAP.Min;
           }
         }
         selectedItem = Object.assign({}, selectedItem, updated);
@@ -291,7 +283,7 @@ class PivotSettings extends _react.Component {
         const summaryColumnOption = summary_columns_option[index];
         const update = {
           key: columnOption.value.key,
-          method: summaryColumnOption && summaryColumnOption.method || _constants.SUMMARY_METHOD_MAP.Sum
+          method: summaryColumnOption && summaryColumnOption.method || SUMMARY_METHOD_MAP.Sum
         };
         summary_columns_option = summary_columns_option || [];
         summary_columns_option = [...summary_columns_option];
@@ -360,12 +352,12 @@ class PivotSettings extends _react.Component {
         summary_columns_option = [...summary_columns_option];
         summary_columns_option.push({
           key: newNumericColumnKey,
-          method: _constants.SUMMARY_METHOD[0]
+          method: SUMMARY_METHOD[0]
         });
       } else {
         summary_columns_option = [{
           key: newNumericColumnKey,
-          method: _constants.SUMMARY_METHOD[0]
+          method: SUMMARY_METHOD[0]
         }];
       }
       this.props.updateStatItem(Object.assign({}, this.props.statItem, {
@@ -396,7 +388,7 @@ class PivotSettings extends _react.Component {
       if (column_groupby_column_key) {
         const [, ...restSummaryColumnsOption] = summary_columns_option;
         return restSummaryColumnsOption.map((item, index) => {
-          return /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
+          return /*#__PURE__*/React.createElement(NumericSummaryItem, {
             key: "number-column-".concat(index),
             statItem: statItem,
             index: index + 1,
@@ -410,7 +402,7 @@ class PivotSettings extends _react.Component {
         });
       }
       return summary_columns_option.map((item, index) => {
-        return /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
+        return /*#__PURE__*/React.createElement(NumericSummaryItem, {
           key: "number-column-".concat(index),
           statItem: statItem,
           numericColumnsOptions: this.props.pivotTableSummaryColumnOptions,
@@ -457,7 +449,7 @@ class PivotSettings extends _react.Component {
     if (settingType === 'style') {
       return null;
     }
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
       statItem: statItem,
       selectedTableId: selectedTableId,
       selectedViewId: selectedViewId,
@@ -466,47 +458,47 @@ class PivotSettings extends _react.Component {
       getTableById: this.props.getTableById,
       getConvertedChart: this.props.getConvertedChart,
       updateStatItem: this.props.updateStatItem
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/_react.default.createElement(_groupbySettings.default, {
+    }), /*#__PURE__*/React.createElement(GroupbySettings, {
       selectedTable: selectedTable,
       columnsOptions: generalColumnsOptions,
       dateGranularityOptions: dateGranularityOptions,
       geolocationGranularityOptions: geolocationGranularityOptions,
-      label: _reactIntlUniversal.default.get('Row_grouping_field'),
-      placeholder: _reactIntlUniversal.default.get('Select_a_column'),
+      label: intl.get('Row_grouping_field'),
+      placeholder: intl.get('Select_a_column'),
       groupbyColumnKey: groupby_column_key,
       groupbyDateGranularity: groupby_date_granularity,
       groupbyGeolocationGranularity: groupby_geolocation_granularity,
       getSelectedColumnOption: this.props.getSelectedColumnOption,
-      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),
+      onSelectGroupbyColumn: this.onSelectGroupbyColumn.bind(this, GROUPBY_TYPE.ROW),
+      onSelectGroupbyDateGranularity: this.onSelectGroupbyDateGranularity.bind(this, GROUPBY_TYPE.ROW),
+      onSelectGroupbyGeolocationGranularity: this.onSelectGroupbyGeolocationGranularity.bind(this, GROUPBY_TYPE.ROW),
       renderIncludeEmpty: renderIncludeEmpty
-    }), /*#__PURE__*/_react.default.createElement(_groupbySettings.default, {
+    }), /*#__PURE__*/React.createElement(GroupbySettings, {
       selectedTable: selectedTable,
       columnsOptions: generalColumnsOptions,
       dateGranularityOptions: dateGranularityOptions,
       geolocationGranularityOptions: geolocationGranularityOptions,
-      label: _reactIntlUniversal.default.get('Column_grouping_field'),
-      placeholder: _reactIntlUniversal.default.get('Select_a_column'),
+      label: intl.get('Column_grouping_field'),
+      placeholder: intl.get('Select_a_column'),
       groupbyColumnKey: column_groupby_column_key,
       groupbyDateGranularity: column_groupby_date_granularity,
       groupbyGeolocationGranularity: column_groupby_geolocation_granularity,
       getSelectedColumnOption: this.props.getSelectedColumnOption,
-      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)
-    }), /*#__PURE__*/_react.default.createElement("div", {
+      onSelectGroupbyColumn: this.onSelectGroupbyColumn.bind(this, GROUPBY_TYPE.COLUMN),
+      onSelectGroupbyDateGranularity: this.onSelectGroupbyDateGranularity.bind(this, GROUPBY_TYPE.COLUMN),
+      onSelectGroupbyGeolocationGranularity: this.onSelectGroupbyGeolocationGranularity.bind(this, GROUPBY_TYPE.COLUMN)
+    }), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_type')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_type')), /*#__PURE__*/React.createElement(DTableSelect, {
       classNamePrefix: "statistic-chart-summary-types",
       value: selectedGroupItem,
       options: this.groupTypeOptions,
       onChange: this.onChangeGroupType
-    })), summary_type === _constants.SUMMARY_TYPE.ADVANCED && (column_groupby_multiple_numeric_column ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, column_groupby_column_key && /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
+    })), summary_type === SUMMARY_TYPE.ADVANCED && (column_groupby_multiple_numeric_column ? /*#__PURE__*/React.createElement(React.Fragment, null, column_groupby_column_key && /*#__PURE__*/React.createElement(NumericSummaryItem, {
       statItem: statItem,
       key: "number-column-".concat(0),
       index: 0,
@@ -518,7 +510,7 @@ class PivotSettings extends _react.Component {
       summaryMethodOptions: this.summaryMethodsOptions,
       onChangeColumnOption: this.onChangeGroupbyMultiNumericColumn,
       onChangeSummaryMethod: this.onChangeMultiSummaryMethod
-    }), !column_groupby_column_key && /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
+    }), !column_groupby_column_key && /*#__PURE__*/React.createElement(NumericSummaryItem, {
       statItem: statItem,
       key: "number-column-".concat(0),
       index: 0,
@@ -530,7 +522,7 @@ class PivotSettings extends _react.Component {
       summaryMethodOptions: this.summaryMethodsOptions,
       onChangeColumnOption: this.onChangeGroupbyNumericColumn,
       onChangeSummaryMethod: this.onChangeSummaryMethod
-    })) : /*#__PURE__*/_react.default.createElement(_summaryMethodSetting.default, {
+    })) : /*#__PURE__*/React.createElement(SummaryMethodSettings, {
       statItem: statItem,
       numericColumnsOptions: pivotTableSummaryColumnOptions,
       summaryType: summary_type,
@@ -541,24 +533,24 @@ class PivotSettings extends _react.Component {
       onSelectSummaryMethod: this.updateSummaryMethod,
       onSelectNumericColumn: this.updateSummaryColumn,
       updateStatItem: this.props.updateStatItem
-    })), column_groupby_multiple_numeric_column && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    })), column_groupby_multiple_numeric_column && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: "statistics-add-number"
-    }, this.renderGroupbyNumericColumns()), this.canAddSummaryColumn() && /*#__PURE__*/_react.default.createElement("div", {
+    }, this.renderGroupbyNumericColumns()), this.canAddSummaryColumn() && /*#__PURE__*/React.createElement("div", {
       className: "statistics-add-number-column",
       onClick: this.onAddNumericColumn
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "number-column-item dtable-font dtable-icon-add-table"
-    }), /*#__PURE__*/_react.default.createElement("span", {
+    }), /*#__PURE__*/React.createElement("span", {
       className: "number-column-item add-number-column-description"
-    }, _reactIntlUniversal.default.get('Add_new_summary_column')))), /*#__PURE__*/_react.default.createElement("div", {
+    }, intl.get('Add_new_summary_column')))), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement(_indToggleSetting.default, {
+    }, /*#__PURE__*/React.createElement(IndToggleSetting, {
       isChecked: display_total,
       handleToggleChange: this.onToggleDisplayData,
-      label: _reactIntlUniversal.default.get('Display_total')
+      label: intl.get('Display_total')
     })));
   }
 }
-var _default = exports.default = PivotSettings;
+export default PivotSettings;

package/es/stat-editor/stat-settings/basic-chart-settings/scatter-settings.js

@@ -1,17 +1,9 @@
-"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 _barChartStyleSetting = _interopRequireDefault(require("./style-setting/bar-chart-style-setting"));
-var _columnSettings = _interopRequireDefault(require("../public-setting/column-settings"));
-class ScatterSettings extends _react.Component {
+import React, { Component, Fragment } from 'react';
+import intl from 'react-intl-universal';
+import BaseSettings from '../public-setting/base-settings';
+import BarChartStyle from './style-setting/bar-chart-style-setting';
+import ColumnSettings from '../public-setting/column-settings';
+class ScatterSettings extends Component {
   constructor() {
     super(...arguments);
     this.onSelectXAxisColumn = option => {
@@ -64,7 +56,7 @@ class ScatterSettings extends _react.Component {
       group_column
     } = statItem || {};
     if (settingType === 'style') {
-      return /*#__PURE__*/_react.default.createElement(_barChartStyleSetting.default, {
+      return /*#__PURE__*/React.createElement(BarChartStyle, {
         hideDisplayDataSetting: true,
         showRangeSetting: false,
         statItem: statItem,
@@ -77,7 +69,7 @@ class ScatterSettings extends _react.Component {
     const selectedXAxisColumn = getSelectedColumnOption(x_axis_column, numericColumnsOptions);
     const selectedYAxisColumn = getSelectedColumnOption(y_axis_column, numericColumnsOptions);
     const selectedGroupColumn = getSelectedColumnOption(group_column, generalColumnsOptions);
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
       statItem: statItem,
       selectedTableId: selectedTableId,
       selectedViewId: selectedViewId,
@@ -86,27 +78,27 @@ class ScatterSettings extends _react.Component {
       getTableById: this.props.getTableById,
       getConvertedChart: this.props.getConvertedChart,
       updateStatItem: this.props.updateStatItem
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('X-axis')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('X-axis')), /*#__PURE__*/React.createElement(ColumnSettings, {
       columnsOptions: numericColumnsOptions,
       selectedColumnOption: selectedXAxisColumn,
       onChangeSelectedColumn: this.onSelectXAxisColumn
-    })), /*#__PURE__*/_react.default.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Y-axis')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Y-axis')), /*#__PURE__*/React.createElement(ColumnSettings, {
       columnsOptions: numericColumnsOptions,
       selectedColumnOption: selectedYAxisColumn,
       onChangeSelectedColumn: this.onSelectYAxisColumn
-    })), /*#__PURE__*/_react.default.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Group_by')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Group_by')), /*#__PURE__*/React.createElement(ColumnSettings, {
       columnsOptions: generalColumnsOptions,
       selectedColumnOption: selectedGroupColumn,
       onChangeSelectedColumn: this.onSelectGroupColumn
     })));
   }
 }
-var _default = exports.default = ScatterSettings;
+export default ScatterSettings;

package/es/stat-editor/stat-settings/basic-chart-settings/stack-item-settings.js

@@ -1,16 +1,8 @@
-"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 _classnames = _interopRequireDefault(require("classnames"));
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _numericSummaryItem = _interopRequireDefault(require("../public-setting/numeric-summary-item"));
-class StackItemSettings extends _react.Component {
+import React, { Component, Fragment } from 'react';
+import classnames from 'classnames';
+import intl from 'react-intl-universal';
+import NumericSummaryItem from '../public-setting/numeric-summary-item';
+class StackItemSettings extends Component {
   constructor(props) {
     super(props);
     this.onToggleExpand = () => {
@@ -29,7 +21,7 @@ class StackItemSettings extends _react.Component {
         column_groupby_numeric_columns
       } = stack;
       return Array.isArray(column_groupby_numeric_columns) && column_groupby_numeric_columns.map((item, index) => {
-        return /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
+        return /*#__PURE__*/React.createElement(NumericSummaryItem, {
           statItem: statItem,
           key: "stack-number-column-".concat(index),
           index: index,
@@ -55,33 +47,33 @@ class StackItemSettings extends _react.Component {
     const {
       expanded
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('statistic-chart-parameter-item', {
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: classnames('statistic-chart-parameter-item', {
         collapsible: !expanded
       })
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "statistic-y-axis-title"
-    }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("i", {
       onClick: this.onToggleExpand,
-      className: (0, _classnames.default)('dtable-font', 'statistic-y-axis-title-expand-icon', {
+      className: classnames('dtable-font', 'statistic-y-axis-title-expand-icon', {
         'dtable-icon-drop-down': expanded,
         'dtable-icon-right-slide': !expanded
       })
-    }), /*#__PURE__*/_react.default.createElement("label", null, label)), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("i", {
+    }), /*#__PURE__*/React.createElement("label", null, label)), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("i", {
       onClick: this.props.deleteStack,
       className: "dtable-font dtable-icon-fork-number"
-    }))), expanded && /*#__PURE__*/_react.default.createElement("div", {
+    }))), expanded && /*#__PURE__*/React.createElement("div", {
       className: "stack-settings-content-wrapper"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "statistics-add-number"
-    }, this.renderGroupbyNumericColumns()), Array.isArray(numericColumnsOptions) && numericColumnsOptions.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
+    }, this.renderGroupbyNumericColumns()), Array.isArray(numericColumnsOptions) && numericColumnsOptions.length > 0 && /*#__PURE__*/React.createElement("div", {
       className: "statistics-add-number-column",
       onClick: this.props.addNumericSummary
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "number-column-item dtable-font dtable-icon-add-table"
-    }), /*#__PURE__*/_react.default.createElement("span", {
+    }), /*#__PURE__*/React.createElement("span", {
       className: "number-column-item add-number-column-description"
-    }, _reactIntlUniversal.default.get('Add_new_numeric_column'))))));
+    }, intl.get('Add_new_numeric_column'))))));
   }
 }
-var _default = exports.default = StackItemSettings;
+export default StackItemSettings;

package/es/stat-editor/stat-settings/basic-chart-settings/stacks-settings.js

@@ -1,16 +1,8 @@
-"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 _stackItemSettings = _interopRequireDefault(require("./stack-item-settings"));
-var _constants = require("../../../constants");
-class StacksSettings extends _react.Component {
+import React, { Component, Fragment } from 'react';
+import intl from 'react-intl-universal';
+import StackItemSettings from './stack-item-settings';
+import { STATISTICS_COUNT_SHOW, STAT_TYPE, SUMMARY_METHOD } from '../../../constants';
+class StacksSettings extends Component {
   constructor(props) {
     super(props);
     this.addStack = () => {
@@ -21,7 +13,7 @@ class StacksSettings extends _react.Component {
         y_axises
       } = statItem;
       const defaultStack = {
-        type: _constants.STAT_TYPE.BAR_STACK,
+        type: STAT_TYPE.BAR_STACK,
         column_groupby_numeric_columns: null
       };
       const updatedStacks = y_axises ? [...y_axises, defaultStack] : [defaultStack];
@@ -64,7 +56,7 @@ class StacksSettings extends _react.Component {
       const newNumericColumnKey = numericColumnsOptions[0].value.key;
       updatedNumericColumns.push({
         column_key: newNumericColumnKey,
-        summary_method: _constants.SUMMARY_METHOD[0]
+        summary_method: SUMMARY_METHOD[0]
       });
       updatedStack.column_groupby_numeric_columns = updatedNumericColumns;
       updatedStacks[index] = updatedStack;
@@ -134,12 +126,12 @@ class StacksSettings extends _react.Component {
       }));
     };
     this.getSummaryMethodsOptions = () => {
-      return _constants.SUMMARY_METHOD.map(m => {
+      return SUMMARY_METHOD.map(m => {
         return {
           value: m,
-          label: /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement("span", {
             className: 'select-module select-module-name'
-          }, _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[m]))
+          }, intl.get(STATISTICS_COUNT_SHOW[m]))
         };
       });
     };
@@ -152,12 +144,12 @@ class StacksSettings extends _react.Component {
     const {
       y_axises
     } = statItem;
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, Array.isArray(y_axises) && y_axises.map((yAxis, index) => {
-      return /*#__PURE__*/_react.default.createElement(_stackItemSettings.default, {
+    return /*#__PURE__*/React.createElement(Fragment, null, Array.isArray(y_axises) && y_axises.map((yAxis, index) => {
+      return /*#__PURE__*/React.createElement(StackItemSettings, {
         key: "stack-settings-".concat(index),
         statItem: statItem,
         stack: yAxis,
-        label: "".concat(_reactIntlUniversal.default.get('Stack')).concat(index + 1),
+        label: "".concat(intl.get('Stack')).concat(index + 1),
         numericColumnsOptions: this.props.numericColumnsOptions,
         summaryMethodsOptions: this.summaryMethodsOptions,
         deleteStack: () => this.deleteStack(index),
@@ -174,14 +166,14 @@ class StacksSettings extends _react.Component {
           numericColumnIndex
         })
       });
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: "statistics-add-stack",
       onClick: this.addStack
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "dtable-font dtable-icon-add-table"
-    }), /*#__PURE__*/_react.default.createElement("span", {
+    }), /*#__PURE__*/React.createElement("span", {
       className: "add-stack-description"
-    }, _reactIntlUniversal.default.get('Add_new_stack'))));
+    }, intl.get('Add_new_stack'))));
   }
 }
-var _default = exports.default = StacksSettings;
+export default StacksSettings;