dtable-statistic 4.3.3 → 4.3.4

package/es/stat-editor/stat-settings/advance-chart-settings/world-map-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 _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
-var _columnSettings = _interopRequireDefault(require("../public-setting/column-settings"));
-var _summarySettings = _interopRequireDefault(require("./summary-settings"));
-var _mapSetting = _interopRequireDefault(require("./style-setting/map-setting"));
-var _columnUtils = require("../../../utils/column-utils");
-class WordMapSettings extends _react.Component {
+import React, { Component, Fragment } from 'react';
+import intl from 'react-intl-universal';
+import BaseSettings from '../public-setting/base-settings';
+import ColumnSettings from '../public-setting/column-settings';
+import SummarySettings from './summary-settings';
+import MapStyleSetting from './style-setting/map-setting';
+import { isWorldMapColumn } from '../../../utils/column-utils';
+class WordMapSettings extends Component {
   constructor(props) {
     super(props);
     this.getColumns = columns => {
       if (!Array.isArray(columns) || columns.length === 0) return [];
-      return columns.filter(column => (0, _columnUtils.isWorldMapColumn)(column));
+      return columns.filter(column => isWorldMapColumn(column));
     };
     this.getSelectedTextColumnOption = () => {
       return this.textColumnsOptions.find(option => option.value.key === this.props.statItem.column);
@@ -65,14 +57,14 @@ class WordMapSettings extends _react.Component {
       view_id: selectedViewId
     } = statItem;
     if (settingType === 'style') {
-      return /*#__PURE__*/_react.default.createElement(_mapSetting.default, {
+      return /*#__PURE__*/React.createElement(MapStyleSetting, {
         statItem: statItem,
         currentColor: statItem.data_color,
         onChangeColor: this.props.onChangeColor,
         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,
@@ -81,18 +73,18 @@ class WordMapSettings 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('Location_field')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Location_field')), /*#__PURE__*/React.createElement(ColumnSettings, {
       columnsOptions: this.textColumnsOptions,
       selectedColumnOption: selectedTextColumnOption,
       onChangeSelectedColumn: this.onSelectTextColumn
-    })), /*#__PURE__*/_react.default.createElement("div", {
+    })), /*#__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,
@@ -106,4 +98,4 @@ class WordMapSettings extends _react.Component {
     }));
   }
 }
-var _default = exports.default = WordMapSettings;
+export default WordMapSettings;

package/es/stat-editor/stat-settings/basic-chart-settings/advance-bar-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 _dataSortSetting = _interopRequireDefault(require("../public-setting/data-sort-setting"));
-var _barChartStyleSetting = _interopRequireDefault(require("./style-setting/bar-chart-style-setting"));
-var _groupbySettings = _interopRequireDefault(require("./groupby-settings"));
-var _yAxisGroupSettings = _interopRequireDefault(require("./y-axis-group-settings"));
-var _constants = require("../../../constants");
-class AdvanceBarChartSettings extends _react.Component {
+import React, { Component, Fragment } from 'react';
+import intl from 'react-intl-universal';
+import BaseSettings from '../public-setting/base-settings';
+import DataSort from '../public-setting/data-sort-setting';
+import BarChartStyle from './style-setting/bar-chart-style-setting';
+import GroupbySettings from './groupby-settings';
+import YAxisGroupSettings from './y-axis-group-settings';
+import { GROUPBY_TYPE, STAT_TYPE } from '../../../constants';
+class AdvanceBarChartSettings extends Component {
   constructor() {
     super(...arguments);
     this.onSelectGroupbyColumn = (type, groupbyColumnKey, groupbyDateGranularity, groupbyGeolocationGranularity) => {
@@ -88,8 +80,8 @@ class AdvanceBarChartSettings extends _react.Component {
       y_axis_summary_method
     } = statItem || {};
     if (settingType === 'style') {
-      return /*#__PURE__*/_react.default.createElement(_barChartStyleSetting.default, {
-        showRangeSetting: type !== _constants.STAT_TYPE.BAR_STACK,
+      return /*#__PURE__*/React.createElement(BarChartStyle, {
+        showRangeSetting: type !== STAT_TYPE.BAR_STACK,
         statItem: statItem,
         labelColorConfigs: labelColorConfigs,
         eventBus: eventBus,
@@ -97,7 +89,7 @@ class AdvanceBarChartSettings 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,
@@ -106,26 +98,26 @@ class AdvanceBarChartSettings 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('X-axis'),
+      label: intl.get('X-axis'),
       groupbyColumnKey: x_axis_column_key,
       groupbyDateGranularity: x_axis_date_granularity,
       groupbyGeolocationGranularity: x_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(_yAxisGroupSettings.default, {
-      label: _reactIntlUniversal.default.get('Y-axis'),
+    }), /*#__PURE__*/React.createElement(YAxisGroupSettings, {
+      label: intl.get('Y-axis'),
       statItem: statItem,
       selectedTable: selectedTable,
       summaryType: y_axis_summary_type,
@@ -137,17 +129,17 @@ class AdvanceBarChartSettings extends _react.Component {
       numericColumnsOptions: numericColumnsOptions,
       getSelectedColumnOption: this.props.getSelectedColumnOption,
       onChangeColumnGroupbyType: this.updateColumnGroupby,
-      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
-    }), type === _constants.STAT_TYPE.BAR_STACK && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    }), type === STAT_TYPE.BAR_STACK && /*#__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 = AdvanceBarChartSettings;
+export default AdvanceBarChartSettings;

package/es/stat-editor/stat-settings/basic-chart-settings/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 _barChartStyleSetting = _interopRequireDefault(require("./style-setting/bar-chart-style-setting"));
-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 BarChartStyle from './style-setting/bar-chart-style-setting';
+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) => {
@@ -86,7 +78,7 @@ class BarSettings extends _react.Component {
       y_axis_summary_method
     } = statItem || {};
     if (settingType === 'style') {
-      return /*#__PURE__*/_react.default.createElement(_barChartStyleSetting.default, {
+      return /*#__PURE__*/React.createElement(BarChartStyle, {
         statItem: statItem,
         labelColorConfigs: labelColorConfigs,
         eventBus: eventBus,
@@ -94,7 +86,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,
@@ -103,28 +95,28 @@ 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('X-axis'),
-      placeholder: _reactIntlUniversal.default.get('Select_a_column'),
+      label: intl.get('X-axis'),
+      placeholder: intl.get('Select_a_column'),
       groupbyColumnKey: x_axis_column_key,
       groupbyDateGranularity: x_axis_date_granularity,
       groupbyGeolocationGranularity: x_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('Y-axis'),
+      label: intl.get('Y-axis'),
       numericColumnsOptions: numericColumnsOptions,
       summaryType: y_axis_summary_type,
       summaryColumnKey: y_axis_column_key,
@@ -133,12 +125,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/completeness-chart-settings.js

@@ -1,22 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _dtableStore = require("dtable-store");
-var _components = require("../../../components");
-var _completenessStyle = _interopRequireDefault(require("./style-setting/completeness-style"));
-var _groupbySettings = _interopRequireDefault(require("./groupby-settings"));
-var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
-var _dataSortSetting = _interopRequireDefault(require("../public-setting/data-sort-setting"));
-var _constants = require("../../../constants");
-const COLUMN_TYPES = [_dtableStore.CellType.TEXT, _dtableStore.CellType.COLLABORATOR, _dtableStore.CellType.SINGLE_SELECT];
-class CompletenessSetting extends _react.Component {
+import React, { Component, Fragment } from 'react';
+import intl from 'react-intl-universal';
+import { CellType, TableUtils } from 'dtable-store';
+import { DTableSelect } from '../../../components';
+import CompletenessStyle from './style-setting/completeness-style';
+import GroupbySettings from './groupby-settings';
+import BaseSettings from '../public-setting/base-settings';
+import DataSort from '../public-setting/data-sort-setting';
+import { TIME_COLUMN_LIST, STAT_TYPE } from '../../../constants';
+const COLUMN_TYPES = [CellType.TEXT, CellType.COLLABORATOR, CellType.SINGLE_SELECT];
+class CompletenessSetting extends Component {
   constructor(props) {
     super(props);
     this.renderNameSettings = () => {
@@ -28,10 +20,10 @@ class CompletenessSetting extends _react.Component {
         name_column
       } = statItem;
       const selectedItem = getSelectedColumnOption(name_column, this.columnOptions);
-      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('Name_field')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
-        placeholder: _reactIntlUniversal.default.get('Select_a_column'),
+      }, /*#__PURE__*/React.createElement("label", null, intl.get('Name_field')), /*#__PURE__*/React.createElement(DTableSelect, {
+        placeholder: intl.get('Select_a_column'),
         value: selectedItem,
         onChange: this.onSelectGroupColumn,
         options: this.columnOptions
@@ -54,10 +46,10 @@ class CompletenessSetting extends _react.Component {
         completed_column
       } = statItem;
       const selectedItem = getSelectedColumnOption(completed_column, this.props.numericColumnsOptions);
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Completion_value_field')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
-        placeholder: _reactIntlUniversal.default.get('Select_a_column'),
+      }, /*#__PURE__*/React.createElement("label", null, intl.get('Completion_value_field')), /*#__PURE__*/React.createElement(DTableSelect, {
+        placeholder: intl.get('Select_a_column'),
         value: selectedItem,
         onChange: this.onSelectCompletionColumn,
         options: this.props.numericColumnsOptions
@@ -77,12 +69,12 @@ class CompletenessSetting extends _react.Component {
         date_granularity,
         geolocation_granularity
       } = statItem;
-      return /*#__PURE__*/_react.default.createElement(_groupbySettings.default, {
+      return /*#__PURE__*/React.createElement(GroupbySettings, {
         selectedTable: selectedTable,
         columnsOptions: columnGroupbyColumnsOptions,
         dateGranularityOptions: dateGranularityOptions,
         geolocationGranularityOptions: geolocationGranularityOptions,
-        label: _reactIntlUniversal.default.get('Group_by'),
+        label: intl.get('Group_by'),
         groupbyColumnKey: group_column,
         groupbyDateGranularity: date_granularity,
         groupbyGeolocationGranularity: geolocation_granularity,
@@ -98,12 +90,12 @@ class CompletenessSetting extends _react.Component {
         selectedTable
       } = this.props;
       if (key === statItem.group_column) return;
-      const selectedColumn = _dtableStore.TableUtils.getTableColumnByKey(selectedTable, key);
+      const selectedColumn = TableUtils.getTableColumnByKey(selectedTable, key);
       const newStatItem = {};
-      if (selectedColumn && _constants.TIME_COLUMN_LIST.includes(selectedColumn.type)) {
+      if (selectedColumn && TIME_COLUMN_LIST.includes(selectedColumn.type)) {
         newStatItem.date_granularity = 'month';
       }
-      if (selectedColumn.type === _dtableStore.CellType.GEOLOCATION) {
+      if (selectedColumn.type === CellType.GEOLOCATION) {
         newStatItem.geolocation_granularity = 'district';
       }
       newStatItem.group_column = key;
@@ -144,10 +136,10 @@ class CompletenessSetting extends _react.Component {
         target_column
       } = statItem;
       const selectedItem = getSelectedColumnOption(target_column, this.props.numericColumnsOptions);
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Total_value_field')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
-        placeholder: _reactIntlUniversal.default.get('Select_a_column'),
+      }, /*#__PURE__*/React.createElement("label", null, intl.get('Total_value_field')), /*#__PURE__*/React.createElement(DTableSelect, {
+        placeholder: intl.get('Select_a_column'),
         value: selectedItem,
         onChange: this.onSelectTotalColumn,
         options: this.props.numericColumnsOptions
@@ -183,14 +175,14 @@ class CompletenessSetting extends _react.Component {
       table_id: selectedTableId,
       view_id: selectedViewId
     } = statItem || {};
-    const isGroupChart = statItem.type === _constants.STAT_TYPE.GROUP_COMPLETENESS_CHART;
+    const isGroupChart = statItem.type === STAT_TYPE.GROUP_COMPLETENESS_CHART;
     if (settingType === 'style') {
-      return /*#__PURE__*/_react.default.createElement(_completenessStyle.default, {
+      return /*#__PURE__*/React.createElement(CompletenessStyle, {
         statItem: statItem,
         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,
@@ -199,16 +191,16 @@ class CompletenessSetting 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.renderNameSettings(), /*#__PURE__*/_react.default.createElement("div", {
+    }), this.renderNameSettings(), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), this.renderCompletionSettings(), this.renderTotalValueSettings(), isGroupChart && this.renderGroupSettings(), !isGroupChart && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    }), this.renderCompletionSettings(), this.renderTotalValueSettings(), isGroupChart && this.renderGroupSettings(), !isGroupChart && /*#__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 = CompletenessSetting;
+export default CompletenessSetting;

package/es/stat-editor/stat-settings/basic-chart-settings/custom-bar-settings.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 _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
-var _groupbySettings = _interopRequireDefault(require("./groupby-settings"));
-var _stacksSettings = _interopRequireDefault(require("./stacks-settings"));
-var _barChartStyleSetting = _interopRequireDefault(require("./style-setting/bar-chart-style-setting"));
-var _constants = require("../../../constants");
-class CustomBarSettings extends _react.Component {
+import React, { Component, Fragment } from 'react';
+import intl from 'react-intl-universal';
+import BaseSettings from '../public-setting/base-settings';
+import GroupbySettings from './groupby-settings';
+import StacksSettings from './stacks-settings';
+import BarChartStyle from './style-setting/bar-chart-style-setting';
+import { GROUPBY_TYPE, STAT_TYPE } from '../../../constants';
+class CustomBarSettings extends Component {
   constructor() {
     super(...arguments);
     this.onSelectGroupbyColumn = (type, groupbyColumnKey, groupbyDateGranularity, groupbyGeolocationGranularity) => {
@@ -40,7 +32,7 @@ class CustomBarSettings extends _react.Component {
       const {
         y_axises
       } = this.props.statItem;
-      return Array.isArray(y_axises) && y_axises.some(yAxis => yAxis.type === _constants.STAT_TYPE.BAR_STACK);
+      return Array.isArray(y_axises) && y_axises.some(yAxis => yAxis.type === STAT_TYPE.BAR_STACK);
     };
   }
   render() {
@@ -68,7 +60,7 @@ class CustomBarSettings extends _react.Component {
     } = statItem || {};
     const hasYAxisStack = this.hasYAxisStack();
     if (settingType === 'style') {
-      return /*#__PURE__*/_react.default.createElement(_barChartStyleSetting.default, {
+      return /*#__PURE__*/React.createElement(BarChartStyle, {
         showRangeSetting: false,
         hideDisplayDataSetting: true,
         enableYAxisCustomTitle: hasYAxisStack,
@@ -80,7 +72,7 @@ class CustomBarSettings 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: table_id,
       selectedViewId: view_id,
@@ -89,33 +81,33 @@ class CustomBarSettings extends _react.Component {
       getViews: getViews,
       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('X-axis'),
+      label: intl.get('X-axis'),
       groupbyColumnKey: x_axis_column_key,
       groupbyDateGranularity: x_axis_date_granularity,
       groupbyGeolocationGranularity: x_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("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Y-axis')), /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Y-axis')), /*#__PURE__*/React.createElement("div", {
       className: "statistic-custom-bar-setting-y-axises"
-    }, /*#__PURE__*/_react.default.createElement(_stacksSettings.default, {
+    }, /*#__PURE__*/React.createElement(StacksSettings, {
       statItem: statItem,
       numericColumnsOptions: numericColumnsOptions,
       updateStatItem: this.props.updateStatItem
     }))));
   }
 }
-var _default = exports.default = CustomBarSettings;
+export default CustomBarSettings;