dtable-statistic 4.4.24 → 5.0.0-alpha.0

package/es/stat-editor/stat-settings/advance-chart-settings/heat-map-settings.js

@@ -1,104 +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 _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 _heatMapSettings = _interopRequireDefault(require("./style-setting/heat-map-settings"));
-var _columnUtils = require("../../../utils/column-utils");
-class HeatMapSettings extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.getSelectedDateColumnOption = () => {
-      return this.dateColumnsOptions.find(option => option.value.key === this.props.statItem.time_column);
-    };
-    this.onSelectDateColumn = option => {
-      const {
-        time_column
-      } = this.props.statItem;
-      const new_time_column = option.value.key;
-      if (new_time_column === time_column) return;
-      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
-        time_column: new_time_column
-      }));
-    };
-    const {
-      columns,
-      getColumnsOptions
-    } = props;
-    const dateColumns = columns.filter(column => (0, _columnUtils.isStatisticDateColumn)(column));
-    this.dateColumnsOptions = getColumnsOptions(dateColumns);
-  }
-  componentWillReceiveProps(nextProps) {
-    if (nextProps.selectedTableId !== this.props.selectedTableId) {
-      const {
-        columns,
-        getColumnsOptions
-      } = nextProps;
-      const dateColumns = columns.filter(column => (0, _columnUtils.isStatisticDateColumn)(column));
-      this.dateColumnsOptions = getColumnsOptions(dateColumns);
-    }
-  }
-  render() {
-    const {
-      getTables,
-      getViews,
-      settingType,
-      selectedTableId,
-      statItem,
-      getColumnsOptions,
-      numericColumns
-    } = this.props;
-    const {
-      view_id: selectedViewId
-    } = statItem;
-    const selectedDateColumnOption = this.getSelectedDateColumnOption();
-    if (settingType === 'style') {
-      return /*#__PURE__*/_react.default.createElement(_heatMapSettings.default, {
-        statItem: statItem,
-        onChangeColor: this.props.onChangeColor,
-        updateStatItem: this.props.updateStatItem
-      });
-    }
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
-      statItem: statItem,
-      selectedTableId: selectedTableId,
-      selectedViewId: selectedViewId,
-      getTables: getTables,
-      getViews: getViews,
-      getTableById: this.props.getTableById,
-      getConvertedChart: this.props.getConvertedChart,
-      updateStatItem: this.props.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('Time_field')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
-      columnsOptions: this.dateColumnsOptions,
-      selectedColumnOption: selectedDateColumnOption,
-      onChangeSelectedColumn: this.onSelectDateColumn
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/_react.default.createElement(_summarySettings.default, {
-      label: _reactIntlUniversal.default.get('Summary_method'),
-      statItem: statItem,
-      selectedTableId: selectedTableId,
-      numericColumns: numericColumns,
-      summaryType: statItem.summary_type,
-      summaryMethod: statItem.summary_method,
-      summaryColumn: statItem.summary_column,
-      getColumnsOptions: getColumnsOptions,
-      onChangeSummaryType: this.props.onChangeSummaryType,
-      onSelectSummaryColumn: this.props.onSelectSummaryColumn,
-      onSelectSummaryMethod: this.props.onSelectSummaryMethod
-    }));
-  }
-}
-var _default = exports.default = HeatMapSettings;

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

