sea-chart 2.0.47 → 2.0.48

package/dist/settings/widgets/min-max-setting.js

@@ -1,7 +1,15 @@
-import React, { Component } from 'react';
-import { FormGroup, Label, Input } from 'reactstrap';
-import intl from '../../intl';
-class MinMaxSetting 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 _intl = _interopRequireDefault(require("../../intl"));
+class MinMaxSetting extends _react.Component {
   constructor(props) {
     super(props);
     this.onMinChange = e => {
@@ -30,18 +38,18 @@ class MinMaxSetting extends Component {
       min,
       max
     } = this.state;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormGroup, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
       className: "mb-2"
-    }, /*#__PURE__*/React.createElement(Label, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
       for: "min"
-    }, intl.get('Min')), /*#__PURE__*/React.createElement(Input, {
+    }, _intl.default.get('Min')), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
       id: "min",
       type: "number",
       value: min,
       onChange: this.onMinChange
-    })), /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, {
+    })), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
       for: "max"
-    }, intl.get('Max')), /*#__PURE__*/React.createElement(Input, {
+    }, _intl.default.get('Max')), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
       id: "max",
       type: "number",
       value: max,
@@ -49,4 +57,4 @@ class MinMaxSetting extends Component {
     })));
   }
 }
-export default MinMaxSetting;
+var _default = exports.default = MinMaxSetting;

package/dist/settings/widgets/mininum-slice-percent.js

