dtable-statistic 4.4.23 → 4.4.24-alpha.1

package/es/stat-editor/index.js

@@ -1,75 +0,0 @@
-"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 _chartNameEditor = _interopRequireDefault(require("./chart-name-editor"));
-var _statView = _interopRequireDefault(require("../stat-view"));
-var _basicChartSettings = _interopRequireDefault(require("./stat-settings/basic-chart-settings"));
-var _advanceChartSettings = _interopRequireDefault(require("./stat-settings/advance-chart-settings"));
-var _constants = require("../constants");
-class StatEditor extends _react.Component {
-  render() {
-    const {
-      getTables,
-      getViews,
-      getTableById,
-      colorThemeName,
-      statItem,
-      labelColorConfigs,
-      chartCalculator,
-      eventBus
-    } = this.props;
-    const {
-      type
-    } = statItem;
-    const showStatName = !(type === _constants.STAT_TYPE.BASIC_NUMBER_CARD || type === _constants.STAT_TYPE.DASHBOARD);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-edit-container"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-stat-wrapper"
-    }, showStatName && /*#__PURE__*/_react.default.createElement(_chartNameEditor.default, {
-      name: statItem.name,
-      updateStatName: this.props.modifyChartName
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-view-container"
-    }, /*#__PURE__*/_react.default.createElement(_statView.default, {
-      isEdit: true,
-      isPreview: false,
-      isEnlarge: false,
-      dtableChangedTime: this.props.dtableChangedTime,
-      colorThemeName: colorThemeName,
-      statItem: statItem,
-      labelColorConfigs: labelColorConfigs,
-      chartCalculator: chartCalculator,
-      eventBus: eventBus,
-      getTableById: getTableById,
-      queryMapJson: this.props.queryMapJson,
-      updateStatItem: this.props.modifyChart,
-      toggleStatisticRecordsDialog: this.props.toggleStatisticRecordsDialog
-    }))), _constants.BASIC_STAT_TYPES.includes(statItem.type) ? /*#__PURE__*/_react.default.createElement(_basicChartSettings.default, {
-      statItem: statItem,
-      labelColorConfigs: labelColorConfigs,
-      eventBus: eventBus,
-      getTables: getTables,
-      getViews: getViews,
-      getTableById: getTableById,
-      getConvertedChart: this.props.getConvertedChart,
-      updateStatItem: this.props.modifyChart
-    }) : /*#__PURE__*/_react.default.createElement(_advanceChartSettings.default, {
-      statItem: statItem,
-      labelColorConfigs: labelColorConfigs,
-      eventBus: eventBus,
-      getTables: getTables,
-      getViews: getViews,
-      getTableById: getTableById,
-      getConvertedChart: this.props.getConvertedChart,
-      updateStatItem: this.props.modifyChart
-    }));
-  }
-}
-var _default = exports.default = StatEditor;

package/es/stat-editor/stat-settings/advance-chart-settings/basic-number-card-settings.js

