sea-chart 0.0.1 → 0.0.2

package/lib/components/settings/widgets/group-by.js

@@ -1,168 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React, { Component } from 'react';
-import classnames from 'classnames';
-import { Label, FormGroup } from 'reactstrap';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
-import { CellType, COLUMNS_ICON_CONFIG, DATE_COLUMN_OPTIONS, getTableById, getTableColumnByKey } from 'dtable-utils';
-import { STATISTIC_SUPPORT_COLUMNS, DATE_GRANULATES, GEOLOCATION_GRANULATES, STATISTIC_SUMMARY_SHOW, GEOLOCATION_FORMAT_MAP } from '../../../constants';
-import intl from '../../../intl';
-var GroupBy = /*#__PURE__*/function (_Component) {
-  _inherits(GroupBy, _Component);
-  var _super = _createSuper(GroupBy);
-  function GroupBy(_props) {
-    var _this;
-    _classCallCheck(this, GroupBy);
-    _this = _super.call(this, _props);
-    _this.generatorGranulatesOptions = function (granulates) {
-      return granulates.map(function (item) {
-        return {
-          value: item,
-          label: /*#__PURE__*/React.createElement("span", {
-            className: "select-module select-module-name ml-0"
-          }, intl.get(STATISTIC_SUMMARY_SHOW[item]))
-        };
-      });
-    };
-    _this.initOptions = function (props) {
-      var tables = props.tables,
-        selectedTableId = props.selectedTableId;
-      _this.selectedTable = getTableById(tables, selectedTableId);
-      var columns = _this.selectedTable && Array.isArray(_this.selectedTable.columns) ? _this.selectedTable.columns : [];
-      _this.validColumns = _this.getAvailableColumns(columns);
-      _this.columnOptions = _this.getColumnOptions(_this.validColumns);
-    };
-    _this.initGeolocationOptions = function (props) {
-      var selectedColumnKey = props.selectedColumnKey;
-      if (!selectedColumnKey) {
-        _this.geolocationGranulatesOptions = [];
-        return;
-      }
-      var groupbyColumn = getTableColumnByKey(_this.selectedTable, selectedColumnKey);
-      if (!groupbyColumn) {
-        _this.geolocationGranulatesOptions = [];
-        return;
-      }
-      var _ref = groupbyColumn.data || {},
-        geo_format = _ref.geo_format;
-      if (geo_format === GEOLOCATION_FORMAT_MAP.PROVINCE) {
-        _this.geolocationGranulatesOptions = _this.generatorGranulatesOptions(GEOLOCATION_GRANULATES.filter(function (item) {
-          return item === GEOLOCATION_FORMAT_MAP.PROVINCE;
-        }));
-        return;
-      }
-      if (geo_format === GEOLOCATION_FORMAT_MAP.PROVINCE_CITY) {
-        _this.geolocationGranulatesOptions = _this.generatorGranulatesOptions(GEOLOCATION_GRANULATES.filter(function (item) {
-          return item === 'district';
-        }));
-        return;
-      }
-      if (geo_format === GEOLOCATION_FORMAT_MAP.COUNTRY_REGION || geo_format === GEOLOCATION_FORMAT_MAP.LNG_LAT) {
-        _this.geolocationGranulatesOptions = [];
-        return;
-      }
-      _this.geolocationGranulatesOptions = _this.generatorGranulatesOptions(GEOLOCATION_GRANULATES);
-    };
-    _this.getAvailableColumns = function (columns) {
-      if (!columns || !Array.isArray(columns)) return [];
-      return columns.filter(function (column) {
-        return STATISTIC_SUPPORT_COLUMNS.includes(column.type);
-      });
-    };
-    _this.getColumnOptions = function (columns) {
-      return columns.map(function (column) {
-        return {
-          value: column,
-          label: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-            className: "header-icon"
-          }, /*#__PURE__*/React.createElement("i", {
-            className: COLUMNS_ICON_CONFIG[column.type]
-          })), /*#__PURE__*/React.createElement("span", {
-            className: 'select-module select-module-name ml-0'
-          }, column.name))
-        };
-      });
-    };
-    _this.renderSelector = function () {
-      var selectedColumnKey = _this.props.selectedColumnKey;
-      var selectedOption = selectedColumnKey ? _this.columnOptions.find(function (option) {
-        return option.value.key === selectedColumnKey;
-      }) : null;
-      return /*#__PURE__*/React.createElement(DTableSelect, {
-        value: selectedOption,
-        classNamePrefix: "select-column",
-        options: _this.columnOptions,
-        onChange: _this.props.onGroupByChange,
-        noOptionsMessage: function noOptionsMessage() {
-          return /*#__PURE__*/React.createElement("span", null, intl.get('No_column'));
-        }
-      });
-    };
-    _this.renderGroupbyDateGranulates = function () {
-      var selectedDateGranularity = _this.props.selectedDateGranularity;
-      var selectedOption = _this.dateGranulatesOptions.find(function (option) {
-        return option.value === selectedDateGranularity;
-      });
-      return /*#__PURE__*/React.createElement("div", {
-        className: "seastatistic-parameter-item mt-4"
-      }, /*#__PURE__*/React.createElement(DTableSelect, {
-        value: selectedOption,
-        options: _this.dateGranulatesOptions,
-        onChange: _this.props.onGroupbyDateGranularityChange
-      }));
-    };
-    _this.renderGroupbyGeolocationGranulates = function () {
-      var selectedGeolocationGranularity = _this.props.selectedGeolocationGranularity;
-      var selectedOption = _this.geolocationGranulatesOptions.find(function (option) {
-        return option.value === selectedGeolocationGranularity;
-      });
-      return /*#__PURE__*/React.createElement("div", {
-        className: "seastatistic-parameter-item mt-4"
-      }, /*#__PURE__*/React.createElement(DTableSelect, {
-        value: selectedOption,
-        options: _this.geolocationGranulatesOptions,
-        onChange: _this.props.onGroupbyGeolocationGranularityChange
-      }));
-    };
-    _this.renderGroupBy = function () {
-      var selectedColumnKey = _this.props.selectedColumnKey;
-      if (!selectedColumnKey) return null;
-      var groupbyColumn = getTableColumnByKey(_this.selectedTable, selectedColumnKey);
-      if (!groupbyColumn) return null;
-      var groupbyColumnType = groupbyColumn.type;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, DATE_COLUMN_OPTIONS.includes(groupbyColumnType) && _this.renderGroupbyDateGranulates(), groupbyColumnType === CellType.GEOLOCATION && _this.geolocationGranulatesOptions.length > 0 && _this.renderGroupbyGeolocationGranulates());
-    };
-    _this.dateGranulatesOptions = _this.generatorGranulatesOptions(DATE_GRANULATES);
-    _this.initOptions(_props);
-    _this.initGeolocationOptions(_props);
-    return _this;
-  }
-  _createClass(GroupBy, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      var selectedTableId = nextProps.selectedTableId,
-        selectedColumnKey = nextProps.selectedColumnKey;
-      if (selectedTableId !== this.props.selectedTableId) {
-        this.initOptions(nextProps);
-      }
-      if (selectedColumnKey !== this.props.selectedColumnKey) {
-        this.initGeolocationOptions(nextProps);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        label = _this$props.label,
-        className = _this$props.className;
-      return /*#__PURE__*/React.createElement(FormGroup, {
-        className: classnames('seastatistic-setting-item table-setting', _defineProperty({}, className, className))
-      }, /*#__PURE__*/React.createElement(Label, null, label), this.renderSelector(), this.renderGroupBy());
-    }
-  }]);
-  return GroupBy;
-}(Component);
-export default GroupBy;

