dtable-statistic 4.2.1 → 4.3.0

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

@@ -1,8 +1,3 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-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 { Input } from 'reactstrap';
 import intl from 'react-intl-universal';
@@ -10,32 +5,32 @@ import { DTableSelect } from '../../../components';
 import BaseSettings from '../public-setting/base-settings';
 import ColumnSettings from '../public-setting/column-settings';
 import { STATISTICS_COUNT_SHOW, SUMMARY_METHOD } from '../../../constants';
-var DashboardChartSettings = /*#__PURE__*/function (_Component) {
-  _inherits(DashboardChartSettings, _Component);
-  var _super = _createSuper(DashboardChartSettings);
-  function DashboardChartSettings(props) {
-    var _this;
-    _classCallCheck(this, DashboardChartSettings);
-    _this = _super.call(this, props);
-    _this.onSelectTargetValueColumn = function (option) {
-      var target_value_column = _this.props.statItem.target_value_column;
-      var new_column = option.value.key;
+class DashboardChartSettings extends 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, {
+      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
         target_value_column: new_column
       }));
     };
-    _this.onSelectTotalValueColumn = function (option) {
-      var total_value_column = _this.props.statItem.total_value_column;
-      var new_column = option.value.key;
+    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, {
+      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
         total_value_column: new_column
       }));
     };
