sea-chart 2.0.47 → 2.0.49

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

@@ -1,20 +1,28 @@
-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';
+"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"));
 const TitleSetting = props => {
   const {
     hideTitleStyleSetting
-  } = useContext(settingsContext);
+  } = (0, _react.useContext)(_contexts.settingsContext);
   const {
     globalTheme
-  } = useContext(GlobalThemeContext);
-  const initialTitle = useMemo(() => {
+  } = (0, _react.useContext)(_contexts.GlobalThemeContext);
+  const initialTitle = (0, _react.useMemo)(() => {
     return props.title || {};
   }, [props.title]);
   const modifyTitle = updated => {
@@ -55,45 +63,45 @@ const TitleSetting = props => {
       font_color: updatedFontColor
     });
   };
-  const isCard = props.type === CHART_TYPE.TREND || props.type === CHART_TYPE.BASIC_NUMBER_CARD;
+  const isCard = props.type === _constants.CHART_TYPE.TREND || props.type === _constants.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 = CHART_SUPPORT_FONT_WEIGHTS[0];
-    initialTitle.font_size = DEFAULT_TREND_CHART_TITLE_FONT_SIZE;
+    initialTitle.font_weight = _constants.CHART_SUPPORT_FONT_WEIGHTS[0];
+    initialTitle.font_size = _constants.DEFAULT_TREND_CHART_TITLE_FONT_SIZE;
   }
   const getChildren = () => {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TitleText, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_titleText.default, {
       text: initialTitle.text,
       modifyText: modifyText
-    }), /*#__PURE__*/React.createElement(FontSizeSettings, {
+    }), /*#__PURE__*/_react.default.createElement(_fontSettings.FontSizeSettings, {
       className: 'mt-3',
       fontSize: initialTitle.font_size,
-      defaultFontSize: isCard ? DEFAULT_TREND_CHART_TITLE_FONT_SIZE : DEFAULT_CHART_TITLE_FONT_SIZE,
+      defaultFontSize: isCard ? _constants.DEFAULT_TREND_CHART_TITLE_FONT_SIZE : _constants.DEFAULT_CHART_TITLE_FONT_SIZE,
       modifyFontSize: modifyFontSize
-    }), /*#__PURE__*/React.createElement(FontWeightSettings, {
+    }), /*#__PURE__*/_react.default.createElement(_fontSettings.FontWeightSettings, {
       className: 'mt-3',
-      fontWeight: initialTitle.font_weight || DEFAULT_CHART_FONT_WEIGHT,
-      supportFontWeights: CHART_SUPPORT_FONT_WEIGHTS,
+      fontWeight: initialTitle.font_weight || _constants.DEFAULT_CHART_FONT_WEIGHT,
+      supportFontWeights: _constants.CHART_SUPPORT_FONT_WEIGHTS,
       modifyFontWeight: modifyFontWeight
-    }), /*#__PURE__*/React.createElement(FontColorSettings, {
+    }), /*#__PURE__*/_react.default.createElement(_fontSettings.FontColorSettings, {
       className: 'mt-3',
       fontColor: initialTitle.font_color,
-      defaultFontColor: TITLE_FONT_COLOR_MAP[globalTheme] || DEFAULT_CHART_TITLE_FONT_COLOR_LIGHT,
+      defaultFontColor: _constants.TITLE_FONT_COLOR_MAP[globalTheme] || _constants.DEFAULT_CHART_TITLE_FONT_COLOR_LIGHT,
       modifyFontColor: modifyFontColor
-    }), /*#__PURE__*/React.createElement(TextHorizontalSettings, {
+    }), /*#__PURE__*/_react.default.createElement(_textHorizontalSettings.default, {
       className: 'mt-3',
       value: initialTitle.horizontal_align,
-      defaultValue: HORIZONTAL_ALIGN.LEFT,
+      defaultValue: _constants.HORIZONTAL_ALIGN.LEFT,
       onChange: modifyHorizontalAlign
     }));
   };
