dtable-statistic 4.3.3 → 4.3.4

package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/pie-chart-style-settings.js

@@ -1,30 +1,22 @@
-"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 _reactstrap = require("reactstrap");
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _dtableStore = require("dtable-store");
-var _components = require("../../../../components");
-var _toggleSetting = _interopRequireDefault(require("../../public-setting/toggle-setting"));
-var _colorUseTypeSelector = _interopRequireDefault(require("../../color-setting/color-use-type-selector"));
-var _labelFontSizeEditor = _interopRequireDefault(require("./label-font-size-editor"));
-var _constants = require("../../../../constants");
-class PieStyleSettings extends _react.Component {
+import React, { Component, Fragment } from 'react';
+import { Form, FormGroup, Label } from 'reactstrap';
+import intl from 'react-intl-universal';
+import { CellType, TableUtils } from 'dtable-store';
+import { DTableSelect } from '../../../../components';
+import ToggleSetting from '../../public-setting/toggle-setting';
+import ColorUseTypeSelector from '../../color-setting/color-use-type-selector';
+import LabelFontSizeEditor from './label-font-size-editor';
+import { DEFAULT_ANNOTATION_SIZE, LABEL_FORMATS, LABEL_FORMATS_MAP, LABEL_POSITIONS, LABEL_POSITIONS_MAP, STAT_TYPE } from '../../../../constants';
+class PieStyleSettings extends Component {
   constructor(props) {
     super(props);
     this.renderShowLegend = () => {
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
+      }, /*#__PURE__*/React.createElement(ToggleSetting, {
         isChecked: this.props.statItem.show_legend || false,
         handleToggleChange: this.onToggleShowLegend,
-        label: _reactIntlUniversal.default.get('Display_legend')
+        label: intl.get('Display_legend')
       }));
     };
     this.replaceNumberNotAllowInput = value => {
@@ -39,11 +31,11 @@ class PieStyleSettings extends _react.Component {
       const {
         minimumSlicePercent
       } = this.state;
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement(_reactstrap.Form, null, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
+      }, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, {
         for: "percent"
-      }, _reactIntlUniversal.default.get('Minimum_slice_percent')), /*#__PURE__*/_react.default.createElement("input", {
+      }, intl.get('Minimum_slice_percent')), /*#__PURE__*/React.createElement("input", {
         className: "form-control",
         id: "percent",
         ref: ref => this.inputRef = ref,
@@ -62,9 +54,9 @@ class PieStyleSettings extends _react.Component {
       const {
         label_font_size
       } = statItem;
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement(_labelFontSizeEditor.default, {
+      }, /*#__PURE__*/React.createElement(LabelFontSizeEditor, {
         fontSize: label_font_size,
         onChangeFontSize: this.onChangeLabelFontSize
       }));
@@ -122,12 +114,12 @@ class PieStyleSettings extends _react.Component {
       }));
     };
     this.getLabelFormatOptions = () => {
-      const options = _constants.LABEL_FORMATS.map(item => {
+      const options = LABEL_FORMATS.map(item => {
         return {
           value: item,
-          label: /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement("span", {
             className: 'select-module select-module-name'
-          }, _reactIntlUniversal.default.get(_constants.LABEL_FORMATS_MAP[item]))
+          }, intl.get(LABEL_FORMATS_MAP[item]))
         };
       });
       return options;
@@ -165,21 +157,21 @@ class PieStyleSettings extends _react.Component {
     };
     this.renderLabelFormatSelector = () => {
       let selectedOption = this.getSelectedLabelFormat();
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Label_format')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/React.createElement("label", null, intl.get('Label_format')), /*#__PURE__*/React.createElement(DTableSelect, {
         value: selectedOption,
         onChange: this.onSelectLabelFormat,
         options: this.labelFormatOptions
       }));
     };
     this.getLabelPositionOptions = () => {
-      const options = _constants.LABEL_POSITIONS.map(item => {
+      const options = LABEL_POSITIONS.map(item => {
         return {
           value: item,
-          label: /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement("span", {
             className: 'select-module select-module-name'
-          }, _reactIntlUniversal.default.get(_constants.LABEL_POSITIONS_MAP[item]))
+          }, intl.get(LABEL_POSITIONS_MAP[item]))
         };
       });
       return options;
@@ -202,9 +194,9 @@ class PieStyleSettings extends _react.Component {
     };
     this.renderLabelPositionSelector = () => {
       let selectedOption = this.getSelectedLabelPosition();
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Label_position')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/React.createElement("label", null, intl.get('Label_position')), /*#__PURE__*/React.createElement(DTableSelect, {
         value: selectedOption,
         onChange: this.onSelectLabelPosition,
         options: this.labelPositionOptions
@@ -244,12 +236,12 @@ class PieStyleSettings extends _react.Component {
       if (show_percent) {
         display_label = true;
       }
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
+      }, /*#__PURE__*/React.createElement(ToggleSetting, {
         isChecked: display_label || false,
         handleToggleChange: this.onToggleDisplayLabel,
-        label: _reactIntlUniversal.default.get('Display_label')
+        label: intl.get('Display_label')
       }));
     };
     this.displayColorSelector = () => {
@@ -265,23 +257,23 @@ class PieStyleSettings extends _react.Component {
         return false;
       }
       const table = getTableById(table_id);
-      const groupByColumn = _dtableStore.TableUtils.getTableColumnByKey(table, groupby_column_key);
+      const groupByColumn = TableUtils.getTableColumnByKey(table, groupby_column_key);
       const {
         type: columnType
       } = groupByColumn;
-      if (columnType === _dtableStore.CellType.SINGLE_SELECT) {
+      if (columnType === CellType.SINGLE_SELECT) {
         return true;
       }
       return false;
     };
     this.renderDisplayAnnotation = () => {
       const display_annotation = this.getDisplayAnnotation();
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
+      }, /*#__PURE__*/React.createElement(ToggleSetting, {
         isChecked: display_annotation,
         handleToggleChange: this.onToggleDisplayAnnotation,
-        label: _reactIntlUniversal.default.get('Display_annotation')
+        label: intl.get('Display_annotation')
       }));
     };
     this.onToggleDisplayAnnotation = e => {
@@ -312,12 +304,12 @@ class PieStyleSettings extends _react.Component {
       const {
         annotation_font_size
       } = statItem;
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement(_labelFontSizeEditor.default, {
+      }, /*#__PURE__*/React.createElement(LabelFontSizeEditor, {
         id: 'annotation-font-size',
-        labelText: _reactIntlUniversal.default.get('Font_size'),
-        fontSize: annotation_font_size || _constants.DEFAULT_ANNOTATION_SIZE,
+        labelText: intl.get('Font_size'),
+        fontSize: annotation_font_size || DEFAULT_ANNOTATION_SIZE,
         onChangeFontSize: this.onChangeAnnotationFontSize
       }));
     };
@@ -344,16 +336,16 @@ class PieStyleSettings extends _react.Component {
       show_percent,
       display_label
     } = statItem;
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, this.renderShowLegend(), /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement(Fragment, null, this.renderShowLegend(), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), this.renderDisplayLabel(), (show_percent || display_label) && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, this.renderLabelPositionSelector(), this.renderLabelFormatSelector(), this.renderMinimumPercent(), this.labelFontSizeEditor()), statItem.type === _constants.STAT_TYPE.RING && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    }), this.renderDisplayLabel(), (show_percent || display_label) && /*#__PURE__*/React.createElement(Fragment, null, this.renderLabelPositionSelector(), this.renderLabelFormatSelector(), this.renderMinimumPercent(), this.labelFontSizeEditor()), statItem.type === STAT_TYPE.RING && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), this.renderDisplayAnnotation(), this.getDisplayAnnotation() && this.renderAnnotationFontSizeEditor()), this.displayColorSelector() && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    }), this.renderDisplayAnnotation(), this.getDisplayAnnotation() && this.renderAnnotationFontSizeEditor()), this.displayColorSelector() && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/_react.default.createElement(_colorUseTypeSelector.default, {
+    }), /*#__PURE__*/React.createElement(ColorUseTypeSelector, {
       chart: statItem,
       updateChart: this.props.updateStatisticsSettings
     })));
   }
 }
