dtable-statistic 4.4.24 → 5.0.0-alpha.0

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;

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

@@ -1,203 +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 _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
-var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
-var _columnSettings = _interopRequireDefault(require("../public-setting/column-settings"));
-var _constants = require("../../../constants");
-class DashboardChartSettings extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.onSelectTargetValueColumn = option => {
-      const {
-        target_value_column
-      } = this.props.statItem;
-      const new_column = option.value.key;
-      if (target_value_column === new_column) return;
-      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
-        target_value_column: new_column
-      }));
-    };
-    this.onSelectTotalValueColumn = option => {
-      const {
-        total_value_column
-      } = this.props.statItem;
-      const new_column = option.value.key;
-      if (total_value_column === new_column) return;
-      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
-        total_value_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.getSelectedMethodOption = (method, summaryMethodsOptions) => {
-      return summaryMethodsOptions.find(m => m.value === method) || summaryMethodsOptions[0];
-    };
-    this.onSelectTargetValueColumnSummaryMethod = option => {
-      const {
-        target_value_column_summary_method
-      } = this.props.statItem;
-      const new_summary_method = option.value;
-      if (target_value_column_summary_method === new_summary_method) return;
-      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
-        target_value_column_summary_method: new_summary_method
-      }));
-    };
-    this.onSelectTotalValueColumnSummaryMethod = option => {
-      const {
-        total_value_column_summary_method
-      } = this.props.statItem;
-      const new_summary_method = option.value;
-      if (total_value_column_summary_method === new_summary_method) return;
-      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
-        total_value_column_summary_method: new_summary_method
-      }));
-    };
-    this.renderSummaryMethod = option => {
-      const {
-        statItem
-      } = this.props;
-      const {
-        target_value_column_summary_method,
-        total_value_column_summary_method
-      } = statItem;
-      let summary_method, onSelectSummaryMethod;
-      if (option.targetColumn === 'target_value_column') {
-        summary_method = target_value_column_summary_method;
-        onSelectSummaryMethod = this.onSelectTargetValueColumnSummaryMethod;
-      } else {
-        summary_method = total_value_column_summary_method;
-        onSelectSummaryMethod = this.onSelectTotalValueColumnSummaryMethod;
-      }
-      const 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: 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,
-        onKeyDown: this.onKeyDown,
-        onChange: this.onChangeName
-      })));
-    };
-    const {
-      numericColumns,
-      getColumnsOptions,
-      statItem: _statItem
-    } = props;
-    this.numericColumnOptions = getColumnsOptions(numericColumns);
-    this.summaryMethodsOptions = this.getSummaryMethodsOptions();
-    this.state = {
-      statName: _statItem.name
-    };
-  }
-  componentWillReceiveProps(nextProps) {
-    if (nextProps.selectedTableId !== this.props.selectedTableId) {
-      const {
-        numericColumns,
-        getColumnsOptions
-      } = nextProps;
-      this.numericColumnOptions = getColumnsOptions(numericColumns);
-    }
-  }
-  render() {
-    const {
-      getTables,
-      getViews,
-      statItem,
-      updateStatItem,
-      selectedTableId,
-      settingType
-    } = this.props;
-    if (settingType === 'style') {
-      return this.getStyleSetting();
-    }
-    const {
-      target_value_column,
-      total_value_column
-    } = statItem;
-    const selectedTargetValueColumnOption = this.numericColumnOptions.filter(option => option.value.key === target_value_column)[0];
-    const selectedTotalValueColumnOption = this.numericColumnOptions.filter(option => option.value.key === total_value_column)[0];
-    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('Current_value_field')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
-      columnsOptions: this.numericColumnOptions,
-      selectedColumnOption: selectedTargetValueColumnOption,
-      onChangeSelectedColumn: this.onSelectTargetValueColumn
-    })), this.renderSummaryMethod({
-      targetColumn: 'target_value_column'
-    }), /*#__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('Total_value_field')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
-      columnsOptions: this.numericColumnOptions,
-      selectedColumnOption: selectedTotalValueColumnOption,
-      onChangeSelectedColumn: this.onSelectTotalValueColumn
-    })), this.renderSummaryMethod({
-      targetColumn: 'total_value_column'
-    }));
-  }
-}
-var _default = exports.default = DashboardChartSettings;

package/es/stat-editor/stat-settings/advance-chart-settings/geo-granularity-settings.js

@@ -1,23 +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 _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
-function GeoGranularitySettings(props) {
-  const {
-    geoGranularityOptions,
-    selectedGeoGranularityOption,
-    onChangeGeoGranularity
-  } = props;
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
-    value: selectedGeoGranularityOption,
-    options: geoGranularityOptions,
-    onChange: onChangeGeoGranularity
-  }));
-}
-var _default = exports.default = GeoGranularitySettings;