@@ -1,9 +1,17 @@
-import React, { Component } from 'react';
-import { FormGroup, Label } from 'reactstrap';
-import classnames from 'classnames';
-import { NumberInput } from '../../components';
-import intl from '../../intl';
-class MiniNumSlicePercent 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 _classnames = _interopRequireDefault(require("classnames"));
+var _components = require("../../components");
+var _intl = _interopRequireDefault(require("../../intl"));
+class MiniNumSlicePercent extends _react.Component {
   constructor(props) {
     super(props);
     this.replaceNumberNotAllowInput = value => {
@@ -49,9 +57,9 @@ class MiniNumSlicePercent extends Component {
       value,
       className
     } = this.props;
-    return /*#__PURE__*/React.createElement(FormGroup, {
-      className: classnames('sea-chart-parameter-item', className)
-    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Minimum_slice_percent')), /*#__PURE__*/React.createElement(NumberInput, {
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+      className: (0, _classnames.default)('sea-chart-parameter-item', className)
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Minimum_slice_percent')), /*#__PURE__*/_react.default.createElement(_components.NumberInput, {
       value: value,
       onChange: this.onPercentChange,
       step: 0.1,
@@ -62,4 +70,4 @@ class MiniNumSlicePercent extends Component {
     }));
   }
 }
-export default MiniNumSlicePercent;
+var _default = exports.default = MiniNumSlicePercent;

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

@@ -1,11 +1,19 @@
-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 NumericSummaryItem extends Component {
+"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 NumericSummaryItem extends _react.Component {
   constructor(_props) {
     super(_props);
     this.initSummaryMethodOptions = props => {
@@ -14,11 +22,11 @@ class NumericSummaryItem extends Component {
         numericColumnOptions
       } = props;
       const selectedOption = numericColumnOptions.find(item => item.value.key === value.column_key);
-      const summaryMethodOptions = selectedOption && BaseUtils.isDateSummaryColumn(selectedOption.value) ? CHART_DATE_SUMMARY_CALCULATION_METHOD : CHART_SUMMARY_CALCULATION_METHOD;
+      const summaryMethodOptions = selectedOption && _utils.BaseUtils.isDateSummaryColumn(selectedOption.value) ? _constants.CHART_DATE_SUMMARY_CALCULATION_METHOD : _constants.CHART_SUMMARY_CALCULATION_METHOD;
       this.summaryMethodOptions = summaryMethodOptions.map(item => {
         return {
           value: item,
-          label: intl.get(CHART_SUMMARY_SHOW[item])
+          label: _intl.default.get(_constants.CHART_SUMMARY_SHOW[item])
         };
       });
     };
@@ -84,7 +92,7 @@ class NumericSummaryItem extends Component {
     this.initSummaryMethodOptions(_props);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    if (!shallowEqual(this.props.value, nextProps.value)) {
+    if (!(0, _shallowequal.default)(this.props.value, nextProps.value)) {
       this.initSummaryMethodOptions(nextProps);
     }
   }
@@ -112,34 +120,34 @@ class NumericSummaryItem extends Component {
       isExpand
     } = this.state;
     const isFirst = index === 0;
-    return /*#__PURE__*/React.createElement(FormGroup, {
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
       className: "sea-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement(Label, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
       className: "numeric-summary-item d-flex align-items-center justify-content-between w-100"
-    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("i", {
+    }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("i", {
       onClick: this.onToggleExpand,
       className: `numeric-summary-item-icon dtable-font mr-2 ${isExpand ? 'dtable-icon-drop-down' : 'dtable-icon-right-slide'}`
-    }), /*#__PURE__*/React.createElement("span", null, intl.get('Summary_field') + ' ' + (1 + index))), !isFirst && /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("span", null, _intl.default.get('Summary_field') + ' ' + (1 + index))), !isFirst && /*#__PURE__*/_react.default.createElement("div", {
       className: "delete-numeric-summary-item-content close d-flex align-items-center justify-content-center",
       onClick: this.handleNumericSummaryItemDelete
-    }, /*#__PURE__*/React.createElement("i", {
+    }, /*#__PURE__*/_react.default.createElement("i", {
       className: "dtable-font dtable-icon-fork-number delete-icon"
-    }))), /*#__PURE__*/React.createElement("div", {
+    }))), /*#__PURE__*/_react.default.createElement("div", {
       className: `pl-4 ${isExpand ? 'expanded-numeric-summary-content' : 'collapsed-numeric-summary-content d-none'}`
-    }, /*#__PURE__*/React.createElement(FormGroup, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
       className: "sea-chart-parameter-item numeric-column"
-    }, /*#__PURE__*/React.createElement(_DTableSelect, {
+    }, /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: selectedColumnOption,
-      placeholder: intl.get('Select_a_column'),
+      placeholder: _intl.default.get('Select_a_column'),
       onChange: option => this.props.onColumnOptionChange(option, index, selectedColumnOption, currentAxisesIndex),
       options: availableOptions,
       style: {
         color: '#6e7687'
       }
-    })), /*#__PURE__*/React.createElement(FormGroup, {
+    })), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
       className: "sea-chart-parameter-item summary-method"
-    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(_DTableSelect, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: selectedSummaryMethodOption,
       onChange: option => this.props.onSummaryMethodChange(option, index),
@@ -147,4 +155,4 @@ class NumericSummaryItem extends Component {
     }))));
   }
 }
-export default NumericSummaryItem;
+var _default = exports.default = NumericSummaryItem;

package/dist/settings/widgets/select-line-type/index.js

@@ -1,11 +1,18 @@
-import _DTableRadio from "dtable-ui-component/lib/DTableRadio";
-import React from 'react';
-import { FormGroup, Label } from 'reactstrap';
-import { CHART_LINE_TYPES } from '../../../constants';
-import intl from '../../../intl';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _DTableRadio2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableRadio"));
+var _react = _interopRequireDefault(require("react"));
+var _reactstrap = require("reactstrap");
+var _constants = require("../../../constants");
+var _intl = _interopRequireDefault(require("../../../intl"));
 function SelectLineType(_ref) {
   let {
-    selectedLineType = CHART_LINE_TYPES[1],
+    selectedLineType = _constants.CHART_LINE_TYPES[1],
     onChange
   } = _ref;
   const onChangeLineType = lineType => {
@@ -14,14 +21,14 @@ function SelectLineType(_ref) {
       line_type: lineType
     });
   };
