dtable-statistic 4.2.1 → 4.3.0

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

@@ -1,82 +1,70 @@
-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 { CellType, DATE_COLUMN_OPTIONS, TableUtils } from 'dtable-store';
 import { DTableSelect } from '../../../components';
-var GroupbySettings = /*#__PURE__*/function (_Component) {
-  _inherits(GroupbySettings, _Component);
-  var _super = _createSuper(GroupbySettings);
-  function GroupbySettings() {
-    var _this;
-    _classCallCheck(this, GroupbySettings);
-    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.renderGroupby = function () {
-      var _this$props = _this.props,
-        columnsOptions = _this$props.columnsOptions,
-        groupbyColumnKey = _this$props.groupbyColumnKey,
-        label = _this$props.label;
-      var selectedColumnOption = _this.props.getSelectedColumnOption(groupbyColumnKey, columnsOptions);
+class GroupbySettings extends Component {
+  constructor() {
+    super(...arguments);
+    this.renderGroupby = () => {
+      const {
+        columnsOptions,
+        groupbyColumnKey,
+        label
+      } = this.props;
+      const selectedColumnOption = this.props.getSelectedColumnOption(groupbyColumnKey, columnsOptions);
       return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("label", null, label), /*#__PURE__*/React.createElement(DTableSelect, {
         placeholder: intl.get('Select_a_column'),
         value: selectedColumnOption,
-        onChange: _this.onSelectGroupbyColumn,
+        onChange: this.onSelectGroupbyColumn,
         options: columnsOptions
       }));
     };
-    _this.renderGroupbyDateGranularity = function () {
-      var _this$props2 = _this.props,
-        dateGranularityOptions = _this$props2.dateGranularityOptions,
-        groupbyDateGranularity = _this$props2.groupbyDateGranularity;
-      var selectedDateGranularity = _this.getSelectedDateGranularity(groupbyDateGranularity);
+    this.renderGroupbyDateGranularity = () => {
+      let {
+        dateGranularityOptions,
+        groupbyDateGranularity
+      } = this.props;
+      let selectedDateGranularity = this.getSelectedDateGranularity(groupbyDateGranularity);
       return /*#__PURE__*/React.createElement("div", {
         className: "mt-1"
       }, /*#__PURE__*/React.createElement(DTableSelect, {
         value: selectedDateGranularity,
-        onChange: _this.onSelectGroupbyDateGranularity,
+        onChange: this.onSelectGroupbyDateGranularity,
         options: dateGranularityOptions
       }));
     };
-    _this.renderGroupbyGeolocationGranularity = function () {
-      var _this$props3 = _this.props,
-        geolocationGranularityOptions = _this$props3.geolocationGranularityOptions,
-        groupbyGeolocationGranularity = _this$props3.groupbyGeolocationGranularity;
-      geolocationGranularityOptions = _this.getGeolocationGranularity();
-      var selectedGeolocationGranularity = _this.getSelectedGeolocationGranularity(groupbyGeolocationGranularity);
+    this.renderGroupbyGeolocationGranularity = () => {
+      let {
+        geolocationGranularityOptions,
+        groupbyGeolocationGranularity
+      } = this.props;
+      geolocationGranularityOptions = this.getGeolocationGranularity();
+      let selectedGeolocationGranularity = this.getSelectedGeolocationGranularity(groupbyGeolocationGranularity);
       if (geolocationGranularityOptions.length === 0) return null;
       return /*#__PURE__*/React.createElement("div", {
         className: "mt-1"
       }, /*#__PURE__*/React.createElement(DTableSelect, {
         value: selectedGeolocationGranularity,
-        onChange: _this.onSelectGroupbyGeolocationGranularity,
+        onChange: this.onSelectGroupbyGeolocationGranularity,
         options: geolocationGranularityOptions
       }));
     };
-    _this.getGeolocationGranularity = function () {
-      var _this$props4 = _this.props,
-        geolocationGranularityOptions = _this$props4.geolocationGranularityOptions,
-        selectedTable = _this$props4.selectedTable,
-        groupbyColumnKey = _this$props4.groupbyColumnKey;
-      var column = selectedTable.columns.find(function (column) {
-        return column.key === groupbyColumnKey;
-      });
+    this.getGeolocationGranularity = () => {
+      let {
+        geolocationGranularityOptions,
+        selectedTable,
+        groupbyColumnKey
+      } = this.props;
+      const column = selectedTable.columns.find(column => column.key === groupbyColumnKey);
       if (column) {
-        var _ref = column.data || {},
-          geo_format = _ref.geo_format;
+        const {
+          geo_format
+        } = column.data || {};
         if (geo_format === 'province') {
-          geolocationGranularityOptions = geolocationGranularityOptions.filter(function (option) {
-            return option.value === 'province';
-          });
+          geolocationGranularityOptions = geolocationGranularityOptions.filter(option => option.value === 'province');
         }
         if (geo_format === 'province_city') {
-          geolocationGranularityOptions = geolocationGranularityOptions.filter(function (option) {
-            return option.value !== 'district';
-          });
+          geolocationGranularityOptions = geolocationGranularityOptions.filter(option => option.value !== 'district');
         }
         if (geo_format === 'country_region' || geo_format === 'lng_lat') {
           geolocationGranularityOptions = [];
@@ -84,28 +72,30 @@ var GroupbySettings = /*#__PURE__*/function (_Component) {
       }
       return geolocationGranularityOptions;
     };
-    _this.getSelectedDateGranularity = function (dateGranularity) {
-      var dateGranularityOptions = _this.props.dateGranularityOptions;
-      return dateGranularityOptions.find(function (g) {
-        return g.value === dateGranularity;
-      }) || dateGranularityOptions[2];
+    this.getSelectedDateGranularity = dateGranularity => {
+      let {
+        dateGranularityOptions
+      } = this.props;
+      return dateGranularityOptions.find(g => g.value === dateGranularity) || dateGranularityOptions[2];
     };
-    _this.getSelectedGeolocationGranularity = function (geolocationGranularity) {
-      var geolocationGranularityOptions = _this.props.geolocationGranularityOptions;
-      return geolocationGranularityOptions.find(function (g) {
-        return g.value === geolocationGranularity;
-      }) || geolocationGranularityOptions[2];
+    this.getSelectedGeolocationGranularity = geolocationGranularity => {
+      let {
+        geolocationGranularityOptions
+      } = this.props;
+      return geolocationGranularityOptions.find(g => g.value === geolocationGranularity) || geolocationGranularityOptions[2];
     };
-    _this.onSelectGroupbyColumn = function (columnOption) {
-      var _this$props5 = _this.props,
-        dateGranularityOptions = _this$props5.dateGranularityOptions,
-        groupbyColumnKey = _this$props5.groupbyColumnKey,
-        groupbyDateGranularity = _this$props5.groupbyDateGranularity,
-        groupbyGeolocationGranularity = _this$props5.groupbyGeolocationGranularity,
-        selectedTable = _this$props5.selectedTable;
-      var _columnOption$value = columnOption.value,
-        key = _columnOption$value.key,
-        type = _columnOption$value.type;
+    this.onSelectGroupbyColumn = columnOption => {
+      let {
+        dateGranularityOptions,
+        groupbyColumnKey,
+        groupbyDateGranularity,
+        groupbyGeolocationGranularity,
+        selectedTable
+      } = this.props;
+      let {
+        key,
+        type
+      } = columnOption.value;
       if (key === groupbyColumnKey) {
         return;
       }
@@ -115,11 +105,10 @@ var GroupbySettings = /*#__PURE__*/function (_Component) {
           groupbyDateGranularity = dateGranularityOptions[2].value;
         }
         if (type === CellType.GEOLOCATION) {
-          var geoColumn = selectedTable.columns.find(function (column) {
-            return column.key === key;
-          }) || {};
-          var _ref2 = geoColumn.data || {},
-            geo_format = _ref2.geo_format;
+          const geoColumn = selectedTable.columns.find(column => column.key === key) || {};
+          const {
+            geo_format
+          } = geoColumn.data || {};
           if (geo_format === 'province') {
             groupbyGeolocationGranularity = 'province';
           } else if (geo_format === 'province_city') {
@@ -135,35 +124,32 @@ var GroupbySettings = /*#__PURE__*/function (_Component) {
         groupbyDateGranularity = null;
         groupbyGeolocationGranularity = null;
       }
-      _this.props.onSelectGroupbyColumn(groupbyColumnKey, groupbyDateGranularity, groupbyGeolocationGranularity);
+      this.props.onSelectGroupbyColumn(groupbyColumnKey, groupbyDateGranularity, groupbyGeolocationGranularity);
     };
-    _this.onSelectGroupbyDateGranularity = function (dateGranularityOption) {
-      var newDateGranularity = dateGranularityOption.value;
-      if (newDateGranularity === _this.props.groupbyDateGranularity) return;
-      _this.props.onSelectGroupbyDateGranularity(newDateGranularity);
+    this.onSelectGroupbyDateGranularity = dateGranularityOption => {
+      let newDateGranularity = dateGranularityOption.value;
+      if (newDateGranularity === this.props.groupbyDateGranularity) return;
+      this.props.onSelectGroupbyDateGranularity(newDateGranularity);
     };
-    _this.onSelectGroupbyGeolocationGranularity = function (geolocationGranularityOption) {
-      var newGeolocationGranularity = geolocationGranularityOption.value;
-      if (newGeolocationGranularity === _this.props.groupbyGeolocationGranularity) return;
-      _this.props.onSelectGroupbyGeolocationGranularity(newGeolocationGranularity);
+    this.onSelectGroupbyGeolocationGranularity = geolocationGranularityOption => {
+      let newGeolocationGranularity = geolocationGranularityOption.value;
+      if (newGeolocationGranularity === this.props.groupbyGeolocationGranularity) return;
+      this.props.onSelectGroupbyGeolocationGranularity(newGeolocationGranularity);
     };
-    return _this;
   }
-  _createClass(GroupbySettings, [{
-    key: "render",
-    value: function render() {
-      var _this$props6 = this.props,
-        selectedTable = _this$props6.selectedTable,
-        groupbyColumnKey = _this$props6.groupbyColumnKey,
-        renderIncludeEmpty = _this$props6.renderIncludeEmpty;
-      var groupbyColumn = groupbyColumnKey && TableUtils.getTableColumnByKey(selectedTable, groupbyColumnKey);
-      var _ref3 = groupbyColumn || {},
-        groupbyColumnType = _ref3.type;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "statistic-chart-parameter-item"
-      }, this.renderGroupby(), DATE_COLUMN_OPTIONS.includes(groupbyColumnType) && this.renderGroupbyDateGranularity(), groupbyColumnType === CellType.GEOLOCATION && this.renderGroupbyGeolocationGranularity(), renderIncludeEmpty && renderIncludeEmpty());
-    }
-  }]);
-  return GroupbySettings;
-}(Component);
+  render() {
+    const {
+      selectedTable,
+      groupbyColumnKey,
+      renderIncludeEmpty
+    } = this.props;
+    const groupbyColumn = groupbyColumnKey && TableUtils.getTableColumnByKey(selectedTable, groupbyColumnKey);
+    const {
+      type: groupbyColumnType
+    } = groupbyColumn || {};
+    return /*#__PURE__*/React.createElement("div", {
+      className: "statistic-chart-parameter-item"
+    }, this.renderGroupby(), DATE_COLUMN_OPTIONS.includes(groupbyColumnType) && this.renderGroupbyDateGranularity(), groupbyColumnType === CellType.GEOLOCATION && this.renderGroupbyGeolocationGranularity(), renderIncludeEmpty && renderIncludeEmpty());
+  }
+}
 export default GroupbySettings;