dtable-statistic 4.3.3 → 4.3.4

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

@@ -1,40 +1,32 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _dtableStore = require("dtable-store");
-var _components = require("../../../components");
-var _columnSettings = _interopRequireDefault(require("../public-setting/column-settings"));
-var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
-var _combinationStyleSetting = _interopRequireDefault(require("./style-setting/combination-style-setting"));
-var _toggleSetting = _interopRequireDefault(require("../public-setting/toggle-setting"));
-var _summarySettings = _interopRequireDefault(require("./summary-settings"));
-var _constants = require("../../../constants");
+import React, { Component, Fragment } from 'react';
+import { Input } from 'reactstrap';
+import intl from 'react-intl-universal';
+import { CellType, TableUtils } from 'dtable-store';
+import { DTableSelect } from '../../../components';
+import ColumnSettings from '../public-setting/column-settings';
+import BaseSettings from '../public-setting/base-settings';
+import CombinationStyleSettings from './style-setting/combination-style-setting';
+import ToggleSetting from '../public-setting/toggle-setting';
+import SummarySettings from './summary-settings';
+import { BASIC_CHART_COLUMN_LIST, DATE_GRANULARITY, GEOLOCATION_GRANULARITY, STATISTICS_COUNT_SHOW, SUMMARY_METHOD, SUMMARY_TYPE } from '../../../constants';
 const DATE_COLUMN_OPTIONS = ['date', 'mtime', 'ctime'];
-const DATE_GRANULARITY_LIST = [_constants.DATE_GRANULARITY.DAY, _constants.DATE_GRANULARITY.WEEK, _constants.DATE_GRANULARITY.MONTH, _constants.DATE_GRANULARITY.QUARTER, _constants.DATE_GRANULARITY.YEAR];
-const GEOLOCATION_GRANULARITY_LIST = [_constants.GEOLOCATION_GRANULARITY.PROVINCE, _constants.GEOLOCATION_GRANULARITY.CITY, _constants.GEOLOCATION_GRANULARITY.DISTRICT];
+const DATE_GRANULARITY_LIST = [DATE_GRANULARITY.DAY, DATE_GRANULARITY.WEEK, DATE_GRANULARITY.MONTH, DATE_GRANULARITY.QUARTER, DATE_GRANULARITY.YEAR];
+const GEOLOCATION_GRANULARITY_LIST = [GEOLOCATION_GRANULARITY.PROVINCE, GEOLOCATION_GRANULARITY.CITY, GEOLOCATION_GRANULARITY.DISTRICT];
 const GROUP_TYPES = {
   COUNT: 'count',
   SINGLE_NUMERIC_COLUMN: 'single_numeric_column',
   MULTIPLE_NUMERIC_COLUMN: 'multiple_numeric_column'
 };
-class CombinationSettings extends _react.Component {
+class CombinationSettings extends Component {
   constructor(props) {
     super(props);
     this.getGranularityOptions = options => {
       return options.map(g => {
         return {
           value: g,
-          label: /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement("span", {
             className: 'select-module select-module-name'
-          }, _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[g]))
+          }, intl.get(STATISTICS_COUNT_SHOW[g]))
         };
       });
     };