@@ -1,153 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _columnSettings = _interopRequireDefault(require("../public-setting/column-settings"));
-var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
-var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
-var _constants = require("../../../constants");
-class BasicNumberCardSettings extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.getSelectedStatColumnOption = () => {
-      return this.numericColumnOptions.find(option => option.value.key === this.props.statItem.numeric_column);
-    };
-    this.onSelectStatColumn = option => {
-      const {
-        numeric_column
-      } = this.props.statItem;
-      const new_column = option.value.key;
-      if (numeric_column === new_column) return;
-      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
-        numeric_column: new_column
-      }));
-    };
-    this.getSummaryMethodsOptions = () => {
-      let numberCardSummaryMethod = ['Row_count', ..._constants.SUMMARY_METHOD];
-      return numberCardSummaryMethod.map(method => {
-        return {
-          label: /*#__PURE__*/_react.default.createElement("span", {
-            className: "select-option-name"
-          }, _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[method])),
-          value: method
-        };
-      });
-    };
-    this.onSelectSummaryMethod = option => {
-      this.props.onSelectSummaryMethod(option.value);
-    };
-    this.getSelectedMethodOption = (method, summaryMethodsOptions) => {
-      return summaryMethodsOptions.find(m => m.value === method) || summaryMethodsOptions[0];
-    };
-    this.renderSummaryMethod = () => {
-      const {
-        statItem
-      } = this.props;
-      const {
-        summary_method
-      } = statItem;
-      let selectedMethodOption = this.getSelectedMethodOption(summary_method, this.summaryMethodsOptions);
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
-        value: selectedMethodOption,
-        onChange: this.onSelectSummaryMethod,
-        options: this.summaryMethodsOptions
-      }));
-    };
-    this.onChangeName = event => {
-      const value = event.target.value;
-      this.setState({
-        statName: value
-      });
-    };
-    this.onSaveName = event => {
-      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
-        name: this.state.statName
-      }));
-    };
-    this.onKeyDown = e => {
-      if (e.key === 'Enter') {
-        e.preventDefault();
-        e.target.blur();
-      }
-    };
-    this.getStyleSetting = () => {
-      const {
-        statItem
-      } = this.props;
-      const {
-        statName
-      } = this.state;
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-        className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Label')), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-        type: "text",
-        value: statName,
-        placeholder: statItem.name,
-        onBlur: this.onSaveName,
-        onChange: this.onChangeName,
-        onKeyDown: this.onKeyDown
-      })));
-    };
-    const {
-      numericColumns,
-      getColumnsOptions,
-      statItem: _statItem
-    } = props;
-    this.numericColumnOptions = getColumnsOptions(numericColumns);
-    this.summaryMethodsOptions = this.getSummaryMethodsOptions();
-    this.state = {
-      statName: _statItem.name || ''
-    };
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.selectedTableId !== this.props.selectedTableId) {
-      const {
-        numericColumns,
-        getColumnsOptions
-      } = nextProps;
-      this.numericColumnOptions = getColumnsOptions(numericColumns);
-    }
-  }
-  render() {
-    const selectedColumnOption = this.getSelectedStatColumnOption();
-    const {
-      statItem,
-      updateStatItem,
-      selectedTableId,
-      settingType
-    } = this.props;
-    if (settingType === 'style') {
-      return this.getStyleSetting();
-    }
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
-      statItem: statItem,
-      selectedTableId: selectedTableId,
-      selectedViewId: statItem.view_id,
-      getTables: this.props.getTables,
-      getViews: this.props.getViews,
-      getTableById: this.props.getTableById,
-      getConvertedChart: this.props.getConvertedChart,
-      updateStatItem: updateStatItem
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Statistic_field')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
-      columnsOptions: this.numericColumnOptions,
-      selectedColumnOption: selectedColumnOption,
-      onChangeSelectedColumn: this.onSelectStatColumn
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-item"
-    }, this.renderSummaryMethod()));
-  }
-}
-var _default = exports.default = BasicNumberCardSettings;

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

