dtable-statistic 4.2.1 → 4.3.0

package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/time-compare-style.js

@@ -1,49 +1,40 @@
-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 ToggleSetting from '../../public-setting/toggle-setting';
-var TimeCompareStyle = /*#__PURE__*/function (_Component) {
-  _inherits(TimeCompareStyle, _Component);
-  var _super = _createSuper(TimeCompareStyle);
-  function TimeCompareStyle() {
-    var _this;
-    _classCallCheck(this, TimeCompareStyle);
-    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.onToggleIncreaseLabel = function () {
-      var _this$props = _this.props,
-        statItem = _this$props.statItem,
-        updateStatItem = _this$props.updateStatItem;
-      var display_increase_percentage = statItem.display_increase_percentage;
+class TimeCompareStyle extends Component {
+  constructor() {
+    super(...arguments);
+    this.onToggleIncreaseLabel = () => {
+      const {
+        statItem,
+        updateStatItem
+      } = this.props;
+      const {
+        display_increase_percentage
+      } = statItem;
       updateStatItem(Object.assign({}, statItem, {
         display_increase_percentage: !display_increase_percentage
       }));
     };
-    return _this;
   }
-  _createClass(TimeCompareStyle, [{
-    key: "render",
-    value: function render() {
-      var statItem = this.props.statItem;
-      var display_increase = statItem.display_increase,
-        display_increase_percentage = statItem.display_increase_percentage;
-      if (!display_increase) return null;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-        className: "statistic-chart-parameter-divider"
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/React.createElement(ToggleSetting, {
-        isChecked: display_increase_percentage || false,
-        handleToggleChange: this.onToggleIncreaseLabel,
-        label: intl.get('Display_percentage_increase')
-      })));
-    }
-  }]);
-  return TimeCompareStyle;
-}(Component);
+  render() {
+    const {
+      statItem
+    } = this.props;
+    const {
+      display_increase,
+      display_increase_percentage
+    } = statItem;
+    if (!display_increase) return null;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: "statistic-chart-parameter-divider"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "statistic-chart-parameter-item"
+    }, /*#__PURE__*/React.createElement(ToggleSetting, {
+      isChecked: display_increase_percentage || false,
+      handleToggleChange: this.onToggleIncreaseLabel,
+      label: intl.get('Display_percentage_increase')
+    })));
+  }
+}
 export default TimeCompareStyle;

package/es/stat-editor/stat-settings/basic-chart-settings/summary-method-setting.js

@@ -1,47 +1,41 @@
-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, Fragment } from 'react';
 import intl from 'react-intl-universal';
 import { DTableSelect } from '../../../components';
 import { STATISTICS_COUNT_SHOW, STATISTICS_COUNT_TYPE, STAT_TYPE, SUMMARY_METHOD, TIME_COLUMN_LIST } from '../../../constants';
