dtable-statistic 4.3.3 → 4.3.4

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

@@ -1,18 +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 _dtableStore = require("dtable-store");
-var _components = require("../../../components");
-class GroupbySettings extends _react.Component {
+import React, { Component, Fragment } from 'react';
+import intl from 'react-intl-universal';
+import { CellType, DATE_COLUMN_OPTIONS, TableUtils } from 'dtable-store';
+import { DTableSelect } from '../../../components';
+class GroupbySettings extends Component {
   constructor() {
     super(...arguments);
+    this.getCustomFilterOption = (option, input) => {
+      var _option$data, _option$data$value;
+      const labelValue = (option === null || option === void 0 ? void 0 : (_option$data = option.data) === null || _option$data === void 0 ? void 0 : (_option$data$value = _option$data.value) === null || _option$data$value === void 0 ? void 0 : _option$data$value.name) && option.data.value.name.trim().toLowerCase() || '';
+      const inputValue = typeof input === 'string' && input.trim().toLowerCase();
+      return labelValue.includes(inputValue);
+    };
     this.renderGroupby = () => {
       const {
         columnsOptions,
@@ -20,11 +18,14 @@ class GroupbySettings extends _react.Component {
         label
       } = this.props;
       const selectedColumnOption = this.props.getSelectedColumnOption(groupbyColumnKey, columnsOptions);
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("label", null, label), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
-        placeholder: _reactIntlUniversal.default.get('Select_a_column'),
+      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("label", null, label), /*#__PURE__*/React.createElement(DTableSelect, {
+        isSearchable: true,
+        placeholder: intl.get('Select_a_column'),
         value: selectedColumnOption,
         onChange: this.onSelectGroupbyColumn,
-        options: columnsOptions
+        options: columnsOptions,
+        customFilterOption: this.getCustomFilterOption,
+        noOptionsMessage: () => intl.get('No_options')
       }));
     };
     this.renderGroupbyDateGranularity = () => {
@@ -33,9 +34,9 @@ class GroupbySettings extends _react.Component {
         groupbyDateGranularity
       } = this.props;
       let selectedDateGranularity = this.getSelectedDateGranularity(groupbyDateGranularity);
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "mt-1"
-      }, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/React.createElement(DTableSelect, {
         value: selectedDateGranularity,
         onChange: this.onSelectGroupbyDateGranularity,
         options: dateGranularityOptions
@@ -49,9 +50,9 @@ class GroupbySettings extends _react.Component {
       geolocationGranularityOptions = this.getGeolocationGranularity();
       let selectedGeolocationGranularity = this.getSelectedGeolocationGranularity(groupbyGeolocationGranularity);
       if (geolocationGranularityOptions.length === 0) return null;
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "mt-1"
-      }, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/React.createElement(DTableSelect, {
         value: selectedGeolocationGranularity,
         onChange: this.onSelectGroupbyGeolocationGranularity,
         options: geolocationGranularityOptions
@@ -109,10 +110,10 @@ class GroupbySettings extends _react.Component {
       }
       if (key !== 'Groupby_null') {
         groupbyColumnKey = key;
-        if (type === _dtableStore.CellType.DATE) {
+        if (type === CellType.DATE) {
           groupbyDateGranularity = dateGranularityOptions[2].value;
         }
-        if (type === _dtableStore.CellType.GEOLOCATION) {
+        if (type === CellType.GEOLOCATION) {
           const geoColumn = selectedTable.columns.find(column => column.key === key) || {};
           const {
             geo_format
@@ -151,13 +152,13 @@ class GroupbySettings extends _react.Component {
       groupbyColumnKey,
       renderIncludeEmpty
     } = this.props;
-    const groupbyColumn = groupbyColumnKey && _dtableStore.TableUtils.getTableColumnByKey(selectedTable, groupbyColumnKey);
+    const groupbyColumn = groupbyColumnKey && TableUtils.getTableColumnByKey(selectedTable, groupbyColumnKey);
     const {
       type: groupbyColumnType
     } = groupbyColumn || {};
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, this.renderGroupby(), _dtableStore.DATE_COLUMN_OPTIONS.includes(groupbyColumnType) && this.renderGroupbyDateGranularity(), groupbyColumnType === _dtableStore.CellType.GEOLOCATION && this.renderGroupbyGeolocationGranularity(), renderIncludeEmpty && renderIncludeEmpty());
+    }, this.renderGroupby(), DATE_COLUMN_OPTIONS.includes(groupbyColumnType) && this.renderGroupbyDateGranularity(), groupbyColumnType === CellType.GEOLOCATION && this.renderGroupbyGeolocationGranularity(), renderIncludeEmpty && renderIncludeEmpty());
   }
 }
-var _default = exports.default = GroupbySettings;
+export default GroupbySettings;

package/es/stat-editor/stat-settings/basic-chart-settings/horizontal-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]))
         };
       });
     };