-  return /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, null, intl.get('Line_type')), CHART_LINE_TYPES.map((lineType, index) => {
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Line_type')), _constants.CHART_LINE_TYPES.map((lineType, index) => {
     const isChecked = lineType === selectedLineType;
-    return /*#__PURE__*/React.createElement(_DTableRadio, {
+    return /*#__PURE__*/_react.default.createElement(_DTableRadio2.default, {
       key: index,
       isChecked: isChecked,
       onCheckedChange: () => onChangeLineType(lineType),
-      label: intl.get(lineType)
+      label: _intl.default.get(lineType)
     });
   }));
 }
-export default SelectLineType;
+var _default = exports.default = SelectLineType;

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

@@ -1,8 +1,15 @@
-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 {
+"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 {
   constructor(props) {
     super(props);
     this.renderSelector = () => {
@@ -10,7 +17,7 @@ class SelectTable extends React.Component {
         selectedTableId
       } = this.props;
       const selectedOption = selectedTableId ? this.tableOptions.find(option => option.value === selectedTableId) : null;
-      return /*#__PURE__*/React.createElement(_DTableSelect, {
+      return /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
         menuPortalTarget: "#sea-chart-settings-content",
         value: selectedOption,
         options: this.tableOptions,
@@ -30,9 +37,9 @@ class SelectTable extends React.Component {
     }) : [];
   }
   render() {
-    return /*#__PURE__*/React.createElement(FormGroup, {
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
       className: "sea-chart-setting-item table-setting"
-    }, /*#__PURE__*/React.createElement(Label, null, intl.lang === 'zh-cn' ? '子表' : intl.get('Table')), this.renderSelector());
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.lang === 'zh-cn' ? '子表' : _intl.default.get('Table')), this.renderSelector());
   }
 }
-export default SelectTable;
+var _default = exports.default = SelectTable;

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

