dtable-statistic 4.4.24-alpha.9 → 5.0.0

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

@@ -0,0 +1,153 @@
+"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

@@ -0,0 +1,422 @@
+"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;