dtable-statistic 4.2.2 → 4.3.1

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

@@ -1,9 +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 _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _COMPARED_LIST;
 import React, { Component, Fragment } from 'react';
 import intl from 'react-intl-universal';
 import { DTableSelect } from '../../../components';
@@ -11,17 +5,21 @@ import ColumnSettings from '../public-setting/column-settings';
 import BaseSettings from '../public-setting/base-settings';
 import SummarySettings from './summary-settings';
 import { isStatisticDateColumn } from '../../../utils/column-utils';
-var COMPARE_GRANULARITY = ['day', 'week', 'quarter', 'month', 'year', 'days_7', 'days_30'];
-var COMPARED_LIST = (_COMPARED_LIST = {}, _defineProperty(_COMPARED_LIST, COMPARE_GRANULARITY[0], 'Yesterday_vs_the_day_before_yesterday'), _defineProperty(_COMPARED_LIST, COMPARE_GRANULARITY[1], 'Last_week_vs_the_week_before_last'), _defineProperty(_COMPARED_LIST, COMPARE_GRANULARITY[3], 'Last_month_vs_the_month_before_last'), _defineProperty(_COMPARED_LIST, COMPARE_GRANULARITY[2], 'Last_quarter_vs_the_quarter_before_last'), _defineProperty(_COMPARED_LIST, COMPARE_GRANULARITY[4], 'Last_year_vs_the_year_before_last'), _defineProperty(_COMPARED_LIST, COMPARE_GRANULARITY[5], 'Last_7_days_vs_previous_7_days'), _defineProperty(_COMPARED_LIST, COMPARE_GRANULARITY[6], 'Last_30_days_vs_previous_30_days'), _COMPARED_LIST);
-var TrendSettings = /*#__PURE__*/function (_Component) {
-  _inherits(TrendSettings, _Component);
-  var _super = _createSuper(TrendSettings);
-  function TrendSettings(props) {
-    var _this;
-    _classCallCheck(this, TrendSettings);
-    _this = _super.call(this, props);
-    _this.getGranularityOptions = function (options) {
-      return options.map(function (g) {
+const COMPARE_GRANULARITY = ['day', 'week', 'quarter', 'month', 'year', 'days_7', 'days_30'];
+const COMPARED_LIST = {
+  [COMPARE_GRANULARITY[0]]: 'Yesterday_vs_the_day_before_yesterday',
+  [COMPARE_GRANULARITY[1]]: 'Last_week_vs_the_week_before_last',
+  [COMPARE_GRANULARITY[3]]: 'Last_month_vs_the_month_before_last',
+  [COMPARE_GRANULARITY[2]]: 'Last_quarter_vs_the_quarter_before_last',
+  [COMPARE_GRANULARITY[4]]: 'Last_year_vs_the_year_before_last',
+  [COMPARE_GRANULARITY[5]]: 'Last_7_days_vs_previous_7_days',
+  [COMPARE_GRANULARITY[6]]: 'Last_30_days_vs_previous_30_days'
+};
+class TrendSettings extends Component {
+  constructor(props) {
+    super(props);
+    this.getGranularityOptions = options => {
+      return options.map(g => {
         return {
           value: g,
           label: /*#__PURE__*/React.createElement("span", {
@@ -30,110 +28,108 @@ var TrendSettings = /*#__PURE__*/function (_Component) {
         };
       });
     };
-    _this.getSelectedDateColumnOption = function () {
-      return _this.dateColumnsOptions.find(function (option) {
-        return option.value.key === _this.props.statItem.date_column;
-      });
+    this.getSelectedDateColumnOption = () => {
+      return this.dateColumnsOptions.find(option => option.value.key === this.props.statItem.date_column);
     };
-    _this.onSelectDateColumn = function (option) {
-      var date_column = _this.props.statItem.date_column;
-      var new_date_column = option.value.key;
+    this.onSelectDateColumn = option => {
+      const {
+        date_column
+      } = this.props.statItem;
+      const new_date_column = option.value.key;
       if (new_date_column === date_column) return;
-      _this.props.updateStatItem(Object.assign({}, _this.props.statItem, {
+      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
         date_column: new_date_column
       }));
     };
-    _this.onSelectGroupbyGeolocationGranularity = function (option) {
-      var date_granularity = _this.props.statItem.date_granularity;
+    this.onSelectGroupbyGeolocationGranularity = option => {
+      const {
+        date_granularity
+      } = this.props.statItem;
       if (option.value === date_granularity) return;
-      _this.props.updateStatItem(Object.assign({}, _this.props.statItem, {
+      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
         date_granularity: option.value
       }));
     };
-    _this.renderDateGranularity = function () {
-      var statItem = _this.props.statItem;
-      var date_granularity = statItem.date_granularity;
-      var selectedGeolocationGranularity = _this.dateGranularityOptions.find(function (option) {
-        return option.value === date_granularity;
-      });
+    this.renderDateGranularity = () => {
+      const {
+        statItem
+      } = this.props;
+      const {
+        date_granularity
+      } = statItem;
+      const selectedGeolocationGranularity = this.dateGranularityOptions.find(option => option.value === date_granularity);
       return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
       }, /*#__PURE__*/React.createElement("label", null, intl.get('Comparison_mode')), /*#__PURE__*/React.createElement(DTableSelect, {
         value: selectedGeolocationGranularity,
-        onChange: _this.onSelectGroupbyGeolocationGranularity,
-        options: _this.dateGranularityOptions
+        onChange: this.onSelectGroupbyGeolocationGranularity,
+        options: this.dateGranularityOptions
       }));
     };
-    var columns = props.columns,
-      getColumnsOptions = props.getColumnsOptions;
-    var dateColumns = columns.filter(function (column) {
-      return isStatisticDateColumn(column);
-    });
-    _this.dateColumnsOptions = getColumnsOptions(dateColumns);
-    _this.dateGranularityOptions = _this.getGranularityOptions(COMPARE_GRANULARITY);
-    return _this;
+    const {
+      columns,
+      getColumnsOptions
+    } = props;
+    const dateColumns = columns.filter(column => isStatisticDateColumn(column));
+    this.dateColumnsOptions = getColumnsOptions(dateColumns);
+    this.dateGranularityOptions = this.getGranularityOptions(COMPARE_GRANULARITY);
   }
-  _createClass(TrendSettings, [{
-    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 selectedDateColumnOption = this.getSelectedDateColumnOption();
-      if (settingType === 'style') {
-        return null;
-      }
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
-        statItem: statItem,
-        selectedTableId: statItem.table_id,
-        selectedViewId: statItem.view_id,
-        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
-      })), this.renderDateGranularity(), /*#__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
-      }));
+  }
+  render() {
+    const {
+      getTables,
+      getViews,
+      settingType,
+      selectedTableId,
+      statItem,
+      getColumnsOptions,
+      numericColumns
+    } = this.props;
+    const selectedDateColumnOption = this.getSelectedDateColumnOption();
+    if (settingType === 'style') {
+      return null;
     }
-  }]);
-  return TrendSettings;
-}(Component);
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
+      statItem: statItem,
+      selectedTableId: statItem.table_id,
+      selectedViewId: statItem.view_id,
+      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
+    })), this.renderDateGranularity(), /*#__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 TrendSettings;

package/es/stat-editor/stat-settings/advance-chart-settings/world-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,103 +5,97 @@ import ColumnSettings from '../public-setting/column-settings';
 import SummarySettings from './summary-settings';
 import MapStyleSetting from './style-setting/map-setting';
 import { isWorldMapColumn } from '../../../utils/column-utils';
-var WordMapSettings = /*#__PURE__*/function (_Component) {
-  _inherits(WordMapSettings, _Component);
-  var _super = _createSuper(WordMapSettings);
-  function WordMapSettings(props) {
-    var _this;
-    _classCallCheck(this, WordMapSettings);
-    _this = _super.call(this, props);
-    _this.getColumns = function (columns) {
+class WordMapSettings extends Component {
+  constructor(props) {
+    super(props);
+    this.getColumns = columns => {
       if (!Array.isArray(columns) || columns.length === 0) return [];
-      return columns.filter(function (column) {
-        return isWorldMapColumn(column);
-      });
+      return columns.filter(column => isWorldMapColumn(column));
     };
-    _this.getSelectedTextColumnOption = function () {
-      return _this.textColumnsOptions.find(function (option) {
-        return option.value.key === _this.props.statItem.column;
-      });
+    this.getSelectedTextColumnOption = () => {
+      return this.textColumnsOptions.find(option => option.value.key === this.props.statItem.column);
     };
-    _this.onSelectTextColumn = function (option) {
-      var column = _this.props.statItem.column;
-      var new_column = option.value.key;
+    this.onSelectTextColumn = option => {
+      const {
+        column
+      } = this.props.statItem;
+      const new_column = option.value.key;
       if (new_column === column) return;
-      _this.props.updateStatItem(Object.assign({}, _this.props.statItem, {
+      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
         column: new_column
       }));
     };
-    var getColumnsOptions = props.getColumnsOptions,
-      _columns = props.columns;
-    var textColumns = _this.getColumns(_columns);
-    _this.textColumnsOptions = getColumnsOptions(textColumns);
-    return _this;
+    const {
+      getColumnsOptions,
+      columns: _columns
+    } = props;
+    const textColumns = this.getColumns(_columns);
+    this.textColumnsOptions = getColumnsOptions(textColumns);
   }
-  _createClass(WordMapSettings, [{
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
-      if (nextProps.selectedTableId !== this.props.selectedTableId) {
-        var getColumnsOptions = nextProps.getColumnsOptions,
-          columns = nextProps.columns;
-        var textColumns = this.getColumns(columns);
-        this.textColumnsOptions = getColumnsOptions(textColumns);
-      }
+  componentWillReceiveProps(nextProps) {
+    if (nextProps.selectedTableId !== this.props.selectedTableId) {
+      const {
+        getColumnsOptions,
+        columns
+      } = nextProps;
+      const textColumns = this.getColumns(columns);
+      this.textColumnsOptions = getColumnsOptions(textColumns);
     }
-  }, {
-    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 selectedTextColumnOption = this.getSelectedTextColumnOption();
-      var selectedViewId = statItem.view_id;
-      if (settingType === 'style') {
-        return /*#__PURE__*/React.createElement(MapStyleSetting, {
-          statItem: statItem,
-          currentColor: statItem.data_color,
-          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 selectedTextColumnOption = this.getSelectedTextColumnOption();
+    const {
+      view_id: selectedViewId
+    } = statItem;
+    if (settingType === 'style') {
+      return /*#__PURE__*/React.createElement(MapStyleSetting, {
         statItem: statItem,
-        selectedTableId: selectedTableId,
-        selectedViewId: selectedViewId,
-        getTables: getTables,
-        getViews: getViews,
-        getTableById: this.props.getTableById,
-        getConvertedChart: this.props.getConvertedChart,
+        currentColor: statItem.data_color,
+        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('Location_field')), /*#__PURE__*/React.createElement(ColumnSettings, {
-        columnsOptions: this.textColumnsOptions,
-        selectedColumnOption: selectedTextColumnOption,
-        onChangeSelectedColumn: this.onSelectTextColumn
-      })), /*#__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 WordMapSettings;
-}(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('Location_field')), /*#__PURE__*/React.createElement(ColumnSettings, {
+      columnsOptions: this.textColumnsOptions,
+      selectedColumnOption: selectedTextColumnOption,
+      onChangeSelectedColumn: this.onSelectTextColumn
+    })), /*#__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 WordMapSettings;