dtable-statistic 4.2.2 → 4.3.0

package/es/stat-editor/stat-settings/public-setting/ind-toggle-setting.js

@@ -1,41 +1,28 @@
-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';
-var IndToggleSetting = /*#__PURE__*/function (_Component) {
-  _inherits(IndToggleSetting, _Component);
-  var _super = _createSuper(IndToggleSetting);
-  function IndToggleSetting() {
-    _classCallCheck(this, IndToggleSetting);
-    return _super.apply(this, arguments);
+class IndToggleSetting extends Component {
+  render() {
+    const {
+      handleToggleChange,
+      isChecked,
+      label
+    } = this.props;
+    const value = isChecked || false;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "statistic-toggle-parameter individual-toggle-parameter d-block"
+    }, /*#__PURE__*/React.createElement("label", {
+      className: "custom-switch d-flex justify-content-between align-items-start"
+    }, /*#__PURE__*/React.createElement("input", {
+      type: "checkbox",
+      className: "custom-switch-input",
+      checked: value,
+      value: value,
+      onChange: handleToggleChange,
+      name: "custom-switch-checkbox"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "custom-switch-description m-0"
+    }, label), /*#__PURE__*/React.createElement("span", {
+      className: "custom-switch-indicator ml-2"
+    })));
   }
-  _createClass(IndToggleSetting, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        handleToggleChange = _this$props.handleToggleChange,
-        isChecked = _this$props.isChecked,
-        label = _this$props.label;
-      var value = isChecked || false;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "statistic-toggle-parameter individual-toggle-parameter d-block"
-      }, /*#__PURE__*/React.createElement("label", {
-        className: "custom-switch d-flex justify-content-between align-items-start"
-      }, /*#__PURE__*/React.createElement("input", {
-        type: "checkbox",
-        className: "custom-switch-input",
-        checked: value,
-        value: value,
-        onChange: handleToggleChange,
-        name: "custom-switch-checkbox"
-      }), /*#__PURE__*/React.createElement("span", {
-        className: "custom-switch-description m-0"
-      }, label), /*#__PURE__*/React.createElement("span", {
-        className: "custom-switch-indicator ml-2"
-      })));
-    }
-  }]);
-  return IndToggleSetting;
-}(Component);
+}
 export default IndToggleSetting;

package/es/stat-editor/stat-settings/public-setting/min-max-setting.js

@@ -1,64 +1,52 @@
-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 { Form, FormGroup, Label, Input } from 'reactstrap';
 import intl from 'react-intl-universal';