-    _this.getSummaryMethodsOptions = function () {
-      var numberCardSummaryMethod = ['Row_count'].concat(_toConsumableArray(SUMMARY_METHOD));
-      return numberCardSummaryMethod.map(function (method) {
+    this.getSummaryMethodsOptions = () => {
+      let numberCardSummaryMethod = ['Row_count', ...SUMMARY_METHOD];
+      return numberCardSummaryMethod.map(method => {
         return {
           label: /*#__PURE__*/React.createElement("span", {
             className: "select-option-name"
@@ -44,151 +39,157 @@ var DashboardChartSettings = /*#__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.onSelectTargetValueColumnSummaryMethod = function (option) {
-      var target_value_column_summary_method = _this.props.statItem.target_value_column_summary_method;
-      var new_summary_method = option.value;
+    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, {
+      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
         target_value_column_summary_method: new_summary_method
       }));
     };
-    _this.onSelectTotalValueColumnSummaryMethod = function (option) {
-      var total_value_column_summary_method = _this.props.statItem.total_value_column_summary_method;
-      var new_summary_method = option.value;
+    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, {
+      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
         total_value_column_summary_method: new_summary_method
       }));
     };
-    _this.renderSummaryMethod = function (option) {
-      var statItem = _this.props.statItem;
-      var target_value_column_summary_method = statItem.target_value_column_summary_method,
-        total_value_column_summary_method = statItem.total_value_column_summary_method;
-      var summary_method, onSelectSummaryMethod;
+    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;
+        onSelectSummaryMethod = this.onSelectTargetValueColumnSummaryMethod;
       } else {
         summary_method = total_value_column_summary_method;
-        onSelectSummaryMethod = _this.onSelectTotalValueColumnSummaryMethod;
+        onSelectSummaryMethod = this.onSelectTotalValueColumnSummaryMethod;
       }
-      var selectedMethodOption = _this.getSelectedMethodOption(summary_method, _this.summaryMethodsOptions);
+      const selectedMethodOption = this.getSelectedMethodOption(summary_method, 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: onSelectSummaryMethod,
-        options: _this.summaryMethodsOptions
+        options: this.summaryMethodsOptions
       }));
     };
-    _this.onChangeName = function (event) {
-      var value = event.target.value;
-      _this.setState({
+    this.onChangeName = event => {
+      const value = event.target.value;
+      this.setState({
         statName: value
       });
     };
-    _this.onSaveName = function (event) {
-      _this.props.updateStatItem(Object.assign({}, _this.props.statItem, {
-        name: _this.state.statName
+    this.onSaveName = event => {
+      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
+        name: this.state.statName
       }));
     };
-    _this.onKeyDown = function (e) {
+    this.onKeyDown = e => {
       if (e.key == 'Enter') {
         e.preventDefault();
         e.target.blur();
       }
     };
-    _this.getStyleSetting = function () {
-      var statItem = _this.props.statItem;
-      var statName = _this.state.statName;
+    this.getStyleSetting = () => {
+      const {
+        statItem
+      } = this.props;
+      const {
+        statName
+      } = this.state;
       return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
       }, /*#__PURE__*/React.createElement("label", null, intl.get('Label')), /*#__PURE__*/React.createElement(Input, {
         type: "text",
         value: statName || '',
         placeholder: statItem.name,
-        onBlur: _this.onSaveName,
-        onKeyDown: _this.onKeyDown,
-        onChange: _this.onChangeName
+        onBlur: this.onSaveName,
+        onKeyDown: this.onKeyDown,
+        onChange: this.onChangeName
       })));
     };
-    var numericColumns = props.numericColumns,
-      getColumnsOptions = props.getColumnsOptions,
-      _statItem = props.statItem;
-    _this.numericColumnOptions = getColumnsOptions(numericColumns);
-    _this.summaryMethodsOptions = _this.getSummaryMethodsOptions();
-    _this.state = {
+    const {
+      numericColumns,
+      getColumnsOptions,
+      statItem: _statItem
+    } = props;
+    this.numericColumnOptions = getColumnsOptions(numericColumns);
+    this.summaryMethodsOptions = this.getSummaryMethodsOptions();
+    this.state = {
       statName: _statItem.name
     };
-    return _this;
   }
-  _createClass(DashboardChartSettings, [{
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
-      if (nextProps.selectedTableId !== this.props.selectedTableId) {
-        var numericColumns = nextProps.numericColumns,
-          getColumnsOptions = nextProps.getColumnsOptions;
-        this.numericColumnOptions = getColumnsOptions(numericColumns);
-      }
+  componentWillReceiveProps(nextProps) {
+    if (nextProps.selectedTableId !== this.props.selectedTableId) {
+      const {
+        numericColumns,
+        getColumnsOptions
+      } = nextProps;
+      this.numericColumnOptions = getColumnsOptions(numericColumns);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        getTables = _this$props.getTables,
-        getViews = _this$props.getViews,
-        statItem = _this$props.statItem,
-        updateStatItem = _this$props.updateStatItem,
-        selectedTableId = _this$props.selectedTableId,
-        settingType = _this$props.settingType;
-      if (settingType === 'style') {
-        return this.getStyleSetting();
-      }
-      var target_value_column = statItem.target_value_column,
-        total_value_column = statItem.total_value_column;
-      var selectedTargetValueColumnOption = this.numericColumnOptions.filter(function (option) {
-        return option.value.key === target_value_column;
-      })[0];
-      var selectedTotalValueColumnOption = this.numericColumnOptions.filter(function (option) {
-        return option.value.key === total_value_column;
-      })[0];
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
-        statItem: statItem,
-        selectedTableId: selectedTableId,
-        selectedViewId: statItem.view_id,
-        getTables: getTables,
-        getViews: getViews,
-        getTableById: this.props.getTableById,
-        getConvertedChart: this.props.getConvertedChart,
-        updateStatItem: updateStatItem
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "statistic-chart-parameter-divider"
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/React.createElement("label", null, intl.get('Current_value_field')), /*#__PURE__*/React.createElement(ColumnSettings, {
-        columnsOptions: this.numericColumnOptions,
-        selectedColumnOption: selectedTargetValueColumnOption,
-        onChangeSelectedColumn: this.onSelectTargetValueColumn
-      })), this.renderSummaryMethod({
-        targetColumn: 'target_value_column'
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "statistic-chart-parameter-divider"
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/React.createElement("label", null, intl.get('Total_value_field')), /*#__PURE__*/React.createElement(ColumnSettings, {
-        columnsOptions: this.numericColumnOptions,
-        selectedColumnOption: selectedTotalValueColumnOption,
-        onChangeSelectedColumn: this.onSelectTotalValueColumn
-      })), this.renderSummaryMethod({
-        targetColumn: 'total_value_column'
-      }));
+  }
+  render() {
+    const {
+      getTables,
+      getViews,
+      statItem,
+      updateStatItem,
+      selectedTableId,
+      settingType
+    } = this.props;
+    if (settingType === 'style') {
+      return this.getStyleSetting();
     }
-  }]);
-  return DashboardChartSettings;
-}(Component);
+    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.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
+      statItem: statItem,
+      selectedTableId: selectedTableId,
+      selectedViewId: statItem.view_id,
+      getTables: getTables,
+      getViews: getViews,
+      getTableById: this.props.getTableById,
+      getConvertedChart: this.props.getConvertedChart,
+      updateStatItem: updateStatItem
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "statistic-chart-parameter-divider"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "statistic-chart-parameter-item"
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Current_value_field')), /*#__PURE__*/React.createElement(ColumnSettings, {
+      columnsOptions: this.numericColumnOptions,
+      selectedColumnOption: selectedTargetValueColumnOption,
+      onChangeSelectedColumn: this.onSelectTargetValueColumn
+    })), this.renderSummaryMethod({
+      targetColumn: 'target_value_column'
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "statistic-chart-parameter-divider"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "statistic-chart-parameter-item"
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Total_value_field')), /*#__PURE__*/React.createElement(ColumnSettings, {
+      columnsOptions: this.numericColumnOptions,
+      selectedColumnOption: selectedTotalValueColumnOption,
+      onChangeSelectedColumn: this.onSelectTotalValueColumn
+    })), this.renderSummaryMethod({
+      targetColumn: 'total_value_column'
+    }));
+  }
+}
 export default DashboardChartSettings;

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