@@ -43,9 +35,9 @@ class CombinationSettings extends _react.Component {
         statItem
       } = this.props;
       let selectedDateGranularity = this.getSelectedDateGranularity(statItem.x_axis_date_granularity);
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "mt-1"
-      }, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/React.createElement(DTableSelect, {
         value: selectedDateGranularity,
         onChange: this.onSelectGroupbyDateGranularity,
         options: this.dateGranularityOptions
@@ -64,9 +56,9 @@ class CombinationSettings extends _react.Component {
       } = this.props;
       let selectedGeolocationGranularity = this.getSelectedGeolocationGranularity(statItem.x_axis_geolocation_granularity);
       if (this.geolocationGranularityOptions.length === 0) return null;
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "mt-1"
-      }, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/React.createElement(DTableSelect, {
         value: selectedGeolocationGranularity,
         onChange: this.onSelectGroupbyGeolocationGranularity,
         options: this.geolocationGranularityOptions
@@ -87,7 +79,7 @@ class CombinationSettings extends _react.Component {
     };
     this.getAvailableColumns = columns => {
       if (!columns || !Array.isArray(columns)) return [];
-      return columns.filter(c => _constants.BASIC_CHART_COLUMN_LIST.includes(c.type));
+      return columns.filter(c => BASIC_CHART_COLUMN_LIST.includes(c.type));
     };
     this.getSelectedStatColumnOption = () => {
       return this.columnsOptions.find(option => option.value.key === this.props.statItem.x_axis_column_key);
@@ -109,12 +101,12 @@ class CombinationSettings extends _react.Component {
         type,
         key
       } = option.value;
-      if (type === _dtableStore.CellType.DATE) {
+      if (type === CellType.DATE) {
         x_axis_date_granularity = this.dateGranularityOptions[2].value;
       } else {
         x_axis_date_granularity = null;
       }
-      if (type === _dtableStore.CellType.GEOLOCATION) {
+      if (type === CellType.GEOLOCATION) {
         const selectedTable = getTableById(selectedTableId);
         const geoColumn = selectedTable.columns.find(column => column.key === key) || {};
         const {
@@ -139,11 +131,11 @@ class CombinationSettings extends _react.Component {
       }));
     };
     this.getSummaryMethodsOptions = () => {
-      return _constants.SUMMARY_METHOD.map(method => {
+      return SUMMARY_METHOD.map(method => {
         return {
-          label: /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement("span", {
             className: "select-option-name"
-          }, _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[method])),
+          }, intl.get(STATISTICS_COUNT_SHOW[method])),
           value: method
         };
       });
@@ -163,9 +155,9 @@ class CombinationSettings extends _react.Component {
       const {
         statName
       } = this.state;
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('X-axis')), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
+      }, /*#__PURE__*/React.createElement("label", null, intl.get('X-axis')), /*#__PURE__*/React.createElement(Input, {
         type: "text",
         onBlur: this.onSaveName,
         onChange: this.onChangeName,
@@ -186,10 +178,10 @@ class CombinationSettings extends _react.Component {
         y_axis_left_summary_method,
         y_axis_left_group_by_numeric_columns
       } = statItem;
-      let newSummaryType = option === GROUP_TYPES.COUNT ? _constants.SUMMARY_TYPE.COUNT : _constants.SUMMARY_TYPE.ADVANCED;
+      let newSummaryType = option === GROUP_TYPES.COUNT ? SUMMARY_TYPE.COUNT : SUMMARY_TYPE.ADVANCED;
       if (position === 'left') {
-        if (newSummaryType === _constants.SUMMARY_TYPE.COUNT && y_axis_left_summary_type === _constants.SUMMARY_TYPE.COUNT) return;
-        if (option === GROUP_TYPES.SINGLE_NUMERIC_COLUMN && !y_axis_left_group_by_multiple_numeric_column && y_axis_left_summary_type !== _constants.SUMMARY_TYPE.COUNT) return;
+        if (newSummaryType === SUMMARY_TYPE.COUNT && y_axis_left_summary_type === SUMMARY_TYPE.COUNT) return;
+        if (option === GROUP_TYPES.SINGLE_NUMERIC_COLUMN && !y_axis_left_group_by_multiple_numeric_column && y_axis_left_summary_type !== SUMMARY_TYPE.COUNT) return;
         if (option === GROUP_TYPES.MULTIPLE_NUMERIC_COLUMN && y_axis_left_group_by_multiple_numeric_column) return;
         if (option === GROUP_TYPES.COUNT) {
           y_axis_left_summary_column = null;
@@ -199,13 +191,13 @@ class CombinationSettings extends _react.Component {
         }
         if (option === GROUP_TYPES.SINGLE_NUMERIC_COLUMN) {
           y_axis_left_summary_column = null;
-          y_axis_left_summary_method = _constants.SUMMARY_METHOD[0];
+          y_axis_left_summary_method = SUMMARY_METHOD[0];
           y_axis_left_group_by_multiple_numeric_column = false;
           y_axis_left_group_by_numeric_columns = [];
         }
         if (option === GROUP_TYPES.MULTIPLE_NUMERIC_COLUMN) {
           y_axis_left_summary_column = null;
-          y_axis_left_summary_method = _constants.SUMMARY_METHOD[0];
+          y_axis_left_summary_method = SUMMARY_METHOD[0];
           y_axis_left_group_by_multiple_numeric_column = true;
           y_axis_left_group_by_numeric_columns = [];
         }
@@ -220,8 +212,8 @@ class CombinationSettings extends _react.Component {
       }
       if (y_axis_right_summary_type === newSummaryType) return;
       y_axis_right_summary_type = newSummaryType;
-      let y_axis_right_summary_method = _constants.SUMMARY_METHOD[0];
-      if (newSummaryType === _constants.SUMMARY_TYPE.COUNT) {
+      let y_axis_right_summary_method = SUMMARY_METHOD[0];
+      if (newSummaryType === SUMMARY_TYPE.COUNT) {
         y_axis_right_summary_column = null;
         y_axis_right_summary_method = null;
       }
@@ -304,12 +296,12 @@ class CombinationSettings extends _react.Component {
       let {
         x_axis_include_empty
       } = statItem || {};
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "mt-1"
-      }, /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
+      }, /*#__PURE__*/React.createElement(ToggleSetting, {
         isChecked: x_axis_include_empty || false,
         handleToggleChange: this.onToggleIncludeEmpty,
-        label: _reactIntlUniversal.default.get('Including_empty_cell')
+        label: intl.get('Including_empty_cell')
       }));
     };
     const {
@@ -359,19 +351,19 @@ class CombinationSettings extends _react.Component {
       y_axis_right_summary_column
     } = statItem;
     const selectedTable = getTableById(selectedTableId);
-    let groupbyColumn = x_axis_column_key && _dtableStore.TableUtils.getTableColumnByKey(selectedTable, x_axis_column_key);
+    let groupbyColumn = x_axis_column_key && TableUtils.getTableColumnByKey(selectedTable, x_axis_column_key);
     let {
       type: groupbyColumnType
     } = groupbyColumn || {};
     if (settingType === 'style') {
-      return /*#__PURE__*/_react.default.createElement(_combinationStyleSetting.default, {
+      return /*#__PURE__*/React.createElement(CombinationStyleSettings, {
         selectedTableId: selectedTableId,
         statItem: statItem,
         eventBus: eventBus,
         updateStatItem: updateStatItem
       });
     }
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
       statItem: statItem,
       selectedTableId: selectedTableId,
       selectedViewId: statItem.view_id,
@@ -380,18 +372,18 @@ class CombinationSettings extends _react.Component {
       getTableById: this.props.getTableById,
       getConvertedChart: this.props.getConvertedChart,
       updateStatItem: updateStatItem
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('X-axis')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('X-axis')), /*#__PURE__*/React.createElement(ColumnSettings, {
       columnsOptions: this.columnsOptions,
       selectedColumnOption: selectedColumnOption,
       onChangeSelectedColumn: this.onSelectStatColumn
-    }), DATE_COLUMN_OPTIONS.includes(groupbyColumnType) && this.renderGroupbyDateGranularity(), groupbyColumnType === _dtableStore.CellType.GEOLOCATION && this.renderGroupbyGeolocationGranularity(), this.renderIncludeEmpty()), /*#__PURE__*/_react.default.createElement(_summarySettings.default, {
+    }), DATE_COLUMN_OPTIONS.includes(groupbyColumnType) && this.renderGroupbyDateGranularity(), groupbyColumnType === CellType.GEOLOCATION && this.renderGroupbyGeolocationGranularity(), this.renderIncludeEmpty()), /*#__PURE__*/React.createElement(SummarySettings, {
       useMultipleSummaryColumns: true,
       chartType: 'combination_chart',
-      label: _reactIntlUniversal.default.get('Y-axis(left side)'),
+      label: intl.get('Y-axis(left side)'),
       statItem: statItem,
       selectedTableId: selectedTableId,
       summaryType: y_axis_left_summary_type,
@@ -403,9 +395,9 @@ class CombinationSettings extends _react.Component {
       onSelectSummaryColumn: option => this.onSelectSummaryColumn(option, 'left'),
       onSelectSummaryMethod: option => this.onSelectSummaryMethod(option, 'left'),
       updateStatItem: updateStatItem
-    }), /*#__PURE__*/_react.default.createElement(_summarySettings.default, {
+    }), /*#__PURE__*/React.createElement(SummarySettings, {
       chartType: 'combination_chart',
-      label: _reactIntlUniversal.default.get('Y-axis(right side)'),
+      label: intl.get('Y-axis(right side)'),
       statItem: statItem,
       selectedTableId: selectedTableId,
       summaryType: y_axis_right_summary_type,
@@ -419,4 +411,4 @@ class CombinationSettings extends _react.Component {
     }));
   }
 }
-var _default = exports.default = CombinationSettings;
+export default CombinationSettings;

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

@@ -1,19 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _components = require("../../../components");
-var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
-var _columnSettings = _interopRequireDefault(require("../public-setting/column-settings"));
-var _constants = require("../../../constants");
-class DashboardChartSettings extends _react.Component {
+import React, { Component, Fragment } from 'react';
+import { Input } from 'reactstrap';
+import intl from 'react-intl-universal';
+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';
+class DashboardChartSettings extends Component {
   constructor(props) {
     super(props);
     this.onSelectTargetValueColumn = option => {
@@ -37,12 +29,12 @@ class DashboardChartSettings extends _react.Component {
       }));
     };
     this.getSummaryMethodsOptions = () => {
-      let numberCardSummaryMethod = ['Row_count', ..._constants.SUMMARY_METHOD];
+      let numberCardSummaryMethod = ['Row_count', ...SUMMARY_METHOD];
       return numberCardSummaryMethod.map(method => {
         return {
-          label: /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement("span", {
             className: "select-option-name"
-          }, _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[method])),
+          }, intl.get(STATISTICS_COUNT_SHOW[method])),
           value: method
         };
       });
@@ -87,9 +79,9 @@ class DashboardChartSettings extends _react.Component {
         onSelectSummaryMethod = this.onSelectTotalValueColumnSummaryMethod;
       }
       const selectedMethodOption = this.getSelectedMethodOption(summary_method, this.summaryMethodsOptions);
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(DTableSelect, {
         value: selectedMethodOption,
         onChange: onSelectSummaryMethod,
         options: this.summaryMethodsOptions
@@ -119,9 +111,9 @@ class DashboardChartSettings extends _react.Component {
       const {
         statName
       } = this.state;
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Label')), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
+      }, /*#__PURE__*/React.createElement("label", null, intl.get('Label')), /*#__PURE__*/React.createElement(Input, {
         type: "text",
         value: statName || '',
         placeholder: statItem.name,
@@ -168,7 +160,7 @@ class DashboardChartSettings extends _react.Component {
     } = 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.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
       statItem: statItem,
       selectedTableId: selectedTableId,
       selectedViewId: statItem.view_id,
@@ -177,21 +169,21 @@ class DashboardChartSettings extends _react.Component {
       getTableById: this.props.getTableById,
       getConvertedChart: this.props.getConvertedChart,
       updateStatItem: updateStatItem
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Current_value_field')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
+    }, /*#__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.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Total_value_field')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Total_value_field')), /*#__PURE__*/React.createElement(ColumnSettings, {
       columnsOptions: this.numericColumnOptions,
       selectedColumnOption: selectedTotalValueColumnOption,
       onChangeSelectedColumn: this.onSelectTotalValueColumn
@@ -200,4 +192,4 @@ class DashboardChartSettings extends _react.Component {
     }));
   }
 }
-var _default = exports.default = DashboardChartSettings;
+export default DashboardChartSettings;

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

@@ -1,22 +1,15 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _components = require("../../../components");
+import React, { Fragment } from 'react';
+import { DTableSelect } from '../../../components';
 function GeoGranularitySettings(props) {
   const {
     geoGranularityOptions,
     selectedGeoGranularityOption,
     onChangeGeoGranularity
   } = props;
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(DTableSelect, {
     value: selectedGeoGranularityOption,
     options: geoGranularityOptions,
     onChange: onChangeGeoGranularity
   }));
 }
-var _default = exports.default = GeoGranularitySettings;
+export default GeoGranularitySettings;

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

@@ -1,19 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
-var _columnSettings = _interopRequireDefault(require("../public-setting/column-settings"));
-var _summarySettings = _interopRequireDefault(require("./summary-settings"));
-var _heatMapSettings = _interopRequireDefault(require("./style-setting/heat-map-settings"));
-var _columnUtils = require("../../../utils/column-utils");
-class HeatMapSettings extends _react.Component {
+import React, { Component, Fragment } from 'react';
+import intl from 'react-intl-universal';
+import BaseSettings from '../public-setting/base-settings';
+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';
+class HeatMapSettings extends Component {
   constructor(props) {
     super(props);
     this.getSelectedDateColumnOption = () => {
@@ -33,7 +25,7 @@ class HeatMapSettings extends _react.Component {
       columns,
       getColumnsOptions
     } = props;
-    const dateColumns = columns.filter(column => (0, _columnUtils.isStatisticDateColumn)(column));
+    const dateColumns = columns.filter(column => isStatisticDateColumn(column));
     this.dateColumnsOptions = getColumnsOptions(dateColumns);
   }
   componentWillReceiveProps(nextProps) {
@@ -42,7 +34,7 @@ class HeatMapSettings extends _react.Component {
         columns,
         getColumnsOptions
       } = nextProps;
-      const dateColumns = columns.filter(column => (0, _columnUtils.isStatisticDateColumn)(column));
+      const dateColumns = columns.filter(column => isStatisticDateColumn(column));
       this.dateColumnsOptions = getColumnsOptions(dateColumns);
     }
   }
@@ -61,13 +53,13 @@ class HeatMapSettings extends _react.Component {
     } = statItem;
     const selectedDateColumnOption = this.getSelectedDateColumnOption();
     if (settingType === 'style') {
-      return /*#__PURE__*/_react.default.createElement(_heatMapSettings.default, {
+      return /*#__PURE__*/React.createElement(StyleSettings, {
         statItem: statItem,
         onChangeColor: this.props.onChangeColor,
         updateStatItem: this.props.updateStatItem
       });
     }
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
       statItem: statItem,
       selectedTableId: selectedTableId,
       selectedViewId: selectedViewId,
@@ -76,18 +68,18 @@ class HeatMapSettings extends _react.Component {
       getTableById: this.props.getTableById,
       getConvertedChart: this.props.getConvertedChart,
       updateStatItem: this.props.updateStatItem
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Time_field')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Time_field')), /*#__PURE__*/React.createElement(ColumnSettings, {
       columnsOptions: this.dateColumnsOptions,
       selectedColumnOption: selectedDateColumnOption,
       onChangeSelectedColumn: this.onSelectDateColumn
-    })), /*#__PURE__*/_react.default.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/_react.default.createElement(_summarySettings.default, {
-      label: _reactIntlUniversal.default.get('Summary_method'),
+    }), /*#__PURE__*/React.createElement(SummarySettings, {
+      label: intl.get('Summary_method'),
       statItem: statItem,
       selectedTableId: selectedTableId,
       numericColumns: numericColumns,
@@ -101,4 +93,4 @@ class HeatMapSettings extends _react.Component {
     }));
   }
 }
-var _default = exports.default = HeatMapSettings;
+export default HeatMapSettings;