sea-chart 2.0.36 → 2.0.38

package/dist/settings/pie-settings/data-settings.js

@@ -1,21 +1,13 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _DTableSwitch2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSwitch"));
-var _react = _interopRequireWildcard(require("react"));
-var _dtableUtils = require("dtable-utils");
-var _commonDataSettings = _interopRequireDefault(require("../widgets/common-data-settings"));
-var _divider = _interopRequireDefault(require("../widgets/divider"));
-var _groupBy = _interopRequireDefault(require("../widgets/group-by"));
-var _basicSummary = _interopRequireDefault(require("../widgets/basic-summary"));
-var _dataSort = _interopRequireDefault(require("../widgets/data-sort"));
-var _constants = require("../../constants");
-var _intl = _interopRequireDefault(require("../../intl"));
+import _DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
+import React, { useCallback } from 'react';
+import { CellType, DATE_COLUMN_OPTIONS } from 'dtable-utils';
+import CommonDataSettings from '../widgets/common-data-settings';
+import Divider from '../widgets/divider';
+import GroupBy from '../widgets/group-by';
+import BasicSummary from '../widgets/basic-summary';
+import DataSort from '../widgets/data-sort';
+import { CHART_SUMMARY_TYPE, GEOLOCATION_FORMAT_CITY, GEOLOCATION_FORMAT_MAP } from '../../constants';
+import intl from '../../intl';
 const DataSettings = _ref => {
   let {
     chart,
@@ -23,7 +15,7 @@ const DataSettings = _ref => {
     tables,
     onChange
   } = _ref;
-  const onGroupByChange = (0, _react.useCallback)(column => {
+  const onGroupByChange = useCallback(column => {
     const {
       config
     } = chart;
@@ -43,18 +35,18 @@ const DataSettings = _ref => {
       update['groupby_date_granularity'] = null;
       update['groupby_geolocation_granularity'] = null;
     } else {
-      if (_dtableUtils.DATE_COLUMN_OPTIONS.includes(type)) {
-        update['groupby_date_granularity'] = _constants.CHART_SUMMARY_TYPE.MONTH;
+      if (DATE_COLUMN_OPTIONS.includes(type)) {
+        update['groupby_date_granularity'] = CHART_SUMMARY_TYPE.MONTH;
         update['groupby_geolocation_granularity'] = null;
-      } else if (type === _dtableUtils.CellType.GEOLOCATION) {
+      } else if (type === CellType.GEOLOCATION) {
         const {
           geo_format
         } = column.data || {};
-        if (geo_format === _constants.GEOLOCATION_FORMAT_MAP.PROVINCE) {
-          update['groupby_geolocation_granularity'] = _constants.GEOLOCATION_FORMAT_MAP.PROVINCE;
-        } else if (geo_format === _constants.GEOLOCATION_FORMAT_MAP.PROVINCE_CITY) {
-          update['groupby_geolocation_granularity'] = _constants.GEOLOCATION_FORMAT_CITY;
-        } else if (geo_format === _constants.GEOLOCATION_FORMAT_MAP.GEOLOCATION || !geo_format) {
+        if (geo_format === GEOLOCATION_FORMAT_MAP.PROVINCE) {
+          update['groupby_geolocation_granularity'] = GEOLOCATION_FORMAT_MAP.PROVINCE;
+        } else if (geo_format === GEOLOCATION_FORMAT_MAP.PROVINCE_CITY) {
+          update['groupby_geolocation_granularity'] = GEOLOCATION_FORMAT_CITY;
+        } else if (geo_format === GEOLOCATION_FORMAT_MAP.GEOLOCATION || !geo_format) {
           update['groupby_geolocation_granularity'] = 'district';
         } else {
           update['groupby_geolocation_granularity'] = null;
@@ -64,7 +56,7 @@ const DataSettings = _ref => {
     }
     onChange && onChange(update);
   }, [chart, onChange]);
-  const onGroupbyDateGranularityChange = (0, _react.useCallback)(option => {
+  const onGroupbyDateGranularityChange = useCallback(option => {
     const {
       config
     } = chart;
@@ -77,7 +69,7 @@ const DataSettings = _ref => {
       groupby_date_granularity: value
     });
   }, [chart, onChange]);
-  const onGroupbyGeolocationGranularityChange = (0, _react.useCallback)(option => {
+  const onGroupbyGeolocationGranularityChange = useCallback(option => {
     const {
       config
     } = chart;
@@ -90,7 +82,7 @@ const DataSettings = _ref => {
       groupby_geolocation_granularity: value
     });
   }, [chart, onChange]);
-  const onIncludeEmptyChange = (0, _react.useCallback)(event => {
+  const onIncludeEmptyChange = useCallback(event => {
     const {
       config
     } = chart;
@@ -111,15 +103,15 @@ const DataSettings = _ref => {
     groupby_geolocation_granularity,
     groupby_include_empty_cells
   } = config;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_commonDataSettings.default, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CommonDataSettings, {
     chart: chart,
     dataSources: dataSources,
     tables: tables,
     onChange: onChange
-  }), /*#__PURE__*/_react.default.createElement(_groupBy.default, {
+  }), /*#__PURE__*/React.createElement(GroupBy, {
     tables: tables,
     className: "selected-x-axis",
-    label: _intl.default.get('Group_by'),
+    label: intl.get('Group_by'),
     selectedTableId: table_id,
     selectedColumnKey: groupby_column_key,
     selectedDateGranularity: groupby_date_granularity,
@@ -127,26 +119,26 @@ const DataSettings = _ref => {
     onGroupByChange: onGroupByChange,
     onGroupbyDateGranularityChange: onGroupbyDateGranularityChange,
     onGroupbyGeolocationGranularityChange: onGroupbyGeolocationGranularityChange
-  }), /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
+  }), /*#__PURE__*/React.createElement(_DTableSwitch, {
     checked: groupby_include_empty_cells,
-    placeholder: _intl.default.get('Include_empty'),
+    placeholder: intl.get('Include_empty'),
     onChange: onIncludeEmptyChange
-  }), /*#__PURE__*/_react.default.createElement(_divider.default, {
+  }), /*#__PURE__*/React.createElement(Divider, {
     className: "mt-4"
-  }), /*#__PURE__*/_react.default.createElement(_basicSummary.default, {
+  }), /*#__PURE__*/React.createElement(BasicSummary, {
     className: "selected-y-axis",
-    label: _intl.default.get('Summary_method'),
+    label: intl.get('Summary_method'),
     chart: chart,
     selectedTableId: table_id,
     tables: tables,
     summaryTypeKey: 'summary_type',
     summaryMethodKey: 'summary_method',
     summaryColumnKey: 'summary_column_key',
-    supportColumnTypes: [_dtableUtils.CellType.NUMBER],
+    supportColumnTypes: [CellType.NUMBER],
     onChange: onChange
-  }), /*#__PURE__*/_react.default.createElement(_dataSort.default, {
+  }), /*#__PURE__*/React.createElement(DataSort, {
     chart: chart,
     onChange: onChange
   }));
 };
-var _default = exports.default = DataSettings;
+export default DataSettings;

package/dist/settings/pie-settings/index.js

@@ -1,20 +1,3 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "PieDataSettings", {
-  enumerable: true,
-  get: function () {
-    return _dataSettings.default;
-  }
-});
-Object.defineProperty(exports, "PieStyleSettings", {
-  enumerable: true,
-  get: function () {
-    return _styleSettings.default;
-  }
-});
-var _dataSettings = _interopRequireDefault(require("./data-settings"));
-var _styleSettings = _interopRequireDefault(require("./style-settings"));
+import PieDataSettings from './data-settings';
+import PieStyleSettings from './style-settings';
+export { PieDataSettings, PieStyleSettings };

package/dist/settings/pie-settings/style-settings.js

@@ -1,49 +1,41 @@
-"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 _DTableSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
-var _DTableSwitch2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSwitch"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _dtableUtils = require("dtable-utils");
-var _divider = _interopRequireDefault(require("../widgets/divider"));
-var _mininumSlicePercent = _interopRequireDefault(require("../widgets/mininum-slice-percent"));
-var _fontSettings = require("../widgets/font-settings");
-var _utils = require("../../utils");
-var _constants = require("../../constants");
-var _intl = _interopRequireDefault(require("../../intl"));
-var _colorRules = require("../../constants/color-rules");
-var _colorSelector = _interopRequireDefault(require("../../components/chart-color-selector/color-selector"));
+import _CollapsibleSettingLayout from "dtable-ui-component/lib/CollapsibleSettingLayout";
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
+import _DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
+import React, { useCallback, useMemo } from 'react';
+import { Label, FormGroup } from 'reactstrap';
+import { CellType } from 'dtable-utils';
+import Divider from '../widgets/divider';
+import MiniNumSlicePercent from '../widgets/mininum-slice-percent';
+import { FontSizeSettings } from '../widgets/font-settings';
+import { eventStopPropagation, getColumnByKey } from '../../utils';
+import { CHART_LABEL_POSITIONS, CHART_LABEL_POSITION_SHOW, CHART_LABEL_FORMATS, CHART_LABEL_FORMAT_SHOW } from '../../constants';
+import intl from '../../intl';
+import { SUPPORT_SINGLE_SELECT_THEMES_OPTIONS } from '../../constants/color-rules';
+import ColorSelector from '../../components/chart-color-selector/color-selector';
 const StyleSettings = _ref => {
   let {
     chart,
     onChange,
     tables
   } = _ref;
-  const labelPositionOptions = (0, _react.useMemo)(() => {
-    return _constants.CHART_LABEL_POSITIONS.map(item => {
+  const labelPositionOptions = useMemo(() => {
+    return CHART_LABEL_POSITIONS.map(item => {
       return {
         value: item,
-        label: _intl.default.get(_constants.CHART_LABEL_POSITION_SHOW[item])
+        label: intl.get(CHART_LABEL_POSITION_SHOW[item])
       };
     });
   }, []);
-  const labelFormatOptions = (0, _react.useMemo)(() => {
-    return _constants.CHART_LABEL_FORMATS.map(item => {
+  const labelFormatOptions = useMemo(() => {
+    return CHART_LABEL_FORMATS.map(item => {
       return {
         value: item,
-        label: _intl.default.get(_constants.CHART_LABEL_FORMAT_SHOW[item])
+        label: intl.get(CHART_LABEL_FORMAT_SHOW[item])
       };
     });
   }, []);
-  const onDisplayLegendChange = (0, _react.useCallback)(event => {
-    (0, _utils.eventStopPropagation)(event);
+  const onDisplayLegendChange = useCallback(event => {
+    eventStopPropagation(event);
     const {
       config
     } = chart;
@@ -54,7 +46,7 @@ const StyleSettings = _ref => {
       show_legend: !show_legend
     });
   }, [chart, onChange]);
-  const onDisplayLabelChange = (0, _react.useCallback)(() => {
+  const onDisplayLabelChange = useCallback(() => {
     const {
       config
     } = chart;
@@ -65,7 +57,7 @@ const StyleSettings = _ref => {
       display_label: !display_label
     });
   }, [chart, onChange]);
-  const onLabelPositionChange = (0, _react.useCallback)(option => {
+  const onLabelPositionChange = useCallback(option => {
     const value = option.value;
     const {
       config
@@ -78,7 +70,7 @@ const StyleSettings = _ref => {
       label_position: value
     });
   }, [chart, onChange]);
-  const onLabelFormatChange = (0, _react.useCallback)(option => {
+  const onLabelFormatChange = useCallback(option => {
     const value = option.value;
     const {
       config
@@ -91,17 +83,17 @@ const StyleSettings = _ref => {
       label_format: value
     });
   }, [chart, onChange]);
-  const onLabelFontSizeChange = (0, _react.useCallback)(updatedFontSize => {
+  const onLabelFontSizeChange = useCallback(updatedFontSize => {
     onChange && onChange({
       label_font_size: updatedFontSize
     });
   }, [onChange]);
-  const onMinimumSlicePercentChange = (0, _react.useCallback)(value => {
+  const onMinimumSlicePercentChange = useCallback(value => {
     onChange && onChange({
       minimum_slice_percent: value
     });
   }, [onChange]);
-  const onChartColorChange = (0, _react.useCallback)(value => {
+  const onChartColorChange = useCallback(value => {
     onChange && onChange({
       color_theme: value
     });
@@ -121,52 +113,52 @@ const StyleSettings = _ref => {
     color_theme
   } = config;
   const table = tables.find(table => table._id === table_id);
-  const column = (0, _utils.getColumnByKey)(groupby_column_key, table.columns);
-  const isGroupBySingleSelectColumn = (column === null || column === void 0 ? void 0 : column.type) === _dtableUtils.CellType.SINGLE_SELECT;
-  const defaultColorTheme = _colorRules.SUPPORT_SINGLE_SELECT_THEMES_OPTIONS.DEFAULT;
+  const column = getColumnByKey(groupby_column_key, table.columns);
+  const isGroupBySingleSelectColumn = (column === null || column === void 0 ? void 0 : column.type) === CellType.SINGLE_SELECT;
+  const defaultColorTheme = SUPPORT_SINGLE_SELECT_THEMES_OPTIONS.DEFAULT;
   const selectedLabelOption = labelPositionOptions.find(item => item.value === label_position);
   const selectedLabelFormat = labelFormatOptions.find(item => item.value === label_format) || labelFormatOptions[0];
-  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(_DTableSwitch2.default, {
+  }, /*#__PURE__*/React.createElement(_DTableSwitch, {
     checked: show_legend || false,
-    placeholder: _intl.default.get('Display_legend'),
+    placeholder: intl.get('Display_legend'),
     onChange: onDisplayLegendChange
-  })), isGroupBySingleSelectColumn && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_divider.default, null), /*#__PURE__*/_react.default.createElement(_colorSelector.default, {
+  })), isGroupBySingleSelectColumn && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(ColorSelector, {
     colorTheme: color_theme || defaultColorTheme,
     onChange: onChartColorChange
-  })), /*#__PURE__*/_react.default.createElement(_divider.default, null), /*#__PURE__*/_react.default.createElement(_CollapsibleSettingLayout2.default, {
-    title: _intl.default.get('Label'),
-    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
+  })), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(_CollapsibleSettingLayout, {
+    title: intl.get('Label'),
+    children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_DTableSwitch, {
       key: "display_label",
       checked: display_label || false,
-      placeholder: _intl.default.get('Display_label'),
+      placeholder: intl.get('Display_label'),
       onChange: onDisplayLabelChange
-    }), display_label && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    }), display_label && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: "mt-3"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Label_position')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
+    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Label_position')), /*#__PURE__*/React.createElement(_DTableSelect, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: selectedLabelOption,
       onChange: onLabelPositionChange,
       options: labelPositionOptions
-    })), /*#__PURE__*/_react.default.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: "mt-3"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Label_format')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
+    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Label_format')), /*#__PURE__*/React.createElement(_DTableSelect, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: selectedLabelFormat,
       onChange: onLabelFormatChange,
       options: labelFormatOptions
-    })), /*#__PURE__*/_react.default.createElement(_mininumSlicePercent.default, {
+    })), /*#__PURE__*/React.createElement(MiniNumSlicePercent, {
       className: "mt-3 mb-0",
       value: minimum_slice_percent,
       onChange: onMinimumSlicePercentChange
-    }), /*#__PURE__*/_react.default.createElement(_fontSettings.FontSizeSettings, {
+    }), /*#__PURE__*/React.createElement(FontSizeSettings, {
       className: "mt-3 mb-0",
-      title: _intl.default.get('Label_font_size'),
+      title: intl.get('Label_font_size'),
       fontSize: label_font_size,
       defaultFontSize: 12,
       modifyFontSize: onLabelFontSizeChange
     })))
   }));
 };
-var _default = exports.default = StyleSettings;
+export default StyleSettings;

package/dist/settings/scatter/data-settings.js

@@ -1,19 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ScatterDataSettings;
-var _DTableSwitch2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSwitch"));
-var _react = _interopRequireDefault(require("react"));
-var _dtableUtils = require("dtable-utils");
-var _commonDataSettings = _interopRequireDefault(require("../widgets/common-data-settings"));
-var _divider = _interopRequireDefault(require("../widgets/divider"));
-var _groupBy = _interopRequireDefault(require("../widgets/group-by"));
-var _intl = _interopRequireDefault(require("../../intl"));
-var _constants = require("../../constants");
-function ScatterDataSettings(_ref) {
+import _DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
+import React from 'react';
+import { CellType, DATE_COLUMN_OPTIONS } from 'dtable-utils';
+import CommonDataSettings from '../widgets/common-data-settings';
+import Divider from '../widgets/divider';
+import GroupBy from '../widgets/group-by';
+import intl from '../../intl';
+import { CHART_SUMMARY_TYPE, GEOLOCATION_FORMAT_CITY, GEOLOCATION_FORMAT_MAP } from '../../constants';
+export default function ScatterDataSettings(_ref) {
   let {
     chart,
     dataSources,
@@ -68,18 +61,18 @@ function ScatterDataSettings(_ref) {
       update['geolocation_granularity'] = null;
     } else {
       const type = column.type;
-      if (_dtableUtils.DATE_COLUMN_OPTIONS.includes(type)) {
-        update['date_granularity'] = _constants.CHART_SUMMARY_TYPE.MONTH;
+      if (DATE_COLUMN_OPTIONS.includes(type)) {
+        update['date_granularity'] = CHART_SUMMARY_TYPE.MONTH;
         update['geolocation_granularity'] = null;
-      } else if (type === _dtableUtils.CellType.GEOLOCATION) {
+      } else if (type === CellType.GEOLOCATION) {
         const {
           geo_format
         } = column.data || {};
-        if (geo_format === _constants.GEOLOCATION_FORMAT_MAP.PROVINCE) {
-          update['geolocation_granularity'] = _constants.GEOLOCATION_FORMAT_MAP.PROVINCE;
-        } else if (geo_format === _constants.GEOLOCATION_FORMAT_MAP.PROVINCE_CITY) {
-          update['geolocation_granularity'] = _constants.GEOLOCATION_FORMAT_CITY;
-        } else if (geo_format === _constants.GEOLOCATION_FORMAT_MAP.GEOLOCATION || !geo_format) {
+        if (geo_format === GEOLOCATION_FORMAT_MAP.PROVINCE) {
+          update['geolocation_granularity'] = GEOLOCATION_FORMAT_MAP.PROVINCE;
+        } else if (geo_format === GEOLOCATION_FORMAT_MAP.PROVINCE_CITY) {
+          update['geolocation_granularity'] = GEOLOCATION_FORMAT_CITY;
+        } else if (geo_format === GEOLOCATION_FORMAT_MAP.GEOLOCATION || !geo_format) {
           update['geolocation_granularity'] = 'district';
         } else {
           update['geolocation_granularity'] = null;
@@ -109,38 +102,38 @@ function ScatterDataSettings(_ref) {
       geolocation_granularity: value
     });
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_commonDataSettings.default, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CommonDataSettings, {
     chart: chart,
     dataSources: dataSources,
     tables: tables,
     onChange: onChange
-  }), /*#__PURE__*/_react.default.createElement(_groupBy.default, {
+  }), /*#__PURE__*/React.createElement(GroupBy, {
     tables: tables,
     type: type,
     className: "selected-x-axis",
-    label: _intl.default.get('X_axis'),
+    label: intl.get('X_axis'),
     selectedTableId: table_id,
     selectedColumnKey: x_axis_column_key,
     onGroupByChange: onXAxisColumnChange,
     supportFormulaColumns: true
-  }), /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
+  }), /*#__PURE__*/React.createElement(_DTableSwitch, {
     checked: x_axis_include_empty_cells,
-    placeholder: _intl.default.get('Include_empty'),
+    placeholder: intl.get('Include_empty'),
     onChange: onIncludeEmptyChange
-  }), /*#__PURE__*/_react.default.createElement(_divider.default, {
+  }), /*#__PURE__*/React.createElement(Divider, {
     className: "mt-4"
-  }), /*#__PURE__*/_react.default.createElement(_groupBy.default, {
+  }), /*#__PURE__*/React.createElement(GroupBy, {
     tables: tables,
     type: type,
     className: "selected-x-axis",
-    label: _intl.default.get('Y_axis'),
+    label: intl.get('Y_axis'),
     selectedTableId: table_id,
     selectedColumnKey: y_axis_column_key,
     onGroupByChange: onYAxisColumnChange,
     supportFormulaColumns: true
-  }), /*#__PURE__*/_react.default.createElement(_groupBy.default, {
+  }), /*#__PURE__*/React.createElement(GroupBy, {
     tables: tables,
-    label: _intl.default.get('Group_by'),
+    label: intl.get('Group_by'),
     selectedTableId: table_id,
     selectedColumnKey: column_groupby_column_key,
     onGroupByChange: onColumnGroupbyColumnChange,

package/dist/settings/scatter/index.js

@@ -1,13 +1,4 @@
-"use strict";
+import ScatterDataSettings from './data-settings';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ScatterDataSettings", {
-  enumerable: true,
-  get: function () {
-    return _dataSettings.default;
-  }
-});
-var _dataSettings = _interopRequireDefault(require("./data-settings"));
+// data settings are different from others
+export { ScatterDataSettings };

package/dist/settings/stacks-settings/index.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 _intl = _interopRequireDefault(require("../../intl"));
-var _constants = require("../../constants");
-var _stackItemSettings = _interopRequireDefault(require("./stack-item-settings"));
-require("./index.css");
-class StacksSettings extends _react.Component {
+import React, { Component, Fragment } from 'react';
+import intl from '../../intl';
+import { CHART_SUMMARY_SHOW, CHART_TYPE, CHART_SUMMARY_CALCULATION_METHOD } from '../../constants';
+import StackItemSettings from './stack-item-settings';
+import './index.css';
+class StacksSettings extends Component {
   constructor(props) {
     super(props);
     this.addStack = () => {
@@ -22,7 +14,7 @@ class StacksSettings extends _react.Component {
         y_axises
       } = chart.config;
       const defaultStack = {
-        type: _constants.CHART_TYPE.BAR_STACK,
+        type: CHART_TYPE.BAR_STACK,
         column_groupby_numeric_columns: null
       };
       const updatedStacks = y_axises ? [...y_axises, defaultStack] : [defaultStack];
@@ -91,7 +83,7 @@ class StacksSettings extends _react.Component {
       const newNumericColumnKey = availableOptions[0].value;
       updatedNumericColumns.push({
         column_key: newNumericColumnKey,
-        summary_method: _constants.CHART_SUMMARY_CALCULATION_METHOD[0]
+        summary_method: CHART_SUMMARY_CALCULATION_METHOD[0]
       });
       updatedStack.column_groupby_numeric_columns = updatedNumericColumns;
       updatedStacks[index] = updatedStack;
@@ -172,12 +164,12 @@ class StacksSettings extends _react.Component {
       }));
     };
     this.getSummaryMethodsOptions = () => {
-      return _constants.CHART_SUMMARY_CALCULATION_METHOD.map(m => {
+      return CHART_SUMMARY_CALCULATION_METHOD.map(m => {
         return {
           value: m,
-          label: /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement("span", {
             className: 'select-module select-module-name'
-          }, _intl.default.get(_constants.CHART_SUMMARY_SHOW[m]))
+          }, intl.get(CHART_SUMMARY_SHOW[m]))
         };
       });
     };
@@ -228,13 +220,13 @@ class StacksSettings extends _react.Component {
     const {
       currentSelectedOptions
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, Array.isArray(y_axises) && y_axises.map((yAxis, index) => {
-      return /*#__PURE__*/_react.default.createElement(_stackItemSettings.default, {
+    return /*#__PURE__*/React.createElement(Fragment, null, Array.isArray(y_axises) && y_axises.map((yAxis, index) => {
+      return /*#__PURE__*/React.createElement(StackItemSettings, {
         key: index,
         chart: chart,
         stack: yAxis,
         yAxisesIndex: index,
-        label: "".concat(_intl.default.get('Stack')).concat(index + 1),
+        label: `${intl.get('Stack')}${index + 1}`,
         numericColumnsOptions: this.props.numericColumnsOptions,
         summaryMethodsOptions: this.summaryMethodsOptions,
         deleteStack: () => this.deleteStack(index),
@@ -256,14 +248,14 @@ class StacksSettings extends _react.Component {
         setCurrentSelectedOptions: this.setCurrentSelectedOptions,
         clearCurrentSelectedOptions: this.clearCurrentSelectedOptions
       });
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: "sea-chart-add-stack",
       onClick: this.addStack
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "dtable-font dtable-icon-add-table"
-    }), /*#__PURE__*/_react.default.createElement("span", {
+    }), /*#__PURE__*/React.createElement("span", {
       className: "add-stack-description"
-    }, _intl.default.get('Add_new_stack'))));
+    }, intl.get('Add_new_stack'))));
   }
 }
-var _default = exports.default = StacksSettings;
+export default StacksSettings;