sea-chart 2.0.37 → 2.0.38

package/dist/settings/widgets/font-settings/font-size-settings.js

@@ -1,17 +1,9 @@
-"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 _classnames = _interopRequireDefault(require("classnames"));
-var _reactstrap = require("reactstrap");
-var _dtableUtils = require("dtable-utils");
-var _components = require("../../../components");
-var _intl = _interopRequireDefault(require("../../../intl"));
+import React, { useCallback, useMemo } from 'react';
+import classnames from 'classnames';
+import { Label } from 'reactstrap';
+import { isNumber } from 'dtable-utils';
+import { PixelEditor } from '../../../components';
+import intl from '../../../intl';
 const FontSizeSettings = _ref => {
   let {
     fontSize,
@@ -20,22 +12,22 @@ const FontSizeSettings = _ref => {
     className,
     title
   } = _ref;
-  const initialFontSize = (0, _react.useMemo)(() => {
-    if ((0, _dtableUtils.isNumber)(fontSize)) return fontSize;
-    if ((0, _dtableUtils.isNumber)(defaultFontSize)) return defaultFontSize;
+  const initialFontSize = useMemo(() => {
+    if (isNumber(fontSize)) return fontSize;
+    if (isNumber(defaultFontSize)) return defaultFontSize;
     return null;
   }, [fontSize, defaultFontSize]);
-  const onChange = (0, _react.useCallback)(currFontSize => {
+  const onChange = useCallback(currFontSize => {
     const parsedFontSize = parseInt(currFontSize);
     if (!fontSize && !parsedFontSize || parsedFontSize === fontSize) return;
     modifyFontSize(parsedFontSize);
   }, [fontSize, modifyFontSize]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('sea-chart-setting-item font-size-setting', className)
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, title || _intl.default.get('Font_size')), /*#__PURE__*/_react.default.createElement(_components.PixelEditor, {
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames('sea-chart-setting-item font-size-setting', className)
+  }, /*#__PURE__*/React.createElement(Label, null, title || intl.get('Font_size')), /*#__PURE__*/React.createElement(PixelEditor, {
     pixel: initialFontSize,
     defaultPixel: defaultFontSize,
     modifyPixel: onChange
   }));
 };
-var _default = exports.default = FontSizeSettings;
+export default FontSizeSettings;

package/dist/settings/widgets/font-settings/font-weight-settings.js

@@ -1,33 +1,25 @@
-"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 _DTableCustomizeSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableCustomizeSelect"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactstrap = require("reactstrap");
-var _utils = require("../../../utils");
-var _intl = _interopRequireDefault(require("../../../intl"));
+import _DTableCustomizeSelect from "dtable-ui-component/lib/DTableCustomizeSelect";
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import classnames from 'classnames';
+import { Label } from 'reactstrap';
+import { generatorCommonOptions } from '../../../utils';
+import intl from '../../../intl';
 const FontWeightSettings = props => {
-  const [fontWeight, setFontWeight] = (0, _react.useState)(props.fontWeight);
-  const mountRef = (0, _react.useRef)(false);
-  (0, _react.useEffect)(() => {
+  const [fontWeight, setFontWeight] = useState(props.fontWeight);
+  const mountRef = useRef(false);
+  useEffect(() => {
     if (!mountRef.current) {
       mountRef.current = true;
     } else {
       setFontWeight(props.fontWeight);
     }
   }, [props.fontWeight]);
-  const fontWeightOptions = (0, _react.useMemo)(() => {
-    return (0, _utils.generatorCommonOptions)(props.supportFontWeights, fontWeight);
+  const fontWeightOptions = useMemo(() => {
+    return generatorCommonOptions(props.supportFontWeights, fontWeight);
   }, [props.supportFontWeights, fontWeight]);
-  const selectedFontWeightOption = (0, _react.useMemo)(() => {
+  const selectedFontWeightOption = useMemo(() => {
     return {
-      label: /*#__PURE__*/_react.default.createElement("span", {
+      label: /*#__PURE__*/React.createElement("span", {
         className: "common-selected-font"
       }, fontWeight)
     };
@@ -40,13 +32,13 @@ const FontWeightSettings = props => {
     setFontWeight(nextFontWeight);
     props.modifyFontWeight(nextFontWeight);
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('setting-item sea-chart-font-weight-setting', props.className)
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Font_weight')), /*#__PURE__*/_react.default.createElement(_DTableCustomizeSelect2.default, {
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames('setting-item sea-chart-font-weight-setting', props.className)
+  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Font_weight')), /*#__PURE__*/React.createElement(_DTableCustomizeSelect, {
     className: "sea-chart-font-weight",
     value: selectedFontWeightOption,
     options: fontWeightOptions,
     onSelectOption: modifyFontWeight
   }));
 };
-var _default = exports.default = FontWeightSettings;
+export default FontWeightSettings;

package/dist/settings/widgets/font-settings/index.js

@@ -1,27 +1,4 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "FontColorSettings", {
-  enumerable: true,
-  get: function () {
-    return _fontColorSettings.default;
-  }
-});
-Object.defineProperty(exports, "FontSizeSettings", {
-  enumerable: true,
-  get: function () {
-    return _fontSizeSettings.default;
-  }
-});
-Object.defineProperty(exports, "FontWeightSettings", {
-  enumerable: true,
-  get: function () {
-    return _fontWeightSettings.default;
-  }
-});
-var _fontSizeSettings = _interopRequireDefault(require("./font-size-settings"));
-var _fontWeightSettings = _interopRequireDefault(require("./font-weight-settings"));
-var _fontColorSettings = _interopRequireDefault(require("./font-color-settings"));
+import FontSizeSettings from './font-size-settings';
+import FontWeightSettings from './font-weight-settings';
+import FontColorSettings from './font-color-settings';
+export { FontSizeSettings, FontWeightSettings, FontColorSettings };

package/dist/settings/widgets/group-by.js

@@ -1,30 +1,23 @@
-"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 _DTableCustomizeSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableCustomizeSelect"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactstrap = require("reactstrap");
-var _dtableUtils = require("dtable-utils");
-var _columnUtils = require("../../utils/column-utils");
-var _constants = require("../../constants");
-var _intl = _interopRequireDefault(require("../../intl"));
-class GroupBy extends _react.Component {
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
+import _DTableCustomizeSelect from "dtable-ui-component/lib/DTableCustomizeSelect";
+import _DTableColumnIcon from "dtable-ui-component/lib/DTableColumnIcon";
+import React, { Component } from 'react';
+import classnames from 'classnames';
+import { Label, FormGroup } from 'reactstrap';
+import { CellType, DATE_COLUMN_OPTIONS, getTableById, getTableColumnByKey } from 'dtable-utils';
+import { isDateFormulaColumn } from '../../utils/column-utils';
+import { CHART_SUPPORT_COLUMNS, DATE_GRANULATES, GEOLOCATION_GRANULATES, CHART_SUMMARY_SHOW, GEOLOCATION_FORMAT_MAP, CHART_TYPE, TIME_COLUMN_LIST, COMPLETENESS_GROUPBY_SUPPORTED_COLUMN_TYPE, NUMBERIC_COLUMN_TYPE, MIRROR_COLUMN_LIST } from '../../constants';
+import intl from '../../intl';
+class GroupBy extends Component {
   constructor(_props) {
     super(_props);
     this.generatorGranulatesOptions = granulates => {
       return granulates.map(item => {
         return {
           value: item,
-          label: /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement("span", {
             className: "ml-0 select-module select-module-name"
-          }, _intl.default.get(_constants.CHART_SUMMARY_SHOW[item]))
+          }, intl.get(CHART_SUMMARY_SHOW[item]))
         };
       });
     };
@@ -33,7 +26,7 @@ class GroupBy extends _react.Component {
         tables,
         selectedTableId
       } = props;
-      this.selectedTable = (0, _dtableUtils.getTableById)(tables, selectedTableId);
+      this.selectedTable = getTableById(tables, selectedTableId);
       const columns = this.selectedTable && Array.isArray(this.selectedTable.columns) ? this.selectedTable.columns : [];
       this.validColumns = this.getAvailableColumns(columns);
       this.columnOptions = this.getColumnOptions(this.validColumns);
@@ -46,7 +39,7 @@ class GroupBy extends _react.Component {
         this.geolocationGranulatesOptions = [];
         return;
       }
-      const groupbyColumn = (0, _dtableUtils.getTableColumnByKey)(this.selectedTable, selectedColumnKey);
+      const groupbyColumn = getTableColumnByKey(this.selectedTable, selectedColumnKey);
       if (!groupbyColumn) {
         this.geolocationGranulatesOptions = [];
         return;
@@ -54,19 +47,19 @@ class GroupBy extends _react.Component {
       const {
         geo_format
       } = groupbyColumn.data || {};
-      if (geo_format === _constants.GEOLOCATION_FORMAT_MAP.PROVINCE) {
-        this.geolocationGranulatesOptions = this.generatorGranulatesOptions(_constants.GEOLOCATION_GRANULATES.filter(item => item === _constants.GEOLOCATION_FORMAT_MAP.PROVINCE));
+      if (geo_format === GEOLOCATION_FORMAT_MAP.PROVINCE) {
+        this.geolocationGranulatesOptions = this.generatorGranulatesOptions(GEOLOCATION_GRANULATES.filter(item => item === GEOLOCATION_FORMAT_MAP.PROVINCE));
         return;
       }
-      if (geo_format === _constants.GEOLOCATION_FORMAT_MAP.PROVINCE_CITY) {
-        this.geolocationGranulatesOptions = this.generatorGranulatesOptions(_constants.GEOLOCATION_GRANULATES.filter(item => item === 'district'));
+      if (geo_format === GEOLOCATION_FORMAT_MAP.PROVINCE_CITY) {
+        this.geolocationGranulatesOptions = this.generatorGranulatesOptions(GEOLOCATION_GRANULATES.filter(item => item === 'district'));
         return;
       }
-      if (geo_format === _constants.GEOLOCATION_FORMAT_MAP.COUNTRY_REGION || geo_format === _constants.GEOLOCATION_FORMAT_MAP.LNG_LAT) {
+      if (geo_format === GEOLOCATION_FORMAT_MAP.COUNTRY_REGION || geo_format === GEOLOCATION_FORMAT_MAP.LNG_LAT) {
         this.geolocationGranulatesOptions = [];
         return;
       }
-      this.geolocationGranulatesOptions = this.generatorGranulatesOptions(_constants.GEOLOCATION_GRANULATES);
+      this.geolocationGranulatesOptions = this.generatorGranulatesOptions(GEOLOCATION_GRANULATES);
     };
     this.getAvailableColumns = columns => {
       const {
@@ -77,16 +70,16 @@ class GroupBy extends _react.Component {
       if (!columns || !Array.isArray(columns)) return [];
       let newColumns = [];
       if (isMirror) {
-        newColumns = columns.filter(column => _constants.MIRROR_COLUMN_LIST.includes(column.type));
+        newColumns = columns.filter(column => MIRROR_COLUMN_LIST.includes(column.type));
         return newColumns;
       }
       if (onlySupportSingleSelect) {
         newColumns = columns.filter(column => column.type === 'single-select');
         return newColumns;
       }
-      newColumns = columns.filter(column => _constants.CHART_SUPPORT_COLUMNS.includes(column.type));
+      newColumns = columns.filter(column => CHART_SUPPORT_COLUMNS.includes(column.type));
       if (onlySupportDate) {
-        return newColumns.filter(column => _constants.TIME_COLUMN_LIST.includes(column.type));
+        return newColumns.filter(column => TIME_COLUMN_LIST.includes(column.type));
       }
       return newColumns;
     };
@@ -98,25 +91,25 @@ class GroupBy extends _react.Component {
       let newColumns = 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: "header-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-option-name'
           }, column.name))
         };
       });
-      if ([_constants.CHART_TYPE.COMPLETENESS, _constants.CHART_TYPE.COMPLETENESS_GROUP].includes(type)) {
-        newColumns = newColumns.filter(column => _constants.COMPLETENESS_GROUPBY_SUPPORTED_COLUMN_TYPE.includes(column.value.type));
-      } else if (type === _constants.CHART_TYPE.SCATTER) {
+      if ([CHART_TYPE.COMPLETENESS, CHART_TYPE.COMPLETENESS_GROUP].includes(type)) {
+        newColumns = newColumns.filter(column => COMPLETENESS_GROUPBY_SUPPORTED_COLUMN_TYPE.includes(column.value.type));
+      } else if (type === CHART_TYPE.SCATTER) {
         newColumns = newColumns.filter(column => {
-          if (column.value.type === _dtableUtils.CellType.FORMULA) {
-            return column.value.data.result_type === _dtableUtils.CellType.NUMBER;
-          } else if (column.value.type === _dtableUtils.CellType.LINK_FORMULA) {
-            return [_dtableUtils.CellType.NUMBER, _dtableUtils.CellType.RATE].includes(column.value.data.array_type);
+          if (column.value.type === CellType.FORMULA) {
+            return column.value.data.result_type === CellType.NUMBER;
+          } else if (column.value.type === CellType.LINK_FORMULA) {
+            return [CellType.NUMBER, CellType.RATE].includes(column.value.data.array_type);
           } else {
-            return _constants.NUMBERIC_COLUMN_TYPE.includes(column.value.type);
+            return NUMBERIC_COLUMN_TYPE.includes(column.value.type);
           }
         });
       }
@@ -126,9 +119,9 @@ class GroupBy extends _react.Component {
             key: '',
             type: 'text'
           },
-          label: /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement("span", {
             className: "ml-0"
-          }, _intl.default.get('Not_used'))
+          }, intl.get('Not_used'))
         });
       }
       return newColumns;
@@ -142,15 +135,15 @@ class GroupBy extends _react.Component {
         const options = this.columnOptions.find(option => option.value.key === selectedColumnKey);
         selectedOption = options ? options : null;
       }
-      return /*#__PURE__*/_react.default.createElement(_DTableCustomizeSelect2.default, {
+      return /*#__PURE__*/React.createElement(_DTableCustomizeSelect, {
         isLocked: false,
         value: selectedOption,
         options: this.columnOptions,
         onSelectOption: this.props.onGroupByChange,
         isInModal: true,
         searchable: true,
-        searchPlaceholder: _intl.default.get('Select_field'),
-        noOptionsPlaceholder: _intl.default.get('No_column')
+        searchPlaceholder: intl.get('Select_field'),
+        noOptionsPlaceholder: intl.get('No_column')
       });
     };
     this.renderGroupbyDateGranulates = () => {
@@ -158,9 +151,9 @@ class GroupBy extends _react.Component {
         selectedDateGranularity
       } = this.props;
       const selectedOption = this.dateGranulatesOptions.find(option => option.value === selectedDateGranularity);
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "mt-4 sea-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
+      }, /*#__PURE__*/React.createElement(_DTableSelect, {
         menuPortalTarget: "#sea-chart-settings-content",
         value: selectedOption,
         options: this.dateGranulatesOptions,
@@ -172,9 +165,9 @@ class GroupBy extends _react.Component {
         selectedGeolocationGranularity
       } = this.props;
       const selectedOption = this.geolocationGranulatesOptions.find(option => option.value === selectedGeolocationGranularity);
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "mt-4 sea-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
+      }, /*#__PURE__*/React.createElement(_DTableSelect, {
         menuPortalTarget: "#sea-chart-settings-content",
         value: selectedOption,
         options: this.geolocationGranulatesOptions,
@@ -188,14 +181,14 @@ class GroupBy extends _react.Component {
       } = this.props;
       if (isMirror) return null;
       if (!selectedColumnKey) return null;
-      const groupbyColumn = (0, _dtableUtils.getTableColumnByKey)(this.selectedTable, selectedColumnKey);
+      const groupbyColumn = getTableColumnByKey(this.selectedTable, selectedColumnKey);
       if (!groupbyColumn) return null;
       const {
         type: groupbyColumnType
       } = groupbyColumn;
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (_dtableUtils.DATE_COLUMN_OPTIONS.includes(groupbyColumnType) || (0, _columnUtils.islinkDateFormula)(groupbyColumn)) && this.renderGroupbyDateGranulates(), groupbyColumnType === _dtableUtils.CellType.GEOLOCATION && this.geolocationGranulatesOptions.length > 0 && this.renderGroupbyGeolocationGranulates());
+      return /*#__PURE__*/React.createElement(React.Fragment, null, (DATE_COLUMN_OPTIONS.includes(groupbyColumnType) || isDateFormulaColumn(groupbyColumn)) && this.renderGroupbyDateGranulates(), groupbyColumnType === CellType.GEOLOCATION && this.geolocationGranulatesOptions.length > 0 && this.renderGroupbyGeolocationGranulates());
     };
-    this.dateGranulatesOptions = this.generatorGranulatesOptions(_constants.DATE_GRANULATES);
+    this.dateGranulatesOptions = this.generatorGranulatesOptions(DATE_GRANULATES);
     this.initOptions(_props);
     this.initGeolocationOptions(_props);
   }
@@ -217,11 +210,11 @@ class GroupBy extends _react.Component {
       className,
       isRenderGroupBy = true
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
-      className: (0, _classnames.default)('sea-chart-setting-item table-setting', {
+    return /*#__PURE__*/React.createElement(FormGroup, {
+      className: classnames('sea-chart-setting-item table-setting', {
         [className]: className
       })
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, label), this.renderSelector(), isRenderGroupBy && this.renderGroupBy());
+    }, /*#__PURE__*/React.createElement(Label, null, label), this.renderSelector(), isRenderGroupBy && this.renderGroupBy());
   }
 }
-var _default = exports.default = GroupBy;
+export default GroupBy;

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

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

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

@@ -1,17 +1,9 @@
-"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 {
+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 {
   constructor(props) {
     super(props);
     this.replaceNumberNotAllowInput = value => {
@@ -57,9 +49,9 @@ class MiniNumSlicePercent extends _react.Component {
       value,
       className
     } = this.props;
-    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, {
+    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, {
       value: value,
       onChange: this.onPercentChange,
       step: 0.1,
@@ -70,4 +62,4 @@ class MiniNumSlicePercent extends _react.Component {
     }));
   }
 }
-var _default = exports.default = MiniNumSlicePercent;
+export default MiniNumSlicePercent;

package/dist/settings/widgets/numeric-summary-item.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 NumericSummaryItem 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 NumericSummaryItem extends Component {
   constructor(_props) {
     super(_props);
     this.initSummaryMethodOptions = props => {
@@ -22,11 +14,11 @@ class NumericSummaryItem 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])
         };
       });
     };
@@ -92,7 +84,7 @@ class NumericSummaryItem 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);
     }
   }
@@ -120,34 +112,34 @@ class NumericSummaryItem extends _react.Component {
       isExpand
     } = this.state;
     const isFirst = index === 0;
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+    return /*#__PURE__*/React.createElement(FormGroup, {
       className: "sea-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
+    }, /*#__PURE__*/React.createElement(Label, {
       className: "numeric-summary-item d-flex align-items-center justify-content-between w-100"
-    }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("i", {
       onClick: this.onToggleExpand,
-      className: "numeric-summary-item-icon dtable-font mr-2 ".concat(isExpand ? 'dtable-icon-drop-down' : 'dtable-icon-right-slide')
-    }), /*#__PURE__*/_react.default.createElement("span", null, _intl.default.get('Summary_field') + ' ' + (1 + index))), !isFirst && /*#__PURE__*/_react.default.createElement("div", {
+      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", {
       className: "delete-numeric-summary-item-content close d-flex align-items-center justify-content-center",
       onClick: this.handleNumericSummaryItemDelete
-    }, /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-fork-number delete-icon"
-    }))), /*#__PURE__*/_react.default.createElement("div", {
-      className: "pl-4 ".concat(isExpand ? 'expanded-numeric-summary-content' : 'collapsed-numeric-summary-content d-none')
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+    }))), /*#__PURE__*/React.createElement("div", {
+      className: `pl-4 ${isExpand ? 'expanded-numeric-summary-content' : 'collapsed-numeric-summary-content d-none'}`
+    }, /*#__PURE__*/React.createElement(FormGroup, {
       className: "sea-chart-parameter-item numeric-column"
-    }, /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
+    }, /*#__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: option => this.props.onColumnOptionChange(option, index, selectedColumnOption, currentAxisesIndex),
       options: availableOptions,
       style: {
         color: '#6e7687'
       }
-    })), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+    })), /*#__PURE__*/React.createElement(FormGroup, {
       className: "sea-chart-parameter-item summary-method"
-    }, /*#__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: option => this.props.onSummaryMethodChange(option, index),
@@ -155,4 +147,4 @@ class NumericSummaryItem extends _react.Component {
     }))));
   }
 }
-var _default = exports.default = NumericSummaryItem;
+export default NumericSummaryItem;

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

@@ -1,18 +1,11 @@
-"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"));
+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';
 function SelectLineType(_ref) {
   let {
-    selectedLineType = _constants.CHART_LINE_TYPES[1],
+    selectedLineType = CHART_LINE_TYPES[1],
     onChange
   } = _ref;
   const onChangeLineType = lineType => {
@@ -21,14 +14,14 @@ function SelectLineType(_ref) {
       line_type: lineType
     });
   };
-  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) => {
+  return /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, null, intl.get('Line_type')), CHART_LINE_TYPES.map((lineType, index) => {
     const isChecked = lineType === selectedLineType;
-    return /*#__PURE__*/_react.default.createElement(_DTableRadio2.default, {
+    return /*#__PURE__*/React.createElement(_DTableRadio, {
       key: index,
       isChecked: isChecked,
       onCheckedChange: () => onChangeLineType(lineType),
-      label: _intl.default.get(lineType)
+      label: intl.get(lineType)
     });
   }));
 }
-var _default = exports.default = SelectLineType;
+export default SelectLineType;