@@ -1,334 +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 _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _dtableUtils = require("dtable-utils");
-var _mapSettings = _interopRequireDefault(require("./map-settings"));
-var _worldMapSettings = _interopRequireDefault(require("./world-map-settings"));
-var _heatMapSettings = _interopRequireDefault(require("./heat-map-settings"));
-var _mirrorSettings = _interopRequireDefault(require("./mirror-settings"));
-var _basicNumberCardSettings = _interopRequireDefault(require("./basic-number-card-settings"));
-var _combinationSettings = _interopRequireDefault(require("./combination-settings"));
-var _trendChartSettings = _interopRequireDefault(require("./trend-chart-settings"));
-var _dashboardChartSettings = _interopRequireDefault(require("./dashboard-chart-settings"));
-var _constants = require("../../../constants");
-const GROUP_TYPES = {
-  COUNT: 'count',
-  SINGLE_NUMERIC_COLUMN: 'single_numeric_column',
-  MULTIPLE_NUMERIC_COLUMN: 'multiple_numeric_column'
-};
-class AdvancedChartSettings extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    this.getNumericColumns = columns => {
-      if (!columns) return [];
-      return columns.filter(column => column && (0, _dtableUtils.isNumericColumn)(column));
-    };
-    this.getSettingsByType = () => {
-      const {
-        settingType
-      } = this.state;
-      const {
-        getTables,
-        getViews,
-        getTableById,
-        statItem,
-        labelColorConfigs,
-        eventBus,
-        updateStatItem
-      } = this.props;
-      const {
-        type,
-        table_id: selectedTableId
-      } = statItem;
-      switch (type) {
-        case _constants.STAT_TYPE.MAP:
-        case _constants.STAT_TYPE.MAP_BUBBLE:
-          {
-            return /*#__PURE__*/_react.default.createElement(_mapSettings.default, {
-              settingType: settingType,
-              selectedTableId: selectedTableId,
-              columns: this.columns,
-              numericColumns: this.numericColumns,
-              statItem: statItem,
-              labelColorConfigs: labelColorConfigs,
-              eventBus: eventBus,
-              getTables: getTables,
-              getViews: getViews,
-              getTableById: getTableById,
-              getColumnsOptions: this.getColumnsOptions,
-              getConvertedChart: this.props.getConvertedChart,
-              updateStatItem: updateStatItem,
-              onChangeSummaryType: this.onChangeSummaryType,
-              onSelectSummaryColumn: this.onSelectSummaryColumn,
-              onSelectSummaryMethod: this.onSelectSummaryMethod,
-              onChangeColor: this.onChangeColor
-            });
-          }
-        case _constants.STAT_TYPE.WORLD_MAP:
-        case _constants.STAT_TYPE.WORLD_MAP_BUBBLE:
-          {
-            return /*#__PURE__*/_react.default.createElement(_worldMapSettings.default, {
-              settingType: settingType,
-              selectedTableId: selectedTableId,
-              columns: this.columns,
-              numericColumns: this.numericColumns,
-              statItem: statItem,
-              labelColorConfigs: labelColorConfigs,
-              eventBus: eventBus,
-              getColumnsOptions: this.getColumnsOptions,
-              getTables: getTables,
-              getViews: getViews,
-              getTableById: getTableById,
-              getConvertedChart: this.props.getConvertedChart,
-              updateStatItem: updateStatItem,
-              onChangeSummaryType: this.onChangeSummaryType,
-              onSelectSummaryColumn: this.onSelectSummaryColumn,
-              onSelectSummaryMethod: this.onSelectSummaryMethod,
-              onChangeColor: this.onChangeColor
-            });
-          }
-        case _constants.STAT_TYPE.HEAT_MAP:
-          {
-            return /*#__PURE__*/_react.default.createElement(_heatMapSettings.default, {
-              settingType: settingType,
-              selectedTableId: selectedTableId,
-              columns: this.columns,
-              numericColumns: this.numericColumns,
-              statItem: statItem,
-              labelColorConfigs: labelColorConfigs,
-              eventBus: eventBus,
-              getColumnsOptions: this.getColumnsOptions,
-              getTables: getTables,
-              getViews: getViews,
-              getTableById: getTableById,
-              getConvertedChart: this.props.getConvertedChart,
-              updateStatItem: updateStatItem,
-              onChangeSummaryType: this.onChangeSummaryType,
-              onSelectSummaryColumn: this.onSelectSummaryColumn,
-              onSelectSummaryMethod: this.onSelectSummaryMethod,
-              onChangeColor: this.onChangeColor
-            });
-          }
-        case _constants.STAT_TYPE.MIRROR:
-          {
-            return /*#__PURE__*/_react.default.createElement(_mirrorSettings.default, {
-              settingType: settingType,
-              selectedTableId: selectedTableId,
-              columns: this.columns,
-              numericColumns: this.numericColumns,
-              statItem: statItem,
-              labelColorConfigs: labelColorConfigs,
-              eventBus: eventBus,
-              getColumnsOptions: this.getColumnsOptions,
-              getTables: getTables,
-              getViews: getViews,
-              getTableById: getTableById,
-              getConvertedChart: this.props.getConvertedChart,
-              updateStatItem: updateStatItem,
-              onChangeSummaryType: this.onChangeSummaryType,
-              onSelectSummaryColumn: this.onSelectSummaryColumn,
-              onSelectSummaryMethod: this.onSelectSummaryMethod
-            });
-          }
-        case _constants.STAT_TYPE.BASIC_NUMBER_CARD:
-          {
-            return /*#__PURE__*/_react.default.createElement(_basicNumberCardSettings.default, {
-              statItem: statItem,
-              labelColorConfigs: labelColorConfigs,
-              eventBus: eventBus,
-              settingType: settingType,
-              selectedTableId: selectedTableId,
-              getTables: getTables,
-              getViews: getViews,
-              getTableById: getTableById,
-              getConvertedChart: this.props.getConvertedChart,
-              updateStatItem: updateStatItem,
-              numericColumns: this.numericColumns,
-              getColumnsOptions: this.getColumnsOptions,
-              onChangeSummaryType: this.onChangeSummaryType,
-              onSelectSummaryMethod: this.onSelectSummaryMethod
-            });
-          }
-        case _constants.STAT_TYPE.COMBINATION_CHART:
-          {
-            return /*#__PURE__*/_react.default.createElement(_combinationSettings.default, {
-              statItem: statItem,
-              labelColorConfigs: labelColorConfigs,
-              eventBus: eventBus,
-              settingType: settingType,
-              columns: this.columns,
-              selectedTableId: selectedTableId,
-              getTables: getTables,
-              getViews: getViews,
-              getTableById: getTableById,
-              getConvertedChart: this.props.getConvertedChart,
-              updateStatItem: updateStatItem,
-              numericColumns: this.numericColumns,
-              getColumnsOptions: this.getColumnsOptions
-            });
-          }
-        case _constants.STAT_TYPE.TREND_CHART:
-          {
-            return /*#__PURE__*/_react.default.createElement(_trendChartSettings.default, {
-              settingType: settingType,
-              selectedTableId: selectedTableId,
-              columns: this.columns,
-              numericColumns: this.numericColumns,
-              statItem: statItem,
-              labelColorConfigs: labelColorConfigs,
-              eventBus: eventBus,
-              getColumnsOptions: this.getColumnsOptions,
-              getTables: getTables,
-              getViews: getViews,
-              getTableById: getTableById,
-              getConvertedChart: this.props.getConvertedChart,
-              updateStatItem: updateStatItem,
-              onChangeSummaryType: this.onChangeSummaryType,
-              onSelectSummaryColumn: this.onSelectSummaryColumn,
-              onSelectSummaryMethod: this.onSelectSummaryMethod
-            });
-          }
-        case _constants.STAT_TYPE.DASHBOARD:
-          {
-            return /*#__PURE__*/_react.default.createElement(_dashboardChartSettings.default, {
-              statItem: statItem,
-              labelColorConfigs: labelColorConfigs,
-              eventBus: eventBus,
-              settingType: settingType,
-              selectedTableId: selectedTableId,
-              getTables: getTables,
-              getViews: getViews,
-              getTableById: getTableById,
-              getConvertedChart: this.props.getConvertedChart,
-              updateStatItem: updateStatItem,
-              numericColumns: this.numericColumns,
-              getColumnsOptions: this.getColumnsOptions
-            });
-          }
-        default:
-          {
-            return null;
-          }
-      }
-    };
-    this.getColumnsOptions = columns => {
-      if (!Array.isArray(columns)) return [];
-      return columns.map(column => {
-        const {
-          name,
-          key,
-          type
-        } = column;
-        return {
-          label: /*#__PURE__*/_react.default.createElement("span", {
-            className: "select-option-name"
-          }, name),
-          value: {
-            name,
-            key,
-            type
-          }
-        };
-      });
-    };
-    this.onChangeSummaryType = summaryType => {
-      let {
-        summary_type,
-        summary_column,
-        summary_method
-      } = this.props.statItem;
-      if (summaryType === summary_type) return;
-      if (summaryType === GROUP_TYPES.SINGLE_NUMERIC_COLUMN) {
-        summary_column = null;
-        summary_method = _constants.SUMMARY_METHOD[0];
-        summary_type = _constants.SUMMARY_TYPE.ADVANCED;
-      } else {
-        summary_type = _constants.SUMMARY_TYPE.COUNT;
-        summary_method = null;
-        summary_column = null;
-      }
-      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
-        summary_type,
-        summary_column,
-        summary_method
-      }));
-    };
-    this.onChangeColor = targetColor => {
-      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
-        data_color: targetColor
-      }));
-    };
-    this.onSelectSummaryColumn = summaryColumn => {
-      const {
-        summary_column
-      } = this.props.statItem;
-      if (summaryColumn === summary_column) return;
-      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
-        summary_column: summaryColumn
-      }));
-    };
-    this.onSelectSummaryMethod = summaryMethod => {
-      const {
-        summary_method
-      } = this.props.statItem;
-      if (summaryMethod === summary_method) return;
-      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
-        summary_method: summaryMethod
-      }));
-    };
-    this.selectEditType = type => {
-      this.setState({
-        settingType: type
-      });
-    };
-    const {
-      getTableById: _getTableById,
-      statItem: _statItem
-    } = props;
-    const selectedTable = _getTableById(_statItem.table_id);
-    this.columns = selectedTable.columns;
-    this.numericColumns = this.getNumericColumns(this.columns);
-    this.state = {
-      settingType: 'data'
-    };
-  }
-  componentWillReceiveProps(nextProps) {
-    const {
-      getTableById
-    } = this.props;
-    const newSelectedTableId = nextProps.statItem.table_id;
-    if (newSelectedTableId !== this.props.statItem.table_id) {
-      const selectedTable = getTableById(newSelectedTableId);
-      this.columns = selectedTable.columns;
-      this.numericColumns = this.getNumericColumns(this.columns);
-    }
-  }
-  render() {
-    const {
-      settingType
-    } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-settings"
-    }, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-settings-type"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      onClick: () => this.selectEditType('data'),
-      className: "statistic-type-item ".concat(settingType === 'data' ? 'selected-statistic-type-item' : '')
-    }, _reactIntlUniversal.default.get('Data_settings')), /*#__PURE__*/_react.default.createElement("div", {
-      onClick: () => this.selectEditType('style'),
-      className: "statistic-type-item ".concat(settingType === 'style' ? 'selected-statistic-type-item' : '')
-    }, _reactIntlUniversal.default.get('Style_settings'))), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-settings-container"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-settings-parameter-list pt-4"
-    }, this.getSettingsByType()))));
-  }
-}
-var _default = exports.default = AdvancedChartSettings;

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

