dtable-statistic 4.3.3 → 4.3.4

package/es/stat-editor/stat-settings/advance-chart-settings/style-setting/heat-map-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 _reactstrap = require("reactstrap");
-var _colorGroupSelector = _interopRequireDefault(require("../../color-setting/color-group-selector"));
-var _constants = require("../../../../constants");
-class HeatMapStyleSettings extends _react.Component {
+import React, { Component } from 'react';
+import intl from 'react-intl-universal';
+import { Label, Input, InputGroup, InputGroupAddon } from 'reactstrap';
+import ColorGroupSelector from '../../color-setting/color-group-selector';
+import { DEFAULT_GRID_DISTANCE, DEFAULT_GRID_SIZE } from '../../../../constants';
+class HeatMapStyleSettings extends Component {
   constructor() {
     super(...arguments);
     this.renderColorSetting = () => {
@@ -19,7 +11,7 @@ class HeatMapStyleSettings extends _react.Component {
         onChangeColor,
         statItem
       } = this.props;
-      return /*#__PURE__*/_react.default.createElement(_colorGroupSelector.default, {
+      return /*#__PURE__*/React.createElement(ColorGroupSelector, {
         currentColor: statItem.data_color,
         onChangeColor: onChangeColor
       });
@@ -55,35 +47,35 @@ class HeatMapStyleSettings extends _react.Component {
       grid_size,
       grid_distance
     } = statItem;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderColorSetting(), /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, this.renderColorSetting(), /*#__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(_reactstrap.Label, {
+    }, /*#__PURE__*/React.createElement(Label, {
       for: "grid-size"
-    }, _reactIntlUniversal.default.get('Grid_size')), /*#__PURE__*/_react.default.createElement(_reactstrap.InputGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
+    }, intl.get('Grid_size')), /*#__PURE__*/React.createElement(InputGroup, null, /*#__PURE__*/React.createElement(Input, {
       type: "text",
       id: "grid-size",
       name: "grid_size",
-      defaultValue: grid_size || _constants.DEFAULT_GRID_SIZE,
+      defaultValue: grid_size || DEFAULT_GRID_SIZE,
       onBlur: this.onSubmit,
       onKeyDown: this.onKeyDown
-    }), /*#__PURE__*/_react.default.createElement(_reactstrap.InputGroupAddon, {
+    }), /*#__PURE__*/React.createElement(InputGroupAddon, {
       addonType: "append"
-    }, "px"))), /*#__PURE__*/_react.default.createElement("div", {
+    }, "px"))), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
+    }, /*#__PURE__*/React.createElement(Label, {
       for: "grid-distance"
-    }, _reactIntlUniversal.default.get('Grid_distance')), /*#__PURE__*/_react.default.createElement(_reactstrap.InputGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
+    }, intl.get('Grid_distance')), /*#__PURE__*/React.createElement(InputGroup, null, /*#__PURE__*/React.createElement(Input, {
       type: "text",
       id: "grid-distance",
       name: "grid_distance",
-      defaultValue: grid_distance || _constants.DEFAULT_GRID_DISTANCE,
+      defaultValue: grid_distance || DEFAULT_GRID_DISTANCE,
       onBlur: this.onSubmit,
       onKeyDown: this.onKeyDown
-    }), /*#__PURE__*/_react.default.createElement(_reactstrap.InputGroupAddon, {
+    }), /*#__PURE__*/React.createElement(InputGroupAddon, {
       addonType: "append"
     }, "px"))));
   }
 }
-var _default = exports.default = HeatMapStyleSettings;
+export default HeatMapStyleSettings;

package/es/stat-editor/stat-settings/advance-chart-settings/style-setting/map-setting.js