package/lib/components/settings/widgets/min-max-setting.js

@@ -1,64 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React, { Component } from 'react';
-import { FormGroup, Label, Input } from 'reactstrap';
-import intl from '../../../intl';
-var MinMaxSetting = /*#__PURE__*/function (_Component) {
-  _inherits(MinMaxSetting, _Component);
-  var _super = _createSuper(MinMaxSetting);
-  function MinMaxSetting(props) {
-    var _this;
-    _classCallCheck(this, MinMaxSetting);
-    _this = _super.call(this, props);
-    _this.onMinChange = function (e) {
-      var min = e.target.value;
-      _this.setState({
-        min: min
-      }, function () {
-        _this.props.onMinChange(min);
-      });
-    };
-    _this.onMaxChange = function (e) {
-      var max = e.target.value;
-      _this.setState({
-        max: max
-      }, function () {
-        _this.props.onMaxChange(max);
-      });
-    };
-    _this.state = {
-      min: props.min,
-      max: props.max
-    };
-    return _this;
-  }
-  _createClass(MinMaxSetting, [{
-    key: "render",
-    value: function render() {
-      var _this$state = this.state,
-        min = _this$state.min,
-        max = _this$state.max;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormGroup, {
-        className: "mb-2"
-      }, /*#__PURE__*/React.createElement(Label, {
-        for: "min"
-      }, intl.get('Min')), /*#__PURE__*/React.createElement(Input, {
-        id: "min",
-        type: "number",
-        value: min,
-        onChange: this.onMinChange
-      })), /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, {
-        for: "max"
-      }, intl.get('Max')), /*#__PURE__*/React.createElement(Input, {
-        id: "max",
-        type: "number",
-        value: max,
-        onChange: this.onMaxChange
-      })));
-    }
-  }]);
-  return MinMaxSetting;
-}(Component);
-export default MinMaxSetting;