@@ -1,119 +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 _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");
-var _constants = require("../../../constants");
-var _mapLevel = _interopRequireDefault(require("../map/map-level"));
-var _mapProvinceCity = _interopRequireDefault(require("../map/map-province-city"));
-class MapSettings extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.getColumns = columns => {
-      if (!Array.isArray(columns) || columns.length === 0) return [];
-      return columns.filter(column => (0, _columnUtils.isMapColumn)(column));
-    };
-    this.getSelectedGeoColumnOption = () => {
-      return this.geoColumnsOptions.find(option => option.value.key === this.props.statItem.geo_column);
-    };
-    this.onSelectGeoColumn = option => {
-      const {
-        geo_column
-      } = this.props.statItem;
-      const new_geo_column = option.value.key;
-      if (new_geo_column === geo_column) return;
-      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
-        geo_column: new_geo_column,
-        geolocation_granularity: _constants.GEOLOCATION_GRANULARITY.PROVINCE
-      }));
-    };
-    const {
-      columns: _columns,
-      getColumnsOptions
-    } = props;
-    const geoColumns = this.getColumns(_columns);
-    this.geoColumnsOptions = getColumnsOptions(geoColumns);
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.selectedTableId !== this.props.selectedTableId) {
-      const {
-        columns,
-        getColumnsOptions
-      } = nextProps;
-      const geoColumns = this.getColumns(columns);
-      this.geoColumnsOptions = getColumnsOptions(geoColumns);
-    }
-  }
-  render() {
-    const {
-      getTables,
-      getViews,
-      settingType,
-      selectedTableId,
-      statItem,
-      getColumnsOptions,
-      numericColumns
-    } = this.props;
-    const {
-      view_id: selectedViewId
-    } = statItem;
-    const selectedGeoColumnOption = this.getSelectedGeoColumnOption();
-    if (settingType === 'style') {
-      return /*#__PURE__*/_react.default.createElement(_mapSetting.default, {
-        statItem: statItem,
-        onChangeColor: this.props.onChangeColor,
-        updateStatItem: this.props.updateStatItem
-      });
-    }
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
-      statItem: statItem,
-      selectedTableId: selectedTableId,
-      selectedViewId: selectedViewId,
-      getTables: getTables,
-      getViews: getViews,
-      getTableById: this.props.getTableById,
-      getConvertedChart: this.props.getConvertedChart,
-      updateStatItem: this.props.updateStatItem
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/_react.default.createElement(_mapLevel.default, {
-      statItem: statItem,
-      updateStatItem: this.props.updateStatItem
-    }), /*#__PURE__*/_react.default.createElement(_mapProvinceCity.default, {
-      statItem: statItem,
-      updateStatItem: this.props.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, "\u4F4D\u7F6E\u5B57\u6BB5"), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
-      columnsOptions: this.geoColumnsOptions,
-      selectedColumnOption: selectedGeoColumnOption,
-      onChangeSelectedColumn: this.onSelectGeoColumn
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/_react.default.createElement(_summarySettings.default, {
-      label: '归总方法',
-      statItem: statItem,
-      selectedTableId: selectedTableId,
-      numericColumns: numericColumns,
-      summaryType: statItem.summary_type,
-      summaryMethod: statItem.summary_method,
-      summaryColumn: statItem.summary_column,
-      getColumnsOptions: getColumnsOptions,
-      onChangeSummaryType: this.props.onChangeSummaryType,
-      onSelectSummaryColumn: this.props.onSelectSummaryColumn,
-      onSelectSummaryMethod: this.props.onSelectSummaryMethod
-    }));
-  }
-}
-var _default = exports.default = MapSettings;

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