-var _default = exports.default = PieStyleSettings;
+export default PieStyleSettings;

package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/time-compare-style.js

@@ -1,15 +1,7 @@
-"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 _toggleSetting = _interopRequireDefault(require("../../public-setting/toggle-setting"));
-class TimeCompareStyle extends _react.Component {
+import React, { Component } from 'react';
+import intl from 'react-intl-universal';
+import ToggleSetting from '../../public-setting/toggle-setting';
+class TimeCompareStyle extends Component {
   constructor() {
     super(...arguments);
     this.onToggleIncreaseLabel = () => {
@@ -34,15 +26,15 @@ class TimeCompareStyle extends _react.Component {
       display_increase_percentage
     } = statItem;
     if (!display_increase) return null;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__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(_toggleSetting.default, {
+    }, /*#__PURE__*/React.createElement(ToggleSetting, {
       isChecked: display_increase_percentage || false,
       handleToggleChange: this.onToggleIncreaseLabel,
-      label: _reactIntlUniversal.default.get('Display_percentage_increase')
+      label: intl.get('Display_percentage_increase')
     })));
   }
 }
-var _default = exports.default = TimeCompareStyle;
+export default TimeCompareStyle;

package/es/stat-editor/stat-settings/basic-chart-settings/summary-method-setting.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 _components = require("../../../components");
-var _constants = require("../../../constants");
+import React, { Component, Fragment } from 'react';
+import intl from 'react-intl-universal';
+import { DTableSelect } from '../../../components';
+import { STATISTICS_COUNT_SHOW, STATISTICS_COUNT_TYPE, STAT_TYPE, SUMMARY_METHOD, TIME_COLUMN_LIST } from '../../../constants';
 const DATE_COLUMN_SUMMARY_METHOD = ['Max', 'Min'];
-class SummaryMethodSettings extends _react.Component {
+class SummaryMethodSettings extends Component {
   constructor(props) {
     super(props);
     this.renderNumericColumn = () => {
@@ -21,15 +13,15 @@ class SummaryMethodSettings extends _react.Component {
         statItem
       } = this.props;
       let selectedColumnOption = this.props.getSelectedColumnOption(summaryColumnKey, numericColumnsOptions);
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, statItem.type === _constants.STAT_TYPE.PIVOT_TABLE ? _reactIntlUniversal.default.get('Summary_column') : _reactIntlUniversal.default.get('Numeric_column')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/React.createElement("label", null, statItem.type === STAT_TYPE.PIVOT_TABLE ? intl.get('Summary_column') : intl.get('Numeric_column')), /*#__PURE__*/React.createElement(DTableSelect, {
         value: selectedColumnOption,
         onChange: this.onSelectNumericColumn,
         options: numericColumnsOptions,
-        placeholder: _reactIntlUniversal.default.get('Select_a_column'),
+        placeholder: intl.get('Select_a_column'),
         noOptionsMessage: () => {
-          return /*#__PURE__*/_react.default.createElement("span", null, _reactIntlUniversal.default.get('No_options'));
+          return /*#__PURE__*/React.createElement("span", null, intl.get('No_options'));
         }
       }));
     };
@@ -42,26 +34,26 @@ class SummaryMethodSettings extends _react.Component {
       let selectedMethodOption = this.getSelectedMethodOption(summaryMethod, this.summaryMethodsOptions);
       let summaryMethodOption = this.summaryMethodsOptions;
       let selectedColumnOption = this.props.getSelectedColumnOption(summaryColumnKey, numericColumnsOptions);
-      if (selectedColumnOption && _constants.TIME_COLUMN_LIST.includes(selectedColumnOption.value.type)) {
+      if (selectedColumnOption && TIME_COLUMN_LIST.includes(selectedColumnOption.value.type)) {
         summaryMethodOption = summaryMethodOption.filter(option => {
           return option.value === DATE_COLUMN_SUMMARY_METHOD[0] || option.value === DATE_COLUMN_SUMMARY_METHOD[1];
         });
       }
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(DTableSelect, {
         value: selectedMethodOption,
         onChange: this.onSelectSummaryMethod,
         options: summaryMethodOption
       }));
     };
     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]))
         };
       });
     };
