dtable-statistic 4.3.2 → 4.3.3

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

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

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

@@ -1,11 +1,19 @@
-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 {
+"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 {
   constructor(props) {
     super(props);
     this.onSelectTargetValueColumn = option => {
@@ -29,12 +37,12 @@ class DashboardChartSettings extends Component {
       }));
     };
     this.getSummaryMethodsOptions = () => {
-      let numberCardSummaryMethod = ['Row_count', ...SUMMARY_METHOD];
+      let numberCardSummaryMethod = ['Row_count', ..._constants.SUMMARY_METHOD];
       return numberCardSummaryMethod.map(method => {
         return {
-          label: /*#__PURE__*/React.createElement("span", {
+          label: /*#__PURE__*/_react.default.createElement("span", {
             className: "select-option-name"
-          }, intl.get(STATISTICS_COUNT_SHOW[method])),
+          }, _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[method])),
           value: method
         };
       });
@@ -79,9 +87,9 @@ class DashboardChartSettings extends Component {
         onSelectSummaryMethod = this.onSelectTotalValueColumnSummaryMethod;
       }
       const selectedMethodOption = this.getSelectedMethodOption(summary_method, this.summaryMethodsOptions);
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
         value: selectedMethodOption,
         onChange: onSelectSummaryMethod,
         options: this.summaryMethodsOptions
@@ -99,7 +107,7 @@ class DashboardChartSettings extends Component {
       }));
     };
     this.onKeyDown = e => {
-      if (e.key == 'Enter') {
+      if (e.key === 'Enter') {
         e.preventDefault();
         e.target.blur();
       }
@@ -111,9 +119,9 @@ class DashboardChartSettings extends Component {
       const {
         statName
       } = this.state;
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/React.createElement("label", null, intl.get('Label')), /*#__PURE__*/React.createElement(Input, {
+      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Label')), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
         type: "text",
         value: statName || '',
         placeholder: statItem.name,
@@ -160,7 +168,7 @@ class DashboardChartSettings extends 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.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
       statItem: statItem,
       selectedTableId: selectedTableId,
       selectedViewId: statItem.view_id,
@@ -169,21 +177,21 @@ class DashboardChartSettings extends Component {
       getTableById: this.props.getTableById,
       getConvertedChart: this.props.getConvertedChart,
       updateStatItem: updateStatItem
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement("label", null, intl.get('Current_value_field')), /*#__PURE__*/React.createElement(ColumnSettings, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Current_value_field')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
       columnsOptions: this.numericColumnOptions,
       selectedColumnOption: selectedTargetValueColumnOption,
       onChangeSelectedColumn: this.onSelectTargetValueColumn
     })), this.renderSummaryMethod({
       targetColumn: 'target_value_column'
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement("label", null, intl.get('Total_value_field')), /*#__PURE__*/React.createElement(ColumnSettings, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Total_value_field')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
       columnsOptions: this.numericColumnOptions,
       selectedColumnOption: selectedTotalValueColumnOption,
       onChangeSelectedColumn: this.onSelectTotalValueColumn
@@ -192,4 +200,4 @@ class DashboardChartSettings extends Component {
     }));
   }
 }
-export default DashboardChartSettings;
+var _default = exports.default = DashboardChartSettings;

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

@@ -1,15 +1,22 @@
-import React, { Fragment } from 'react';
-import { DTableSelect } from '../../../components';
+"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");
 function GeoGranularitySettings(props) {
   const {
     geoGranularityOptions,
     selectedGeoGranularityOption,
     onChangeGeoGranularity
   } = props;
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(DTableSelect, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
     value: selectedGeoGranularityOption,
     options: geoGranularityOptions,
     onChange: onChangeGeoGranularity
   }));
 }
-export default GeoGranularitySettings;
+var _default = exports.default = GeoGranularitySettings;

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

@@ -1,11 +1,19 @@
-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 {
+"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 {
   constructor(props) {
     super(props);
     this.getSelectedDateColumnOption = () => {
@@ -25,7 +33,7 @@ class HeatMapSettings extends Component {
       columns,
       getColumnsOptions
     } = props;
-    const dateColumns = columns.filter(column => isStatisticDateColumn(column));
+    const dateColumns = columns.filter(column => (0, _columnUtils.isStatisticDateColumn)(column));
     this.dateColumnsOptions = getColumnsOptions(dateColumns);
   }
   componentWillReceiveProps(nextProps) {
@@ -34,7 +42,7 @@ class HeatMapSettings extends Component {
         columns,
         getColumnsOptions
       } = nextProps;
-      const dateColumns = columns.filter(column => isStatisticDateColumn(column));
+      const dateColumns = columns.filter(column => (0, _columnUtils.isStatisticDateColumn)(column));
       this.dateColumnsOptions = getColumnsOptions(dateColumns);
     }
   }
@@ -53,13 +61,13 @@ class HeatMapSettings extends Component {
     } = statItem;
     const selectedDateColumnOption = this.getSelectedDateColumnOption();
     if (settingType === 'style') {
-      return /*#__PURE__*/React.createElement(StyleSettings, {
+      return /*#__PURE__*/_react.default.createElement(_heatMapSettings.default, {
         statItem: statItem,
         onChangeColor: this.props.onChangeColor,
         updateStatItem: this.props.updateStatItem
       });
     }
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
       statItem: statItem,
       selectedTableId: selectedTableId,
       selectedViewId: selectedViewId,
@@ -68,18 +76,18 @@ class HeatMapSettings extends Component {
       getTableById: this.props.getTableById,
       getConvertedChart: this.props.getConvertedChart,
       updateStatItem: this.props.updateStatItem
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement("label", null, intl.get('Time_field')), /*#__PURE__*/React.createElement(ColumnSettings, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Time_field')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
       columnsOptions: this.dateColumnsOptions,
       selectedColumnOption: selectedDateColumnOption,
       onChangeSelectedColumn: this.onSelectDateColumn
-    })), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement(SummarySettings, {
-      label: intl.get('Summary_method'),
+    }), /*#__PURE__*/_react.default.createElement(_summarySettings.default, {
+      label: _reactIntlUniversal.default.get('Summary_method'),
       statItem: statItem,
       selectedTableId: selectedTableId,
       numericColumns: numericColumns,
@@ -93,4 +101,4 @@ class HeatMapSettings extends Component {
     }));
   }
 }
-export default HeatMapSettings;
+var _default = exports.default = HeatMapSettings;