@@ -1,132 +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 _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 _toggleSetting = _interopRequireDefault(require("../public-setting/toggle-setting"));
-var _columnUtils = require("../../../utils/column-utils");
-class MirrorSettings extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.getSelectedStatColumnOption = () => {
-      return this.statColumnsOptions.find(option => option.value.key === this.props.statItem.column);
-    };
-    this.getSelectedGroupColumnOption = () => {
-      return this.groupColumnsOptions.find(option => option.value.key === this.props.statItem.group_column);
-    };
-    this.onSelectStatColumn = option => {
-      const {
-        column
-      } = this.props.statItem;
-      const new_column = option.value.key;
-      if (new_column === column) return;
-      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
-        column: new_column
-      }));
-    };
-    this.onSelectGroupColumn = option => {
-      const {
-        group_column
-      } = this.props.statItem;
-      const new_column = option.value.key;
-      if (new_column === group_column) return;
-      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
-        group_column: new_column
-      }));
-    };
-    this.handleToggleChange = event => {
-      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
-        is_transpose: event.target.checked
-      }));
-    };
-    const {
-      columns,
-      getColumnsOptions
-    } = props;
-    const statColumns = columns.filter(column => (0, _columnUtils.isMirrorColumn)(column));
-    const groupColumns = columns.filter(column => column.type === 'single-select');
-    this.statColumnsOptions = getColumnsOptions(statColumns);
-    this.groupColumnsOptions = getColumnsOptions(groupColumns);
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.selectedTableId !== this.props.selectedTableId) {
-      const {
-        columns,
-        getColumnsOptions
-      } = nextProps;
-      const statColumns = columns.filter(column => (0, _columnUtils.isMirrorColumn)(column));
-      this.statColumnsOptions = getColumnsOptions(statColumns);
-      const groupColumns = columns.filter(column => column.type === 'single-select');
-      this.groupColumnsOptions = getColumnsOptions(groupColumns);
-    }
-  }
-  render() {
-    const {
-      getTables,
-      getViews,
-      settingType,
-      selectedTableId,
-      statItem,
-      getColumnsOptions,
-      numericColumns
-    } = this.props;
-    const selectedColumnOption = this.getSelectedStatColumnOption();
-    const selectedGroupColumnOption = this.getSelectedGroupColumnOption();
-    if (settingType === 'style') {
-      return null;
-    }
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
-      statItem: statItem,
-      selectedTableId: statItem.table_id,
-      selectedViewId: statItem.view_id,
-      getTables: getTables,
-      getViews: getViews,
-      getTableById: this.props.getTableById,
-      getConvertedChart: this.props.getConvertedChart,
-      updateStatItem: this.props.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.statColumnsOptions,
-      selectedColumnOption: selectedColumnOption,
-      onChangeSelectedColumn: this.onSelectStatColumn
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
-      label: _reactIntlUniversal.default.get('Transpose'),
-      isChecked: statItem.is_transpose,
-      handleToggleChange: this.handleToggleChange
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Column_grouping_field')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
-      columnsOptions: this.groupColumnsOptions,
-      selectedColumnOption: selectedGroupColumnOption,
-      onChangeSelectedColumn: this.onSelectGroupColumn
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/_react.default.createElement(_summarySettings.default, {
-      label: _reactIntlUniversal.default.get('Summary_method'),
-      statItem: statItem,
-      selectedTableId: selectedTableId,
-      numericColumns: numericColumns,
-      summaryType: statItem.summary_type,
-      summaryMethod: statItem.summary_method,
-      summaryColumn: statItem.summary_column,
-      getColumnsOptions: getColumnsOptions,
-      onChangeSummaryType: this.props.onChangeSummaryType,
-      onSelectSummaryColumn: this.props.onSelectSummaryColumn,
-      onSelectSummaryMethod: this.props.onSelectSummaryMethod
-    }));
-  }
-}
-var _default = exports.default = MirrorSettings;