@@ -1,19 +1,11 @@
-"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 _rcSlider = _interopRequireDefault(require("rc-slider"));
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _colorGroupSelector = _interopRequireDefault(require("../../color-setting/color-group-selector"));
-var _components = require("../../../../components");
-var _constants = require("../../../../constants");
-require("../../../../assets/css/slider.css");
-class MapStyleSetting extends _react.Component {
+import React, { Component } from 'react';
+import RcSlider from 'rc-slider';
+import intl from 'react-intl-universal';
+import ColorGroupSelector from '../../color-setting/color-group-selector';
+import { DTableSelect } from '../../../../components';
+import { LABEL_COLORS } from '../../../../constants';
+import '../../../../assets/css/slider.css';
+class MapStyleSetting extends Component {
   constructor(props) {
     super(props);
     this.onSliderChange = value => {
@@ -42,24 +34,24 @@ class MapStyleSetting extends _react.Component {
       return this.legendDirectionOptions[1];
     };
     this.renderLabelColor = () => {
-      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('Bubble_color')), /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/React.createElement("label", null, intl.get('Bubble_color')), /*#__PURE__*/React.createElement("div", {
         className: "row gutters-xs ml-0"
-      }, _constants.LABEL_COLORS.map((item, index) => {
-        return /*#__PURE__*/_react.default.createElement("div", {
+      }, LABEL_COLORS.map((item, index) => {
+        return /*#__PURE__*/React.createElement("div", {
           key: "map-bubble-color-".concat(index),
           className: "col-auto pl-0"
-        }, /*#__PURE__*/_react.default.createElement("label", {
+        }, /*#__PURE__*/React.createElement("label", {
           className: "colorinput"
-        }, /*#__PURE__*/_react.default.createElement("span", {
+        }, /*#__PURE__*/React.createElement("span", {
           className: "colorinput-color statistic-colorinput",
           onClick: this.updateBubbleColor.bind(this, item),
           style: {
             backgroundColor: item,
             borderColor: item
           }
-        }, item === (this.props.statItem.bubble_color || _constants.LABEL_COLORS[0]) && /*#__PURE__*/_react.default.createElement("i", {
+        }, item === (this.props.statItem.bubble_color || LABEL_COLORS[0]) && /*#__PURE__*/React.createElement("i", {
           className: "dtable-font dtable-icon-check-mark statistic-check-mark"
         }))));
       })));
@@ -80,7 +72,7 @@ class MapStyleSetting extends _react.Component {
       const {
         type
       } = statItem;
-      return !type.includes('bubble') ? /*#__PURE__*/_react.default.createElement(_colorGroupSelector.default, {
+      return !type.includes('bubble') ? /*#__PURE__*/React.createElement(ColorGroupSelector, {
         currentColor: statItem.data_color,
         onChangeColor: onChangeColor
       }) : this.renderLabelColor();
@@ -94,18 +86,18 @@ class MapStyleSetting extends _react.Component {
       }));
     };
     this.renderLegendDirection = () => {
-      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('Legend_direction')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/React.createElement("label", null, intl.get('Legend_direction')), /*#__PURE__*/React.createElement(DTableSelect, {
         value: this.getSelectedDirectionOption(),
         options: this.legendDirectionOptions,
         onChange: this.onDirectionChange
       }));
     };
     this.renderLegendSize = () => {
-      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('Legend_size')), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_rcSlider.default, {
+      }, /*#__PURE__*/React.createElement("label", null, intl.get('Legend_size')), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(RcSlider, {
         value: this.state.legendSize,
         step: 0.5,
         min: 1,
@@ -116,23 +108,23 @@ class MapStyleSetting extends _react.Component {
     };
     this.legendDirectionOptions = [{
       value: 'vertical',
-      label: /*#__PURE__*/_react.default.createElement("span", {
+      label: /*#__PURE__*/React.createElement("span", {
         className: "select-option-name"
-      }, _reactIntlUniversal.default.get('Vertical'))
+      }, intl.get('Vertical'))
     }, {
       value: 'horizontal',
-      label: /*#__PURE__*/_react.default.createElement("span", {
+      label: /*#__PURE__*/React.createElement("span", {
         className: "select-option-name"
-      }, _reactIntlUniversal.default.get('Horizontal'))
+      }, intl.get('Horizontal'))
     }];
     this.state = {
       legendSize: props.statItem.legend_size || 1
     };
   }
   render() {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderColorSetting(), /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, this.renderColorSetting(), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-divider"
     }), this.renderLegendDirection(), this.renderLegendSize());
   }
 }
-var _default = exports.default = MapStyleSetting;
+export default MapStyleSetting;

package/es/stat-editor/stat-settings/advance-chart-settings/summary-settings.js

@@ -1,37 +1,29 @@
-"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 _numericSummaryItem = _interopRequireDefault(require("../public-setting/numeric-summary-item"));
-var _constants = require("../../../constants");
+import React, { Component, Fragment } from 'react';
+import intl from 'react-intl-universal';
+import { DTableSelect } from '../../../components';
+import NumericSummaryItem from '../public-setting/numeric-summary-item';
+import { STATISTICS_COUNT_SHOW, STAT_TYPE, SUMMARY_METHOD, SUMMARY_TYPE } from '../../../constants';
 const GROUP_TYPES = {
   COUNT: 'count',
   SINGLE_NUMERIC_COLUMN: 'single_numeric_column',
   MULTIPLE_NUMERIC_COLUMN: 'multiple_numeric_column'
 };
-class SummarySettings extends _react.Component {
+class SummarySettings extends Component {
   constructor(props) {
     super(props);
     this.getSummaryTypeOptions = () => {
       const summaryTypes = [{
         value: GROUP_TYPES.COUNT,
-        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['count'])), /*#__PURE__*/_react.default.createElement("div", {
+        }, intl.get(STATISTICS_COUNT_SHOW['count'])), /*#__PURE__*/React.createElement("div", {
           className: "summary-type-explanation"
         }, this.summaryExplanation['count']))
       }, {
         value: GROUP_TYPES.SINGLE_NUMERIC_COLUMN,
-        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['advanced'])), /*#__PURE__*/_react.default.createElement("div", {
+        }, intl.get(STATISTICS_COUNT_SHOW['advanced'])), /*#__PURE__*/React.createElement("div", {
           className: "summary-type-explanation"
         }, this.summaryExplanation['advanced']))
       }];
@@ -40,11 +32,11 @@ class SummarySettings extends _react.Component {
       if (this.props.useMultipleSummaryColumns) {
         summaryTypes.push({
           value: GROUP_TYPES.MULTIPLE_NUMERIC_COLUMN,
-          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('Summarize_multiple_fields')), /*#__PURE__*/_react.default.createElement("div", {
+          }, intl.get('Summarize_multiple_fields')), /*#__PURE__*/React.createElement("div", {
             className: "summary-type-explanation"
-          }, _reactIntlUniversal.default.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_multiple_fields')))
+          }, intl.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_multiple_fields')))
         });
       }
       return summaryTypes;
@@ -59,38 +51,38 @@ class SummarySettings extends _react.Component {
         variable = '位置字段';
       }
       if (chartType === 'world_map') {
-        variable = _reactIntlUniversal.default.get('Location_field');
+        variable = intl.get('Location_field');
       }
       if (chartType === 'heat_map') {
-        variable = _reactIntlUniversal.default.get('Time_field');
+        variable = intl.get('Time_field');
       }
       if (chartType === 'mirror') {
-        variable = _reactIntlUniversal.default.get('Statistic_field');
+        variable = intl.get('Statistic_field');
       }
       if (chartType === 'combination_chart') {
-        variable = _reactIntlUniversal.default.get('X-axis');
+        variable = intl.get('X-axis');
       }
       if (chartType === 'trend_chart') {
         return {
-          count: _reactIntlUniversal.default.get('Calculate_the_number_of_records_in_two_time_periods'),
-          advanced: _reactIntlUniversal.default.get('Use_a_field_to_calculate_the_sum_maximum_or_minimum_value_of_records_in_two_time_periods')
+          count: intl.get('Calculate_the_number_of_records_in_two_time_periods'),
+          advanced: intl.get('Use_a_field_to_calculate_the_sum_maximum_or_minimum_value_of_records_in_two_time_periods')
         };
       }
       return {
-        count: _reactIntlUniversal.default.get('Count_by_var', {
+        count: intl.get('Count_by_var', {
           var: variable
         }),
-        advanced: _reactIntlUniversal.default.get('Compute_sum_max_min_by_var', {
+        advanced: intl.get('Compute_sum_max_min_by_var', {
           var: variable
         })
       };
     };
     this.getSummaryMethodsOptions = () => {
-      return _constants.SUMMARY_METHOD.map(method => {
+      return SUMMARY_METHOD.map(method => {
         return {
-          label: /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement("span", {
             className: "select-option-name"
-          }, _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[method])),
+          }, intl.get(STATISTICS_COUNT_SHOW[method])),
           value: method
         };
       });
@@ -103,9 +95,9 @@ class SummarySettings extends _react.Component {
         label
       } = this.props;
       const selectedSummaryType = this.getSelectedSummaryType();
-      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: selectedSummaryType,
         onChange: this.onChangeSummaryType,
@@ -118,10 +110,10 @@ class SummarySettings extends _react.Component {
         statItem,
         useMultipleSummaryColumns
       } = this.props;
-      if (summaryType === _constants.SUMMARY_TYPE.COUNT) {
+      if (summaryType === SUMMARY_TYPE.COUNT) {
         return this.summaryTypeOptions[0];
       }
-      if (statItem.type === _constants.STAT_TYPE.COMBINATION_CHART && statItem.y_axis_left_group_by_multiple_numeric_column && useMultipleSummaryColumns) {
+      if (statItem.type === STAT_TYPE.COMBINATION_CHART && statItem.y_axis_left_group_by_multiple_numeric_column && useMultipleSummaryColumns) {
         return this.summaryTypeOptions[2];
       }
       return this.summaryTypeOptions[1];
@@ -142,23 +134,23 @@ class SummarySettings extends _react.Component {
         summaryColumn
       } = this.props;
       const selectedColumnOption = this.numericColumnsOptions.find(o => o.value.key === summaryColumn) || null;
-      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.onSelectSummaryColumn,
         options: this.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 = () => {
       let 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
@@ -177,11 +169,11 @@ class SummarySettings extends _react.Component {
         type
       } = statItem;
       let column_key, summary_method;
-      if (type === _constants.STAT_TYPE.COMBINATION_CHART) {
+      if (type === STAT_TYPE.COMBINATION_CHART) {
         column_key = statItem.y_axis_left_summary_column;
         summary_method = statItem.y_axis_left_summary_method;
       }
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NumericSummaryItem, {
         statItem: statItem,
         key: "number-column-".concat(0),
         numericColumnsOptions: this.numericColumnsOptions,
@@ -193,14 +185,14 @@ class SummarySettings extends _react.Component {
         },
         onChangeColumnOption: (index, option) => onSelectSummaryColumn(option.value.key),
         onChangeSummaryMethod: (index, option) => onSelectSummaryMethod(option.value)
-      }), this.renderGroupbyNumericColumns(), Array.isArray(this.numericColumnsOptions) && this.numericColumnsOptions.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
+      }), this.renderGroupbyNumericColumns(), Array.isArray(this.numericColumnsOptions) && this.numericColumnsOptions.length > 0 && /*#__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_numeric_column'))));
+      }, intl.get('Add_new_numeric_column'))));
     };
     this.onDeleteNumericColumnItem = index => {
       let {
@@ -225,12 +217,12 @@ class SummarySettings extends _react.Component {
         y_axis_left_group_by_numeric_columns = [...y_axis_left_group_by_numeric_columns];
         y_axis_left_group_by_numeric_columns.push({
           column_key: newNumericColumnKey,
-          summary_method: _constants.SUMMARY_METHOD[0]
+          summary_method: SUMMARY_METHOD[0]
         });
       } else {
         y_axis_left_group_by_numeric_columns = [{
           column_key: newNumericColumnKey,
-          summary_method: _constants.SUMMARY_METHOD[0]
+          summary_method: SUMMARY_METHOD[0]
         }];
       }
       this.props.updateStatItem(Object.assign({}, this.props.statItem, {
@@ -276,7 +268,7 @@ class SummarySettings extends _react.Component {
       } = statItem;
       if (!y_axis_left_group_by_numeric_columns || !Array.isArray(y_axis_left_group_by_numeric_columns)) return null;
       return y_axis_left_group_by_numeric_columns.map((item, index) => {
-        return /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
+        return /*#__PURE__*/React.createElement(NumericSummaryItem, {
           statItem: statItem,
           key: "number-column-".concat(index),
           numericColumnsOptions: this.numericColumnsOptions,
@@ -295,8 +287,8 @@ class SummarySettings extends _react.Component {
         summaryType,
         useMultipleSummaryColumns
       } = this.props;
-      if (statItem.type === _constants.STAT_TYPE.COMBINATION_CHART) {
-        if (useMultipleSummaryColumns && summaryType === _constants.SUMMARY_TYPE.ADVANCED && statItem.y_axis_left_group_by_multiple_numeric_column) {
+      if (statItem.type === STAT_TYPE.COMBINATION_CHART) {
+        if (useMultipleSummaryColumns && summaryType === SUMMARY_TYPE.ADVANCED && statItem.y_axis_left_group_by_multiple_numeric_column) {
           return true;
         }
       }
@@ -325,7 +317,7 @@ class SummarySettings extends _react.Component {
       summaryType
     } = this.props;
     const _useMultipleSummaryColumns = this.useMultipleSummaryColumns();
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, this.renderSummaryTypes(), !_useMultipleSummaryColumns && summaryType === _constants.SUMMARY_TYPE.ADVANCED && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, this.renderNumericColumn(), this.renderSummaryMethod()), _useMultipleSummaryColumns && this.renderNumericSummaryItem());
+    return /*#__PURE__*/React.createElement(Fragment, null, this.renderSummaryTypes(), !_useMultipleSummaryColumns && summaryType === SUMMARY_TYPE.ADVANCED && /*#__PURE__*/React.createElement(Fragment, null, this.renderNumericColumn(), this.renderSummaryMethod()), _useMultipleSummaryColumns && this.renderNumericSummaryItem());
   }
 }
-var _default = exports.default = SummarySettings;
+export default SummarySettings;

package/es/stat-editor/stat-settings/advance-chart-settings/trend-chart-settings.js

@@ -1,18 +1,10 @@
-"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 _columnSettings = _interopRequireDefault(require("../public-setting/column-settings"));
-var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
-var _summarySettings = _interopRequireDefault(require("./summary-settings"));
-var _columnUtils = require("../../../utils/column-utils");
+import React, { Component, Fragment } from 'react';
+import intl from 'react-intl-universal';
+import { DTableSelect } from '../../../components';
+import ColumnSettings from '../public-setting/column-settings';
+import BaseSettings from '../public-setting/base-settings';
+import SummarySettings from './summary-settings';
+import { isStatisticDateColumn } from '../../../utils/column-utils';
 const COMPARE_GRANULARITY = ['day', 'week', 'quarter', 'month', 'year', 'days_7', 'days_30'];
 const COMPARED_LIST = {
   [COMPARE_GRANULARITY[0]]: 'Yesterday_vs_the_day_before_yesterday',
@@ -23,16 +15,16 @@ const COMPARED_LIST = {
   [COMPARE_GRANULARITY[5]]: 'Last_7_days_vs_previous_7_days',
   [COMPARE_GRANULARITY[6]]: 'Last_30_days_vs_previous_30_days'
 };
-class TrendSettings extends _react.Component {
+class TrendSettings extends Component {
   constructor(props) {
     super(props);
     this.getGranularityOptions = options => {
       return options.map(g => {
         return {
           value: g,
-          label: /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement("span", {
             className: 'select-module select-module-name'
-          }, _reactIntlUniversal.default.get(COMPARED_LIST[g]))
+          }, intl.get(COMPARED_LIST[g]))
         };
       });
     };
@@ -66,9 +58,9 @@ class TrendSettings extends _react.Component {
         date_granularity
       } = statItem;
       const selectedGeolocationGranularity = this.dateGranularityOptions.find(option => option.value === date_granularity);
-      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('Comparison_mode')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/React.createElement("label", null, intl.get('Comparison_mode')), /*#__PURE__*/React.createElement(DTableSelect, {
         value: selectedGeolocationGranularity,
         onChange: this.onSelectGroupbyGeolocationGranularity,
         options: this.dateGranularityOptions
@@ -78,7 +70,7 @@ class TrendSettings extends _react.Component {
       columns,
       getColumnsOptions
     } = props;
-    const dateColumns = columns.filter(column => (0, _columnUtils.isStatisticDateColumn)(column));
+    const dateColumns = columns.filter(column => isStatisticDateColumn(column));
     this.dateColumnsOptions = getColumnsOptions(dateColumns);
     this.dateGranularityOptions = this.getGranularityOptions(COMPARE_GRANULARITY);
   }
@@ -88,7 +80,7 @@ class TrendSettings extends _react.Component {
         columns,
         getColumnsOptions
       } = nextProps;
-      const dateColumns = columns.filter(column => (0, _columnUtils.isStatisticDateColumn)(column));
+      const dateColumns = columns.filter(column => isStatisticDateColumn(column));
       this.dateColumnsOptions = getColumnsOptions(dateColumns);
     }
   }
@@ -106,7 +98,7 @@ class TrendSettings 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: statItem.table_id,
       selectedViewId: statItem.view_id,
@@ -115,18 +107,18 @@ class TrendSettings 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('Time_field')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Time_field')), /*#__PURE__*/React.createElement(ColumnSettings, {
       columnsOptions: this.dateColumnsOptions,
       selectedColumnOption: selectedDateColumnOption,
       onChangeSelectedColumn: this.onSelectDateColumn
-    })), this.renderDateGranularity(), /*#__PURE__*/_react.default.createElement("div", {
+    })), this.renderDateGranularity(), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/_react.default.createElement(_summarySettings.default, {
-      label: _reactIntlUniversal.default.get('Summary_method'),
+    }), /*#__PURE__*/React.createElement(SummarySettings, {
+      label: intl.get('Summary_method'),
       statItem: statItem,
       selectedTableId: selectedTableId,
       numericColumns: numericColumns,
@@ -140,4 +132,4 @@ class TrendSettings extends _react.Component {
     }));
   }
 }
-var _default = exports.default = TrendSettings;
+export default TrendSettings;