sea-chart 2.0.37 → 2.0.38

package/dist/settings/widgets/select-table/index.js

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _DTableSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
-var _react = _interopRequireDefault(require("react"));
-var _reactstrap = require("reactstrap");
-var _intl = _interopRequireDefault(require("../../../intl"));
-class SelectTable extends _react.default.Component {
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
+import React from 'react';
+import { Label, FormGroup } from 'reactstrap';
+import intl from '../../../intl';
+class SelectTable extends React.Component {
   constructor(props) {
     super(props);
     this.renderSelector = () => {
@@ -17,7 +10,7 @@ class SelectTable extends _react.default.Component {
         selectedTableId
       } = this.props;
       const selectedOption = selectedTableId ? this.tableOptions.find(option => option.value === selectedTableId) : null;
-      return /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
+      return /*#__PURE__*/React.createElement(_DTableSelect, {
         menuPortalTarget: "#sea-chart-settings-content",
         value: selectedOption,
         options: this.tableOptions,
@@ -37,9 +30,9 @@ class SelectTable extends _react.default.Component {
     }) : [];
   }
   render() {
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+    return /*#__PURE__*/React.createElement(FormGroup, {
       className: "sea-chart-setting-item table-setting"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.lang === 'zh-cn' ? '子表' : _intl.default.get('Table')), this.renderSelector());
+    }, /*#__PURE__*/React.createElement(Label, null, intl.lang === 'zh-cn' ? '子表' : intl.get('Table')), this.renderSelector());
   }
 }
-var _default = exports.default = SelectTable;
+export default SelectTable;

package/dist/settings/widgets/select-view/index.js

@@ -1,18 +1,10 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _DTableSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _dtableUtils = require("dtable-utils");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _intl = _interopRequireDefault(require("../../../intl"));
-require("./index.css");
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
+import React, { useMemo } from 'react';
+import { Label, FormGroup } from 'reactstrap';
+import { getTableById, getNonPrivateViews, isArchiveView } from 'dtable-utils';
+import classnames from 'classnames';
+import intl from '../../../intl';
+import './index.css';
 const SelectView = _ref => {
   let {
     tables,
@@ -20,10 +12,10 @@ const SelectView = _ref => {
     selectedViewId,
     onChange
   } = _ref;
-  const viewOptions = (0, _react.useMemo)(() => {
-    const table = (0, _dtableUtils.getTableById)(tables, selectedTableId);
+  const viewOptions = useMemo(() => {
+    const table = getTableById(tables, selectedTableId);
     if (!table) return [];
-    let views = (0, _dtableUtils.getNonPrivateViews)(table.views);
+    let views = getNonPrivateViews(table.views);
     let selectedView = views.find(view => view._id === selectedViewId);
     if (!selectedView) {
       selectedView = views[0];
@@ -31,23 +23,23 @@ const SelectView = _ref => {
 
     // not support archive view on plugin, do not show archive view
     // but if it is selected, keep it
-    if (selectedView && !(0, _dtableUtils.isArchiveView)(selectedView)) {
-      views = views.filter(v => !(0, _dtableUtils.isArchiveView)(v));
+    if (selectedView && !isArchiveView(selectedView)) {
+      views = views.filter(v => !isArchiveView(v));
     }
     return Array.isArray(views) ? views.map(view => {
       const value = view._id;
-      const archiveView = (0, _dtableUtils.isArchiveView)(view);
+      const archiveView = isArchiveView(view);
       return {
-        label: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+        label: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
           className: "sea-chart-table-view mr-2"
-        }, /*#__PURE__*/_react.default.createElement("i", {
-          className: (0, _classnames.default)('dtable-font',
+        }, /*#__PURE__*/React.createElement("i", {
+          className: classnames('dtable-font',
           // 'dtable-icon-main-view',
           {
             'dtable-icon-archive-view': archiveView,
             'dtable-icon-main-view': !archiveView
           })
-        })), /*#__PURE__*/_react.default.createElement("span", {
+        })), /*#__PURE__*/React.createElement("span", {
           className: "select-option-name"
         }, view.name)),
         value
@@ -55,13 +47,13 @@ const SelectView = _ref => {
     }) : [];
   }, [tables, selectedTableId, selectedViewId]);
   const selectedOption = selectedViewId ? viewOptions.find(option => option.value === selectedViewId) : null;
-  return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+  return /*#__PURE__*/React.createElement(FormGroup, {
     className: "sea-chart-setting-item table-setting"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('View')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
+  }, /*#__PURE__*/React.createElement(Label, null, intl.get('View')), /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: selectedOption,
     options: viewOptions,
     onChange: onChange
   }));
 };
-var _default = exports.default = SelectView;
+export default SelectView;

package/dist/settings/widgets/stack.js

@@ -1,22 +1,14 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _DTableSwitch2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSwitch"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _dtableUtils = require("dtable-utils");
-var _utils = require("../../utils");
-var _intl = _interopRequireDefault(require("../../intl"));
-class Stack extends _react.Component {
+import _DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
+import React, { Component } from 'react';
+import { Label, FormGroup } from 'reactstrap';
+import { getTableById, getTableColumnByKey } from 'dtable-utils';
+import { eventStopPropagation } from '../../utils';
+import intl from '../../intl';
+class Stack extends Component {
   constructor() {
     super(...arguments);
     this.onUseStackChange = event => {
-      (0, _utils.eventStopPropagation)(event);
+      eventStopPropagation(event);
       const {
         chart
       } = this.props;
@@ -42,17 +34,17 @@ class Stack extends _react.Component {
       column_groupby_column_key
     } = chart.config;
     if (!column_groupby_column_key) return null;
-    const selectedTable = (0, _dtableUtils.getTableById)(tables, selectedTableId);
+    const selectedTable = getTableById(tables, selectedTableId);
     if (!selectedTable) return null;
-    const columnGroupbyColumn = (0, _dtableUtils.getTableColumnByKey)(selectedTable, column_groupby_column_key);
+    const columnGroupbyColumn = getTableColumnByKey(selectedTable, column_groupby_column_key);
     if (!columnGroupbyColumn) return null;
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+    return /*#__PURE__*/React.createElement(FormGroup, {
       className: "sea-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Display_mode')), /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
+    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Display_mode')), /*#__PURE__*/React.createElement(_DTableSwitch, {
       checked: y_axis_use_stack || false,
-      placeholder: _intl.default.get('Stack'),
+      placeholder: intl.get('Stack'),
       onChange: this.onUseStackChange
     }));
   }
 }
-var _default = exports.default = Stack;
+export default Stack;

package/dist/settings/widgets/summary-method-setting.js

@@ -1,19 +1,11 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _DTableSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _shallowequal = _interopRequireDefault(require("shallowequal"));
-var _constants = require("../../constants");
-var _utils = require("../../utils");
-var _intl = _interopRequireDefault(require("../../intl"));
-class SummaryMethodSettings extends _react.Component {
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
+import React, { Component } from 'react';
+import { FormGroup, Label } from 'reactstrap';
+import shallowEqual from 'shallowequal';
+import { CHART_SUMMARY_CALCULATION_METHOD, CHART_SUMMARY_SHOW, CHART_DATE_SUMMARY_CALCULATION_METHOD } from '../../constants';
+import { BaseUtils } from '../../utils';
+import intl from '../../intl';
+class SummaryMethodSettings extends Component {
   constructor(_props) {
     super(_props);
     this.initSummaryMethodOptions = props => {
@@ -22,11 +14,11 @@ class SummaryMethodSettings extends _react.Component {
         numericColumnOptions
       } = props;
       const selectedOption = numericColumnOptions.find(item => item.value.key === value.column_key);
-      const summaryMethodOptions = selectedOption && _utils.BaseUtils.isDateSummaryColumn(selectedOption.value) ? _constants.CHART_DATE_SUMMARY_CALCULATION_METHOD : _constants.CHART_SUMMARY_CALCULATION_METHOD;
+      const summaryMethodOptions = selectedOption && BaseUtils.isDateSummaryColumn(selectedOption.value) ? CHART_DATE_SUMMARY_CALCULATION_METHOD : CHART_SUMMARY_CALCULATION_METHOD;
       this.summaryMethodOptions = summaryMethodOptions.map(item => {
         return {
           value: item,
-          label: _intl.default.get(_constants.CHART_SUMMARY_SHOW[item])
+          label: intl.get(CHART_SUMMARY_SHOW[item])
         };
       });
     };
@@ -36,7 +28,7 @@ class SummaryMethodSettings extends _react.Component {
     this.initSummaryMethodOptions(_props);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    if (!(0, _shallowequal.default)(this.props.value, nextProps.value)) {
+    if (!shallowEqual(this.props.value, nextProps.value)) {
       this.initSummaryMethodOptions(nextProps);
     }
   }
@@ -51,17 +43,17 @@ class SummaryMethodSettings extends _react.Component {
     } = value;
     const selectedColumnOption = numericColumnOptions.find(option => option.value.key === column_key);
     const selectedSummaryMethodOption = this.summaryMethodOptions.find(option => option.value === summary_method);
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormGroup, {
       className: "chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Summary_field')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
+    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Summary_field')), /*#__PURE__*/React.createElement(_DTableSelect, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: selectedColumnOption,
-      placeholder: _intl.default.get('Select_a_column'),
+      placeholder: intl.get('Select_a_column'),
       onChange: this.props.onColumnOptionChange,
       options: numericColumnOptions
-    })), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+    })), /*#__PURE__*/React.createElement(FormGroup, {
       className: "chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
+    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(_DTableSelect, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: selectedSummaryMethodOption,
       onChange: this.props.onSummaryMethodChange,
@@ -69,4 +61,4 @@ class SummaryMethodSettings extends _react.Component {
     })));
   }
 }
-var _default = exports.default = SummaryMethodSettings;
+export default SummaryMethodSettings;

package/dist/settings/widgets/summary-settings.js

@@ -1,20 +1,13 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _DTableSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
-var _react = _interopRequireWildcard(require("react"));
-var _dtableUtils = require("dtable-utils");
-var _reactstrap = require("reactstrap");
-var _utils = require("../../utils");
-var _constants = require("../../constants");
-var _intl = _interopRequireDefault(require("../../intl"));
-var _numericSummaryItem = _interopRequireDefault(require("./numeric-summary-item"));
-class SummarySettings extends _react.Component {
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
+import _DTableColumnIcon from "dtable-ui-component/lib/DTableColumnIcon";
+import React, { Component, Fragment } from 'react';
+import { getTableById } from 'dtable-utils';
+import { FormGroup, Label } from 'reactstrap';
+import { BaseUtils } from '../../utils';
+import { CHART_SUMMARY_SHOW, CHART_SUMMARY_CALCULATION_METHOD, CHART_SUMMARY_TYPE, CHART_Y_GROUP_TYPE, CHART_TYPE, CHART_SUPPORT_COLUMNS, CHART_DATE_SUMMARY_CALCULATION_METHOD } from '../../constants';
+import intl from '../../intl';
+import NumericSummaryItem from './numeric-summary-item';
+class SummarySettings extends Component {
   constructor(_props) {
     super(_props);
     this.initTable = props => {
@@ -25,7 +18,7 @@ class SummarySettings extends _react.Component {
       const {
         table_id
       } = config;
-      this.selectedTable = (0, _dtableUtils.getTableById)(tables, table_id);
+      this.selectedTable = getTableById(tables, table_id);
     };
     this.initColumns = () => {
       if (!this.selectedTable) {
@@ -37,22 +30,22 @@ class SummarySettings extends _react.Component {
       const columns = Array.isArray(this.selectedTable.columns) ? this.selectedTable.columns : [];
       this.columns = this.getAvailableColumns(columns);
       this.columnGroupbyColumnsOptions = this.getColumnOptions(this.columns);
-      this.numericColumns = this.columns.filter(column => _utils.BaseUtils.isNumericSummaryColumn(column));
+      this.numericColumns = this.columns.filter(column => BaseUtils.isNumericSummaryColumn(column));
       this.numericColumnsOptions = this.getColumnOptions(this.numericColumns);
     };
     this.getAvailableColumns = columns => {
       if (!columns || !Array.isArray(columns)) return [];
-      return columns.filter(column => _constants.CHART_SUPPORT_COLUMNS.includes(column.type));
+      return columns.filter(column => CHART_SUPPORT_COLUMNS.includes(column.type));
     };
     this.getColumnOptions = columns => {
       const options = columns.map(column => {
         return {
           value: column,
-          label: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
             className: "sea-chart-column-icon"
-          }, /*#__PURE__*/_react.default.createElement("i", {
-            className: _dtableUtils.COLUMNS_ICON_CONFIG[column.type]
-          })), /*#__PURE__*/_react.default.createElement("span", {
+          }, /*#__PURE__*/React.createElement(_DTableColumnIcon, {
+            column: column
+          })), /*#__PURE__*/React.createElement("span", {
             className: 'select-module select-module-name ml-0'
           }, column.name))
         };
@@ -61,9 +54,9 @@ class SummarySettings extends _react.Component {
         value: {
           key: 'Groupby_null'
         },
-        label: /*#__PURE__*/_react.default.createElement("span", {
+        label: /*#__PURE__*/React.createElement("span", {
           className: 'select-module select-module-name null-option-name ml-0'
-        }, _intl.default.get('Select_a_column')),
+        }, intl.get('Select_a_column')),
         style: {
           color: 'rgba(0, 0, 0, .25)'
         }
@@ -71,30 +64,30 @@ class SummarySettings extends _react.Component {
     };
     this.getSummaryTypeOptions = () => {
       const summaryTypes = [{
-        value: _constants.CHART_Y_GROUP_TYPE.COUNT,
-        label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+        value: CHART_Y_GROUP_TYPE.COUNT,
+        label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
           className: "select-module select-module-name ml-0"
-        }, _intl.default.get(_constants.CHART_SUMMARY_SHOW['count'])), /*#__PURE__*/_react.default.createElement("div", {
+        }, intl.get(CHART_SUMMARY_SHOW['count'])), /*#__PURE__*/React.createElement("div", {
           className: "summary-type-explanation"
-        }, _intl.default.get('Count_the_number_of_records_in_each_group')))
+        }, intl.get('Count_the_number_of_records_in_each_group')))
       }, {
-        value: _constants.CHART_Y_GROUP_TYPE.SINGLE_NUMERIC_COLUMN,
-        label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+        value: CHART_Y_GROUP_TYPE.SINGLE_NUMERIC_COLUMN,
+        label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
           className: "select-module select-module-name ml-0"
-        }, _intl.default.get(_constants.CHART_SUMMARY_SHOW['advanced'])), /*#__PURE__*/_react.default.createElement("div", {
+        }, intl.get(CHART_SUMMARY_SHOW['advanced'])), /*#__PURE__*/React.createElement("div", {
           className: "summary-type-explanation"
-        }, _intl.default.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_a_field')))
+        }, intl.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_a_field')))
       }];
 
       // multiple_numeric_column
       if (this.props.useMultipleSummaryColumns) {
         summaryTypes.push({
-          value: _constants.CHART_Y_GROUP_TYPE.MULTIPLE_NUMERIC_COLUMN,
-          label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+          value: CHART_Y_GROUP_TYPE.MULTIPLE_NUMERIC_COLUMN,
+          label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
             className: "select-module select-module-name ml-0"
-          }, _intl.default.get('Summarize_multiple_fields')), /*#__PURE__*/_react.default.createElement("div", {
+          }, intl.get('Summarize_multiple_fields')), /*#__PURE__*/React.createElement("div", {
             className: "summary-type-explanation"
-          }, _intl.default.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_multiple_fields')))
+          }, intl.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_multiple_fields')))
         });
       }
       return summaryTypes;
@@ -105,42 +98,42 @@ class SummarySettings extends _react.Component {
       } = this.props;
       const chartType = config.type;
       let variable = '';
-      if (chartType === _constants.CHART_TYPE.MAP) {
+      if (chartType === CHART_TYPE.MAP) {
         variable = '位置字段';
       }
-      if (chartType === _constants.CHART_TYPE.WORLD_MAP) {
-        variable = _intl.default.get('Location_field');
+      if (chartType === CHART_TYPE.WORLD_MAP) {
+        variable = intl.get('Location_field');
       }
-      if (chartType === _constants.CHART_TYPE.HEAT_MAP) {
-        variable = _intl.default.get('Time_field');
+      if (chartType === CHART_TYPE.HEAT_MAP) {
+        variable = intl.get('Time_field');
       }
-      if (chartType === _constants.CHART_TYPE.MIRROR) {
-        variable = _intl.default.get('Statistic_field');
+      if (chartType === CHART_TYPE.MIRROR) {
+        variable = intl.get('Statistic_field');
       }
-      if (chartType === _constants.CHART_TYPE.COMBINATION) {
-        variable = _intl.default.get('X-axis');
+      if (chartType === CHART_TYPE.COMBINATION) {
+        variable = intl.get('X-axis');
       }
-      if (chartType === _constants.CHART_TYPE.TREND) {
+      if (chartType === CHART_TYPE.TREND) {
         return {
-          count: _intl.default.get('Calculate_the_number_of_records_in_two_time_periods'),
-          advanced: _intl.default.get('Use_a_field_to_calculate_the_sum_maximum_or_minimum_value_of_records_in_two_time_periods')
+          count: intl.get('Calculate_the_number_of_records_in_two_time_periods'),
+          advanced: intl.get('Use_a_field_to_calculate_the_sum_maximum_or_minimum_value_of_records_in_two_time_periods')
         };
       }
       return {
-        count: _intl.default.get('Count_by_var', {
+        count: intl.get('Count_by_var', {
           var: variable
         }),
-        advanced: _intl.default.get('Compute_sum_max_min_by_var', {
+        advanced: intl.get('Compute_sum_max_min_by_var', {
           var: variable
         })
       };
     };
     this.getSummaryMethodsOptions = () => {
-      return _constants.CHART_SUMMARY_CALCULATION_METHOD.map(method => {
+      return CHART_SUMMARY_CALCULATION_METHOD.map(method => {
         return {
-          label: /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement("span", {
             className: "select-option-name"
-          }, _intl.default.get(_constants.CHART_SUMMARY_SHOW[method])),
+          }, intl.get(CHART_SUMMARY_SHOW[method])),
           value: method
         };
       });
@@ -153,9 +146,9 @@ class SummarySettings extends _react.Component {
         label
       } = this.props;
       const selectedSummaryType = this.getSelectedSummaryType();
-      return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+      return /*#__PURE__*/React.createElement(FormGroup, {
         className: "sea-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, label), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
+      }, /*#__PURE__*/React.createElement(Label, null, label), /*#__PURE__*/React.createElement(_DTableSelect, {
         menuPortalTarget: "#sea-chart-settings-content",
         classNamePrefix: "chart-summary-types",
         value: selectedSummaryType,
@@ -165,14 +158,14 @@ class SummarySettings extends _react.Component {
     };
     this.getSelectedSummaryType = () => {
       const {
-        summaryType = _constants.CHART_SUMMARY_TYPE.COUNT,
+        summaryType = CHART_SUMMARY_TYPE.COUNT,
         config,
         useMultipleSummaryColumns
       } = this.props;
-      if (summaryType === _constants.CHART_SUMMARY_TYPE.COUNT) {
+      if (summaryType === CHART_SUMMARY_TYPE.COUNT) {
         return this.summaryTypeOptions[0];
       }
-      if (config.type === _constants.CHART_TYPE.COMBINATION && config.y_axis_left_group_by_multiple_numeric_column && useMultipleSummaryColumns) {
+      if (config.type === CHART_TYPE.COMBINATION && config.y_axis_left_group_by_multiple_numeric_column && useMultipleSummaryColumns) {
         return this.summaryTypeOptions[2];
       }
       return this.summaryTypeOptions[1];
@@ -193,24 +186,24 @@ class SummarySettings extends _react.Component {
         summaryColumn
       } = this.props;
       let selectedColumnOption = this.numericColumnsOptions.find(o => o.value.key === summaryColumn);
-      return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+      return /*#__PURE__*/React.createElement(FormGroup, {
         className: "sea-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _intl.default.get('Summary_field')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
+      }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_field')), /*#__PURE__*/React.createElement(_DTableSelect, {
         menuPortalTarget: "#sea-chart-settings-content",
         value: selectedColumnOption,
         onChange: this.onSelectSummaryColumn,
         options: this.numericColumnsOptions,
-        placeholder: _intl.default.get('Select_a_column'),
+        placeholder: intl.get('Select_a_column'),
         noOptionsMessage: () => {
-          return /*#__PURE__*/_react.default.createElement("span", null, _intl.default.get('No_options'));
+          return /*#__PURE__*/React.createElement("span", null, intl.get('No_options'));
         }
       }));
     };
     this.renderSummaryMethod = () => {
       let selectedMethodOption = this.getSelectedMethodOption(this.props.summaryMethod, this.summaryMethodsOptions);
-      return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+      return /*#__PURE__*/React.createElement(FormGroup, {
         className: "sea-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _intl.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
+      }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(_DTableSelect, {
         menuPortalTarget: "#sea-chart-settings-content",
         value: selectedMethodOption,
         onChange: this.onSelectSummaryMethod,
@@ -229,13 +222,13 @@ class SummarySettings extends _react.Component {
         type
       } = config;
       let column_key, summary_method;
-      if (type === _constants.CHART_TYPE.COMBINATION) {
+      if (type === CHART_TYPE.COMBINATION) {
         column_key = config.y_axis_left_summary_column;
         summary_method = config.y_axis_left_summary_method;
       }
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NumericSummaryItem, {
         chart: chart,
-        key: "number-column-".concat(0),
+        key: `number-column-${0}`,
         numericColumnOptions: this.numericColumnsOptions,
         onColumnOptionChange: this.onChangeNumericSummaryColumn,
         onSummaryMethodChange: this.onChangeNumericSummaryMethod,
@@ -244,14 +237,14 @@ class SummarySettings extends _react.Component {
           column_key,
           summary_method
         }
-      }), this.renderGroupbyNumericColumns(), Array.isArray(this.numericColumnsOptions) && this.numericColumnsOptions.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
+      }), this.renderGroupbyNumericColumns(), Array.isArray(this.numericColumnsOptions) && this.numericColumnsOptions.length > 0 && /*#__PURE__*/React.createElement("div", {
         className: "statistic-add-number-columns d-flex align-items-center",
         onClick: this.onAddNumericColumn
-      }, /*#__PURE__*/_react.default.createElement("i", {
+      }, /*#__PURE__*/React.createElement("i", {
         className: "dtable-font dtable-icon-add-table mr-2"
-      }), /*#__PURE__*/_react.default.createElement("span", {
+      }), /*#__PURE__*/React.createElement("span", {
         className: "number-column-item add-number-column-description"
-      }, _intl.default.get('Add_new_field'))));
+      }, intl.get('Add_new_field'))));
     };
     this.onDeleteNumericColumnItem = index => {
       let {
@@ -276,12 +269,12 @@ class SummarySettings extends _react.Component {
         y_axis_left_group_by_numeric_columns = [...y_axis_left_group_by_numeric_columns];
         y_axis_left_group_by_numeric_columns.push({
           column_key: newNumericColumnKey,
-          summary_method: _constants.CHART_SUMMARY_CALCULATION_METHOD[0]
+          summary_method: CHART_SUMMARY_CALCULATION_METHOD[0]
         });
       } else {
         y_axis_left_group_by_numeric_columns = [{
           column_key: newNumericColumnKey,
-          summary_method: _constants.CHART_SUMMARY_CALCULATION_METHOD[0]
+          summary_method: CHART_SUMMARY_CALCULATION_METHOD[0]
         }];
       }
       this.props.onChange({
@@ -300,7 +293,7 @@ class SummarySettings extends _react.Component {
       const {
         config
       } = chart;
-      const summaryMethods = _utils.BaseUtils.isDateSummaryColumn(column) ? _constants.CHART_DATE_SUMMARY_CALCULATION_METHOD : _constants.CHART_SUMMARY_CALCULATION_METHOD;
+      const summaryMethods = BaseUtils.isDateSummaryColumn(column) ? CHART_DATE_SUMMARY_CALCULATION_METHOD : CHART_SUMMARY_CALCULATION_METHOD;
       if (index === 0) {
         let {
           y_axis_left_summary_method
@@ -375,9 +368,9 @@ class SummarySettings extends _react.Component {
       } = config;
       if (!y_axis_left_group_by_numeric_columns || !Array.isArray(y_axis_left_group_by_numeric_columns)) return null;
       return y_axis_left_group_by_numeric_columns.map((item, index) => {
-        return /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
+        return /*#__PURE__*/React.createElement(NumericSummaryItem, {
           chart: chart,
-          key: "number-column-".concat(index),
+          key: `number-column-${index}`,
           numericColumnOptions: this.numericColumnsOptions,
           onColumnOptionChange: this.onChangeNumericSummaryColumn,
           onSummaryMethodChange: this.onChangeNumericSummaryMethod,
@@ -393,8 +386,8 @@ class SummarySettings extends _react.Component {
         summaryType,
         useMultipleSummaryColumns
       } = this.props;
-      if (config.type === _constants.CHART_TYPE.COMBINATION) {
-        if (useMultipleSummaryColumns && summaryType === _constants.CHART_SUMMARY_TYPE.ADVANCED && config.y_axis_left_group_by_multiple_numeric_column) {
+      if (config.type === CHART_TYPE.COMBINATION) {
+        if (useMultipleSummaryColumns && summaryType === CHART_SUMMARY_TYPE.ADVANCED && config.y_axis_left_group_by_multiple_numeric_column) {
           return true;
         }
       }
@@ -416,7 +409,7 @@ class SummarySettings extends _react.Component {
       summaryType
     } = this.props;
     const _useMultipleSummaryColumns = this.useMultipleSummaryColumns();
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, this.renderSummaryTypes(), !_useMultipleSummaryColumns && summaryType === _constants.CHART_SUMMARY_TYPE.ADVANCED && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, this.renderNumericColumn(), this.renderSummaryMethod()), _useMultipleSummaryColumns && this.renderNumericSummaryItem());
+    return /*#__PURE__*/React.createElement(Fragment, null, this.renderSummaryTypes(), !_useMultipleSummaryColumns && summaryType === CHART_SUMMARY_TYPE.ADVANCED && /*#__PURE__*/React.createElement(Fragment, null, this.renderNumericColumn(), this.renderSummaryMethod()), _useMultipleSummaryColumns && this.renderNumericSummaryItem());
   }
 }
-var _default = exports.default = SummarySettings;
+export default SummarySettings;