package/lib/components/settings/widgets/mininum-slice-percent.js

@@ -1,72 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React, { Component } from 'react';
-import { FormGroup, Label } from 'reactstrap';
-import NumberInput from '../../../components/number-input';
-import intl from '../../../intl';
-var MiniNumSlicePercent = /*#__PURE__*/function (_Component) {
-  _inherits(MiniNumSlicePercent, _Component);
-  var _super = _createSuper(MiniNumSlicePercent);
-  function MiniNumSlicePercent(props) {
-    var _this;
-    _classCallCheck(this, MiniNumSlicePercent);
-    _this = _super.call(this, props);
-    _this.replaceNumberNotAllowInput = function (value) {
-      if (!value) {
-        return '';
-      }
-      value = value.replace(/。/g, '.');
-      value = value.replace(/-/g, '');
-      return value.replace(/[^.-\d,]/g, '');
-    };
-    _this.onKeyDown = function (event) {
-      if (event.keyCode === 13) {
-        event.preventDefault();
-        event.target.blur();
-      }
-    };
-    _this.onPercentChange = function (event) {
-      var value = _this.replaceNumberNotAllowInput(event.target.value);
-      if (value === _this.state.value) return;
-      _this.setState({
-        value: value
-      }, function () {
-        _this.onCommit();
-      });
-    };
-    _this.onBlur = function () {
-      _this.onCommit();
-    };
-    _this.onCommit = function () {
-      var value = _this.state.value;
-      if (value === _this.props.value) return;
-      var validValue = value || value === 0 ? Number(value) : 1.5;
-      _this.props.onChange(validValue);
-    };
-    _this.state = {
-      value: props.value
-    };
-    return _this;
-  }
-  _createClass(MiniNumSlicePercent, [{
-    key: "render",
-    value: function render() {
-      var value = this.props.value;
-      return /*#__PURE__*/React.createElement(FormGroup, {
-        className: "seastatistic-parameter-item"
-      }, /*#__PURE__*/React.createElement(Label, null, intl.get('Minimum_slice_percent')), /*#__PURE__*/React.createElement(NumberInput, {
-        value: value,
-        onChange: this.onPercentChange,
-        step: 0.1,
-        min: 0,
-        max: 100,
-        onBlur: this.onBlur,
-        onKeyDown: this.onKeyDown
-      }));
-    }
-  }]);
-  return MiniNumSlicePercent;
-}(Component);
-export default MiniNumSlicePercent;

package/lib/components/settings/widgets/numeric-summary-item.js