@@ -1,10 +1,18 @@
-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';
+"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");
 const SelectView = _ref => {
   let {
     tables,
@@ -12,10 +20,10 @@ const SelectView = _ref => {
     selectedViewId,
     onChange
   } = _ref;
-  const viewOptions = useMemo(() => {
-    const table = getTableById(tables, selectedTableId);
+  const viewOptions = (0, _react.useMemo)(() => {
+    const table = (0, _dtableUtils.getTableById)(tables, selectedTableId);
     if (!table) return [];
-    let views = getNonPrivateViews(table.views);
+    let views = (0, _dtableUtils.getNonPrivateViews)(table.views);
     let selectedView = views.find(view => view._id === selectedViewId);
     if (!selectedView) {
       selectedView = views[0];
@@ -23,23 +31,23 @@ const SelectView = _ref => {
 
     // not support archive view on plugin, do not show archive view
     // but if it is selected, keep it
-    if (selectedView && !isArchiveView(selectedView)) {
-      views = views.filter(v => !isArchiveView(v));
+    if (selectedView && !(0, _dtableUtils.isArchiveView)(selectedView)) {
+      views = views.filter(v => !(0, _dtableUtils.isArchiveView)(v));
     }
     return Array.isArray(views) ? views.map(view => {
       const value = view._id;
-      const archiveView = isArchiveView(view);
+      const archiveView = (0, _dtableUtils.isArchiveView)(view);
       return {
-        label: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+        label: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
           className: "sea-chart-table-view mr-2"
-        }, /*#__PURE__*/React.createElement("i", {
-          className: classnames('dtable-font',
+        }, /*#__PURE__*/_react.default.createElement("i", {
+          className: (0, _classnames.default)('dtable-font',
           // 'dtable-icon-main-view',
           {
             'dtable-icon-archive-view': archiveView,
             'dtable-icon-main-view': !archiveView
           })
-        })), /*#__PURE__*/React.createElement("span", {
+        })), /*#__PURE__*/_react.default.createElement("span", {
           className: "select-option-name"
         }, view.name)),
         value
@@ -47,13 +55,13 @@ const SelectView = _ref => {
     }) : [];
   }, [tables, selectedTableId, selectedViewId]);
   const selectedOption = selectedViewId ? viewOptions.find(option => option.value === selectedViewId) : null;
-  return /*#__PURE__*/React.createElement(FormGroup, {
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
     className: "sea-chart-setting-item table-setting"
-  }, /*#__PURE__*/React.createElement(Label, null, intl.get('View')), /*#__PURE__*/React.createElement(_DTableSelect, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('View')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: selectedOption,
     options: viewOptions,
     onChange: onChange
   }));
 };
-export default SelectView;
+var _default = exports.default = SelectView;

package/dist/settings/widgets/stack.js

@@ -1,14 +1,22 @@
-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 {
+"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 {
   constructor() {
     super(...arguments);
     this.onUseStackChange = event => {
-      eventStopPropagation(event);
+      (0, _utils.eventStopPropagation)(event);
       const {
         chart
       } = this.props;
@@ -34,17 +42,17 @@ class Stack extends Component {
       column_groupby_column_key
     } = chart.config;
     if (!column_groupby_column_key) return null;
-    const selectedTable = getTableById(tables, selectedTableId);
+    const selectedTable = (0, _dtableUtils.getTableById)(tables, selectedTableId);
     if (!selectedTable) return null;
-    const columnGroupbyColumn = getTableColumnByKey(selectedTable, column_groupby_column_key);
+    const columnGroupbyColumn = (0, _dtableUtils.getTableColumnByKey)(selectedTable, column_groupby_column_key);
     if (!columnGroupbyColumn) return null;
-    return /*#__PURE__*/React.createElement(FormGroup, {
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
       className: "sea-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Display_mode')), /*#__PURE__*/React.createElement(_DTableSwitch, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Display_mode')), /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
       checked: y_axis_use_stack || false,
-      placeholder: intl.get('Stack'),
+      placeholder: _intl.default.get('Stack'),
       onChange: this.onUseStackChange
     }));
   }
 }
-export default Stack;
+var _default = exports.default = Stack;

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

@@ -1,11 +1,19 @@
-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 {
+"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 {
   constructor(_props) {
     super(_props);
     this.initSummaryMethodOptions = props => {
@@ -14,11 +22,11 @@ class SummaryMethodSettings extends Component {
         numericColumnOptions
       } = props;
       const selectedOption = numericColumnOptions.find(item => item.value.key === value.column_key);
-      const summaryMethodOptions = selectedOption && BaseUtils.isDateSummaryColumn(selectedOption.value) ? CHART_DATE_SUMMARY_CALCULATION_METHOD : CHART_SUMMARY_CALCULATION_METHOD;
+      const summaryMethodOptions = selectedOption && _utils.BaseUtils.isDateSummaryColumn(selectedOption.value) ? _constants.CHART_DATE_SUMMARY_CALCULATION_METHOD : _constants.CHART_SUMMARY_CALCULATION_METHOD;
       this.summaryMethodOptions = summaryMethodOptions.map(item => {
         return {
           value: item,
-          label: intl.get(CHART_SUMMARY_SHOW[item])
+          label: _intl.default.get(_constants.CHART_SUMMARY_SHOW[item])
         };
       });
     };
@@ -28,7 +36,7 @@ class SummaryMethodSettings extends Component {
     this.initSummaryMethodOptions(_props);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    if (!shallowEqual(this.props.value, nextProps.value)) {
+    if (!(0, _shallowequal.default)(this.props.value, nextProps.value)) {
       this.initSummaryMethodOptions(nextProps);
     }
   }
@@ -43,17 +51,17 @@ class SummaryMethodSettings extends 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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormGroup, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
       className: "chart-parameter-item"
-    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Summary_field')), /*#__PURE__*/React.createElement(_DTableSelect, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Summary_field')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: selectedColumnOption,
-      placeholder: intl.get('Select_a_column'),
+      placeholder: _intl.default.get('Select_a_column'),
       onChange: this.props.onColumnOptionChange,
       options: numericColumnOptions
-    })), /*#__PURE__*/React.createElement(FormGroup, {
+    })), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
       className: "chart-parameter-item"
-    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(_DTableSelect, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: selectedSummaryMethodOption,
       onChange: this.props.onSummaryMethodChange,
@@ -61,4 +69,4 @@ class SummaryMethodSettings extends Component {
     })));
   }
 }
-export default SummaryMethodSettings;
+var _default = exports.default = SummaryMethodSettings;