@@ -79,9 +71,9 @@ class SummaryMethodSettings extends _react.Component {
       }
       let summaryColumnKey = null;
       let summaryMethod = null;
-      if (type === _constants.STATISTICS_COUNT_TYPE.ADVANCED && Array.isArray(numericColumnsOptions) && numericColumnsOptions.length > 0) {
+      if (type === STATISTICS_COUNT_TYPE.ADVANCED && Array.isArray(numericColumnsOptions) && numericColumnsOptions.length > 0) {
         summaryColumnKey = numericColumnsOptions[0].value.key;
-        summaryMethod = _constants.SUMMARY_METHOD[0];
+        summaryMethod = SUMMARY_METHOD[0];
       }
       this.props.onChangeSummaryType(type, summaryColumnKey, summaryMethod);
     };
@@ -96,7 +88,7 @@ class SummaryMethodSettings extends _react.Component {
         onSelectNumericColumn
       } = this.props;
       const newSummaryColumnType = columnOption.value.type;
-      if (_constants.TIME_COLUMN_LIST.includes(newSummaryColumnType) && !DATE_COLUMN_SUMMARY_METHOD.includes(this.props.summaryMethod)) {
+      if (TIME_COLUMN_LIST.includes(newSummaryColumnType) && !DATE_COLUMN_SUMMARY_METHOD.includes(this.props.summaryMethod)) {
         updateStatItem(Object.assign({}, statItem, {
           summary_method: DATE_COLUMN_SUMMARY_METHOD[1],
           summary_column_key: newSummaryColumnKey
@@ -115,7 +107,7 @@ class SummaryMethodSettings extends _react.Component {
     this.summaryMethodsOptions = this.getSummaryMethodsOptions();
   }
   render() {
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, this.renderNumericColumn(), this.renderSummaryMethod());
+    return /*#__PURE__*/React.createElement(Fragment, null, this.renderNumericColumn(), this.renderSummaryMethod());
   }
 }
-var _default = exports.default = SummaryMethodSettings;
+export default SummaryMethodSettings;

package/es/stat-editor/stat-settings/basic-chart-settings/summary-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 _components = require("../../../components");
-var _constants = require("../../../constants");
-const SUMMARY_TYPES = [_constants.SUMMARY_TYPE.COUNT, _constants.SUMMARY_TYPE.ADVANCED];
-class SummarySettings extends _react.Component {
+import React, { Component, Fragment } from 'react';
+import intl from 'react-intl-universal';
+import { DTableSelect } from '../../../components';
+import { STATISTICS_COUNT_SHOW, STATISTICS_COUNT_TYPE, STAT_TYPE, SUMMARY_METHOD, SUMMARY_TYPE } from '../../../constants';
+const SUMMARY_TYPES = [SUMMARY_TYPE.COUNT, SUMMARY_TYPE.ADVANCED];
+class SummarySettings extends Component {
   constructor(props) {
     super(props);
     this.getSummaryTypeOptions = () => {
@@ -19,9 +11,9 @@ class SummarySettings extends _react.Component {
       return SUMMARY_TYPES.map((type, index) => {
         return {
           value: type,
-          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(_constants.STATISTICS_COUNT_SHOW[type])), /*#__PURE__*/_react.default.createElement("div", {
+          }, intl.get(STATISTICS_COUNT_SHOW[type])), /*#__PURE__*/React.createElement("div", {
             className: "summary-type-explanation"
           }, summaryExplanation[type]))
         };
@@ -34,20 +26,20 @@ class SummarySettings extends _react.Component {
       const {
         type
       } = statItem;
-      if (type === _constants.STAT_TYPE.PIE || type === _constants.STAT_TYPE.RING || type === _constants.STAT_TYPE.TREEMAP) {
+      if (type === STAT_TYPE.PIE || type === STAT_TYPE.RING || type === STAT_TYPE.TREEMAP) {
         return {
-          count: _reactIntlUniversal.default.get('Count_the_number_of_records_in_each_group'),
-          advanced: _reactIntlUniversal.default.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_a_field')
+          count: intl.get('Count_the_number_of_records_in_each_group'),
+          advanced: intl.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_a_field')
         };
-      } else if (type === _constants.STAT_TYPE.HORIZONTAL_BAR) {
+      } else if (type === STAT_TYPE.HORIZONTAL_BAR) {
         return {
-          count: _reactIntlUniversal.default.get('Group_the_records_according_to_the_vertical_axis_and_count_the_records_in_each_group'),
-          advanced: _reactIntlUniversal.default.get('Group_the_records_according_to_the_vertical_axis_and_compute_the_sum_maximum_or_minimum_of_records_in_each_group_by_a_field')
+          count: intl.get('Group_the_records_according_to_the_vertical_axis_and_count_the_records_in_each_group'),
+          advanced: intl.get('Group_the_records_according_to_the_vertical_axis_and_compute_the_sum_maximum_or_minimum_of_records_in_each_group_by_a_field')
         };
       }
       return {
-        count: _reactIntlUniversal.default.get('Count_the_records'),
-        advanced: _reactIntlUniversal.default.get('Compute_sum_max_min')
+        count: intl.get('Count_the_records'),
+        advanced: intl.get('Compute_sum_max_min')
       };
     };
     this.renderSummaryTypes = () => {
@@ -57,9 +49,9 @@ class SummarySettings extends _react.Component {
       } = this.props;
       summaryType = summaryType || 'count';
       const selectedSummaryMethod = this.summaryTypeOptions.find(item => item.value === summaryType) || this.summaryTypeOptions[0];
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, label), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/React.createElement("label", null, label), /*#__PURE__*/React.createElement(DTableSelect, {
         classNamePrefix: 'statistic-chart-summary-types',
         value: selectedSummaryMethod,
         onChange: this.onChangeSummaryType,
@@ -72,35 +64,35 @@ class SummarySettings extends _react.Component {
         numericColumnsOptions
       } = this.props;
       const selectedColumnOption = this.props.getSelectedColumnOption(summaryColumnKey, numericColumnsOptions);
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Numeric_column')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/React.createElement("label", null, intl.get('Numeric_column')), /*#__PURE__*/React.createElement(DTableSelect, {
         value: selectedColumnOption,
         onChange: this.onSelectNumericColumn,
         options: numericColumnsOptions,
-        placeholder: _reactIntlUniversal.default.get('Select_a_column'),
+        placeholder: intl.get('Select_a_column'),
         noOptionsMessage: () => {
-          return /*#__PURE__*/_react.default.createElement("span", null, _reactIntlUniversal.default.get('No_options'));
+          return /*#__PURE__*/React.createElement("span", null, intl.get('No_options'));
         }
       }));
     };
     this.renderSummaryMethod = () => {
       const selectedMethodOption = this.getSelectedMethodOption(this.props.summaryMethod, this.summaryMethodsOptions);
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(DTableSelect, {
         value: selectedMethodOption,
         onChange: this.onSelectSummaryMethod,
         options: this.summaryMethodsOptions
       }));
     };
     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]))
         };
       });
     };
