sea-chart 2.0.36 → 2.0.38

package/dist/settings/widgets/text-horizontal-settings.js

@@ -1,17 +1,9 @@
-"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 _DTableRadioGroup2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableRadioGroup"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _constants = require("../../constants");
-var _intl = _interopRequireDefault(require("../../intl"));
+import _DTableRadioGroup from "dtable-ui-component/lib/DTableRadioGroup";
+import React, { useCallback } from 'react';
+import { Row, Label } from 'reactstrap';
+import classnames from 'classnames';
+import { HORIZONTAL_ALIGNS, HORIZONTAL_ALIGN_SHOW } from '../../constants';
+import intl from '../../intl';
 const TextHorizontalSettings = _ref => {
   let {
     defaultValue,
@@ -19,25 +11,25 @@ const TextHorizontalSettings = _ref => {
     onChange,
     className
   } = _ref;
-  const validValue = value || defaultValue || _constants.HORIZONTAL_ALIGNS[0];
-  const onHorizontalChanged = (0, _react.useCallback)(value => {
+  const validValue = value || defaultValue || HORIZONTAL_ALIGNS[0];
+  const onHorizontalChanged = useCallback(value => {
     onChange && onChange(value);
   }, [onChange]);
   const getOptionsDisplay = () => {
-    return _constants.HORIZONTAL_ALIGNS.reduce((optionDisplayMap, align) => {
+    return HORIZONTAL_ALIGNS.reduce((optionDisplayMap, align) => {
       return {
         ...optionDisplayMap,
-        [align]: _intl.default.get(_constants.HORIZONTAL_ALIGN_SHOW[align])
+        [align]: intl.get(HORIZONTAL_ALIGN_SHOW[align])
       };
     }, {});
   };
-  return /*#__PURE__*/_react.default.createElement(_reactstrap.Row, {
-    className: (0, _classnames.default)('mt-0 mb-4 ml-0 mr-0 settings-text-horizontal-align sea-chart-select-group', className)
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Text_horizontal_alignment')), /*#__PURE__*/_react.default.createElement(_DTableRadioGroup2.default, {
+  return /*#__PURE__*/React.createElement(Row, {
+    className: classnames('mt-0 mb-4 ml-0 mr-0 settings-text-horizontal-align sea-chart-select-group', className)
+  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Text_horizontal_alignment')), /*#__PURE__*/React.createElement(_DTableRadioGroup, {
     activeOption: validValue,
-    options: _constants.HORIZONTAL_ALIGNS,
+    options: HORIZONTAL_ALIGNS,
     optionsDisplay: getOptionsDisplay(),
     onSelectChanged: onHorizontalChanged
   }));
 };
-var _default = exports.default = TextHorizontalSettings;
+export default TextHorizontalSettings;

package/dist/settings/widgets/time-picker.js

@@ -1,31 +1,23 @@
-"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 _dayjs = _interopRequireDefault(require("dayjs"));
-var _seafileCalendar = _interopRequireDefault(require("@seafile/seafile-calendar"));
-var _Picker = _interopRequireDefault(require("@seafile/seafile-calendar/lib/Picker"));
-require("dayjs/locale/zh-cn");
-require("dayjs/locale/en-gb");
-var _utils = require("../../utils");
-var _intl = _interopRequireDefault(require("../../intl"));
-var _context = _interopRequireDefault(require("../../context"));
-require("@seafile/seafile-calendar/assets/index.css");
-let now = (0, _dayjs.default)();
+import React, { Component } from 'react';
+import dayjs from 'dayjs';
+import Calendar from '@seafile/seafile-calendar';
+import DatePicker from '@seafile/seafile-calendar/lib/Picker';
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/en-gb';
+import { translateCalendar } from '../../utils';
+import intl from '../../intl';
+import context from '../../context';
+import '@seafile/seafile-calendar/assets/index.css';
+let now = dayjs();
 const DATE_FORMAT = 'YYYY-MM-DD';
-class TimePicker extends _react.Component {
+class TimePicker extends Component {
   constructor(props) {
     super(props);
     this.getDefaultMinutesTime = () => {
       const {
         value
       } = this.props;
-      if (value) return (0, _dayjs.default)(value).format('HH:mm');
+      if (value) return dayjs(value).format('HH:mm');
       return '';
     };
     this.getCalendarContainer = () => {
@@ -81,24 +73,24 @@ class TimePicker extends _react.Component {
       open: false,
       value: null
     };
-    this.calendarContainerRef = /*#__PURE__*/_react.default.createRef();
+    this.calendarContainerRef = React.createRef();
     this.defaultCalendarValue = null;
   }
   componentDidMount() {
     const {
       value
     } = this.props;
-    const iszhcn = _context.default.getSetting('lang') === 'zh-cn';
+    const iszhcn = context.getSetting('lang') === 'zh-cn';
     if (iszhcn) {
       now = now.locale('zh-cn');
     } else {
       now = now.locale('en-gb');
     }
     this.defaultCalendarValue = now.clone();
-    if (value && (0, _dayjs.default)(value).isValid()) {
-      let validValue = (0, _dayjs.default)(value).isValid() ? (0, _dayjs.default)(value) : (0, _dayjs.default)(this.defaultCalendarValue);
+    if (value && dayjs(value).isValid()) {
+      let validValue = dayjs(value).isValid() ? dayjs(value) : dayjs(this.defaultCalendarValue);
       this.setState({
-        value: iszhcn ? (0, _dayjs.default)(validValue).locale('zh-cn') : (0, _dayjs.default)(validValue).locale('en-gb')
+        value: iszhcn ? dayjs(validValue).locale('zh-cn') : dayjs(validValue).locale('en-gb')
       });
     }
   }
@@ -111,7 +103,7 @@ class TimePicker extends _react.Component {
       open
     } = this.state;
     const minutesTime = this.getDefaultMinutesTime();
-    if (isReadOnly) return /*#__PURE__*/_react.default.createElement("input", {
+    if (isReadOnly) return /*#__PURE__*/React.createElement("input", {
       className: "ant-calendar-picker-input ant-input form-control",
       value: value && value.format(DATE_FORMAT) || '',
       disabled: true
@@ -124,17 +116,17 @@ class TimePicker extends _react.Component {
       fontSize: '12px',
       cursor: 'pointer'
     };
-    const clearIcon = /*#__PURE__*/_react.default.createElement('i', {
+    const clearIcon = React.createElement('i', {
       className: 'item-icon dtable-font dtable-icon-x',
       style: clearStyle
     });
-    const calendar = /*#__PURE__*/_react.default.createElement(_seafileCalendar.default, {
+    const calendar = /*#__PURE__*/React.createElement(Calendar, {
       className: "dtable-rc-calendar",
-      locale: (0, _utils.translateCalendar)(),
+      locale: translateCalendar(),
       style: {
         zIndex: 1001
       },
-      dateInputPlaceholder: _intl.default.get('Please_input_date'),
+      dateInputPlaceholder: intl.get('Please_input_date'),
       format: DATE_FORMAT,
       defaultValue: this.defaultCalendarValue,
       showDateInput: true,
@@ -145,10 +137,10 @@ class TimePicker extends _react.Component {
       defaultMinutesTime: minutesTime,
       onClickRightPanelTime: this.onClickRightPanelTime
     });
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "sea-chart-date-picker-container",
       ref: ref => this.datePicker = ref
-    }, /*#__PURE__*/_react.default.createElement(_Picker.default, {
+    }, /*#__PURE__*/React.createElement(DatePicker, {
       calendar: calendar,
       value: value,
       onChange: this.onChange,
@@ -162,19 +154,19 @@ class TimePicker extends _react.Component {
       let {
         value
       } = _ref;
-      return /*#__PURE__*/_react.default.createElement("span", {
+      return /*#__PURE__*/React.createElement("span", {
         tabIndex: "0",
         onFocus: this.onReadOnlyFocus
-      }, /*#__PURE__*/_react.default.createElement("input", {
+      }, /*#__PURE__*/React.createElement("input", {
         tabIndex: "-1",
         onChange: () => {},
         className: "ant-calendar-picker-input ant-input form-control",
         value: value && value.format(DATE_FORMAT) || '',
         onMouseDown: this.handleMouseDown
-      }), /*#__PURE__*/_react.default.createElement("div", {
+      }), /*#__PURE__*/React.createElement("div", {
         ref: this.calendarContainerRef
       }));
     }));
   }
 }
-var _default = exports.default = TimePicker;
+export default TimePicker;

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

@@ -1,28 +1,20 @@
-"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 _CollapsibleSettingLayout2 = _interopRequireDefault(require("dtable-ui-component/lib/CollapsibleSettingLayout"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _contexts = require("../../../utils/contexts");
-var _fontSettings = require("../font-settings");
-var _textHorizontalSettings = _interopRequireDefault(require("../text-horizontal-settings"));
-var _constants = require("../../../constants");
-var _intl = _interopRequireDefault(require("../../../intl"));
-var _titleText = _interopRequireDefault(require("./title-text"));
+import _CollapsibleSettingLayout from "dtable-ui-component/lib/CollapsibleSettingLayout";
+import React, { useMemo, useContext } from 'react';
+import { Label } from 'reactstrap';
+import { GlobalThemeContext, settingsContext } from '../../../utils/contexts';
+import { FontSizeSettings, FontWeightSettings, FontColorSettings } from '../font-settings';
+import TextHorizontalSettings from '../text-horizontal-settings';
+import { DEFAULT_CHART_FONT_WEIGHT, DEFAULT_CHART_TITLE_FONT_SIZE, CHART_SUPPORT_FONT_WEIGHTS, HORIZONTAL_ALIGN, DEFAULT_TREND_CHART_TITLE_FONT_SIZE, CHART_TYPE, TITLE_FONT_COLOR_MAP, DEFAULT_CHART_TITLE_FONT_COLOR_LIGHT } from '../../../constants';
+import intl from '../../../intl';
+import TitleText from './title-text';
 const TitleSetting = props => {
   const {
     hideTitleStyleSetting
-  } = (0, _react.useContext)(_contexts.settingsContext);
+  } = useContext(settingsContext);
   const {
     globalTheme
-  } = (0, _react.useContext)(_contexts.GlobalThemeContext);
-  const initialTitle = (0, _react.useMemo)(() => {
+  } = useContext(GlobalThemeContext);
+  const initialTitle = useMemo(() => {
     return props.title || {};
   }, [props.title]);
   const modifyTitle = updated => {
@@ -63,45 +55,45 @@ const TitleSetting = props => {
       font_color: updatedFontColor
     });
   };
-  const isCard = props.type === _constants.CHART_TYPE.TREND || props.type === _constants.CHART_TYPE.BASIC_NUMBER_CARD;
+  const isCard = props.type === CHART_TYPE.TREND || props.type === CHART_TYPE.BASIC_NUMBER_CARD;
 
   // if no text then set trend default font size to 16 and font_weight to 400
   if (isCard && !initialTitle.text) {
-    initialTitle.font_weight = _constants.CHART_SUPPORT_FONT_WEIGHTS[0];
-    initialTitle.font_size = _constants.DEFAULT_TREND_CHART_TITLE_FONT_SIZE;
+    initialTitle.font_weight = CHART_SUPPORT_FONT_WEIGHTS[0];
+    initialTitle.font_size = DEFAULT_TREND_CHART_TITLE_FONT_SIZE;
   }
   const getChildren = () => {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_titleText.default, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TitleText, {
       text: initialTitle.text,
       modifyText: modifyText
-    }), /*#__PURE__*/_react.default.createElement(_fontSettings.FontSizeSettings, {
+    }), /*#__PURE__*/React.createElement(FontSizeSettings, {
       className: 'mt-3',
       fontSize: initialTitle.font_size,
-      defaultFontSize: isCard ? _constants.DEFAULT_TREND_CHART_TITLE_FONT_SIZE : _constants.DEFAULT_CHART_TITLE_FONT_SIZE,
+      defaultFontSize: isCard ? DEFAULT_TREND_CHART_TITLE_FONT_SIZE : DEFAULT_CHART_TITLE_FONT_SIZE,
       modifyFontSize: modifyFontSize
-    }), /*#__PURE__*/_react.default.createElement(_fontSettings.FontWeightSettings, {
+    }), /*#__PURE__*/React.createElement(FontWeightSettings, {
       className: 'mt-3',
-      fontWeight: initialTitle.font_weight || _constants.DEFAULT_CHART_FONT_WEIGHT,
-      supportFontWeights: _constants.CHART_SUPPORT_FONT_WEIGHTS,
+      fontWeight: initialTitle.font_weight || DEFAULT_CHART_FONT_WEIGHT,
+      supportFontWeights: CHART_SUPPORT_FONT_WEIGHTS,
       modifyFontWeight: modifyFontWeight
-    }), /*#__PURE__*/_react.default.createElement(_fontSettings.FontColorSettings, {
+    }), /*#__PURE__*/React.createElement(FontColorSettings, {
       className: 'mt-3',
       fontColor: initialTitle.font_color,
-      defaultFontColor: _constants.TITLE_FONT_COLOR_MAP[globalTheme] || _constants.DEFAULT_CHART_TITLE_FONT_COLOR_LIGHT,
+      defaultFontColor: TITLE_FONT_COLOR_MAP[globalTheme] || DEFAULT_CHART_TITLE_FONT_COLOR_LIGHT,
       modifyFontColor: modifyFontColor
-    }), /*#__PURE__*/_react.default.createElement(_textHorizontalSettings.default, {
+    }), /*#__PURE__*/React.createElement(TextHorizontalSettings, {
       className: 'mt-3',
       value: initialTitle.horizontal_align,
-      defaultValue: _constants.HORIZONTAL_ALIGN.LEFT,
+      defaultValue: HORIZONTAL_ALIGN.LEFT,
       onChange: modifyHorizontalAlign
     }));
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, hideTitleStyleSetting && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Title')), /*#__PURE__*/_react.default.createElement(_titleText.default, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, hideTitleStyleSetting && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Label, null, intl.get('Title')), /*#__PURE__*/React.createElement(TitleText, {
     text: initialTitle.text,
     modifyText: modifyText
-  })), !hideTitleStyleSetting && /*#__PURE__*/_react.default.createElement(_CollapsibleSettingLayout2.default, {
-    title: _intl.default.get('Title'),
+  })), !hideTitleStyleSetting && /*#__PURE__*/React.createElement(_CollapsibleSettingLayout, {
+    title: intl.get('Title'),
     children: getChildren()
   }));
 };
-var _default = exports.default = TitleSetting;
+export default TitleSetting;

package/dist/settings/widgets/title-settings/title-text.js

@@ -1,14 +1,7 @@
-"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 _reactstrap = require("reactstrap");
+import React, { useState } from 'react';
+import { Input } from 'reactstrap';
 const TitleText = props => {
-  const [currText, setCurrText] = (0, _react.useState)(props.text || '');
+  const [currText, setCurrText] = useState(props.text || '');
   const onKeyDown = event => {
     if (event.key === 'Enter') {
       event.preventDefault();
@@ -18,7 +11,7 @@ const TitleText = props => {
   const onSaveText = () => {
     props.modifyText(currText);
   };
-  return /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
+  return /*#__PURE__*/React.createElement(Input, {
     type: "text",
     value: currText,
     onBlur: onSaveText,
@@ -26,4 +19,4 @@ const TitleText = props => {
     onKeyDown: onKeyDown
   });
 };
-var _default = exports.default = TitleText;
+export default TitleText;

package/dist/settings/widgets/x-axios.js

@@ -1 +0,0 @@
-"use strict";

package/dist/settings/widgets/y-axis-group-settings.js

@@ -1,23 +1,15 @@
-"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 _DTableColumnIcon2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableColumnIcon"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _dtableUtils = require("dtable-utils");
-var _constants = require("../../constants");
-var _utils = require("../../utils");
-var _intl = _interopRequireDefault(require("../../intl"));
-var _numericSummaryItem = _interopRequireDefault(require("./numeric-summary-item"));
-var _summaryMethodSetting = _interopRequireDefault(require("./summary-method-setting"));
-var _groupBy = _interopRequireDefault(require("./group-by"));
-class YAxisGroupSettings extends _react.Component {
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
+import _DTableColumnIcon from "dtable-ui-component/lib/DTableColumnIcon";
+import React, { Component } from 'react';
+import { FormGroup, Label } from 'reactstrap';
+import { getTableById } from 'dtable-utils';
+import { CHART_Y_GROUP_TYPE, CHART_SUMMARY_SHOW, CHART_SUMMARY_CALCULATION_METHOD, CHART_SUMMARY_TYPE, DATE_GRANULATES, GEOLOCATION_GRANULATES, CHART_DATE_SUMMARY_CALCULATION_METHOD, CHART_SUPPORT_COLUMNS, CHART_TYPE } from '../../constants';
+import { BaseUtils } from '../../utils';
+import intl from '../../intl';
+import NumericSummaryItem from './numeric-summary-item';
+import SummaryMethodSettings from './summary-method-setting';
+import Groupby from './group-by';
+class YAxisGroupSettings extends Component {
   constructor(_props) {
     super(_props);
     this.initTable = props => {
@@ -29,32 +21,32 @@ class YAxisGroupSettings extends _react.Component {
         table_id,
         type
       } = chart.config;
-      this.isMapChart = [_constants.CHART_TYPE.MAP, _constants.CHART_TYPE.MAP_BUBBLE, _constants.CHART_TYPE.WORLD_MAP, _constants.CHART_TYPE.WORLD_MAP_BUBBLE].includes(type);
-      this.selectedTable = (0, _dtableUtils.getTableById)(tables, table_id);
+      this.isMapChart = [CHART_TYPE.MAP, CHART_TYPE.MAP_BUBBLE, CHART_TYPE.WORLD_MAP, CHART_TYPE.WORLD_MAP_BUBBLE].includes(type);
+      this.selectedTable = getTableById(tables, table_id);
     };
     this.initGroupTypeOptions = () => {
       this.groupTypeOptions = [{
-        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')))
       }];
       const MULTIPLE_NUMERIC_COLUMN = {
-        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')))
       };
       if (!this.isMapChart) {
         this.groupTypeOptions.push(MULTIPLE_NUMERIC_COLUMN);
@@ -70,22 +62,22 @@ class YAxisGroupSettings 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.numericColumnOptions = 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(_DTableColumnIcon2.default, {
+          }, /*#__PURE__*/React.createElement(_DTableColumnIcon, {
             column: column
-          })), /*#__PURE__*/_react.default.createElement("span", {
+          })), /*#__PURE__*/React.createElement("span", {
             className: 'select-module select-module-name ml-0'
           }, column.name))
         };
@@ -94,9 +86,9 @@ class YAxisGroupSettings 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)'
         }
@@ -111,30 +103,30 @@ class YAxisGroupSettings extends _react.Component {
       } = chart;
       const value = option.value;
       let update = {};
-      if (value === _constants.CHART_Y_GROUP_TYPE.COUNT) {
+      if (value === CHART_Y_GROUP_TYPE.COUNT) {
         update.column_groupby_multiple_numeric_column = false;
         update.summary_columns = [];
-        update.y_axis_summary_type = _constants.CHART_SUMMARY_TYPE.COUNT;
+        update.y_axis_summary_type = CHART_SUMMARY_TYPE.COUNT;
         update.y_axis_summary_column_key = null;
-        update.y_axis_summary_method = _constants.CHART_SUMMARY_CALCULATION_METHOD[0];
+        update.y_axis_summary_method = CHART_SUMMARY_CALCULATION_METHOD[0];
         update.column_groupby_column_key = config.column_groupby_column_key || null;
         update.column_groupby_date_granularity = config.column_groupby_date_granularity || null;
         update.column_groupby_geolocation_granularity = config.column_groupby_geolocation_granularity || null;
-      } else if (value === _constants.CHART_Y_GROUP_TYPE.SINGLE_NUMERIC_COLUMN) {
+      } else if (value === CHART_Y_GROUP_TYPE.SINGLE_NUMERIC_COLUMN) {
         update.column_groupby_multiple_numeric_column = false;
         update.summary_columns = [];
-        update.y_axis_summary_type = _constants.CHART_SUMMARY_TYPE.ADVANCED;
+        update.y_axis_summary_type = CHART_SUMMARY_TYPE.ADVANCED;
         update.y_axis_summary_column_key = this.numericColumns[0] ? this.numericColumns[0].key : null;
-        update.y_axis_summary_method = _constants.CHART_SUMMARY_CALCULATION_METHOD[0];
+        update.y_axis_summary_method = CHART_SUMMARY_CALCULATION_METHOD[0];
         update.column_groupby_column_key = config.column_groupby_column_key || null;
         update.column_groupby_date_granularity = config.column_groupby_date_granularity || null;
         update.column_groupby_geolocation_granularity = config.column_groupby_geolocation_granularity || null;
-      } else if (value === _constants.CHART_Y_GROUP_TYPE.MULTIPLE_NUMERIC_COLUMN) {
+      } else if (value === CHART_Y_GROUP_TYPE.MULTIPLE_NUMERIC_COLUMN) {
         update.column_groupby_multiple_numeric_column = true;
         update.summary_columns = [];
-        update.y_axis_summary_type = _constants.CHART_SUMMARY_TYPE.ADVANCED;
+        update.y_axis_summary_type = CHART_SUMMARY_TYPE.ADVANCED;
         update.y_axis_summary_column_key = this.numericColumns[0] ? this.numericColumns[0].key : null;
-        update.y_axis_summary_method = _constants.CHART_SUMMARY_CALCULATION_METHOD[0];
+        update.y_axis_summary_method = CHART_SUMMARY_CALCULATION_METHOD[0];
         update.column_groupby_date_granularity = null;
         update.column_groupby_geolocation_granularity = null;
         update.column_groupby_geolocation_granularity = null;
@@ -153,12 +145,12 @@ class YAxisGroupSettings extends _react.Component {
         y_axis_summary_type
       } = config;
       if (column_groupby_multiple_numeric_column) {
-        return this.groupTypeOptions.find(item => item.value === _constants.CHART_Y_GROUP_TYPE.MULTIPLE_NUMERIC_COLUMN);
+        return this.groupTypeOptions.find(item => item.value === CHART_Y_GROUP_TYPE.MULTIPLE_NUMERIC_COLUMN);
       }
-      if (y_axis_summary_type === _constants.CHART_SUMMARY_TYPE.COUNT) {
+      if (y_axis_summary_type === CHART_SUMMARY_TYPE.COUNT) {
         return this.groupTypeOptions[0];
       }
-      if (y_axis_summary_type === _constants.CHART_SUMMARY_TYPE.ADVANCED) {
+      if (y_axis_summary_type === CHART_SUMMARY_TYPE.ADVANCED) {
         return this.groupTypeOptions[1];
       }
       return this.groupTypeOptions[0];
@@ -192,7 +184,7 @@ class YAxisGroupSettings 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_summary_method
@@ -270,7 +262,7 @@ class YAxisGroupSettings extends _react.Component {
         summary_columns
       } = config;
       const newNumericColumnKey = column.key;
-      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 (Array.isArray(summary_columns)) {
         summary_columns = [...summary_columns];
         summary_columns.push({
@@ -300,8 +292,8 @@ class YAxisGroupSettings extends _react.Component {
       if (column_groupby_column_key === column.key) return;
       this.props.onChange({
         column_groupby_column_key: column.key,
-        column_groupby_date_granularity: _constants.DATE_GRANULATES[0],
-        column_groupby_geolocation_granularity: _constants.GEOLOCATION_GRANULATES[0]
+        column_groupby_date_granularity: DATE_GRANULATES[0],
+        column_groupby_geolocation_granularity: GEOLOCATION_GRANULATES[0]
       });
     };
     this.onGroupbyDateGranularityChange = option => {
@@ -348,8 +340,8 @@ class YAxisGroupSettings extends _react.Component {
       } = config;
       if (!summary_columns || !Array.isArray(summary_columns)) return null;
       return summary_columns.map((item, index) => {
-        return /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
-          key: "number-column-".concat(index),
+        return /*#__PURE__*/React.createElement(NumericSummaryItem, {
+          key: `number-column-${index}`,
           index: index + 1,
           value: item,
           chart: chart,
@@ -372,16 +364,16 @@ class YAxisGroupSettings extends _react.Component {
       if (!column_groupby_multiple_numeric_column) return null;
       const usedSummaryColumnKeys = Array.isArray(summary_columns) ? summary_columns.map(item => item.column_key) : [];
       const unUsedSummaryColumns = this.numericColumns.filter(column => column.key !== y_axis_summary_column_key && !usedSummaryColumnKeys.includes(column.key));
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
         className: "statistic-add-number"
-      }, this.renderGroupbyNumericColumns()), Array.isArray(unUsedSummaryColumns) && unUsedSummaryColumns.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
+      }, this.renderGroupbyNumericColumns()), Array.isArray(unUsedSummaryColumns) && unUsedSummaryColumns.length > 0 && /*#__PURE__*/React.createElement("div", {
         className: "statistic-add-number-columns d-flex align-items-center",
         onClick: () => this.onAddNumericColumn(unUsedSummaryColumns[0])
-      }, /*#__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.initTable(_props);
     this.initGroupTypeOptions();
@@ -413,11 +405,11 @@ class YAxisGroupSettings extends _react.Component {
     } = chart.config;
 
     // if user do not select Single Numeric Column, then do not use it as the first config of multiple numeric column
-    const hasSingleNumericColumnConfig = !!(y_axis_summary_column_key && y_axis_summary_type === _constants.CHART_SUMMARY_TYPE.ADVANCED);
+    const hasSingleNumericColumnConfig = !!(y_axis_summary_column_key && y_axis_summary_type === CHART_SUMMARY_TYPE.ADVANCED);
     const hasMultipleNumericColumnsConfig = column_groupby_multiple_numeric_column;
-    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: "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: selectedTypeOption,
@@ -425,7 +417,7 @@ class YAxisGroupSettings extends _react.Component {
       options: this.groupTypeOptions
     })),
     // multiple but has single selected numeric column as the first config item
-    hasMultipleNumericColumnsConfig && (hasSingleNumericColumnConfig ? /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
+    hasMultipleNumericColumnsConfig && (hasSingleNumericColumnConfig ? /*#__PURE__*/React.createElement(NumericSummaryItem, {
       index: 0,
       value: {
         column_key: y_axis_summary_column_key,
@@ -437,7 +429,7 @@ class YAxisGroupSettings extends _react.Component {
       onSummaryMethodChange: this.onSummaryMethodChange
     }) : null),
     // single selected numeric columns
-    !hasMultipleNumericColumnsConfig && hasSingleNumericColumnConfig && /*#__PURE__*/_react.default.createElement(_summaryMethodSetting.default, {
+    !hasMultipleNumericColumnsConfig && hasSingleNumericColumnConfig && /*#__PURE__*/React.createElement(SummaryMethodSettings, {
       value: {
         column_key: y_axis_summary_column_key,
         summary_method: y_axis_summary_method
@@ -446,8 +438,8 @@ class YAxisGroupSettings extends _react.Component {
       numericColumnOptions: this.numericColumnOptions,
       onColumnOptionChange: option => this.onGroupbyNumericColumnChange(option, 0),
       onSummaryMethodChange: option => this.onSummaryMethodChange(option, 0)
-    }), this.renderColumnGroupbyMultipleNumericColumn(), (!column_groupby_multiple_numeric_column && y_axis_summary_type === _constants.CHART_SUMMARY_TYPE.ADVANCED || y_axis_summary_type === _constants.CHART_SUMMARY_TYPE.COUNT) && !this.isMapChart && /*#__PURE__*/_react.default.createElement(_groupBy.default, {
-      label: _intl.default.get('Group_by'),
+    }), this.renderColumnGroupbyMultipleNumericColumn(), (!column_groupby_multiple_numeric_column && y_axis_summary_type === CHART_SUMMARY_TYPE.ADVANCED || y_axis_summary_type === CHART_SUMMARY_TYPE.COUNT) && !this.isMapChart && /*#__PURE__*/React.createElement(Groupby, {
+      label: intl.get('Group_by'),
       tables: tables,
       selectedTableId: table_id,
       selectedColumnKey: column_groupby_column_key,
@@ -459,4 +451,4 @@ class YAxisGroupSettings extends _react.Component {
     }));
   }
 }
-var _default = exports.default = YAxisGroupSettings;
+export default YAxisGroupSettings;