-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
+class MinMaxSetting extends Component {
+  constructor(props) {
+    super(props);
+    this.onMinChange = e => {
+      const min = e.target.value;
+      this.setState({
+        min
       });
-      _this.props.onMinChange(min);
+      this.props.onMinChange(min);
     };
-    _this.onMaxChange = function (e) {
-      var max = e.target.value;
-      _this.setState({
-        max: max
+    this.onMaxChange = e => {
+      const max = e.target.value;
+      this.setState({
+        max
       });
-      _this.props.onMaxChange(max);
+      this.props.onMaxChange(max);
     };
-    _this.state = {
+    this.state = {
       min: props.min || props.min === 0 ? props.min : '',
       max: props.max || props.max === 0 ? 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(Form, {
-        className: "mt-2"
-      }, /*#__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);
+  render() {
+    const {
+      min,
+      max
+    } = this.state;
+    return /*#__PURE__*/React.createElement(Form, {
+      className: "mt-2"
+    }, /*#__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
+    })));
+  }
+}
 export default MinMaxSetting;

package/es/stat-editor/stat-settings/public-setting/numeric-summary-item.js

@@ -1,118 +1,115 @@
-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 intl from 'react-intl-universal';
 import { DTableSelect } from '../../../components';
 import { TIME_COLUMN_LIST, STAT_TYPE } from '../../../constants';
 import style from '../../../assets/css/statistic-numeric-column-item.module.css';
-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.getSelectedColumnOption = function (props) {
-      var numericColumnItem = props.numericColumnItem;
-      var column_key = numericColumnItem.column_key,
-        key = numericColumnItem.key;
-      return _this.props.numericColumnsOptions.find(function (item) {
+class NumericSummaryItem extends Component {
+  constructor(_props) {
+    super(_props);
+    this.getSelectedColumnOption = props => {
+      const {
+        numericColumnItem
+      } = props;
+      const {
+        column_key,
+        key
+      } = numericColumnItem;
+      return this.props.numericColumnsOptions.find(item => {
         return item.value.key === column_key || item.value.key === key;
       });
     };
-    _this.getSummaryMethodOptions = function (props) {
-      var summaryMethodOptions = props.summaryMethodOptions;
-      var selectedColumnOption = _this.getSelectedColumnOption(props);
+    this.getSummaryMethodOptions = props => {
+      const {
+        summaryMethodOptions
+      } = props;
+      const selectedColumnOption = this.getSelectedColumnOption(props);
       if (selectedColumnOption && TIME_COLUMN_LIST.includes(selectedColumnOption.value.type)) {
-        return summaryMethodOptions.filter(function (option) {
+        return summaryMethodOptions.filter(option => {
           return option.value !== 'Mean' && option.value !== 'Sum';
         });
       }
       return summaryMethodOptions;
     };
-    _this.getSelectedSummaryMethodOption = function () {
-      var numericColumnItem = _this.props.numericColumnItem;
-      var summary_method = numericColumnItem.summary_method,
-        method = numericColumnItem.method;
-      return _this.summaryMethodOptions.find(function (item) {
+    this.getSelectedSummaryMethodOption = () => {
+      const {
+        numericColumnItem
+      } = this.props;
+      const {
+        summary_method,
+        method
+      } = numericColumnItem;
+      return this.summaryMethodOptions.find(item => {
         return item.value === summary_method || item.value === method;
       });
     };
-    _this.onToggleExpand = function () {
-      _this.setState({
-        isExpand: !_this.state.isExpand
+    this.onToggleExpand = () => {
+      this.setState({
+        isExpand: !this.state.isExpand
       });
     };
-    _this.onDeleteNumericColumnItem = function (index) {
-      _this.props.onDeleteNumericColumnItem(index);
+    this.onDeleteNumericColumnItem = index => {
+      this.props.onDeleteNumericColumnItem(index);
     };
-    _this.state = {
+    this.state = {
       isExpand: true
     };
-    _this.summaryMethodOptions = _this.getSummaryMethodOptions(_props);
-    return _this;
+    this.summaryMethodOptions = this.getSummaryMethodOptions(_props);
   }
-  _createClass(NumericSummaryItem, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      var numericColumnItem = nextProps.numericColumnItem;
-      if (numericColumnItem !== this.props.numericColumnItem) {
-        this.summaryMethodOptions = this.getSummaryMethodOptions(nextProps);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        index = _this$props.index,
-        onChangeColumnOption = _this$props.onChangeColumnOption,
-        onChangeSummaryMethod = _this$props.onChangeSummaryMethod,
-        numericColumnsOptions = _this$props.numericColumnsOptions,
-        statItem = _this$props.statItem;
-      var selectedColumnOption = this.getSelectedColumnOption(this.props);
-      var selectedSummaryMethodOption = this.getSelectedSummaryMethodOption();
-      var isExpand = this.state.isExpand;
-      return /*#__PURE__*/React.createElement("div", {
-        style: {
-          paddingBottom: isExpand ? '14px' : '7px'
-        },
-        className: "".concat(style['container'], "  statistic-chart-parameter-item")
-      }, /*#__PURE__*/React.createElement("div", {
-        className: style['item-title']
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "title-item title-left"
-      }, /*#__PURE__*/React.createElement("i", {
-        onClick: this.onToggleExpand,
-        className: "".concat(style['icon'], " dtable-font ").concat(isExpand ? 'dtable-icon-drop-down' : 'dtable-icon-right-slide')
-      }), /*#__PURE__*/React.createElement("label", null, (statItem.type === STAT_TYPE.PIVOT_TABLE ? intl.get('Summary_column') : intl.get('Numeric_column')) + (1 + index))), /*#__PURE__*/React.createElement("span", {
-        className: "title-item title-right"
-      }, index !== 0 && /*#__PURE__*/React.createElement("i", {
-        onClick: function onClick() {
-          return _this2.onDeleteNumericColumnItem(index);
-        },
-        className: "".concat(style['close-icon'], " dtable-font dtable-icon-fork-number")
-      }))), /*#__PURE__*/React.createElement("div", {
-        className: isExpand ? style['expanded-numeric-summary-content'] : style['collapsed-numeric-summary-content']
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "".concat(style['select-item'], " numeric-column")
-      }, /*#__PURE__*/React.createElement(DTableSelect, {
-        className: 'number-column-selector',
-        value: selectedColumnOption,
-        placeholder: intl.get('Select_a_column'),
-        onChange: onChangeColumnOption.bind(this, index),
-        options: numericColumnsOptions
-      })), /*#__PURE__*/React.createElement("div", {
-        className: "".concat(style['select-item'], " ").concat(style['summary-method'])
-      }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(DTableSelect, {
-        value: selectedSummaryMethodOption,
-        onChange: onChangeSummaryMethod.bind(this, index),
-        options: this.summaryMethodOptions
-      }))));
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    const {
+      numericColumnItem
+    } = nextProps;
+    if (numericColumnItem !== this.props.numericColumnItem) {
+      this.summaryMethodOptions = this.getSummaryMethodOptions(nextProps);
     }
-  }]);
-  return NumericSummaryItem;
-}(Component);
+  }
+  render() {
+    const {
+      index,
+      onChangeColumnOption,
+      onChangeSummaryMethod,
+      numericColumnsOptions,
+      statItem
+    } = this.props;
+    const selectedColumnOption = this.getSelectedColumnOption(this.props);
+    const selectedSummaryMethodOption = this.getSelectedSummaryMethodOption();
+    const {
+      isExpand
+    } = this.state;
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        paddingBottom: isExpand ? '14px' : '7px'
+      },
+      className: "".concat(style['container'], "  statistic-chart-parameter-item")
+    }, /*#__PURE__*/React.createElement("div", {
+      className: style['item-title']
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "title-item title-left"
+    }, /*#__PURE__*/React.createElement("i", {
+      onClick: this.onToggleExpand,
+      className: "".concat(style['icon'], " dtable-font ").concat(isExpand ? 'dtable-icon-drop-down' : 'dtable-icon-right-slide')
+    }), /*#__PURE__*/React.createElement("label", null, (statItem.type === STAT_TYPE.PIVOT_TABLE ? intl.get('Summary_column') : intl.get('Numeric_column')) + (1 + index))), /*#__PURE__*/React.createElement("span", {
+      className: "title-item title-right"
+    }, index !== 0 && /*#__PURE__*/React.createElement("i", {
+      onClick: () => this.onDeleteNumericColumnItem(index),
+      className: "".concat(style['close-icon'], " dtable-font dtable-icon-fork-number")
+    }))), /*#__PURE__*/React.createElement("div", {
+      className: isExpand ? style['expanded-numeric-summary-content'] : style['collapsed-numeric-summary-content']
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(style['select-item'], " numeric-column")
+    }, /*#__PURE__*/React.createElement(DTableSelect, {
+      className: 'number-column-selector',
+      value: selectedColumnOption,
+      placeholder: intl.get('Select_a_column'),
+      onChange: onChangeColumnOption.bind(this, index),
+      options: numericColumnsOptions
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(style['select-item'], " ").concat(style['summary-method'])
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(DTableSelect, {
+      value: selectedSummaryMethodOption,
+      onChange: onChangeSummaryMethod.bind(this, index),
+      options: this.summaryMethodOptions
+    }))));
+  }
+}
 export default NumericSummaryItem;