@@ -1,9 +1,11 @@
 import React, { Fragment } from 'react';
 import { DTableSelect } from '../../../components';
 function GeoGranularitySettings(props) {
-  var geoGranularityOptions = props.geoGranularityOptions,
-    selectedGeoGranularityOption = props.selectedGeoGranularityOption,
-    onChangeGeoGranularity = props.onChangeGeoGranularity;
+  const {
+    geoGranularityOptions,
+    selectedGeoGranularityOption,
+    onChangeGeoGranularity
+  } = props;
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(DTableSelect, {
     value: selectedGeoGranularityOption,
     options: geoGranularityOptions,

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

@@ -1,7 +1,3 @@
-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 BaseSettings from '../public-setting/base-settings';
@@ -9,100 +5,92 @@ import ColumnSettings from '../public-setting/column-settings';
 import SummarySettings from './summary-settings';
 import StyleSettings from './style-setting/heat-map-settings';
 import { isStatisticDateColumn } from '../../../utils/column-utils';
-var HeatMapSettings = /*#__PURE__*/function (_Component) {
-  _inherits(HeatMapSettings, _Component);
-  var _super = _createSuper(HeatMapSettings);
-  function HeatMapSettings(props) {
-    var _this;
-    _classCallCheck(this, HeatMapSettings);
-    _this = _super.call(this, props);
-    _this.getSelectedDateColumnOption = function () {
-      return _this.dateColumnsOptions.find(function (option) {
-        return option.value.key === _this.props.statItem.time_column;
-      });
+class HeatMapSettings extends Component {
+  constructor(props) {
+    super(props);
+    this.getSelectedDateColumnOption = () => {
+      return this.dateColumnsOptions.find(option => option.value.key === this.props.statItem.time_column);
     };
-    _this.onSelectDateColumn = function (option) {
-      var time_column = _this.props.statItem.time_column;
-      var new_time_column = option.value.key;
+    this.onSelectDateColumn = option => {
+      const {
+        time_column
+      } = this.props.statItem;
+      const new_time_column = option.value.key;
       if (new_time_column === time_column) return;
-      _this.props.updateStatItem(Object.assign({}, _this.props.statItem, {
+      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
         time_column: new_time_column
       }));
     };
-    var columns = props.columns,
-      getColumnsOptions = props.getColumnsOptions;
-    var dateColumns = columns.filter(function (column) {
-      return isStatisticDateColumn(column);
-    });
-    _this.dateColumnsOptions = getColumnsOptions(dateColumns);
-    return _this;
+    const {
+      columns,
+      getColumnsOptions
+    } = props;
+    const dateColumns = columns.filter(column => isStatisticDateColumn(column));
+    this.dateColumnsOptions = getColumnsOptions(dateColumns);
   }
-  _createClass(HeatMapSettings, [{
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
-      if (nextProps.selectedTableId !== this.props.selectedTableId) {
-        var columns = nextProps.columns,
-          getColumnsOptions = nextProps.getColumnsOptions;
-        var dateColumns = columns.filter(function (column) {
-          return isStatisticDateColumn(column);
-        });
-        this.dateColumnsOptions = getColumnsOptions(dateColumns);
-      }
+  componentWillReceiveProps(nextProps) {
+    if (nextProps.selectedTableId !== this.props.selectedTableId) {
+      const {
+        columns,
+        getColumnsOptions
+      } = nextProps;
+      const dateColumns = columns.filter(column => isStatisticDateColumn(column));
+      this.dateColumnsOptions = getColumnsOptions(dateColumns);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        getTables = _this$props.getTables,
-        getViews = _this$props.getViews,
-        settingType = _this$props.settingType,
-        selectedTableId = _this$props.selectedTableId,
-        statItem = _this$props.statItem,
-        getColumnsOptions = _this$props.getColumnsOptions,
-        numericColumns = _this$props.numericColumns;
-      var selectedViewId = statItem.view_id;
-      var selectedDateColumnOption = this.getSelectedDateColumnOption();
-      if (settingType === 'style') {
-        return /*#__PURE__*/React.createElement(StyleSettings, {
-          statItem: statItem,
-          onChangeColor: this.props.onChangeColor,
-          updateStatItem: this.props.updateStatItem
-        });
-      }
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
+  }
+  render() {
+    const {
+      getTables,
+      getViews,
+      settingType,
+      selectedTableId,
+      statItem,
+      getColumnsOptions,
+      numericColumns
+    } = this.props;
+    const {
+      view_id: selectedViewId
+    } = statItem;
+    const selectedDateColumnOption = this.getSelectedDateColumnOption();
+    if (settingType === 'style') {
+      return /*#__PURE__*/React.createElement(StyleSettings, {
         statItem: statItem,
-        selectedTableId: selectedTableId,
-        selectedViewId: selectedViewId,
-        getTables: getTables,
-        getViews: getViews,
-        getTableById: this.props.getTableById,
-        getConvertedChart: this.props.getConvertedChart,
+        onChangeColor: this.props.onChangeColor,
         updateStatItem: this.props.updateStatItem
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "statistic-chart-parameter-divider"
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/React.createElement("label", null, intl.get('Time_field')), /*#__PURE__*/React.createElement(ColumnSettings, {
-        columnsOptions: this.dateColumnsOptions,
-        selectedColumnOption: selectedDateColumnOption,
-        onChangeSelectedColumn: this.onSelectDateColumn
-      })), /*#__PURE__*/React.createElement("div", {
-        className: "statistic-chart-parameter-divider"
-      }), /*#__PURE__*/React.createElement(SummarySettings, {
-        label: intl.get('Summary_method'),
-        statItem: statItem,
-        selectedTableId: selectedTableId,
-        numericColumns: numericColumns,
-        summaryType: statItem.summary_type,
-        summaryMethod: statItem.summary_method,
-        summaryColumn: statItem.summary_column,
-        getColumnsOptions: getColumnsOptions,
-        onChangeSummaryType: this.props.onChangeSummaryType,
-        onSelectSummaryColumn: this.props.onSelectSummaryColumn,
-        onSelectSummaryMethod: this.props.onSelectSummaryMethod
-      }));
+      });
     }
-  }]);
-  return HeatMapSettings;
-}(Component);
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
+      statItem: statItem,
+      selectedTableId: selectedTableId,
+      selectedViewId: selectedViewId,
+      getTables: getTables,
+      getViews: getViews,
+      getTableById: this.props.getTableById,
+      getConvertedChart: this.props.getConvertedChart,
+      updateStatItem: this.props.updateStatItem
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "statistic-chart-parameter-divider"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "statistic-chart-parameter-item"
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Time_field')), /*#__PURE__*/React.createElement(ColumnSettings, {
+      columnsOptions: this.dateColumnsOptions,
+      selectedColumnOption: selectedDateColumnOption,
+      onChangeSelectedColumn: this.onSelectDateColumn
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "statistic-chart-parameter-divider"
+    }), /*#__PURE__*/React.createElement(SummarySettings, {
+      label: intl.get('Summary_method'),
+      statItem: statItem,
+      selectedTableId: selectedTableId,
+      numericColumns: numericColumns,
+      summaryType: statItem.summary_type,
+      summaryMethod: statItem.summary_method,
+      summaryColumn: statItem.summary_column,
+      getColumnsOptions: getColumnsOptions,
+      onChangeSummaryType: this.props.onChangeSummaryType,
+      onSelectSummaryColumn: this.props.onSelectSummaryColumn,
+      onSelectSummaryMethod: this.props.onSelectSummaryMethod
+    }));
+  }
+}
 export default HeatMapSettings;