-var DATE_COLUMN_SUMMARY_METHOD = ['Max', 'Min'];
-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.renderNumericColumn = function () {
-      var _this$props = _this.props,
-        summaryColumnKey = _this$props.summaryColumnKey,
-        numericColumnsOptions = _this$props.numericColumnsOptions,
-        statItem = _this$props.statItem;
-      var selectedColumnOption = _this.props.getSelectedColumnOption(summaryColumnKey, numericColumnsOptions);
+const DATE_COLUMN_SUMMARY_METHOD = ['Max', 'Min'];
+class SummaryMethodSettings extends Component {
+  constructor(props) {
+    super(props);
+    this.renderNumericColumn = () => {
+      let {
+        summaryColumnKey,
+        numericColumnsOptions,
+        statItem
+      } = this.props;
+      let selectedColumnOption = this.props.getSelectedColumnOption(summaryColumnKey, numericColumnsOptions);
       return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
       }, /*#__PURE__*/React.createElement("label", null, statItem.type === STAT_TYPE.PIVOT_TABLE ? intl.get('Summary_column') : intl.get('Numeric_column')), /*#__PURE__*/React.createElement(DTableSelect, {
         value: selectedColumnOption,
-        onChange: _this.onSelectNumericColumn,
+        onChange: this.onSelectNumericColumn,
         options: numericColumnsOptions,
         placeholder: intl.get('Select_a_column'),
-        noOptionsMessage: function noOptionsMessage() {
+        noOptionsMessage: () => {
           return /*#__PURE__*/React.createElement("span", null, intl.get('No_options'));
         }
       }));
     };
-    _this.renderSummaryMethod = function () {
-      var _this$props2 = _this.props,
-        summaryColumnKey = _this$props2.summaryColumnKey,
-        numericColumnsOptions = _this$props2.numericColumnsOptions,
-        summaryMethod = _this$props2.summaryMethod;
-      var selectedMethodOption = _this.getSelectedMethodOption(summaryMethod, _this.summaryMethodsOptions);
-      var summaryMethodOption = _this.summaryMethodsOptions;
-      var selectedColumnOption = _this.props.getSelectedColumnOption(summaryColumnKey, numericColumnsOptions);
+    this.renderSummaryMethod = () => {
+      let {
+        summaryColumnKey,
+        numericColumnsOptions,
+        summaryMethod
+      } = this.props;
+      let selectedMethodOption = this.getSelectedMethodOption(summaryMethod, this.summaryMethodsOptions);
+      let summaryMethodOption = this.summaryMethodsOptions;
+      let selectedColumnOption = this.props.getSelectedColumnOption(summaryColumnKey, numericColumnsOptions);
       if (selectedColumnOption && TIME_COLUMN_LIST.includes(selectedColumnOption.value.type)) {
-        summaryMethodOption = summaryMethodOption.filter(function (option) {
+        summaryMethodOption = summaryMethodOption.filter(option => {
           return option.value == DATE_COLUMN_SUMMARY_METHOD[0] || option.value == DATE_COLUMN_SUMMARY_METHOD[1];
         });
       }
@@ -49,12 +43,12 @@ var SummaryMethodSettings = /*#__PURE__*/function (_Component) {
         className: "statistic-chart-parameter-item"
       }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(DTableSelect, {
         value: selectedMethodOption,
-        onChange: _this.onSelectSummaryMethod,
+        onChange: this.onSelectSummaryMethod,
         options: summaryMethodOption
       }));
     };
-    _this.getSummaryMethodsOptions = function () {
-      return SUMMARY_METHOD.map(function (m) {
+    this.getSummaryMethodsOptions = () => {
+      return SUMMARY_METHOD.map(m => {
         return {
           value: m,
           label: /*#__PURE__*/React.createElement("span", {
@@ -63,38 +57,38 @@ var SummaryMethodSettings = /*#__PURE__*/function (_Component) {
         };
       });
     };
-    _this.getSelectedMethodOption = function (method, summaryMethodsOptions) {
-      return summaryMethodsOptions.find(function (m) {
-        return m.value === method;
-      }) || summaryMethodsOptions[0];
+    this.getSelectedMethodOption = (method, summaryMethodsOptions) => {
+      return summaryMethodsOptions.find(m => m.value === method) || summaryMethodsOptions[0];
     };
-    _this.onChangeSummaryType = function (option) {
-      var type = option.value;
-      var _this$props3 = _this.props,
-        summaryType = _this$props3.summaryType,
-        numericColumnsOptions = _this$props3.numericColumnsOptions;
+    this.onChangeSummaryType = option => {
+      const type = option.value;
+      let {
+        summaryType,
+        numericColumnsOptions
+      } = this.props;
       if (type === summaryType) {
         return;
       }
-      var summaryColumnKey = null;
-      var summaryMethod = null;
+      let summaryColumnKey = null;
+      let summaryMethod = null;
       if (type === STATISTICS_COUNT_TYPE.ADVANCED && Array.isArray(numericColumnsOptions) && numericColumnsOptions.length > 0) {
         summaryColumnKey = numericColumnsOptions[0].value.key;
         summaryMethod = SUMMARY_METHOD[0];
       }
-      _this.props.onChangeSummaryType(type, summaryColumnKey, summaryMethod);
+      this.props.onChangeSummaryType(type, summaryColumnKey, summaryMethod);
     };
-    _this.onSelectNumericColumn = function (columnOption) {
-      var newSummaryColumnKey = columnOption.value.key;
-      if (newSummaryColumnKey === _this.props.summaryColumnKey) {
+    this.onSelectNumericColumn = columnOption => {
+      let newSummaryColumnKey = columnOption.value.key;
+      if (newSummaryColumnKey === this.props.summaryColumnKey) {
         return;
       }
-      var _this$props4 = _this.props,
-        statItem = _this$props4.statItem,
-        updateStatItem = _this$props4.updateStatItem,
-        onSelectNumericColumn = _this$props4.onSelectNumericColumn;
-      var newSummaryColumnType = columnOption.value.type;
-      if (TIME_COLUMN_LIST.includes(newSummaryColumnType) && !DATE_COLUMN_SUMMARY_METHOD.includes(_this.props.summaryMethod)) {
+      const {
+        statItem,
+        updateStatItem,
+        onSelectNumericColumn
+      } = this.props;
+      const newSummaryColumnType = columnOption.value.type;
+      if (TIME_COLUMN_LIST.includes(newSummaryColumnType) && !DATE_COLUMN_SUMMARY_METHOD.includes(this.props.summaryMethod)) {
         updateStatItem(Object.assign({}, statItem, {
           summary_method: DATE_COLUMN_SUMMARY_METHOD[1],
           summary_column_key: newSummaryColumnKey
@@ -103,22 +97,17 @@ var SummaryMethodSettings = /*#__PURE__*/function (_Component) {
       }
       onSelectNumericColumn(newSummaryColumnKey);
     };
-    _this.onSelectSummaryMethod = function (summaryMethodOption) {
-      var newSummaryMethod = summaryMethodOption.value;
-      if (newSummaryMethod === _this.props.summaryMethod) {
+    this.onSelectSummaryMethod = summaryMethodOption => {
+      let newSummaryMethod = summaryMethodOption.value;
+      if (newSummaryMethod === this.props.summaryMethod) {
         return;
       }
-      _this.props.onSelectSummaryMethod(newSummaryMethod);
+      this.props.onSelectSummaryMethod(newSummaryMethod);
     };
-    _this.summaryMethodsOptions = _this.getSummaryMethodsOptions();
-    return _this;
+    this.summaryMethodsOptions = this.getSummaryMethodsOptions();
   }
-  _createClass(SummaryMethodSettings, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(Fragment, null, this.renderNumericColumn(), this.renderSummaryMethod());
-    }
-  }]);
-  return SummaryMethodSettings;
-}(Component);
+  render() {
+    return /*#__PURE__*/React.createElement(Fragment, null, this.renderNumericColumn(), this.renderSummaryMethod());
+  }
+}
 export default SummaryMethodSettings;

package/es/stat-editor/stat-settings/basic-chart-settings/summary-settings.js

@@ -1,22 +1,14 @@
-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, Fragment } from 'react';
 import intl from 'react-intl-universal';
 import { DTableSelect } from '../../../components';
 import { STATISTICS_COUNT_SHOW, STATISTICS_COUNT_TYPE, STAT_TYPE, SUMMARY_METHOD, SUMMARY_TYPE } from '../../../constants';
-var SUMMARY_TYPES = [SUMMARY_TYPE.COUNT, SUMMARY_TYPE.ADVANCED];
-var SummarySettings = /*#__PURE__*/function (_Component) {
-  _inherits(SummarySettings, _Component);
-  var _super = _createSuper(SummarySettings);
-  function SummarySettings(props) {
-    var _this;
-    _classCallCheck(this, SummarySettings);
-    _this = _super.call(this, props);
-    _this.getSummaryTypeOptions = function () {
-      var summaryExplanation = _this.getSummaryExplanation();
-      return SUMMARY_TYPES.map(function (type, index) {
+const SUMMARY_TYPES = [SUMMARY_TYPE.COUNT, SUMMARY_TYPE.ADVANCED];
+class SummarySettings extends Component {
+  constructor(props) {
+    super(props);
+    this.getSummaryTypeOptions = () => {
+      const summaryExplanation = this.getSummaryExplanation();
+      return SUMMARY_TYPES.map((type, index) => {
         return {
           value: type,
           label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
@@ -27,9 +19,13 @@ var SummarySettings = /*#__PURE__*/function (_Component) {
         };
       });
     };
-    _this.getSummaryExplanation = function () {
-      var statItem = _this.props.statItem;
-      var type = statItem.type;
+    this.getSummaryExplanation = () => {
+      const {
+        statItem
+      } = this.props;
+      const {
+        type
+      } = statItem;
       if (type === STAT_TYPE.PIE || type === STAT_TYPE.RING || type === STAT_TYPE.TREEMAP) {
         return {
           count: intl.get('Count_the_number_of_records_in_each_group'),
@@ -46,52 +42,52 @@ var SummarySettings = /*#__PURE__*/function (_Component) {
         advanced: intl.get('Compute_sum_max_min')
       };
     };
-    _this.renderSummaryTypes = function () {
-      var _this$props = _this.props,
-        summaryType = _this$props.summaryType,
-        label = _this$props.label;
+    this.renderSummaryTypes = () => {
+      let {
+        summaryType,
+        label
+      } = this.props;
       summaryType = summaryType || 'count';
-      var selectedSummaryMethod = _this.summaryTypeOptions.find(function (item) {
-        return item.value === summaryType;
-      }) || _this.summaryTypeOptions[0];
+      const selectedSummaryMethod = this.summaryTypeOptions.find(item => item.value === summaryType) || this.summaryTypeOptions[0];
       return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
       }, /*#__PURE__*/React.createElement("label", null, label), /*#__PURE__*/React.createElement(DTableSelect, {
         classNamePrefix: 'statistic-chart-summary-types',
         value: selectedSummaryMethod,
-        onChange: _this.onChangeSummaryType,
-        options: _this.summaryTypeOptions
+        onChange: this.onChangeSummaryType,
+        options: this.summaryTypeOptions
       }));
     };
-    _this.renderNumericColumn = function () {
-      var _this$props2 = _this.props,
-        summaryColumnKey = _this$props2.summaryColumnKey,
-        numericColumnsOptions = _this$props2.numericColumnsOptions;
-      var selectedColumnOption = _this.props.getSelectedColumnOption(summaryColumnKey, numericColumnsOptions);
+    this.renderNumericColumn = () => {
+      const {
+        summaryColumnKey,
+        numericColumnsOptions
+      } = this.props;
+      const selectedColumnOption = this.props.getSelectedColumnOption(summaryColumnKey, numericColumnsOptions);
       return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
       }, /*#__PURE__*/React.createElement("label", null, intl.get('Numeric_column')), /*#__PURE__*/React.createElement(DTableSelect, {
         value: selectedColumnOption,
-        onChange: _this.onSelectNumericColumn,
+        onChange: this.onSelectNumericColumn,
         options: numericColumnsOptions,
         placeholder: intl.get('Select_a_column'),
-        noOptionsMessage: function noOptionsMessage() {
+        noOptionsMessage: () => {
           return /*#__PURE__*/React.createElement("span", null, intl.get('No_options'));
         }
       }));
     };
-    _this.renderSummaryMethod = function () {
-      var selectedMethodOption = _this.getSelectedMethodOption(_this.props.summaryMethod, _this.summaryMethodsOptions);
+    this.renderSummaryMethod = () => {
+      const selectedMethodOption = this.getSelectedMethodOption(this.props.summaryMethod, this.summaryMethodsOptions);
       return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
       }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(DTableSelect, {
         value: selectedMethodOption,
-        onChange: _this.onSelectSummaryMethod,
-        options: _this.summaryMethodsOptions
+        onChange: this.onSelectSummaryMethod,
+        options: this.summaryMethodsOptions
       }));
     };
-    _this.getSummaryMethodsOptions = function () {
-      return SUMMARY_METHOD.map(function (m) {
+    this.getSummaryMethodsOptions = () => {
+      return SUMMARY_METHOD.map(m => {
         return {
           value: m,
           label: /*#__PURE__*/React.createElement("span", {
@@ -100,45 +96,40 @@ var SummarySettings = /*#__PURE__*/function (_Component) {
         };
       });
     };
-    _this.getSelectedMethodOption = function (method, summaryMethodsOptions) {
-      return summaryMethodsOptions.find(function (m) {
-        return m.value === method;
-      }) || summaryMethodsOptions[0];
+    this.getSelectedMethodOption = (method, summaryMethodsOptions) => {
+      return summaryMethodsOptions.find(m => m.value === method) || summaryMethodsOptions[0];
     };
-    _this.onChangeSummaryType = function (option) {
-      var type = option.value;
-      var summaryType = _this.props.summaryType;
+    this.onChangeSummaryType = option => {
+      const type = option.value;
+      const {
+        summaryType
+      } = this.props;
       if (type === summaryType) {
         return;
       }
-      var summaryColumnKey = null;
-      var summaryMethod = type === STATISTICS_COUNT_TYPE.ADVANCED ? SUMMARY_METHOD[0] : null;
-      _this.props.onChangeSummaryType(type, summaryColumnKey, summaryMethod);
+      const summaryColumnKey = null;
+      const summaryMethod = type === STATISTICS_COUNT_TYPE.ADVANCED ? SUMMARY_METHOD[0] : null;
+      this.props.onChangeSummaryType(type, summaryColumnKey, summaryMethod);
     };
-    _this.onSelectNumericColumn = function (columnOption) {
-      var newSummaryColumnKey = columnOption.value.key;
-      if (newSummaryColumnKey === _this.props.summaryColumnKey) {
+    this.onSelectNumericColumn = columnOption => {
+      let newSummaryColumnKey = columnOption.value.key;
+      if (newSummaryColumnKey === this.props.summaryColumnKey) {
         return;
       }
-      _this.props.onSelectNumericColumn(newSummaryColumnKey);
+      this.props.onSelectNumericColumn(newSummaryColumnKey);
     };
-    _this.onSelectSummaryMethod = function (summaryMethodOption) {
-      var newSummaryMethod = summaryMethodOption.value;
-      if (newSummaryMethod === _this.props.summaryMethod) {
+    this.onSelectSummaryMethod = summaryMethodOption => {
+      let newSummaryMethod = summaryMethodOption.value;
+      if (newSummaryMethod === this.props.summaryMethod) {
         return;
       }
-      _this.props.onSelectSummaryMethod(newSummaryMethod);
+      this.props.onSelectSummaryMethod(newSummaryMethod);
     };
-    _this.summaryMethodsOptions = _this.getSummaryMethodsOptions();
-    _this.summaryTypeOptions = _this.getSummaryTypeOptions();
-    return _this;
+    this.summaryMethodsOptions = this.getSummaryMethodsOptions();
+    this.summaryTypeOptions = this.getSummaryTypeOptions();
   }
-  _createClass(SummarySettings, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(Fragment, null, this.renderSummaryTypes(), this.props.summaryType === STATISTICS_COUNT_TYPE.ADVANCED && /*#__PURE__*/React.createElement(Fragment, null, this.renderNumericColumn(), this.renderSummaryMethod()));
-    }
-  }]);
-  return SummarySettings;
-}(Component);
+  render() {
+    return /*#__PURE__*/React.createElement(Fragment, null, this.renderSummaryTypes(), this.props.summaryType === STATISTICS_COUNT_TYPE.ADVANCED && /*#__PURE__*/React.createElement(Fragment, null, this.renderNumericColumn(), this.renderSummaryMethod()));
+  }
+}
 export default SummarySettings;