@@ -116,7 +108,7 @@ class SummarySettings extends _react.Component {
         return;
       }
       const summaryColumnKey = null;
-      const summaryMethod = type === _constants.STATISTICS_COUNT_TYPE.ADVANCED ? _constants.SUMMARY_METHOD[0] : null;
+      const summaryMethod = type === STATISTICS_COUNT_TYPE.ADVANCED ? SUMMARY_METHOD[0] : null;
       this.props.onChangeSummaryType(type, summaryColumnKey, summaryMethod);
     };
     this.onSelectNumericColumn = columnOption => {
@@ -137,7 +129,7 @@ class SummarySettings extends _react.Component {
     this.summaryTypeOptions = this.getSummaryTypeOptions();
   }
   render() {
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, this.renderSummaryTypes(), this.props.summaryType === _constants.STATISTICS_COUNT_TYPE.ADVANCED && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, this.renderNumericColumn(), this.renderSummaryMethod()));
+    return /*#__PURE__*/React.createElement(Fragment, null, this.renderSummaryTypes(), this.props.summaryType === STATISTICS_COUNT_TYPE.ADVANCED && /*#__PURE__*/React.createElement(Fragment, null, this.renderNumericColumn(), this.renderSummaryMethod()));
   }
 }
-var _default = exports.default = SummarySettings;
+export default SummarySettings;