-  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, {
+  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, {
     text: initialTitle.text,
     modifyText: modifyText
-  })), !hideTitleStyleSetting && /*#__PURE__*/React.createElement(_CollapsibleSettingLayout, {
-    title: intl.get('Title'),
+  })), !hideTitleStyleSetting && /*#__PURE__*/_react.default.createElement(_CollapsibleSettingLayout2.default, {
+    title: _intl.default.get('Title'),
     children: getChildren()
   }));
 };
-export default TitleSetting;
+var _default = exports.default = TitleSetting;

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

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

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

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

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

@@ -1,15 +1,23 @@
-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 {
+"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 {
   constructor(_props) {
     super(_props);
     this.initTable = props => {
@@ -21,32 +29,32 @@ class YAxisGroupSettings extends Component {
         table_id,
         type
       } = chart.config;
-      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.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.initGroupTypeOptions = () => {
       this.groupTypeOptions = [{
-        value: CHART_Y_GROUP_TYPE.COUNT,
-        label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+        value: _constants.CHART_Y_GROUP_TYPE.COUNT,
+        label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
           className: "select-module select-module-name ml-0"
-        }, intl.get(CHART_SUMMARY_SHOW['count'])), /*#__PURE__*/React.createElement("div", {
+        }, _intl.default.get(_constants.CHART_SUMMARY_SHOW['count'])), /*#__PURE__*/_react.default.createElement("div", {
           className: "summary-type-explanation"
-        }, intl.get('Count_the_number_of_records_in_each_group')))
+        }, _intl.default.get('Count_the_number_of_records_in_each_group')))
       }, {
-        value: CHART_Y_GROUP_TYPE.SINGLE_NUMERIC_COLUMN,
-        label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+        value: _constants.CHART_Y_GROUP_TYPE.SINGLE_NUMERIC_COLUMN,
+        label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
           className: "select-module select-module-name ml-0"
-        }, intl.get(CHART_SUMMARY_SHOW['advanced'])), /*#__PURE__*/React.createElement("div", {
+        }, _intl.default.get(_constants.CHART_SUMMARY_SHOW['advanced'])), /*#__PURE__*/_react.default.createElement("div", {
           className: "summary-type-explanation"
-        }, intl.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_a_field')))
+        }, _intl.default.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_a_field')))
       }];
       const MULTIPLE_NUMERIC_COLUMN = {
-        value: CHART_Y_GROUP_TYPE.MULTIPLE_NUMERIC_COLUMN,
-        label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+        value: _constants.CHART_Y_GROUP_TYPE.MULTIPLE_NUMERIC_COLUMN,
+        label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
           className: "select-module select-module-name ml-0"
-        }, intl.get('Summarize_multiple_fields')), /*#__PURE__*/React.createElement("div", {
+        }, _intl.default.get('Summarize_multiple_fields')), /*#__PURE__*/_react.default.createElement("div", {
           className: "summary-type-explanation"
-        }, intl.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_multiple_fields')))
+        }, _intl.default.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);
@@ -62,22 +70,22 @@ class YAxisGroupSettings extends 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 => BaseUtils.isNumericSummaryColumn(column));
+      this.numericColumns = this.columns.filter(column => _utils.BaseUtils.isNumericSummaryColumn(column));
       this.numericColumnOptions = this.getColumnOptions(this.numericColumns);
     };
     this.getAvailableColumns = columns => {
       if (!columns || !Array.isArray(columns)) return [];
-      return columns.filter(column => CHART_SUPPORT_COLUMNS.includes(column.type));
+      return columns.filter(column => _constants.CHART_SUPPORT_COLUMNS.includes(column.type));
     };
     this.getColumnOptions = columns => {
       const options = columns.map(column => {
         return {
           value: column,
-          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-column-icon"
-          }, /*#__PURE__*/React.createElement(_DTableColumnIcon, {
+          }, /*#__PURE__*/_react.default.createElement(_DTableColumnIcon2.default, {
             column: column
-          })), /*#__PURE__*/React.createElement("span", {
+          })), /*#__PURE__*/_react.default.createElement("span", {
             className: 'select-module select-module-name ml-0'
           }, column.name))
         };