@@ -1,109 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React, { Component } from 'react';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
-import { FormGroup, Label } from 'reactstrap';
-import shallowEqual from 'shallowequal';
-import { STATISTIC_TYPE, STATISTIC_SUMMARY_CALCULATION_METHOD, STATISTIC_SUMMARY_SHOW, STATISTIC_DATE_SUMMARY_CALCULATION_METHOD } from '../../../constants';
-import { StatisticsUtils } from '../../../utils';
-import intl from '../../../intl';
-var NumericSummaryItem = /*#__PURE__*/function (_Component) {
-  _inherits(NumericSummaryItem, _Component);
-  var _super = _createSuper(NumericSummaryItem);
-  function NumericSummaryItem(_props) {
-    var _this;
-    _classCallCheck(this, NumericSummaryItem);
-    _this = _super.call(this, _props);
-    _this.initSummaryMethodOptions = function (props) {
-      var value = props.value,
-        numericColumnOptions = props.numericColumnOptions;
-      var selectedOption = numericColumnOptions.find(function (item) {
-        return item.value.key === value.column_key;
-      });
-      var summaryMethodOptions = selectedOption && StatisticsUtils.isDateSummaryColumn(selectedOption.value) ? STATISTIC_DATE_SUMMARY_CALCULATION_METHOD : STATISTIC_SUMMARY_CALCULATION_METHOD;
-      _this.summaryMethodOptions = summaryMethodOptions.map(function (item) {
-        return {
-          value: item,
-          label: intl.get(STATISTIC_SUMMARY_SHOW[item])
-        };
-      });
-    };
-    _this.onToggleExpand = function () {
-      _this.setState({
-        isExpand: !_this.state.isExpand
-      });
-    };
-    _this.state = {
-      isExpand: true
-    };
-    _this.initSummaryMethodOptions(_props);
-    return _this;
-  }
-  _createClass(NumericSummaryItem, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      if (!shallowEqual(this.props.value, nextProps.value)) {
-        this.initSummaryMethodOptions(nextProps);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        index = _this$props.index,
-        statistic = _this$props.statistic,
-        value = _this$props.value,
-        numericColumnOptions = _this$props.numericColumnOptions;
-      var type = statistic.config.type;
-      var column_key = value.column_key,
-        summary_method = value.summary_method;
-      var selectedColumnOption = numericColumnOptions.find(function (option) {
-        return option.value.key === column_key;
-      });
-      var selectedSummaryMethodOption = this.summaryMethodOptions.find(function (option) {
-        return option.value === summary_method;
-      });
-      var isExpand = this.state.isExpand;
-      var isFirst = index === 0;
-      return /*#__PURE__*/React.createElement(FormGroup, {
-        className: "seastatistic-parameter-item"
-      }, /*#__PURE__*/React.createElement(Label, {
-        className: "numeric-summary-item d-flex align-items-center justify-content-between w-100"
-      }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("i", {
-        onClick: this.onToggleExpand,
-        className: "numeric-summary-item-icon dtable-font mr-2 ".concat(isExpand ? 'dtable-icon-drop-down' : 'dtable-icon-right-slide')
-      }), /*#__PURE__*/React.createElement("span", null, (type === STATISTIC_TYPE.TABLE ? intl.get('Summary_field') : intl.get('Numeric_field')) + ' ' + (1 + index))), !isFirst && /*#__PURE__*/React.createElement("div", {
-        className: "delete-numeric-summary-item-content close d-flex align-items-center justify-content-center",
-        onClick: function onClick() {
-          return _this2.props.onDelete(index);
-        }
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "dtable-font dtable-icon-fork-number delete-icon"
-      }))), /*#__PURE__*/React.createElement("div", {
-        className: "pl-4 ".concat(isExpand ? 'expanded-numeric-summary-content' : 'collapsed-numeric-summary-content d-none')
-      }, /*#__PURE__*/React.createElement(FormGroup, {
-        className: "seastatistic-parameter-item numeric-column"
-      }, /*#__PURE__*/React.createElement(DTableSelect, {
-        value: selectedColumnOption,
-        placeholder: intl.get('Select_a_column'),
-        onChange: function onChange(option) {
-          return _this2.props.onColumnOptionChange(option, index);
-        },
-        options: numericColumnOptions
-      })), /*#__PURE__*/React.createElement(FormGroup, {
-        className: "seastatistic-parameter-item summary-method"
-      }, /*#__PURE__*/React.createElement(Label, null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(DTableSelect, {
-        value: selectedSummaryMethodOption,
-        onChange: function onChange(option) {
-          return _this2.props.onSummaryMethodChange(option, index);
-        },
-        options: this.summaryMethodOptions
-      }))));
-    }
-  }]);
-  return NumericSummaryItem;
-}(Component);
-export default NumericSummaryItem;

package/lib/components/settings/widgets/select-table/index.js