package/es/stat-editor/stat-settings/public-setting/toggle-setting.js

@@ -1,39 +1,26 @@
-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';
-var ToggleSetting = /*#__PURE__*/function (_Component) {
-  _inherits(ToggleSetting, _Component);
-  var _super = _createSuper(ToggleSetting);
-  function ToggleSetting() {
-    _classCallCheck(this, ToggleSetting);
-    return _super.apply(this, arguments);
+class ToggleSetting extends Component {
+  render() {
+    const {
+      handleToggleChange,
+      isChecked,
+      label
+    } = this.props;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "statistic-toggle-parameter"
+    }, /*#__PURE__*/React.createElement("label", {
+      className: "custom-switch"
+    }, /*#__PURE__*/React.createElement("input", {
+      type: "checkbox",
+      className: "custom-switch-input",
+      checked: isChecked,
+      onChange: handleToggleChange,
+      name: "custom-switch-checkbox"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "custom-switch-indicator"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "custom-switch-description text-truncate"
+    }, label)));
   }
-  _createClass(ToggleSetting, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        handleToggleChange = _this$props.handleToggleChange,
-        isChecked = _this$props.isChecked,
-        label = _this$props.label;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "statistic-toggle-parameter"
-      }, /*#__PURE__*/React.createElement("label", {
-        className: "custom-switch"
-      }, /*#__PURE__*/React.createElement("input", {
-        type: "checkbox",
-        className: "custom-switch-input",
-        checked: isChecked,
-        onChange: handleToggleChange,
-        name: "custom-switch-checkbox"
-      }), /*#__PURE__*/React.createElement("span", {
-        className: "custom-switch-indicator"
-      }), /*#__PURE__*/React.createElement("span", {
-        className: "custom-switch-description text-truncate"
-      }, label)));
-    }
-  }]);
-  return ToggleSetting;
-}(Component);
+}
 export default ToggleSetting;