@@ -1,422 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _dtableUtils = require("dtable-utils");
-var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
-var _columnSettings = _interopRequireDefault(require("../public-setting/column-settings"));
-var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
-var _combinationStyleSetting = _interopRequireDefault(require("./style-setting/combination-style-setting"));
-var _toggleSetting = _interopRequireDefault(require("../public-setting/toggle-setting"));
-var _summarySettings = _interopRequireDefault(require("./summary-settings"));
-var _constants = require("../../../constants");
-const DATE_COLUMN_OPTIONS = ['date', 'mtime', 'ctime'];
-const DATE_GRANULARITY_LIST = [_constants.DATE_GRANULARITY.DAY, _constants.DATE_GRANULARITY.WEEK, _constants.DATE_GRANULARITY.MONTH, _constants.DATE_GRANULARITY.QUARTER, _constants.DATE_GRANULARITY.YEAR];
-const GEOLOCATION_GRANULARITY_LIST = [_constants.GEOLOCATION_GRANULARITY.PROVINCE, _constants.GEOLOCATION_GRANULARITY.CITY, _constants.GEOLOCATION_GRANULARITY.DISTRICT];
-const GROUP_TYPES = {
-  COUNT: 'count',
-  SINGLE_NUMERIC_COLUMN: 'single_numeric_column',
-  MULTIPLE_NUMERIC_COLUMN: 'multiple_numeric_column'
-};
-class CombinationSettings extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.getGranularityOptions = options => {
-      return options.map(g => {
-        return {
-          value: g,
-          label: /*#__PURE__*/_react.default.createElement("span", {
-            className: 'select-module select-module-name'
-          }, _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[g]))
-        };
-      });
-    };
-    this.renderGroupbyDateGranularity = () => {
-      const {
-        statItem
-      } = this.props;
-      let selectedDateGranularity = this.getSelectedDateGranularity(statItem.x_axis_date_granularity);
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "mt-1"
-      }, /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
-        value: selectedDateGranularity,
-        onChange: this.onSelectGroupbyDateGranularity,
-        options: this.dateGranularityOptions
-      }));
-    };
-    this.onSelectGroupbyDateGranularity = option => {
-      let newDateGranularity = option.value;
-      if (newDateGranularity === this.props.statItem.x_axis_date_granularity) return;
-      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
-        x_axis_date_granularity: newDateGranularity
-      }));
-    };
-    this.renderGroupbyGeolocationGranularity = () => {
-      const {
-        statItem
-      } = this.props;
-      let selectedGeolocationGranularity = this.getSelectedGeolocationGranularity(statItem.x_axis_geolocation_granularity);
-      if (this.geolocationGranularityOptions.length === 0) return null;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "mt-1"
-      }, /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
-        value: selectedGeolocationGranularity,
-        onChange: this.onSelectGroupbyGeolocationGranularity,
-        options: this.geolocationGranularityOptions
-      }));
-    };
-    this.getSelectedGeolocationGranularity = geolocationGranularity => {
-      return this.geolocationGranularityOptions.find(g => g.value === geolocationGranularity) || this.geolocationGranularityOptions[2];
-    };
-    this.getSelectedDateGranularity = dateGranularity => {
-      return this.dateGranularityOptions.find(g => g.value === dateGranularity) || this.dateGranularityOptions[2];
-    };
-    this.onSelectGroupbyGeolocationGranularity = geolocationGranularityOption => {
-      let newGeolocationGranularity = geolocationGranularityOption.value;
-      if (newGeolocationGranularity === this.props.statItem.x_axis_geolocation_granularity) return;
-      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
-        x_axis_geolocation_granularity: newGeolocationGranularity
-      }));
-    };
-    this.getAvailableColumns = columns => {
-      if (!columns || !Array.isArray(columns)) return [];
-      return columns.filter(c => _constants.BASIC_CHART_COLUMN_LIST.includes(c.type));
-    };
-    this.getSelectedStatColumnOption = () => {
-      return this.columnsOptions.find(option => option.value.key === this.props.statItem.x_axis_column_key);
-    };
-    this.onSelectStatColumn = option => {
-      const {
-        getTableById,
-        selectedTableId,
-        statItem
-      } = this.props;
-      let {
-        x_axis_column_key,
-        x_axis_geolocation_granularity,
-        x_axis_date_granularity
-      } = this.props.statItem;
-      const new_column = option.value.key;
-      if (x_axis_column_key === new_column) return;
-      const {
-        type,
-        key
-      } = option.value;
-      if (type === _dtableUtils.CellType.DATE) {
-        x_axis_date_granularity = this.dateGranularityOptions[2].value;
-      } else {
-        x_axis_date_granularity = null;
-      }
-      if (type === _dtableUtils.CellType.GEOLOCATION) {
-        const selectedTable = getTableById(selectedTableId);
-        const geoColumn = selectedTable.columns.find(column => column.key === key) || {};
-        const {
-          geo_format
-        } = geoColumn.data || {};
-        if (geo_format === 'province') {
-          x_axis_geolocation_granularity = 'province';
-        } else if (geo_format === 'province_city') {
-          x_axis_geolocation_granularity = 'city';
-        } else if (geo_format === 'geolocation' || !geo_format) {
-          x_axis_geolocation_granularity = 'district';
-        } else {
-          x_axis_geolocation_granularity = null;
-        }
-      } else {
-        x_axis_geolocation_granularity = null;
-      }
-      this.props.updateStatItem(Object.assign({}, statItem, {
-        x_axis_column_key: new_column,
-        x_axis_date_granularity,
-        x_axis_geolocation_granularity
-      }));
-    };
-    this.getSummaryMethodsOptions = () => {
-      return _constants.SUMMARY_METHOD.map(method => {
-        return {
-          label: /*#__PURE__*/_react.default.createElement("span", {
-            className: "select-option-name"
-          }, _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[method])),
-          value: method
-        };
-      });
-    };
-    this.getSelectedMethodOption = (method, summaryMethodsOptions) => {
-      return summaryMethodsOptions.find(m => m.value === method) || summaryMethodsOptions[0];
-    };
-    this.onSaveName = event => {
-      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
-        name: this.state.statName
-      }));
-    };
-    this.getStyleSetting = () => {
-      const {
-        statItem
-      } = this.props;
-      const {
-        statName
-      } = this.state;
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-        className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('X-axis')), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-        type: "text",
-        onBlur: this.onSaveName,
-        onChange: this.onChangeName,
-        value: statName,
-        placeholder: statItem.name
-      })));
-    };
-    this.onChangeSummaryType = (option, position) => {
-      const {
-        statItem
-      } = this.props;
-      let {
-        y_axis_right_summary_type,
-        y_axis_left_summary_type,
-        y_axis_right_summary_column,
-        y_axis_left_summary_column,
-        y_axis_left_group_by_multiple_numeric_column,
-        y_axis_left_summary_method,
-        y_axis_left_group_by_numeric_columns
-      } = statItem;
-      let newSummaryType = option === GROUP_TYPES.COUNT ? _constants.SUMMARY_TYPE.COUNT : _constants.SUMMARY_TYPE.ADVANCED;
-      if (position === 'left') {
-        if (newSummaryType === _constants.SUMMARY_TYPE.COUNT && y_axis_left_summary_type === _constants.SUMMARY_TYPE.COUNT) return;
-        if (option === GROUP_TYPES.SINGLE_NUMERIC_COLUMN && !y_axis_left_group_by_multiple_numeric_column && y_axis_left_summary_type !== _constants.SUMMARY_TYPE.COUNT) return;
-        if (option === GROUP_TYPES.MULTIPLE_NUMERIC_COLUMN && y_axis_left_group_by_multiple_numeric_column) return;
-        if (option === GROUP_TYPES.COUNT) {
-          y_axis_left_summary_column = null;
-          y_axis_left_summary_method = null;
-          y_axis_left_group_by_multiple_numeric_column = false;
-          y_axis_left_group_by_numeric_columns = [];
-        }
-        if (option === GROUP_TYPES.SINGLE_NUMERIC_COLUMN) {
-          y_axis_left_summary_column = null;
-          y_axis_left_summary_method = _constants.SUMMARY_METHOD[0];
-          y_axis_left_group_by_multiple_numeric_column = false;
-          y_axis_left_group_by_numeric_columns = [];
-        }
-        if (option === GROUP_TYPES.MULTIPLE_NUMERIC_COLUMN) {
-          y_axis_left_summary_column = null;
-          y_axis_left_summary_method = _constants.SUMMARY_METHOD[0];
-          y_axis_left_group_by_multiple_numeric_column = true;
-          y_axis_left_group_by_numeric_columns = [];
-        }
-        this.props.updateStatItem(Object.assign({}, statItem, {
-          y_axis_left_summary_type: newSummaryType,
-          y_axis_left_summary_column,
-          y_axis_left_summary_method,
-          y_axis_left_group_by_multiple_numeric_column,
-          y_axis_left_group_by_numeric_columns
-        }));
-        return;
-      }
-      if (y_axis_right_summary_type === newSummaryType) return;
-      y_axis_right_summary_type = newSummaryType;
-      let y_axis_right_summary_method = _constants.SUMMARY_METHOD[0];
-      if (newSummaryType === _constants.SUMMARY_TYPE.COUNT) {
-        y_axis_right_summary_column = null;
-        y_axis_right_summary_method = null;
-      }
-      this.props.updateStatItem(Object.assign({}, statItem, {
-        y_axis_right_summary_type: newSummaryType,
-        y_axis_right_summary_column,
-        y_axis_right_summary_method
-      }));
-    };
-    this.onSelectSummaryColumn = (option, position) => {
-      const {
-        statItem
-      } = this.props;
-      let {
-        y_axis_right_summary_column,
-        y_axis_left_summary_column,
-        y_axis_left_summary_method,
-        y_axis_right_summary_method
-      } = statItem;
-      const newSummaryColumnKey = option;
-      if (position === 'left') {
-        if (y_axis_left_summary_column === newSummaryColumnKey) return;
-        if (!y_axis_left_summary_method) {
-          y_axis_left_summary_method = 'Sum';
-        }
-        this.props.updateStatItem(Object.assign({}, statItem, {
-          y_axis_left_summary_column: newSummaryColumnKey,
-          y_axis_left_summary_method
-        }));
-        return;
-      }
-      if (y_axis_right_summary_column === newSummaryColumnKey) return;
-      if (!y_axis_right_summary_method) {
-        y_axis_right_summary_method = 'Sum';
-      }
-      this.props.updateStatItem(Object.assign({}, statItem, {
-        y_axis_right_summary_column: newSummaryColumnKey,
-        y_axis_right_summary_method
-      }));
-    };
-    this.onSelectSummaryMethod = (option, position) => {
-      const {
-        statItem
-      } = this.props;
-      const {
-        y_axis_right_summary_method,
-        y_axis_left_summary_method
-      } = statItem;
-      const newSummaryColumnMethod = option;
-      if (position === 'left') {
-        if (y_axis_left_summary_method !== newSummaryColumnMethod) {
-          this.props.updateStatItem(Object.assign({}, statItem, {
-            y_axis_left_summary_method: newSummaryColumnMethod
-          }));
-        }
-        return;
-      }
-      if (y_axis_right_summary_method !== newSummaryColumnMethod) {
-        this.props.updateStatItem(Object.assign({}, statItem, {
-          y_axis_right_summary_method: newSummaryColumnMethod
-        }));
-      }
-    };
-    this.onToggleIncludeEmpty = () => {
-      let {
-        statItem
-      } = this.props;
-      let {
-        x_axis_include_empty
-      } = statItem || {};
-      let updated = {
-        x_axis_include_empty: !x_axis_include_empty
-      };
-      this.props.updateStatItem(Object.assign({}, statItem, updated));
-    };
-    this.renderIncludeEmpty = () => {
-      const {
-        statItem
-      } = this.props;
-      let {
-        x_axis_include_empty
-      } = statItem || {};
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "mt-1"
-      }, /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
-        isChecked: x_axis_include_empty || false,
-        handleToggleChange: this.onToggleIncludeEmpty,
-        label: _reactIntlUniversal.default.get('Including_empty_cell')
-      }));
-    };
-    const {
-      getColumnsOptions,
-      statItem: _statItem,
-      columns: _columns
-    } = props;
-    const availableColumns = this.getAvailableColumns(_columns);
-    this.columnsOptions = getColumnsOptions(availableColumns);
-    this.summaryMethodsOptions = this.getSummaryMethodsOptions();
-    this.dateGranularityOptions = this.getGranularityOptions(DATE_GRANULARITY_LIST);
-    this.geolocationGranularityOptions = this.getGranularityOptions(GEOLOCATION_GRANULARITY_LIST);
-    this.state = {
-      statName: _statItem.name
-    };
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.selectedTableId !== this.props.selectedTableId) {
-      const {
-        getColumnsOptions,
-        columns
-      } = nextProps;
-      const availableColumns = this.getAvailableColumns(columns);
-      this.columnsOptions = getColumnsOptions(availableColumns);
-    }
-  }
-  render() {
-    const selectedColumnOption = this.getSelectedStatColumnOption();
-    const {
-      getTables,
-      getViews,
-      getTableById,
-      statItem,
-      eventBus,
-      updateStatItem,
-      selectedTableId,
-      settingType,
-      getColumnsOptions
-    } = this.props;
-    const {
-      x_axis_column_key,
-      y_axis_left_summary_type,
-      y_axis_right_summary_type,
-      y_axis_left_summary_method,
-      y_axis_right_summary_method,
-      y_axis_left_summary_column,
-      y_axis_right_summary_column
-    } = statItem;
-    const selectedTable = getTableById(selectedTableId);
-    let groupbyColumn = x_axis_column_key && (0, _dtableUtils.getTableColumnByKey)(selectedTable, x_axis_column_key);
-    let {
-      type: groupbyColumnType
-    } = groupbyColumn || {};
-    if (settingType === 'style') {
-      return /*#__PURE__*/_react.default.createElement(_combinationStyleSetting.default, {
-        selectedTableId: selectedTableId,
-        statItem: statItem,
-        eventBus: eventBus,
-        updateStatItem: updateStatItem
-      });
-    }
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
-      statItem: statItem,
-      selectedTableId: selectedTableId,
-      selectedViewId: statItem.view_id,
-      getTables: getTables,
-      getViews: getViews,
-      getTableById: this.props.getTableById,
-      getConvertedChart: this.props.getConvertedChart,
-      updateStatItem: updateStatItem
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('X-axis')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
-      columnsOptions: this.columnsOptions,
-      selectedColumnOption: selectedColumnOption,
-      onChangeSelectedColumn: this.onSelectStatColumn
-    }), DATE_COLUMN_OPTIONS.includes(groupbyColumnType) && this.renderGroupbyDateGranularity(), groupbyColumnType === _dtableUtils.CellType.GEOLOCATION && this.renderGroupbyGeolocationGranularity(), this.renderIncludeEmpty()), /*#__PURE__*/_react.default.createElement(_summarySettings.default, {
-      useMultipleSummaryColumns: true,
-      chartType: 'combination_chart',
-      label: _reactIntlUniversal.default.get('Y-axis(primary)'),
-      statItem: statItem,
-      selectedTableId: selectedTableId,
-      summaryType: y_axis_left_summary_type,
-      summaryMethod: y_axis_left_summary_method,
-      summaryColumn: y_axis_left_summary_column,
-      numericColumns: this.props.numericColumns,
-      getColumnsOptions: getColumnsOptions,
-      onChangeSummaryType: option => this.onChangeSummaryType(option, 'left'),
-      onSelectSummaryColumn: option => this.onSelectSummaryColumn(option, 'left'),
-      onSelectSummaryMethod: option => this.onSelectSummaryMethod(option, 'left'),
-      updateStatItem: updateStatItem
-    }), /*#__PURE__*/_react.default.createElement(_summarySettings.default, {
-      chartType: 'combination_chart',
-      label: _reactIntlUniversal.default.get('Y-axis(secondary)'),
-      statItem: statItem,
-      selectedTableId: selectedTableId,
-      summaryType: y_axis_right_summary_type,
-      summaryMethod: y_axis_right_summary_method,
-      summaryColumn: y_axis_right_summary_column,
-      numericColumns: this.props.numericColumns,
-      getColumnsOptions: getColumnsOptions,
-      onChangeSummaryType: option => this.onChangeSummaryType(option, 'right'),
-      onSelectSummaryColumn: option => this.onSelectSummaryColumn(option, 'right'),
-      onSelectSummaryMethod: option => this.onSelectSummaryMethod(option, 'right')
-    }));
-  }
-}
-var _default = exports.default = CombinationSettings;