sea-chart 1.1.65 → 2.0.0

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

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

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

@@ -1,9 +1,17 @@
-import _DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
-import React, { useCallback } from 'react';
-import intl from '../../intl';
-import Divider from '../widgets/divider';
-import FunnelLabelSetting from './components/funnel-label-setting';
-export default function StyleSetting(_ref) {
+"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 = StyleSetting;
+var _DTableSwitch2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSwitch"));
+var _react = _interopRequireWildcard(require("react"));
+var _intl = _interopRequireDefault(require("../../intl"));
+var _divider = _interopRequireDefault(require("../widgets/divider"));
+var _funnelLabelSetting = _interopRequireDefault(require("./components/funnel-label-setting"));
+function StyleSetting(_ref) {
   let {
     chart,
     onChange
@@ -16,19 +24,19 @@ export default function StyleSetting(_ref) {
     funnel_label_font_size,
     funnel_show_overall_rate
   } = chart.config;
-  const handleShowLegendChange = useCallback(function (event) {
+  const handleShowLegendChange = (0, _react.useCallback)(function (event) {
     const value = event.target.checked;
     onChange && onChange({
       funnel_show_legend: value
     });
   }, [onChange]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_DTableSwitch, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
     checked: funnel_show_legend,
-    placeholder: intl.get('Show_legend'),
+    placeholder: _intl.default.get('Show_legend'),
     onChange: handleShowLegendChange
-  }), /*#__PURE__*/React.createElement(Divider, {
+  }), /*#__PURE__*/_react.default.createElement(_divider.default, {
     className: "mt-4"
-  }), /*#__PURE__*/React.createElement(FunnelLabelSetting, {
+  }), /*#__PURE__*/_react.default.createElement(_funnelLabelSetting.default, {
     onChange: onChange,
     funnelShowLabels: funnel_show_labels,
     funnelLabelPosition: funnel_label_position,

package/dist/settings/heat-map-settings/data-settings.js

@@ -1,11 +1,19 @@
-import React, { useCallback } from 'react';
-import { CellType } from 'dtable-utils';
-import intl from '../../intl';
-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 { CHART_SUMMARY_TYPES } from '../../constants';
+"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 _dtableUtils = require("dtable-utils");
+var _intl = _interopRequireDefault(require("../../intl"));
+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 _constants = require("../../constants");
 const DataSettings = _ref => {
   let {
     chart,
@@ -13,7 +21,7 @@ const DataSettings = _ref => {
     tables,
     onChange
   } = _ref;
-  const onXAxisColumnChange = useCallback(column => {
+  const onXAxisColumnChange = (0, _react.useCallback)(column => {
     const {
       config
     } = chart;
@@ -37,35 +45,35 @@ const DataSettings = _ref => {
     table_id,
     time_column_key
   } = 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, {
     dataSources: dataSources,
     chart: chart,
     tables: tables,
     onChange: onChange
-  }), /*#__PURE__*/React.createElement(GroupBy, {
+  }), /*#__PURE__*/_react.default.createElement(_groupBy.default, {
     chart: chart,
     tables: tables,
     className: "selected-x-axis",
-    label: intl.get('Time_field'),
+    label: _intl.default.get('Time_field'),
     selectedTableId: table_id,
     selectedColumnKey: time_column_key,
     onlySupportDate: true,
     isRenderGroupBy: false,
     onGroupByChange: onXAxisColumnChange
-  }), /*#__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'),
     summaryTypeKey: 'summary_type',
     summaryMethodKey: 'summary_method',
     summaryColumnKey: 'summary_column_key',
     chart: chart,
     selectedTableId: table_id,
     tables: tables,
-    supportColumnTypes: [CellType.NUMBER],
-    summaryTypeOptions: CHART_SUMMARY_TYPES,
+    supportColumnTypes: [_dtableUtils.CellType.NUMBER],
+    summaryTypeOptions: _constants.CHART_SUMMARY_TYPES,
     onChange: onChange
   }));
 };
-export default DataSettings;
+var _default = exports.default = DataSettings;

package/dist/settings/heat-map-settings/index.js

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

package/dist/settings/heat-map-settings/style-settings.js

@@ -1,20 +1,28 @@
-import React, { useCallback } from 'react';
-import { Label, FormGroup } from 'reactstrap';
-import Divider from '../widgets/divider';
-import { PixelEditor } from '../../components';
-import ColorUseTypeSelector from '../widgets/color-settings';
-import { DEFAULT_GRID_SIZE, DEFAULT_GRID_DISTANCE } from '../../constants';
-import intl from '../../intl';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactstrap = require("reactstrap");
+var _divider = _interopRequireDefault(require("../widgets/divider"));
+var _components = require("../../components");
+var _colorSettings = _interopRequireDefault(require("../widgets/color-settings"));
+var _constants = require("../../constants");
+var _intl = _interopRequireDefault(require("../../intl"));
 const StyleSettings = _ref => {
   let {
     chart,
     labelColorConfigs,
     onChange
   } = _ref;
-  const onColorChange = useCallback(update => {
+  const onColorChange = (0, _react.useCallback)(update => {
     onChange && onChange(update);
   }, [onChange]);
-  const modifyGridSize = useCallback(currGrid => {
+  const modifyGridSize = (0, _react.useCallback)(currGrid => {
     const {
       config
     } = chart;
@@ -27,7 +35,7 @@ const StyleSettings = _ref => {
       grid_size: parsedGrid
     });
   }, [chart, onChange]);
-  const modifyGridDistance = useCallback(currGrid => {
+  const modifyGridDistance = (0, _react.useCallback)(currGrid => {
     const {
       config
     } = chart;
@@ -47,22 +55,22 @@ const StyleSettings = _ref => {
     grid_distance,
     grid_size
   } = config;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColorUseTypeSelector, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_colorSettings.default, {
     chart: config,
     labelColorConfigs: labelColorConfigs,
     updateChart: onColorChange
-  }), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(FormGroup, {
+  }), /*#__PURE__*/_react.default.createElement(_divider.default, null), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Grid_size')), /*#__PURE__*/React.createElement(PixelEditor, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Grid_size')), /*#__PURE__*/_react.default.createElement(_components.PixelEditor, {
     pixel: grid_size,
-    defaultPixel: DEFAULT_GRID_SIZE,
+    defaultPixel: _constants.DEFAULT_GRID_SIZE,
     modifyPixel: modifyGridSize
-  })), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(FormGroup, {
+  })), /*#__PURE__*/_react.default.createElement(_divider.default, null), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Grid_distance')), /*#__PURE__*/React.createElement(PixelEditor, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Grid_distance')), /*#__PURE__*/_react.default.createElement(_components.PixelEditor, {
     pixel: grid_distance,
-    defaultPixel: DEFAULT_GRID_DISTANCE,
+    defaultPixel: _constants.DEFAULT_GRID_DISTANCE,
     modifyPixel: modifyGridDistance
   })));
 };
-export default StyleSettings;
+var _default = exports.default = StyleSettings;

package/dist/settings/horizontal-bar-settings/data-settings.js

@@ -1,8 +1,15 @@
-import React, { useCallback } from 'react';
-import { BarDataSettings } from '../bar-settings';
-import { AdvanceBarDataSettings } from '../advance-bar-settings';
-import { BaseUtils } from '../../utils';
-import { BAR_MAP_TO_HORIZONTAL_MAP, CHART_TYPE } from '../../constants';
+"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 _barSettings = require("../bar-settings");
+var _advanceBarSettings = require("../advance-bar-settings");
+var _utils = require("../../utils");
+var _constants = require("../../constants");
 const DataSettings = _ref => {
   let {
     chart,
@@ -10,7 +17,7 @@ const DataSettings = _ref => {
     dataSources,
     onChange: oldOnChange
   } = _ref;
-  const onChange = useCallback(update => {
+  const onChange = (0, _react.useCallback)(update => {
     const {
       config: oldConfig
     } = chart;
@@ -24,8 +31,8 @@ const DataSettings = _ref => {
       ...update
     };
     Object.keys(update).forEach(key => {
-      if (BAR_MAP_TO_HORIZONTAL_MAP[key]) {
-        updateConfig[BAR_MAP_TO_HORIZONTAL_MAP[key]] = newConfig[key];
+      if (_constants.BAR_MAP_TO_HORIZONTAL_MAP[key]) {
+        updateConfig[_constants.BAR_MAP_TO_HORIZONTAL_MAP[key]] = newConfig[key];
       } else {
         updateConfig[key] = newConfig[key];
       }
@@ -36,7 +43,7 @@ const DataSettings = _ref => {
     config,
     id
   } = chart;
-  const newConfig = BaseUtils.convertConfig(config);
+  const newConfig = _utils.BaseUtils.convertConfig(config);
   const newChart = {
     id,
     config: newConfig
@@ -44,8 +51,8 @@ const DataSettings = _ref => {
   const {
     type
   } = config;
-  const BarGroupComponent = type === CHART_TYPE.HORIZONTAL_BAR ? BarDataSettings : AdvanceBarDataSettings;
-  return /*#__PURE__*/React.createElement(BarGroupComponent, {
+  const BarGroupComponent = type === _constants.CHART_TYPE.HORIZONTAL_BAR ? _barSettings.BarDataSettings : _advanceBarSettings.AdvanceBarDataSettings;
+  return /*#__PURE__*/_react.default.createElement(BarGroupComponent, {
     xLabel: 'Vertical_axis',
     yLabel: 'Horizontal_axis',
     chart: newChart,
@@ -54,4 +61,4 @@ const DataSettings = _ref => {
     onChange: onChange
   });
 };
-export default DataSettings;
+var _default = exports.default = DataSettings;

package/dist/settings/horizontal-bar-settings/index.js

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

package/dist/settings/horizontal-bar-settings/style-settings.js

@@ -1,8 +1,15 @@
-import React, { useCallback } from 'react';
-import { AdvanceBarStyleSettings } from '../advance-bar-settings';
-import { BarStyleSettings } from '../bar-settings';
-import { BaseUtils } from '../../utils';
-import { BAR_MAP_TO_HORIZONTAL_MAP, CHART_TYPE } from '../../constants';
+"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 _advanceBarSettings = require("../advance-bar-settings");
+var _barSettings = require("../bar-settings");
+var _utils = require("../../utils");
+var _constants = require("../../constants");
 const StyleSettings = _ref => {
   let {
     chart,
@@ -10,15 +17,15 @@ const StyleSettings = _ref => {
     labelColorConfigs,
     onChange: oldOnChange
   } = _ref;
-  const onChange = useCallback(update => {
+  const onChange = (0, _react.useCallback)(update => {
     let updateConfig = {};
     const newConfig = {
       ...chart.config,
       ...update
     };
     Object.keys(update).forEach(key => {
-      if (BAR_MAP_TO_HORIZONTAL_MAP[key]) {
-        updateConfig[BAR_MAP_TO_HORIZONTAL_MAP[key]] = newConfig[key];
+      if (_constants.BAR_MAP_TO_HORIZONTAL_MAP[key]) {
+        updateConfig[_constants.BAR_MAP_TO_HORIZONTAL_MAP[key]] = newConfig[key];
       } else {
         updateConfig[key] = newConfig[key];
       }
@@ -29,7 +36,7 @@ const StyleSettings = _ref => {
     config,
     id
   } = chart;
-  const newConfig = BaseUtils.convertConfig(config);
+  const newConfig = _utils.BaseUtils.convertConfig(config);
   const newChart = {
     id,
     config: newConfig
@@ -37,8 +44,8 @@ const StyleSettings = _ref => {
   const {
     type
   } = config;
-  const BarStyleComponent = type === CHART_TYPE.HORIZONTAL_BAR ? BarStyleSettings : AdvanceBarStyleSettings;
-  return /*#__PURE__*/React.createElement(BarStyleComponent, {
+  const BarStyleComponent = type === _constants.CHART_TYPE.HORIZONTAL_BAR ? _barSettings.BarStyleSettings : _advanceBarSettings.AdvanceBarStyleSettings;
+  return /*#__PURE__*/_react.default.createElement(BarStyleComponent, {
     xLabel: 'Vertical_axis',
     yLabel: 'Horizontal_axis',
     labelColorConfigs: labelColorConfigs,
@@ -47,4 +54,4 @@ const StyleSettings = _ref => {
     tables: tables
   });
 };
-export default StyleSettings;
+var _default = exports.default = StyleSettings;

package/dist/settings/index.js

@@ -1,20 +1,39 @@
-import React, { useCallback, useMemo, useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import classnames from 'classnames';
-import intl from '../intl';
-import { settingsContext, DepartmentsContext, GlobalThemeContext } from '../utils/contexts';
-import { eventStopPropagation } from '../utils';
-import { BaseUtils } from '../utils';
-import { CHART_SETTINGS_TYPE, CHART_SETTINGS } from '../constants';
-import useForceUpdate from '../components/types-dialog/use-force-update';
-import Divider from './widgets/divider';
-import DataSettings from './data-settings';
-import StyleSettings from './style-settings';
-import './index.css';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Divider", {
+  enumerable: true,
+  get: function () {
+    return _divider.default;
+  }
+});
+Object.defineProperty(exports, "StyleSettings", {
+  enumerable: true,
+  get: function () {
+    return _styleSettings.default;
+  }
+});
+exports.settingsPropTypes = exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _intl = _interopRequireDefault(require("../intl"));
+var _contexts = require("../utils/contexts");
+var _utils = require("../utils");
+var _constants = require("../constants");
+var _useForceUpdate = _interopRequireDefault(require("../components/types-dialog/use-force-update"));
+var _divider = _interopRequireDefault(require("./widgets/divider"));
+var _dataSettings = _interopRequireDefault(require("./data-settings"));
+var _styleSettings = _interopRequireDefault(require("./style-settings"));
+require("./index.css");
 const Settings = _ref => {
   let {
     chart,
-    dataSources,
+    dataSources = 'filter',
     title,
     hideTitleStyleSetting,
     tables,
@@ -22,22 +41,23 @@ const Settings = _ref => {
     children,
     departments,
     globalTheme,
-    lang
+    lang,
+    isRenderByD3
   } = _ref;
-  const [type, setType] = useState(CHART_SETTINGS_TYPE.DATA);
-  const [labelColorConfigs, setLabelColorConfigs] = useState([]);
-  const forceUpdate = useForceUpdate();
-  useEffect(() => {
+  const [type, setType] = (0, _react.useState)(_constants.CHART_SETTINGS_TYPE.DATA);
+  const [labelColorConfigs, setLabelColorConfigs] = (0, _react.useState)([]);
+  const forceUpdate = (0, _useForceUpdate.default)();
+  (0, _react.useEffect)(() => {
     if (lang) {
-      intl.setLang(lang);
+      _intl.default.setLang(lang);
       forceUpdate();
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     var _window$dtable;
     const systemCustomColors = ((_window$dtable = window.dtable) === null || _window$dtable === void 0 ? void 0 : _window$dtable.customColors) || [];
-    const colorConfigs = [...BaseUtils.getCurrentTheme().colors.map(color => ({
+    const colorConfigs = [..._utils.BaseUtils.getCurrentTheme().colors.map(color => ({
       color: color.toUpperCase(),
       text_color: '#fff'
     })), ...systemCustomColors.map(customColor => ({
@@ -46,13 +66,13 @@ const Settings = _ref => {
     }))];
     setLabelColorConfigs(colorConfigs);
   }, []);
-  const onChartSettingsTypeChange = useCallback(event => {
-    eventStopPropagation(event);
+  const onChartSettingsTypeChange = (0, _react.useCallback)(event => {
+    (0, _utils.eventStopPropagation)(event);
     const newType = event.target.getAttribute('data');
     if (type === newType) return;
     setType(newType);
   }, [type]);
-  const modifyStatistic = useCallback(update => {
+  const modifyStatistic = (0, _react.useCallback)(update => {
     const newChart = {
       ...chart,
       config: {
@@ -60,74 +80,71 @@ const Settings = _ref => {
         ...update
       }
     };
-    onChange && onChange(newChart, CHART_SETTINGS_TYPE.DATA);
+    onChange && onChange(newChart, _constants.CHART_SETTINGS_TYPE.DATA);
   }, [chart, onChange]);
-  const modifyStyle = useCallback(update => {
+  const modifyStyle = (0, _react.useCallback)(update => {
     const newChart = {
       ...chart,
       ...update
     };
-    onChange && onChange(newChart, CHART_SETTINGS_TYPE.CHART_STYLE);
+    onChange && onChange(newChart, _constants.CHART_SETTINGS_TYPE.CHART_STYLE);
   }, [chart, onChange]);
-  const validTitle = useMemo(() => {
+  const validTitle = (0, _react.useMemo)(() => {
     return title || {};
   }, [title]);
-  return /*#__PURE__*/React.createElement(GlobalThemeContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_contexts.GlobalThemeContext.Provider, {
     value: {
       globalTheme
     }
-  }, /*#__PURE__*/React.createElement(settingsContext.Provider, {
+  }, /*#__PURE__*/_react.default.createElement(_contexts.settingsContext.Provider, {
     value: {
-      hideTitleStyleSetting
+      hideTitleStyleSetting,
+      isRenderByD3
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sea-chart-settings"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sea-chart-settings-type",
     onClick: onChartSettingsTypeChange
-  }, CHART_SETTINGS.slice(0, children ? 3 : -1).map(setting => {
+  }, _constants.CHART_SETTINGS.slice(0, children ? 3 : -1).map(setting => {
     const name = validTitle[setting.type];
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       key: setting.type,
-      className: classnames('sea-chart-settings-type-item', {
+      className: (0, _classnames.default)('sea-chart-settings-type-item', {
         'selected': type === setting.type
       }),
       data: setting.type
-    }, name || intl.get(setting.name));
-  })), /*#__PURE__*/React.createElement("div", {
+    }, name || _intl.default.get(setting.name));
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: "chart-settings-container position-relative",
     id: "sea-chart-settings-container"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     id: "sea-chart-settings-content",
     className: "chart-settings-content"
-  }, type === CHART_SETTINGS_TYPE.DATA && /*#__PURE__*/React.createElement(DepartmentsContext.Provider, {
+  }, type === _constants.CHART_SETTINGS_TYPE.DATA && /*#__PURE__*/_react.default.createElement(_contexts.DepartmentsContext.Provider, {
     value: {
       departments
     }
-  }, /*#__PURE__*/React.createElement(DataSettings, {
+  }, /*#__PURE__*/_react.default.createElement(_dataSettings.default, {
     dataSources: dataSources,
     chart: chart,
     tables: tables,
     onChange: modifyStatistic
-  })), type === CHART_SETTINGS_TYPE.CHART_STYLE && /*#__PURE__*/React.createElement(StyleSettings, {
+  })), type === _constants.CHART_SETTINGS_TYPE.CHART_STYLE && /*#__PURE__*/_react.default.createElement(_styleSettings.default, {
     chart: chart,
     tables: tables,
     labelColorConfigs: labelColorConfigs,
     onChange: modifyStyle
-  }), children && type === CHART_SETTINGS_TYPE.GENERAL_STYLE && /*#__PURE__*/React.createElement(React.Fragment, null, children))))));
+  }), children && type === _constants.CHART_SETTINGS_TYPE.GENERAL_STYLE && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children))))));
 };
-const settingsDefaultProps = {
-  dataSources: 'filter'
+const settingsPropTypes = exports.settingsPropTypes = {
+  chart: _propTypes.default.object.isRequired,
+  tables: _propTypes.default.array.isRequired,
+  dataSources: _propTypes.default.string,
+  title: _propTypes.default.object,
+  hideTitleStyleSetting: _propTypes.default.bool,
+  children: _propTypes.default.any,
+  onChange: _propTypes.default.func.isRequired,
+  isRenderByD3: _propTypes.default.bool
 };
-const settingsPropTypes = {
-  chart: PropTypes.object.isRequired,
-  tables: PropTypes.array.isRequired,
-  dataSources: PropTypes.string,
-  title: PropTypes.object,
-  hideTitleStyleSetting: PropTypes.bool,
-  children: PropTypes.any,
-  onChange: PropTypes.func.isRequired
-};
-Settings.defaultProps = settingsDefaultProps;
-export default Settings;
-export { StyleSettings, Divider, settingsDefaultProps, settingsPropTypes };
+var _default = exports.default = Settings;