package/es/stat-editor/stat-settings/public-setting/type-settings/index.js

@@ -1,32 +1,26 @@
-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 intl from 'react-intl-universal';
 import Icon from '../../../../components/icon';
 import StatisticTypesDialog from '../../../../components/dialog/statistic-types-dialog';
 import { STATISTIC_TYPE_SHOW, STAT_TYPE } from '../../../../constants';
 import './index.css';
-var TypeSettings = /*#__PURE__*/function (_Component) {
-  _inherits(TypeSettings, _Component);
-  var _super = _createSuper(TypeSettings);
-  function TypeSettings(props) {
-    var _this;
-    _classCallCheck(this, TypeSettings);
-    _this = _super.call(this, props);
-    _this.openTypesDialog = function () {
-      _this.setState({
+class TypeSettings extends Component {
+  constructor(props) {
+    super(props);
+    this.openTypesDialog = () => {
+      this.setState({
         isShowDialog: true
       });
     };
-    _this.closeTypesDialog = function () {
-      _this.setState({
+    this.closeTypesDialog = () => {
+      this.setState({
         isShowDialog: false
       });
     };
-    _this.getChartTypeName = function () {
-      var chartType = _this.props.chart.type;
+    this.getChartTypeName = () => {
+      const {
+        type: chartType
+      } = this.props.chart;
       switch (chartType) {
         case STAT_TYPE.MAP:
           {
@@ -46,34 +40,35 @@ var TypeSettings = /*#__PURE__*/function (_Component) {
           }
       }
     };
-    _this.state = {
+    this.state = {
       isShowDialog: false
     };
-    return _this;
   }
-  _createClass(TypeSettings, [{
-    key: "render",
-    value: function render() {
-      var isShowDialog = this.state.isShowDialog;
-      var chart = this.props.chart;
-      var chartType = chart.type;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-        className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/React.createElement("label", null, intl.get('Chart_type')), /*#__PURE__*/React.createElement("div", {
-        className: "statistic-selected-type-container d-flex align-items-center"
-      }, /*#__PURE__*/React.createElement("span", null, this.getChartTypeName()), /*#__PURE__*/React.createElement("div", {
-        className: "statistic-switch-type-container",
-        onClick: this.openTypesDialog
-      }, /*#__PURE__*/React.createElement(Icon, {
-        symbol: "switch-icon",
-        className: "statistic-type-switch-icon"
-      })))), isShowDialog && /*#__PURE__*/React.createElement(StatisticTypesDialog, {
-        type: chartType,
-        onChange: this.props.onChange,
-        onToggle: this.closeTypesDialog
-      }));
-    }
-  }]);
-  return TypeSettings;
-}(Component);
+  render() {
+    const {
+      isShowDialog
+    } = this.state;
+    const {
+      chart
+    } = this.props;
+    const {
+      type: chartType
+    } = chart;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: "statistic-chart-parameter-item"
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Chart_type')), /*#__PURE__*/React.createElement("div", {
+      className: "statistic-selected-type-container d-flex align-items-center"
+    }, /*#__PURE__*/React.createElement("span", null, this.getChartTypeName()), /*#__PURE__*/React.createElement("div", {
+      className: "statistic-switch-type-container",
+      onClick: this.openTypesDialog
+    }, /*#__PURE__*/React.createElement(Icon, {
+      symbol: "switch-icon",
+      className: "statistic-type-switch-icon"
+    })))), isShowDialog && /*#__PURE__*/React.createElement(StatisticTypesDialog, {
+      type: chartType,
+      onChange: this.props.onChange,
+      onToggle: this.closeTypesDialog
+    }));
+  }
+}
 export default TypeSettings;