dtable-statistic 4.3.3 → 4.3.4

package/es/stat-editor/stat-settings/basic-chart-settings/time-comparison-settings.js

@@ -1,24 +1,16 @@
-"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 _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
-var _toggleSetting = _interopRequireDefault(require("../public-setting/toggle-setting"));
-var _summarySettings = _interopRequireDefault(require("./summary-settings"));
-var _timerPicker = _interopRequireDefault(require("./timer-picker"));
-var _barChartStyleSetting = _interopRequireDefault(require("./style-setting/bar-chart-style-setting"));
-var _timeCompareStyle = _interopRequireDefault(require("./style-setting/time-compare-style"));
-var _colorPicker = _interopRequireDefault(require("../color-setting/color-picker"));
-var _constants = require("../../../constants");
-var _statisticTimePickerModule = _interopRequireDefault(require("../../../assets/css/statistic-time-picker.module.css"));
-class TimeComparisonSettings extends _react.Component {
+import React, { Component, Fragment } from 'react';
+import intl from 'react-intl-universal';
+import { DTableSelect } from '../../../components';
+import BaseSettings from '../public-setting/base-settings';
+import ToggleSetting from '../public-setting/toggle-setting';
+import SummarySettings from './summary-settings';
+import TimePicker from './timer-picker';
+import BarChartStyle from './style-setting/bar-chart-style-setting';
+import TimeCompareStyle from './style-setting/time-compare-style';
+import ColorPicker from '../color-setting/color-picker';
+import { TIME_COLUMN_LIST } from '../../../constants';
+import styles from '../../../assets/css/statistic-time-picker.module.css';
+class TimeComparisonSettings extends Component {
   constructor(props) {
     super(props);
     this.renderGroupbyDateGranularity = () => {
@@ -27,9 +19,9 @@ class TimeComparisonSettings extends _react.Component {
         groupbyDateGranularity
       } = this.props;
       let selectedDateGranularity = this.getSelectedDateGranularity(groupbyDateGranularity);
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/React.createElement(DTableSelect, {
         value: selectedDateGranularity,
         onChange: this.onSelectGroupbyDateGranularity,
         options: dateGranularityOptions
@@ -43,10 +35,10 @@ class TimeComparisonSettings extends _react.Component {
         x_axis_column_key
       } = statItem;
       let selectedColumnOption = this.props.getSelectedColumnOption(x_axis_column_key, this.columnsOptions);
-      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('X-axis')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
-        placeholder: _reactIntlUniversal.default.get('Select_a_column'),
+      }, /*#__PURE__*/React.createElement("label", null, intl.get('X-axis')), /*#__PURE__*/React.createElement(DTableSelect, {
+        placeholder: intl.get('Select_a_column'),
         value: selectedColumnOption,
         onChange: this.onSelectGroupbyColumn,
         options: this.columnsOptions
@@ -59,9 +51,9 @@ class TimeComparisonSettings extends _react.Component {
       } = this.props;
       dateGranularityOptions = dateGranularityOptions.filter(item => item.value !== 'year');
       let selectedDateGranularity = this.getSelectedDateGranularity(statItem.x_axis_date_granularity);
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/React.createElement(DTableSelect, {
         value: selectedDateGranularity,
         onChange: this.onSelectGroupbyDateGranularity,
         options: dateGranularityOptions
@@ -94,16 +86,16 @@ class TimeComparisonSettings extends _react.Component {
       const {
         statItem
       } = this.props;
-      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('Date_range')), /*#__PURE__*/_react.default.createElement("div", {
-        className: _statisticTimePickerModule.default['time-input-container']
-      }, /*#__PURE__*/_react.default.createElement(_timerPicker.default, {
+      }, /*#__PURE__*/React.createElement("label", null, intl.get('Date_range')), /*#__PURE__*/React.createElement("div", {
+        className: styles['time-input-container']
+      }, /*#__PURE__*/React.createElement(TimePicker, {
         onCommit: value => this.updateDate('x_axis_date_range_start', value),
         value: statItem.x_axis_date_range_start
-      }), /*#__PURE__*/_react.default.createElement("div", {
-        className: _statisticTimePickerModule.default['concat']
-      }, '   -   '), /*#__PURE__*/_react.default.createElement(_timerPicker.default, {
+      }), /*#__PURE__*/React.createElement("div", {
+        className: styles['concat']
+      }, '   -   '), /*#__PURE__*/React.createElement(TimePicker, {
         onCommit: value => this.updateDate('x_axis_date_range_end', value),
         value: statItem.x_axis_date_range_end
       })));
@@ -112,16 +104,16 @@ class TimeComparisonSettings extends _react.Component {
       const {
         statItem
       } = this.props;
-      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('Compare_to_date_range')), /*#__PURE__*/_react.default.createElement("div", {
-        className: _statisticTimePickerModule.default['time-input-container']
-      }, /*#__PURE__*/_react.default.createElement(_timerPicker.default, {
+      }, /*#__PURE__*/React.createElement("label", null, intl.get('Compare_to_date_range')), /*#__PURE__*/React.createElement("div", {
+        className: styles['time-input-container']
+      }, /*#__PURE__*/React.createElement(TimePicker, {
         onCommit: value => this.updateDate('x_axis_compared_date_range_start', value),
         value: statItem.x_axis_compared_date_range_start
-      }), /*#__PURE__*/_react.default.createElement("div", {
-        className: _statisticTimePickerModule.default['concat']
-      }, '   -   '), /*#__PURE__*/_react.default.createElement(_timerPicker.default, {
+      }), /*#__PURE__*/React.createElement("div", {
+        className: styles['concat']
+      }, '   -   '), /*#__PURE__*/React.createElement(TimePicker, {
         onCommit: value => this.updateDate('x_axis_compared_date_range_end', value),
         value: statItem.x_axis_compared_date_range_end
       })));
@@ -133,12 +125,12 @@ class TimeComparisonSettings extends _react.Component {
       const {
         display_increase
       } = statItem;
-      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_increase || false,
         handleToggleChange: this.onToggleIncrease,
-        label: _reactIntlUniversal.default.get('Display_increase')
+        label: intl.get('Display_increase')
       }));
     };
     this.renderColorPicker = () => {
@@ -147,9 +139,9 @@ class TimeComparisonSettings extends _react.Component {
           increase_line_color = '#fbd44a'
         }
       } = this.props;
-      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('Line_color')), /*#__PURE__*/_react.default.createElement(_colorPicker.default, {
+      }, /*#__PURE__*/React.createElement("label", null, intl.get('Line_color')), /*#__PURE__*/React.createElement(ColorPicker, {
         isPickAllColor: true,
         activeColor: increase_line_color,
         onColorChanged: this.onColorChanged
@@ -212,13 +204,13 @@ class TimeComparisonSettings extends _react.Component {
       comparedDateRangeEnd: x_axis_compared_date_range_end
     };
     this.columnsOptions = generalColumnsOptions.filter(item => {
-      return _constants.TIME_COLUMN_LIST.includes(item.value.type);
+      return TIME_COLUMN_LIST.includes(item.value.type);
     });
   }
   componentWillReceiveProps(nextProps, props) {
     if (nextProps.selectedTableId !== this.props.selectedTableId || nextProps.generalColumnsOptions !== props.generalColumnsOptions) {
       this.columnsOptions = nextProps.generalColumnsOptions.filter(item => {
-        return _constants.TIME_COLUMN_LIST.includes(item.value.type);
+        return TIME_COLUMN_LIST.includes(item.value.type);
       });
     }
   }
@@ -239,19 +231,19 @@ class TimeComparisonSettings extends _react.Component {
       y_axis_summary_method
     } = statItem || {};
     if (settingType === 'style') {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_barChartStyleSetting.default, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BarChartStyle, {
         hideDisplayDataSetting: false,
         statItem: statItem,
         labelColorConfigs: labelColorConfigs,
         eventBus: eventBus,
         getTableById: getTableById,
         updateStatItem: this.props.updateStatItem
-      }), /*#__PURE__*/_react.default.createElement(_timeCompareStyle.default, {
+      }), /*#__PURE__*/React.createElement(TimeCompareStyle, {
         statItem: statItem,
         updateStatItem: this.props.updateStatItem
       }), this.renderColorPicker());
     }
-    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,
@@ -260,13 +252,13 @@ class TimeComparisonSettings 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"
-    }), this.renderGroupby(), this.renderGroupbyDateGranularity(), this.renderDateRange(), this.renderComparedDateRange(), /*#__PURE__*/_react.default.createElement("div", {
+    }), this.renderGroupby(), this.renderGroupbyDateGranularity(), this.renderDateRange(), this.renderComparedDateRange(), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/_react.default.createElement(_summarySettings.default, {
+    }), /*#__PURE__*/React.createElement(SummarySettings, {
       statItem: statItem,
-      label: _reactIntlUniversal.default.get('Y-axis'),
+      label: intl.get('Y-axis'),
       numericColumnsOptions: numericColumnsOptions,
       summaryType: y_axis_summary_type,
       summaryColumnKey: y_axis_column_key,
@@ -275,9 +267,9 @@ class TimeComparisonSettings extends _react.Component {
       onChangeSummaryType: this.updatedSummaryType,
       onSelectNumericColumn: this.updateSummaryColumn,
       onSelectSummaryMethod: this.updateSummaryMethod
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-divider"
     }), this.renderIncrementLineSetting());
   }
 }
-var _default = exports.default = TimeComparisonSettings;
+export default TimeComparisonSettings;

package/es/stat-editor/stat-settings/basic-chart-settings/timer-picker.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 _dayjs = _interopRequireDefault(require("dayjs"));
-var _calender = _interopRequireDefault(require("../public-setting/calender"));
-var _statisticTimePickerModule = _interopRequireDefault(require("../../../assets/css/statistic-time-picker.module.css"));
+import React, { Fragment } from 'react';
+import dayjs from 'dayjs';
+import DateEditorPopover from '../public-setting/calender';
+import styles from '../../../assets/css/statistic-time-picker.module.css';
 const DATE_FORMAT = 'YYYY-MM-DD';
-class TimePicker extends _react.default.Component {
+class TimePicker extends React.Component {
   constructor(props) {
     super(props);
     this.onDateEditorToggle = () => {
@@ -58,9 +50,9 @@ class TimePicker extends _react.default.Component {
   componentDidMount() {
     const isZhcn = window.dtable && window.dtable.lang === 'zh-cn';
     if (isZhcn) {
-      _dayjs.default.locale('zh-cn');
+      dayjs.locale('zh-cn');
     } else {
-      _dayjs.default.locale('en-gb');
+      dayjs.locale('en-gb');
     }
     this.setState({
       isDateInit: true
@@ -68,11 +60,11 @@ class TimePicker extends _react.default.Component {
   }
   render() {
     if (!this.state.isDateInit) {
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "cell-editor date-editor"
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         className: "date-editor-container"
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         className: "control-form"
       })));
     }
@@ -80,15 +72,15 @@ class TimePicker extends _react.default.Component {
       isPopoverShow
     } = this.state;
     let lang = window.dtable && window.dtable.lang || 'zh-cn';
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       onKeyDown: this.handleKeyDown,
-      className: _statisticTimePickerModule.default['date-editor']
-    }, !isPopoverShow && /*#__PURE__*/_react.default.createElement("div", {
-      className: _statisticTimePickerModule.default['date-editor-container']
-    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: styles['date-editor']
+    }, !isPopoverShow && /*#__PURE__*/React.createElement("div", {
+      className: styles['date-editor-container']
+    }, /*#__PURE__*/React.createElement("div", {
       className: "form-control",
       onClick: this.onDateEditorToggle
-    }, this.props.value)), isPopoverShow && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_calender.default, {
+    }, this.props.value)), isPopoverShow && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(DateEditorPopover, {
       lang: lang,
       value: this.props.value,
       dateFormat: DATE_FORMAT,
@@ -101,4 +93,4 @@ class TimePicker extends _react.default.Component {
 TimePicker.defaultProps = {
   value: ''
 };
-var _default = exports.default = TimePicker;
+export default TimePicker;

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

@@ -1,33 +1,25 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _components = require("../../../components");
-var _groupbySettings = _interopRequireDefault(require("./groupby-settings"));
-var _summaryMethodSetting = _interopRequireDefault(require("./summary-method-setting"));
-var _numericSummaryItem = _interopRequireDefault(require("../public-setting/numeric-summary-item"));
-var _constants = require("../../../constants");
+import React, { Component, Fragment } from 'react';
+import intl from 'react-intl-universal';
+import { DTableSelect } from '../../../components';
+import GroupbySettings from './groupby-settings';
+import SummaryMethodSettings from './summary-method-setting';
+import NumericSummaryItem from '../public-setting/numeric-summary-item';
+import { GROUPBY_TYPE, STATISTICS_COUNT_SHOW, SUMMARY_METHOD, SUMMARY_TYPE } from '../../../constants';
 const GROUP_TYPES = {
   COUNT: 'count',
   SINGLE_NUMERIC_COLUMN: 'single_numeric_column',
   MULTIPLE_NUMERIC_COLUMN: 'multiple_numeric_column'
 };
-class GroupingSettings extends _react.Component {
+class GroupingSettings 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]))
         };
       });
     };
@@ -35,10 +27,10 @@ class GroupingSettings extends _react.Component {
       let {
         y_axis_summary_type
       } = _ref;
-      if (y_axis_summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
+      if (y_axis_summary_type === SUMMARY_TYPE.ADVANCED) {
         return GROUP_TYPES.SINGLE_NUMERIC_COLUMN;
       }
-      if (y_axis_summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
+      if (y_axis_summary_type === SUMMARY_TYPE.ADVANCED) {
         return GROUP_TYPES.SINGLE_NUMERIC_COLUMN;
       }
       return GROUP_TYPES.COUNT;
@@ -46,25 +38,25 @@ class GroupingSettings extends _react.Component {
     this.getGroupTypeOptions = () => {
       return [{
         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"
-        }, _reactIntlUniversal.default.get('Count_the_number_of_records_in_each_group')))
+        }, intl.get('Count_the_number_of_records_in_each_group')))
       }, {
         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"
-        }, _reactIntlUniversal.default.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_a_field')))
+        }, intl.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_a_field')))
       }, {
         value: GROUP_TYPES.MULTIPLE_NUMERIC_COLUMN,
-        label: /*#__PURE__*/_react.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')))
       }];
     };
     this.onChangeGroupType = option => {
@@ -85,14 +77,14 @@ class GroupingSettings extends _react.Component {
         y_axis_summary_method
       } = this.props.statItem || {};
       if (value === GROUP_TYPES.SINGLE_NUMERIC_COLUMN) {
-        y_axis_summary_type = _constants.SUMMARY_TYPE.ADVANCED;
+        y_axis_summary_type = SUMMARY_TYPE.ADVANCED;
         y_axis_column_key = null;
         column_groupby_multiple_numeric_column = false;
         column_groupby_numeric_columns = [];
         column_groupby_date_granularity = null;
         column_groupby_column_key = null;
         column_groupby_geolocation_granularity = null;
-        y_axis_summary_method = _constants.SUMMARY_METHOD[0];
+        y_axis_summary_method = SUMMARY_METHOD[0];
       } else if (value === GROUP_TYPES.COUNT) {
         column_groupby_multiple_numeric_column = false;
         column_groupby_numeric_columns = [];
@@ -104,19 +96,19 @@ class GroupingSettings extends _react.Component {
           return key !== x_axis_column_key && (type !== 'date' || type !== 'geolocation');
         }) || {};
         column_groupby_column_key = groupColumn.key;
-        y_axis_summary_type = _constants.SUMMARY_TYPE.COUNT;
+        y_axis_summary_type = SUMMARY_TYPE.COUNT;
         y_axis_column_key = null;
         column_groupby_date_granularity = null;
         column_groupby_geolocation_granularity = null;
       } else if (value === GROUP_TYPES.MULTIPLE_NUMERIC_COLUMN) {
-        y_axis_summary_type = _constants.SUMMARY_TYPE.ADVANCED;
+        y_axis_summary_type = SUMMARY_TYPE.ADVANCED;
         column_groupby_multiple_numeric_column = true;
         column_groupby_numeric_columns = [];
-        y_axis_summary_type = _constants.SUMMARY_TYPE.ADVANCED;
+        y_axis_summary_type = SUMMARY_TYPE.ADVANCED;
         y_axis_column_key = this.props.numericColumnsOptions.length > 0 ? this.props.numericColumnsOptions[0].value.key : null;
         column_groupby_date_granularity = null;
         column_groupby_geolocation_granularity = null;
-        y_axis_summary_method = _constants.SUMMARY_METHOD[0];
+        y_axis_summary_method = SUMMARY_METHOD[0];
       }
       let updated = {
         column_groupby_column_key,
@@ -145,10 +137,10 @@ class GroupingSettings extends _react.Component {
       if (column_groupby_multiple_numeric_column) {
         return this.groupTypeOptions.find(item => item.value === GROUP_TYPES.MULTIPLE_NUMERIC_COLUMN);
       }
-      if (y_axis_summary_type === _constants.SUMMARY_TYPE.COUNT) {
+      if (y_axis_summary_type === SUMMARY_TYPE.COUNT) {
         return this.groupTypeOptions[0];
       }
-      if (y_axis_summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
+      if (y_axis_summary_type === SUMMARY_TYPE.ADVANCED) {
         return this.groupTypeOptions[1];
       }
     };
@@ -191,7 +183,7 @@ class GroupingSettings extends _react.Component {
       } = statItem;
       if (!column_groupby_numeric_columns || !Array.isArray(column_groupby_numeric_columns)) return null;
       return column_groupby_numeric_columns.map((item, index) => {
-        return /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
+        return /*#__PURE__*/React.createElement(NumericSummaryItem, {
           statItem: statItem,
           key: "number-column-".concat(index),
           numericColumnsOptions: this.props.numericColumnsOptions,
@@ -217,12 +209,12 @@ class GroupingSettings extends _react.Component {
         column_groupby_numeric_columns = [...column_groupby_numeric_columns];
         column_groupby_numeric_columns.push({
           column_key: newNumericColumnKey,
-          summary_method: _constants.SUMMARY_METHOD[0]
+          summary_method: SUMMARY_METHOD[0]
         });
       } else {
         column_groupby_numeric_columns = [{
           column_key: newNumericColumnKey,
-          summary_method: _constants.SUMMARY_METHOD[0]
+          summary_method: SUMMARY_METHOD[0]
         }];
       }
       this.props.updateStatItem(Object.assign({}, this.props.statItem, {
@@ -308,14 +300,14 @@ class GroupingSettings extends _react.Component {
       column_groupby_geolocation_granularity,
       column_groupby_multiple_numeric_column
     } = statItem || {};
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__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: selectedGroupItem,
       onChange: this.onChangeGroupType,
       options: this.groupTypeOptions
-    })), y_axis_summary_type === _constants.SUMMARY_TYPE.ADVANCED && (column_groupby_multiple_numeric_column ? /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
+    })), y_axis_summary_type === SUMMARY_TYPE.ADVANCED && (column_groupby_multiple_numeric_column ? /*#__PURE__*/React.createElement(NumericSummaryItem, {
       statItem: statItem,
       key: "number-column-".concat(0),
       numericColumnsOptions: numericColumnsOptions,
@@ -327,7 +319,7 @@ class GroupingSettings extends _react.Component {
       },
       onChangeColumnOption: this.onChangeGroupbyNumericColumn,
       onChangeSummaryMethod: this.onChangeSummaryMethod
-    }) : /*#__PURE__*/_react.default.createElement(_summaryMethodSetting.default, {
+    }) : /*#__PURE__*/React.createElement(SummaryMethodSettings, {
       statItem: statItem,
       numericColumnsOptions: numericColumnsOptions,
       summaryType: y_axis_summary_type,
@@ -338,29 +330,29 @@ class GroupingSettings 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()), 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.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')))), (!column_groupby_multiple_numeric_column && y_axis_summary_type === _constants.SUMMARY_TYPE.ADVANCED || y_axis_summary_type === _constants.SUMMARY_TYPE.COUNT) && /*#__PURE__*/_react.default.createElement(_groupbySettings.default, {
+    }, intl.get('Add_new_numeric_column')))), (!column_groupby_multiple_numeric_column && y_axis_summary_type === SUMMARY_TYPE.ADVANCED || y_axis_summary_type === SUMMARY_TYPE.COUNT) && /*#__PURE__*/React.createElement(GroupbySettings, {
       selectedTable: selectedTable,
       columnsOptions: columnGroupbyColumnsOptions,
       dateGranularityOptions: dateGranularityOptions,
       geolocationGranularityOptions: geolocationGranularityOptions,
-      label: _reactIntlUniversal.default.get('Group_by'),
+      label: intl.get('Group_by'),
       groupbyColumnKey: column_groupby_column_key,
       groupbyDateGranularity: column_groupby_date_granularity,
       groupbyGeolocationGranularity: column_groupby_geolocation_granularity,
       getSelectedColumnOption: this.props.getSelectedColumnOption,
-      onSelectGroupbyColumn: this.onSelectGroupbyColumn.bind(this, _constants.GROUPBY_TYPE.COLUMN),
-      onSelectGroupbyDateGranularity: this.onSelectGroupbyDateGranularity.bind(this, _constants.GROUPBY_TYPE.COLUMN),
-      onSelectGroupbyGeolocationGranularity: this.onSelectGroupbyGeolocationGranularity.bind(this, _constants.GROUPBY_TYPE.COLUMN)
+      onSelectGroupbyColumn: this.onSelectGroupbyColumn.bind(this, GROUPBY_TYPE.COLUMN),
+      onSelectGroupbyDateGranularity: this.onSelectGroupbyDateGranularity.bind(this, GROUPBY_TYPE.COLUMN),
+      onSelectGroupbyGeolocationGranularity: this.onSelectGroupbyGeolocationGranularity.bind(this, GROUPBY_TYPE.COLUMN)
     }));
   }
 }
