sea-chart 2.0.38 → 2.0.39

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

@@ -1,13 +1,21 @@
-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';
+"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"));
 const DataSettings = _ref => {
   let {
     chart,
@@ -15,7 +23,7 @@ const DataSettings = _ref => {
     tables,
     onChange
   } = _ref;
-  const onGroupByChange = useCallback(column => {
+  const onGroupByChange = (0, _react.useCallback)(column => {
     const {
       config
     } = chart;
@@ -35,18 +43,18 @@ const DataSettings = _ref => {
       update['groupby_date_granularity'] = null;
       update['groupby_geolocation_granularity'] = null;
     } else {
-      if (DATE_COLUMN_OPTIONS.includes(type)) {
-        update['groupby_date_granularity'] = CHART_SUMMARY_TYPE.MONTH;
+      if (_dtableUtils.DATE_COLUMN_OPTIONS.includes(type)) {
+        update['groupby_date_granularity'] = _constants.CHART_SUMMARY_TYPE.MONTH;
         update['groupby_geolocation_granularity'] = null;
-      } else if (type === CellType.GEOLOCATION) {
+      } else if (type === _dtableUtils.CellType.GEOLOCATION) {
         const {
           geo_format
         } = column.data || {};
-        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) {
+        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) {
           update['groupby_geolocation_granularity'] = 'district';
         } else {
           update['groupby_geolocation_granularity'] = null;
@@ -56,7 +64,7 @@ const DataSettings = _ref => {
     }
     onChange && onChange(update);
   }, [chart, onChange]);
-  const onGroupbyDateGranularityChange = useCallback(option => {
+  const onGroupbyDateGranularityChange = (0, _react.useCallback)(option => {
     const {
       config
     } = chart;
@@ -69,7 +77,7 @@ const DataSettings = _ref => {
       groupby_date_granularity: value
     });
   }, [chart, onChange]);
-  const onGroupbyGeolocationGranularityChange = useCallback(option => {
+  const onGroupbyGeolocationGranularityChange = (0, _react.useCallback)(option => {
     const {
       config
     } = chart;
@@ -82,7 +90,7 @@ const DataSettings = _ref => {
       groupby_geolocation_granularity: value
     });
   }, [chart, onChange]);
-  const onIncludeEmptyChange = useCallback(event => {
+  const onIncludeEmptyChange = (0, _react.useCallback)(event => {
     const {
       config
     } = chart;
@@ -103,15 +111,15 @@ const DataSettings = _ref => {
     groupby_geolocation_granularity,
     groupby_include_empty_cells
   } = config;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CommonDataSettings, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_commonDataSettings.default, {
     chart: chart,
     dataSources: dataSources,
     tables: tables,
     onChange: onChange
-  }), /*#__PURE__*/React.createElement(GroupBy, {
+  }), /*#__PURE__*/_react.default.createElement(_groupBy.default, {
     tables: tables,
     className: "selected-x-axis",
-    label: intl.get('Group_by'),
+    label: _intl.default.get('Group_by'),
     selectedTableId: table_id,
     selectedColumnKey: groupby_column_key,
     selectedDateGranularity: groupby_date_granularity,
@@ -119,26 +127,26 @@ const DataSettings = _ref => {
     onGroupByChange: onGroupByChange,
     onGroupbyDateGranularityChange: onGroupbyDateGranularityChange,
     onGroupbyGeolocationGranularityChange: onGroupbyGeolocationGranularityChange
-  }), /*#__PURE__*/React.createElement(_DTableSwitch, {
+  }), /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
     checked: groupby_include_empty_cells,
-    placeholder: intl.get('Include_empty'),
+    placeholder: _intl.default.get('Include_empty'),
     onChange: onIncludeEmptyChange
-  }), /*#__PURE__*/React.createElement(Divider, {
+  }), /*#__PURE__*/_react.default.createElement(_divider.default, {
     className: "mt-4"
-  }), /*#__PURE__*/React.createElement(BasicSummary, {
+  }), /*#__PURE__*/_react.default.createElement(_basicSummary.default, {
     className: "selected-y-axis",
-    label: intl.get('Summary_method'),
+    label: _intl.default.get('Summary_method'),
     chart: chart,
     selectedTableId: table_id,
     tables: tables,
     summaryTypeKey: 'summary_type',
     summaryMethodKey: 'summary_method',
     summaryColumnKey: 'summary_column_key',
-    supportColumnTypes: [CellType.NUMBER],
+    supportColumnTypes: [_dtableUtils.CellType.NUMBER],
     onChange: onChange
-  }), /*#__PURE__*/React.createElement(DataSort, {
+  }), /*#__PURE__*/_react.default.createElement(_dataSort.default, {
     chart: chart,
     onChange: onChange
   }));
 };
-export default DataSettings;
+var _default = exports.default = DataSettings;

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

@@ -1,3 +1,20 @@
-import PieDataSettings from './data-settings';
-import PieStyleSettings from './style-settings';
-export { PieDataSettings, PieStyleSettings };
+"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"));

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

@@ -1,41 +1,49 @@
-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';
+"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"));
 const StyleSettings = _ref => {
   let {
     chart,
     onChange,
     tables
   } = _ref;
-  const labelPositionOptions = useMemo(() => {
-    return CHART_LABEL_POSITIONS.map(item => {
+  const labelPositionOptions = (0, _react.useMemo)(() => {
+    return _constants.CHART_LABEL_POSITIONS.map(item => {
       return {
         value: item,
-        label: intl.get(CHART_LABEL_POSITION_SHOW[item])
+        label: _intl.default.get(_constants.CHART_LABEL_POSITION_SHOW[item])
       };
     });
   }, []);
-  const labelFormatOptions = useMemo(() => {
-    return CHART_LABEL_FORMATS.map(item => {
+  const labelFormatOptions = (0, _react.useMemo)(() => {
+    return _constants.CHART_LABEL_FORMATS.map(item => {
       return {
         value: item,
-        label: intl.get(CHART_LABEL_FORMAT_SHOW[item])
+        label: _intl.default.get(_constants.CHART_LABEL_FORMAT_SHOW[item])
       };
     });
   }, []);
-  const onDisplayLegendChange = useCallback(event => {
-    eventStopPropagation(event);
+  const onDisplayLegendChange = (0, _react.useCallback)(event => {
+    (0, _utils.eventStopPropagation)(event);
     const {
       config
     } = chart;
@@ -46,7 +54,7 @@ const StyleSettings = _ref => {
       show_legend: !show_legend
     });
   }, [chart, onChange]);
-  const onDisplayLabelChange = useCallback(() => {
+  const onDisplayLabelChange = (0, _react.useCallback)(() => {
     const {
       config
     } = chart;
@@ -57,7 +65,7 @@ const StyleSettings = _ref => {
       display_label: !display_label
     });
   }, [chart, onChange]);
-  const onLabelPositionChange = useCallback(option => {
+  const onLabelPositionChange = (0, _react.useCallback)(option => {
     const value = option.value;
     const {
       config
@@ -70,7 +78,7 @@ const StyleSettings = _ref => {
       label_position: value
     });
   }, [chart, onChange]);
-  const onLabelFormatChange = useCallback(option => {
+  const onLabelFormatChange = (0, _react.useCallback)(option => {
     const value = option.value;
     const {
       config
@@ -83,17 +91,17 @@ const StyleSettings = _ref => {
       label_format: value
     });
   }, [chart, onChange]);
-  const onLabelFontSizeChange = useCallback(updatedFontSize => {
+  const onLabelFontSizeChange = (0, _react.useCallback)(updatedFontSize => {
     onChange && onChange({
       label_font_size: updatedFontSize
     });
   }, [onChange]);
-  const onMinimumSlicePercentChange = useCallback(value => {
+  const onMinimumSlicePercentChange = (0, _react.useCallback)(value => {
     onChange && onChange({
       minimum_slice_percent: value
     });
   }, [onChange]);
-  const onChartColorChange = useCallback(value => {
+  const onChartColorChange = (0, _react.useCallback)(value => {
     onChange && onChange({
       color_theme: value
     });
@@ -113,52 +121,52 @@ const StyleSettings = _ref => {
     color_theme
   } = config;
   const table = tables.find(table => table._id === table_id);
-  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 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 selectedLabelOption = labelPositionOptions.find(item => item.value === label_position);
   const selectedLabelFormat = labelFormatOptions.find(item => item.value === label_format) || labelFormatOptions[0];
-  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(_DTableSwitch, {
+  }, /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
     checked: show_legend || false,
-    placeholder: intl.get('Display_legend'),
+    placeholder: _intl.default.get('Display_legend'),
     onChange: onDisplayLegendChange
-  })), isGroupBySingleSelectColumn && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(ColorSelector, {
+  })), isGroupBySingleSelectColumn && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_divider.default, null), /*#__PURE__*/_react.default.createElement(_colorSelector.default, {
     colorTheme: color_theme || defaultColorTheme,
     onChange: onChartColorChange
-  })), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(_CollapsibleSettingLayout, {
-    title: intl.get('Label'),
-    children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_DTableSwitch, {
+  })), /*#__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, {
       key: "display_label",
       checked: display_label || false,
-      placeholder: intl.get('Display_label'),
+      placeholder: _intl.default.get('Display_label'),
       onChange: onDisplayLabelChange
-    }), display_label && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    }), display_label && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "mt-3"
-    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Label_position')), /*#__PURE__*/React.createElement(_DTableSelect, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Label_position')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: selectedLabelOption,
       onChange: onLabelPositionChange,
       options: labelPositionOptions
-    })), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/_react.default.createElement("div", {
       className: "mt-3"
-    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Label_format')), /*#__PURE__*/React.createElement(_DTableSelect, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Label_format')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: selectedLabelFormat,
       onChange: onLabelFormatChange,
       options: labelFormatOptions
-    })), /*#__PURE__*/React.createElement(MiniNumSlicePercent, {
+    })), /*#__PURE__*/_react.default.createElement(_mininumSlicePercent.default, {
       className: "mt-3 mb-0",
       value: minimum_slice_percent,
       onChange: onMinimumSlicePercentChange
-    }), /*#__PURE__*/React.createElement(FontSizeSettings, {
+    }), /*#__PURE__*/_react.default.createElement(_fontSettings.FontSizeSettings, {
       className: "mt-3 mb-0",
-      title: intl.get('Label_font_size'),
+      title: _intl.default.get('Label_font_size'),
       fontSize: label_font_size,
       defaultFontSize: 12,
       modifyFontSize: onLabelFontSizeChange
     })))
   }));
 };
-export default StyleSettings;
+var _default = exports.default = StyleSettings;

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

@@ -1,12 +1,19 @@
-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) {
+"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) {
   let {
     chart,
     dataSources,
@@ -61,18 +68,18 @@ export default function ScatterDataSettings(_ref) {
       update['geolocation_granularity'] = null;
     } else {
       const type = column.type;
-      if (DATE_COLUMN_OPTIONS.includes(type)) {
-        update['date_granularity'] = CHART_SUMMARY_TYPE.MONTH;
+      if (_dtableUtils.DATE_COLUMN_OPTIONS.includes(type)) {
+        update['date_granularity'] = _constants.CHART_SUMMARY_TYPE.MONTH;
         update['geolocation_granularity'] = null;
-      } else if (type === CellType.GEOLOCATION) {
+      } else if (type === _dtableUtils.CellType.GEOLOCATION) {
         const {
           geo_format
         } = column.data || {};
-        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) {
+        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) {
           update['geolocation_granularity'] = 'district';
         } else {
           update['geolocation_granularity'] = null;
@@ -102,38 +109,38 @@ export default function ScatterDataSettings(_ref) {
       geolocation_granularity: value
     });
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CommonDataSettings, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_commonDataSettings.default, {
     chart: chart,
     dataSources: dataSources,
     tables: tables,
     onChange: onChange
-  }), /*#__PURE__*/React.createElement(GroupBy, {
+  }), /*#__PURE__*/_react.default.createElement(_groupBy.default, {
     tables: tables,
     type: type,
     className: "selected-x-axis",
-    label: intl.get('X_axis'),
+    label: _intl.default.get('X_axis'),
     selectedTableId: table_id,
     selectedColumnKey: x_axis_column_key,
     onGroupByChange: onXAxisColumnChange,
     supportFormulaColumns: true
-  }), /*#__PURE__*/React.createElement(_DTableSwitch, {
+  }), /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
     checked: x_axis_include_empty_cells,
-    placeholder: intl.get('Include_empty'),
+    placeholder: _intl.default.get('Include_empty'),
     onChange: onIncludeEmptyChange
-  }), /*#__PURE__*/React.createElement(Divider, {
+  }), /*#__PURE__*/_react.default.createElement(_divider.default, {
     className: "mt-4"
-  }), /*#__PURE__*/React.createElement(GroupBy, {
+  }), /*#__PURE__*/_react.default.createElement(_groupBy.default, {
     tables: tables,
     type: type,
     className: "selected-x-axis",
-    label: intl.get('Y_axis'),
+    label: _intl.default.get('Y_axis'),
     selectedTableId: table_id,
     selectedColumnKey: y_axis_column_key,
     onGroupByChange: onYAxisColumnChange,
     supportFormulaColumns: true
-  }), /*#__PURE__*/React.createElement(GroupBy, {
+  }), /*#__PURE__*/_react.default.createElement(_groupBy.default, {
     tables: tables,
-    label: intl.get('Group_by'),
+    label: _intl.default.get('Group_by'),
     selectedTableId: table_id,
     selectedColumnKey: column_groupby_column_key,
     onGroupByChange: onColumnGroupbyColumnChange,

package/dist/settings/scatter/index.js

@@ -1,4 +1,13 @@
-import ScatterDataSettings from './data-settings';
+"use strict";
 
-// data settings are different from others
-export { ScatterDataSettings };
+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"));

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

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