@@ -1,49 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React from 'react';
-import { Label, FormGroup } from 'reactstrap';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
-import intl from '../../../../intl';
-var SelectTable = /*#__PURE__*/function (_React$Component) {
-  _inherits(SelectTable, _React$Component);
-  var _super = _createSuper(SelectTable);
-  function SelectTable(props) {
-    var _this;
-    _classCallCheck(this, SelectTable);
-    _this = _super.call(this, props);
-    _this.renderSelector = function () {
-      var selectedTableId = _this.props.selectedTableId;
-      var selectedOption = selectedTableId ? _this.tableOptions.find(function (option) {
-        return option.value === selectedTableId;
-      }) : null;
-      return /*#__PURE__*/React.createElement(DTableSelect, {
-        menuPortalTarget: '#wrapper',
-        value: selectedOption,
-        options: _this.tableOptions,
-        onChange: _this.props.onSettingUpdate
-      });
-    };
-    var tables = props.tables;
-    _this.tableOptions = Array.isArray(tables) ? tables.map(function (table) {
-      var value = table._id;
-      var label = table['name'];
-      return {
-        value: value,
-        label: label
-      };
-    }) : [];
-    return _this;
-  }
-  _createClass(SelectTable, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(FormGroup, {
-        className: "seastatistic-setting-item table-setting"
-      }, /*#__PURE__*/React.createElement(Label, null, intl.get('Table')), this.renderSelector());
-    }
-  }]);
-  return SelectTable;
-}(React.Component);
-export default SelectTable;

package/lib/components/settings/widgets/stack.js

@@ -1,58 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React, { Component } from 'react';
-import { Label, FormGroup } from 'reactstrap';
-import { getTableById, getTableColumnByKey } from 'dtable-utils';
-import Switch from './switch';
-import { eventStopPropagation } from '../../../utils';
-import intl from '../../../intl';
-var Stack = /*#__PURE__*/function (_Component) {
-  _inherits(Stack, _Component);
-  var _super = _createSuper(Stack);
-  function Stack() {
-    var _this;
-    _classCallCheck(this, Stack);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.onUseStackChange = function (event) {
-      eventStopPropagation(event);
-      var statistic = _this.props.statistic;
-      var config = statistic.config;
-      var y_axis_use_stack = config.y_axis_use_stack;
-      _this.props.onChange({
-        y_axis_use_stack: !y_axis_use_stack
-      });
-    };
-    return _this;
-  }
-  _createClass(Stack, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        statistic = _this$props.statistic,
-        tables = _this$props.tables,
-        selectedTableId = _this$props.selectedTableId;
-      var _statistic$config = statistic.config,
-        y_axis_use_stack = _statistic$config.y_axis_use_stack,
-        column_groupby_column_key = _statistic$config.column_groupby_column_key;
-      if (!column_groupby_column_key) return null;
-      var selectedTable = getTableById(tables, selectedTableId);
-      if (!selectedTable) return null;
-      var columnGroupbyColumn = getTableColumnByKey(selectedTable, column_groupby_column_key);
-      if (!columnGroupbyColumn) return null;
-      return /*#__PURE__*/React.createElement(FormGroup, {
-        className: "seastatistic-parameter-item"
-      }, /*#__PURE__*/React.createElement(Label, null, intl.get('Display_mode')), /*#__PURE__*/React.createElement(Switch, {
-        checked: y_axis_use_stack || false,
-        placeholder: intl.get('Stack'),
-        onChange: this.onUseStackChange
-      }));
-    }
-  }]);
-  return Stack;
-}(Component);
-export default Stack;

package/lib/components/settings/widgets/statistic-type/index.js

@@ -1,54 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useCallback, useState } from 'react';
-import { Label, FormGroup } from 'reactstrap';
-import TypesDialog from '../../../types-dialog';
-import { STATISTIC_TYPE_SHOW } from '../../../../constants';
-import { eventStopPropagation } from '../../../../utils';
-import intl from '../../../../intl';
-import Icon from '../../../icon';
-import './index.css';
-var StatisticType = function StatisticType(_ref) {
-  var statistic = _ref.statistic,
-    generateChartConfig = _ref.generateChartConfig,
-    onChange = _ref.onChange;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isDialogShow = _useState2[0],
-    setDialogShow = _useState2[1];
-  var openTypesDialog = useCallback(function (event) {
-    eventStopPropagation(event);
-    setDialogShow(true);
-  }, []);
-  var closeTypesDialog = useCallback(function () {
-    setDialogShow(false);
-  }, []);
-  var onTypeChange = useCallback(function (type) {
-    var config = statistic.config;
-    var oldType = config.type;
-    if (type === oldType) return;
-    var convertedChart = generateChartConfig(_objectSpread(_objectSpread({}, config), {}, {
-      type: type
-    }));
-    onChange && onChange(convertedChart);
-  }, [statistic, generateChartConfig, onChange]);
-  var config = statistic.config;
-  var type = config.type;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormGroup, {
-    className: "seastatistic-parameter-item",
-    id: "seastatistic-type-container"
-  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Chart_type')), /*#__PURE__*/React.createElement("div", {
-    className: "seastatistic-selected-type-container d-flex align-items-center"
-  }, /*#__PURE__*/React.createElement("span", null, intl.get(STATISTIC_TYPE_SHOW[type])), /*#__PURE__*/React.createElement("div", {
-    className: "seastatistic-type-icon-container",
-    onClick: openTypesDialog
-  }, /*#__PURE__*/React.createElement(Icon, {
-    symbol: "type-change",
-    className: "seastatistic-type-icon"
-  })))), isDialogShow && /*#__PURE__*/React.createElement(TypesDialog, {
-    type: type,
-    onToggle: closeTypesDialog,
-    onChange: onTypeChange
-  }));
-};
-export default StatisticType;