@@ -38,7 +30,7 @@ class GroupingSettings extends _react.Component {
       } = _ref;
       if (column_groupby_multiple_numeric_column) {
         return GROUP_TYPES.MULTIPLE_NUMERIC_COLUMN;
-      } else if (horizontal_axis_summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
+      } else if (horizontal_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 => {
@@ -87,12 +79,12 @@ class GroupingSettings extends _react.Component {
       if (value === GROUP_TYPES.SINGLE_NUMERIC_COLUMN) {
         column_groupby_multiple_numeric_column = false;
         column_groupby_numeric_columns = [];
-        horizontal_axis_summary_type = _constants.SUMMARY_TYPE.ADVANCED;
+        horizontal_axis_summary_type = SUMMARY_TYPE.ADVANCED;
         horizontal_axis_column_key = null;
         column_groupby_date_granularity = null;
         column_groupby_column_key = null;
         column_groupby_geolocation_granularity = null;
-        horizontal_axis_summary_method = _constants.SUMMARY_METHOD[0];
+        horizontal_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 !== vertical_axis_column_key && (type !== 'date' || type !== 'geolocation');
         }) || {};
         column_groupby_column_key = groupColumn.key;
-        horizontal_axis_summary_type = _constants.SUMMARY_TYPE.COUNT;
+        horizontal_axis_summary_type = SUMMARY_TYPE.COUNT;
         horizontal_axis_column_key = null;
         column_groupby_date_granularity = null;
         column_groupby_geolocation_granularity = null;
       } else if (value === GROUP_TYPES.MULTIPLE_NUMERIC_COLUMN) {
-        horizontal_axis_summary_type = _constants.SUMMARY_TYPE.ADVANCED;
+        horizontal_axis_summary_type = SUMMARY_TYPE.ADVANCED;
         column_groupby_multiple_numeric_column = true;
         column_groupby_numeric_columns = [];
-        horizontal_axis_summary_type = _constants.SUMMARY_TYPE.ADVANCED;
+        horizontal_axis_summary_type = SUMMARY_TYPE.ADVANCED;
         horizontal_axis_column_key = this.props.numericColumnsOptions.length > 0 ? this.props.numericColumnsOptions[0].value.key : null;
         column_groupby_date_granularity = null;
         column_groupby_geolocation_granularity = null;
-        horizontal_axis_summary_method = _constants.SUMMARY_METHOD[0];
+        horizontal_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 (horizontal_axis_summary_type === _constants.SUMMARY_TYPE.COUNT) {
+      if (horizontal_axis_summary_type === SUMMARY_TYPE.COUNT) {
         return this.groupTypeOptions[0];
       }
-      if (horizontal_axis_summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
+      if (horizontal_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
-    })), horizontal_axis_summary_type === _constants.SUMMARY_TYPE.ADVANCED && (column_groupby_multiple_numeric_column ? /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
+    })), horizontal_axis_summary_type === SUMMARY_TYPE.ADVANCED && (column_groupby_multiple_numeric_column ? /*#__PURE__*/React.createElement(NumericSummaryItem, {
       statItem: statItem,
       index: 0,
       key: "number-column-".concat(0),
@@ -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: horizontal_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 && horizontal_axis_summary_type === _constants.SUMMARY_TYPE.ADVANCED || horizontal_axis_summary_type === _constants.SUMMARY_TYPE.COUNT) && /*#__PURE__*/_react.default.createElement(_groupbySettings.default, {
+    }, intl.get('Add_new_numeric_column')))), (!column_groupby_multiple_numeric_column && horizontal_axis_summary_type === SUMMARY_TYPE.ADVANCED || horizontal_axis_summary_type === SUMMARY_TYPE.COUNT) && /*#__PURE__*/React.createElement(GroupbySettings, {
       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/basic-chart-settings/horizontal-bar-settings.js

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

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

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