-var _default = exports.default = GroupingSettings;
+export default GroupingSettings;

package/es/stat-editor/stat-settings/color-setting/color-group-selector.js

@@ -1,26 +1,18 @@
-"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");
-class ColorGroupSelector extends _react.Component {
+import React, { Component } from 'react';
+import intl from 'react-intl-universal';
+import { DTableSelect } from '../../../components';
+import { COLOR_OPTIONS } from '../../../constants';
+class ColorGroupSelector extends Component {
   constructor(props) {
     super(props);
     this.getColorOptions = () => {
-      return _constants.COLOR_OPTIONS.map(colorOption => {
+      return COLOR_OPTIONS.map(colorOption => {
         return {
           value: colorOption.name,
-          label: /*#__PURE__*/_react.default.createElement("div", {
+          label: /*#__PURE__*/React.createElement("div", {
             className: "statistic-color-option d-flex"
           }, colorOption.exampleColors.map((color, index) => {
-            return /*#__PURE__*/_react.default.createElement("span", {
+            return /*#__PURE__*/React.createElement("span", {
               className: "statistic-color-block",
               key: index,
               style: {
@@ -42,9 +34,9 @@ class ColorGroupSelector extends _react.Component {
       currentColor
     } = this.props;
     const currentOption = this.colorOptions.filter(item => item.value === currentColor)[0] || this.colorOptions[0];
-    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('Color')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Color')), /*#__PURE__*/React.createElement(DTableSelect, {
       classNamePrefix: 'chart-color',
       value: currentOption,
       onChange: this.changeColor,
@@ -52,4 +44,4 @@ class ColorGroupSelector extends _react.Component {
     }));
   }
 }
-var _default = exports.default = ColorGroupSelector;
+export default ColorGroupSelector;