@@ -86,9 +94,9 @@ class YAxisGroupSettings extends Component {
         value: {
           key: 'Groupby_null'
         },
-        label: /*#__PURE__*/React.createElement("span", {
+        label: /*#__PURE__*/_react.default.createElement("span", {
           className: 'select-module select-module-name null-option-name ml-0'
-        }, intl.get('Select_a_column')),
+        }, _intl.default.get('Select_a_column')),
         style: {
           color: 'rgba(0, 0, 0, .25)'
         }
@@ -103,30 +111,30 @@ class YAxisGroupSettings extends Component {
       } = chart;
       const value = option.value;
       let update = {};
-      if (value === CHART_Y_GROUP_TYPE.COUNT) {
+      if (value === _constants.CHART_Y_GROUP_TYPE.COUNT) {
         update.column_groupby_multiple_numeric_column = false;
         update.summary_columns = [];
-        update.y_axis_summary_type = CHART_SUMMARY_TYPE.COUNT;
+        update.y_axis_summary_type = _constants.CHART_SUMMARY_TYPE.COUNT;
         update.y_axis_summary_column_key = null;
-        update.y_axis_summary_method = CHART_SUMMARY_CALCULATION_METHOD[0];
+        update.y_axis_summary_method = _constants.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 === CHART_Y_GROUP_TYPE.SINGLE_NUMERIC_COLUMN) {
+      } else if (value === _constants.CHART_Y_GROUP_TYPE.SINGLE_NUMERIC_COLUMN) {
         update.column_groupby_multiple_numeric_column = false;
         update.summary_columns = [];
-        update.y_axis_summary_type = CHART_SUMMARY_TYPE.ADVANCED;
+        update.y_axis_summary_type = _constants.CHART_SUMMARY_TYPE.ADVANCED;
         update.y_axis_summary_column_key = this.numericColumns[0] ? this.numericColumns[0].key : null;
-        update.y_axis_summary_method = CHART_SUMMARY_CALCULATION_METHOD[0];
+        update.y_axis_summary_method = _constants.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 === CHART_Y_GROUP_TYPE.MULTIPLE_NUMERIC_COLUMN) {
+      } else if (value === _constants.CHART_Y_GROUP_TYPE.MULTIPLE_NUMERIC_COLUMN) {
         update.column_groupby_multiple_numeric_column = true;
         update.summary_columns = [];
-        update.y_axis_summary_type = CHART_SUMMARY_TYPE.ADVANCED;
+        update.y_axis_summary_type = _constants.CHART_SUMMARY_TYPE.ADVANCED;
         update.y_axis_summary_column_key = this.numericColumns[0] ? this.numericColumns[0].key : null;
-        update.y_axis_summary_method = CHART_SUMMARY_CALCULATION_METHOD[0];
+        update.y_axis_summary_method = _constants.CHART_SUMMARY_CALCULATION_METHOD[0];
         update.column_groupby_date_granularity = null;
         update.column_groupby_geolocation_granularity = null;
         update.column_groupby_geolocation_granularity = null;
@@ -145,12 +153,12 @@ class YAxisGroupSettings extends Component {
         y_axis_summary_type
       } = config;
       if (column_groupby_multiple_numeric_column) {
-        return this.groupTypeOptions.find(item => item.value === CHART_Y_GROUP_TYPE.MULTIPLE_NUMERIC_COLUMN);
+        return this.groupTypeOptions.find(item => item.value === _constants.CHART_Y_GROUP_TYPE.MULTIPLE_NUMERIC_COLUMN);
       }
-      if (y_axis_summary_type === CHART_SUMMARY_TYPE.COUNT) {
+      if (y_axis_summary_type === _constants.CHART_SUMMARY_TYPE.COUNT) {
         return this.groupTypeOptions[0];
       }
-      if (y_axis_summary_type === CHART_SUMMARY_TYPE.ADVANCED) {
+      if (y_axis_summary_type === _constants.CHART_SUMMARY_TYPE.ADVANCED) {
         return this.groupTypeOptions[1];
       }
       return this.groupTypeOptions[0];
@@ -184,7 +192,7 @@ class YAxisGroupSettings extends Component {
       const {
         config
       } = chart;
-      const summaryMethods = BaseUtils.isDateSummaryColumn(column) ? CHART_DATE_SUMMARY_CALCULATION_METHOD : CHART_SUMMARY_CALCULATION_METHOD;
+      const summaryMethods = _utils.BaseUtils.isDateSummaryColumn(column) ? _constants.CHART_DATE_SUMMARY_CALCULATION_METHOD : _constants.CHART_SUMMARY_CALCULATION_METHOD;
       if (index === 0) {
         let {
           y_axis_summary_method
@@ -262,7 +270,7 @@ class YAxisGroupSettings extends Component {
         summary_columns
       } = config;
       const newNumericColumnKey = column.key;
-      const summaryMethods = BaseUtils.isDateSummaryColumn(column) ? CHART_DATE_SUMMARY_CALCULATION_METHOD : CHART_SUMMARY_CALCULATION_METHOD;
+      const summaryMethods = _utils.BaseUtils.isDateSummaryColumn(column) ? _constants.CHART_DATE_SUMMARY_CALCULATION_METHOD : _constants.CHART_SUMMARY_CALCULATION_METHOD;
       if (Array.isArray(summary_columns)) {
         summary_columns = [...summary_columns];
         summary_columns.push({
@@ -292,8 +300,8 @@ class YAxisGroupSettings extends Component {
       if (column_groupby_column_key === column.key) return;
       this.props.onChange({
         column_groupby_column_key: column.key,
-        column_groupby_date_granularity: DATE_GRANULATES[0],
-        column_groupby_geolocation_granularity: GEOLOCATION_GRANULATES[0]
+        column_groupby_date_granularity: _constants.DATE_GRANULATES[0],
+        column_groupby_geolocation_granularity: _constants.GEOLOCATION_GRANULATES[0]
       });
     };
     this.onGroupbyDateGranularityChange = option => {
@@ -340,7 +348,7 @@ class YAxisGroupSettings extends Component {
       } = config;
       if (!summary_columns || !Array.isArray(summary_columns)) return null;
       return summary_columns.map((item, index) => {
-        return /*#__PURE__*/React.createElement(NumericSummaryItem, {
+        return /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
           key: `number-column-${index}`,
           index: index + 1,
           value: item,
@@ -364,16 +372,16 @@ class YAxisGroupSettings extends 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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-add-number"
-      }, this.renderGroupbyNumericColumns()), Array.isArray(unUsedSummaryColumns) && unUsedSummaryColumns.length > 0 && /*#__PURE__*/React.createElement("div", {
+      }, this.renderGroupbyNumericColumns()), Array.isArray(unUsedSummaryColumns) && unUsedSummaryColumns.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-add-number-columns d-flex align-items-center",
         onClick: () => this.onAddNumericColumn(unUsedSummaryColumns[0])
-      }, /*#__PURE__*/React.createElement("i", {
+      }, /*#__PURE__*/_react.default.createElement("i", {
         className: "dtable-font dtable-icon-add-table mr-2"
-      }), /*#__PURE__*/React.createElement("span", {
+      }), /*#__PURE__*/_react.default.createElement("span", {
         className: "number-column-item add-number-column-description"
-      }, intl.get('Add_new_field'))));
+      }, _intl.default.get('Add_new_field'))));
     };
     this.initTable(_props);
     this.initGroupTypeOptions();
@@ -405,11 +413,11 @@ class YAxisGroupSettings extends 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 === CHART_SUMMARY_TYPE.ADVANCED);
+    const hasSingleNumericColumnConfig = !!(y_axis_summary_column_key && y_axis_summary_type === _constants.CHART_SUMMARY_TYPE.ADVANCED);
     const hasMultipleNumericColumnsConfig = column_groupby_multiple_numeric_column;
-    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: "sea-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement(Label, null, label), /*#__PURE__*/React.createElement(_DTableSelect, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, label), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
       menuPortalTarget: "#sea-chart-settings-content",
       classNamePrefix: "chart-summary-types",
       value: selectedTypeOption,
@@ -417,7 +425,7 @@ class YAxisGroupSettings extends Component {
       options: this.groupTypeOptions
     })),
     // multiple but has single selected numeric column as the first config item
-    hasMultipleNumericColumnsConfig && (hasSingleNumericColumnConfig ? /*#__PURE__*/React.createElement(NumericSummaryItem, {
+    hasMultipleNumericColumnsConfig && (hasSingleNumericColumnConfig ? /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
       index: 0,
       value: {
         column_key: y_axis_summary_column_key,
@@ -429,7 +437,7 @@ class YAxisGroupSettings extends Component {
       onSummaryMethodChange: this.onSummaryMethodChange
     }) : null),
     // single selected numeric columns
-    !hasMultipleNumericColumnsConfig && hasSingleNumericColumnConfig && /*#__PURE__*/React.createElement(SummaryMethodSettings, {
+    !hasMultipleNumericColumnsConfig && hasSingleNumericColumnConfig && /*#__PURE__*/_react.default.createElement(_summaryMethodSetting.default, {
       value: {
         column_key: y_axis_summary_column_key,
         summary_method: y_axis_summary_method
@@ -438,8 +446,8 @@ class YAxisGroupSettings extends 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 === CHART_SUMMARY_TYPE.ADVANCED || y_axis_summary_type === CHART_SUMMARY_TYPE.COUNT) && !this.isMapChart && /*#__PURE__*/React.createElement(Groupby, {
-      label: intl.get('Group_by'),
+    }), 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'),
       tables: tables,
       selectedTableId: table_id,
       selectedColumnKey: column_groupby_column_key,
@@ -451,4 +459,4 @@ class YAxisGroupSettings extends Component {
     }));
   }
 }
-export default YAxisGroupSettings;
+var _default = exports.default = YAxisGroupSettings;

package/dist/utils/cell-format-utils.js

@@ -1,28 +1,36 @@
-import dayjs from 'dayjs';
-import { CellType, COLLABORATOR_COLUMN_TYPES, FORMULA_RESULT_TYPE, getCollaboratorsName, getFormulaDisplayString, FORMULA_COLUMN_TYPES_MAP, getCellValueDisplayString, isEmpty } from 'dtable-utils';
-export const getClientFormulaDisplayString = function (value, columnData) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getClientLinkDisplayString = exports.getClientFormulaDisplayString = exports.getClientCellValueDisplayString = void 0;
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _dtableUtils = require("dtable-utils");
+const getClientFormulaDisplayString = function (value, columnData) {
   let {
     collaborators = []
   } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  if (!columnData || isEmpty(value)) return '';
+  if (!columnData || (0, _dtableUtils.isEmpty)(value)) return '';
   const {
     result_type,
     array_type
   } = columnData;
-  if (result_type === FORMULA_RESULT_TYPE.ARRAY) {
-    if (COLLABORATOR_COLUMN_TYPES.includes(array_type)) {
+  if (result_type === _dtableUtils.FORMULA_RESULT_TYPE.ARRAY) {
+    if (_dtableUtils.COLLABORATOR_COLUMN_TYPES.includes(array_type)) {
       if (!value) {
         return null;
       }
       const collaboratorList = Array.isArray(value) ? value : [value];
-      return getCollaboratorsName(collaborators, collaboratorList);
+      return (0, _dtableUtils.getCollaboratorsName)(collaborators, collaboratorList);
     }
   }
-  return getFormulaDisplayString(value, columnData, {
+  return (0, _dtableUtils.getFormulaDisplayString)(value, columnData, {
     collaborators
   });
 };
-export const getClientLinkDisplayString = (links, columnData, _ref) => {
+exports.getClientFormulaDisplayString = getClientFormulaDisplayString;
+const getClientLinkDisplayString = (links, columnData, _ref) => {
   let {
     collaborators = []
   } = _ref;
@@ -34,7 +42,7 @@ export const getClientLinkDisplayString = (links, columnData, _ref) => {
   if (!hasResultType) {
     formulaData = {
       ...columnData,
-      result_type: FORMULA_RESULT_TYPE.ARRAY,
+      result_type: _dtableUtils.FORMULA_RESULT_TYPE.ARRAY,
       array_type: 'text'
     };
   }
@@ -43,12 +51,13 @@ export const getClientLinkDisplayString = (links, columnData, _ref) => {
     collaborators
   });
 };
+exports.getClientLinkDisplayString = getClientLinkDisplayString;
 const getAutoTimeDisplayString = (row, key) => {
   let value = row[key];
   if (value === '' || !value || typeof value !== 'string') {
     return null;
   }
-  const date = dayjs(value);
+  const date = (0, _dayjs.default)(value);
   if (!date.isValid()) return value;
   return date.format('YYYY-MM-DD HH:mm:ss');
 };
@@ -63,37 +72,38 @@ const getFileDisplayString = (row, key) => {
   });
   return decodeURIComponent(fileNameList.join(','));
 };
-export const getClientCellValueDisplayString = function (row, type, key) {
+const getClientCellValueDisplayString = function (row, type, key) {
   let {
     formulaRows = {},
     data,
     collaborators = [],
     tables = []
   } = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-  if (FORMULA_COLUMN_TYPES_MAP[type]) {
+  if (_dtableUtils.FORMULA_COLUMN_TYPES_MAP[type]) {
     const formulaRow = formulaRows[row._id] || {};
     return getClientFormulaDisplayString(formulaRow[key], data, {
       tables,
       collaborators
     });
   }
-  if (type === CellType.LINK) {
+  if (type === _dtableUtils.CellType.LINK) {
     const formulaRow = formulaRows[row._id] || {};
     return getClientLinkDisplayString(formulaRow[key], data, {
       tables,
       collaborators
     });
   }
-  if (type === CellType.CTIME || type === CellType.MTIME) {
+  if (type === _dtableUtils.CellType.CTIME || type === _dtableUtils.CellType.MTIME) {
     return getAutoTimeDisplayString(row, key);
   }
-  if (type === CellType.FILE) {
+  if (type === _dtableUtils.CellType.FILE) {
     return getFileDisplayString(row, key);
   }
-  return getCellValueDisplayString(row, type, key, {
+  return (0, _dtableUtils.getCellValueDisplayString)(row, type, key, {
     formulaRows,
     data,
     collaborators,
     tables
   });
-};
+};
+exports.getClientCellValueDisplayString = getClientCellValueDisplayString;

package/dist/utils/cell-value-utils.js

@@ -1,10 +1,17 @@
-import { MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP, FORMULA_COLUMN_TYPES_MAP, FORMULA_RESULT_TYPE, COLLABORATOR_COLUMN_TYPES } from 'dtable-utils';
-export const isArrayCellValue = column => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isArrayCellValue = void 0;
+var _dtableUtils = require("dtable-utils");
+const isArrayCellValue = column => {
   if (!column) return false;
   const {
     type,
     data
   } = column;
-  return MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP[type] || FORMULA_COLUMN_TYPES_MAP[type] && data && data.result_type === FORMULA_RESULT_TYPE.ARRAY && COLLABORATOR_COLUMN_TYPES.includes(data.array_type) // the collaborator lookup is not formatted
-  ;
-};
+  return _dtableUtils.MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP[type] || _dtableUtils.FORMULA_COLUMN_TYPES_MAP[type] && data && data.result_type === _dtableUtils.FORMULA_RESULT_TYPE.ARRAY && _dtableUtils.COLLABORATOR_COLUMN_TYPES.includes(data.array_type) // the collaborator lookup is not formatted
+;
+};
+exports.isArrayCellValue = isArrayCellValue;