package/lib/components/settings/widgets/summary-method-setting.js

@@ -1,80 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React, { Component } from 'react';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
-import { FormGroup, Label } from 'reactstrap';
-import shallowEqual from 'shallowequal';
-import { STATISTIC_TYPE, STATISTIC_SUMMARY_CALCULATION_METHOD, STATISTIC_SUMMARY_SHOW, STATISTIC_DATE_SUMMARY_CALCULATION_METHOD } from '../../../constants';
-import { StatisticsUtils } from '../../../utils';
-import intl from '../../../intl';
-var SummaryMethodSettings = /*#__PURE__*/function (_Component) {
-  _inherits(SummaryMethodSettings, _Component);
-  var _super = _createSuper(SummaryMethodSettings);
-  function SummaryMethodSettings(_props) {
-    var _this;
-    _classCallCheck(this, SummaryMethodSettings);
-    _this = _super.call(this, _props);
-    _this.initSummaryMethodOptions = function (props) {
-      var value = props.value,
-        numericColumnOptions = props.numericColumnOptions;
-      var selectedOption = numericColumnOptions.find(function (item) {
-        return item.value.key === value.column_key;
-      });
-      var summaryMethodOptions = selectedOption && StatisticsUtils.isDateSummaryColumn(selectedOption.value) ? STATISTIC_DATE_SUMMARY_CALCULATION_METHOD : STATISTIC_SUMMARY_CALCULATION_METHOD;
-      _this.summaryMethodOptions = summaryMethodOptions.map(function (item) {
-        return {
-          value: item,
-          label: intl.get(STATISTIC_SUMMARY_SHOW[item])
-        };
-      });
-    };
-    _this.state = {
-      isExpand: true
-    };
-    _this.initSummaryMethodOptions(_props);
-    return _this;
-  }
-  _createClass(SummaryMethodSettings, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      if (!shallowEqual(this.props.value, nextProps.value)) {
-        this.initSummaryMethodOptions(nextProps);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        statistic = _this$props.statistic,
-        value = _this$props.value,
-        numericColumnOptions = _this$props.numericColumnOptions;
-      var type = statistic.config.type;
-      var column_key = value.column_key,
-        summary_method = value.summary_method;
-      var selectedColumnOption = numericColumnOptions.find(function (option) {
-        return option.value.key === column_key;
-      });
-      var selectedSummaryMethodOption = this.summaryMethodOptions.find(function (option) {
-        return option.value === summary_method;
-      });
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormGroup, {
-        className: "statistic-parameter-item"
-      }, /*#__PURE__*/React.createElement(Label, null, type === STATISTIC_TYPE.TABLE ? intl.get('Summary_field') : intl.get('Numeric_field')), /*#__PURE__*/React.createElement(DTableSelect, {
-        value: selectedColumnOption,
-        placeholder: intl.get('Select_a_column'),
-        onChange: this.props.onColumnOptionChange,
-        options: numericColumnOptions
-      })), /*#__PURE__*/React.createElement(FormGroup, {
-        className: "statistic-parameter-item"
-      }, /*#__PURE__*/React.createElement(Label, null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(DTableSelect, {
-        value: selectedSummaryMethodOption,
-        onChange: this.props.onSummaryMethodChange,
-        options: this.summaryMethodOptions
-      })));
-    }
-  }]);
-  return SummaryMethodSettings;
-}(Component);
-export default SummaryMethodSettings;