sea-chart 2.0.37 → 2.0.38

package/dist/settings/funnel-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, "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"));
+import FunnelDataSettings from './data-settings';
+import FunnelStyleSettings from './style-settings';
+export { FunnelDataSettings, FunnelStyleSettings };

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

@@ -1,17 +1,9 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = 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) {
+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) {
   let {
     chart,
     onChange
@@ -24,19 +16,19 @@ function StyleSetting(_ref) {
     funnel_label_font_size,
     funnel_show_overall_rate
   } = chart.config;
-  const handleShowLegendChange = (0, _react.useCallback)(function (event) {
+  const handleShowLegendChange = useCallback(function (event) {
     const value = event.target.checked;
     onChange && onChange({
       funnel_show_legend: value
     });
   }, [onChange]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_DTableSwitch, {
     checked: funnel_show_legend,
-    placeholder: _intl.default.get('Show_legend'),
+    placeholder: intl.get('Show_legend'),
     onChange: handleShowLegendChange
-  }), /*#__PURE__*/_react.default.createElement(_divider.default, {
+  }), /*#__PURE__*/React.createElement(Divider, {
     className: "mt-4"
-  }), /*#__PURE__*/_react.default.createElement(_funnelLabelSetting.default, {
+  }), /*#__PURE__*/React.createElement(FunnelLabelSetting, {
     onChange: onChange,
     funnelShowLabels: funnel_show_labels,
     funnelLabelPosition: funnel_label_position,

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

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

package/dist/settings/heat-map-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, "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"));
+import HeatMapDataSettings from './data-settings';
+import HeatMapStyleSettings from './style-settings';
+export { HeatMapDataSettings, HeatMapStyleSettings };

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

@@ -1,28 +1,20 @@
-"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"));
+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';
 const StyleSettings = _ref => {
   let {
     chart,
     labelColorConfigs,
     onChange
   } = _ref;
-  const onColorChange = (0, _react.useCallback)(update => {
+  const onColorChange = useCallback(update => {
     onChange && onChange(update);
   }, [onChange]);
-  const modifyGridSize = (0, _react.useCallback)(currGrid => {
+  const modifyGridSize = useCallback(currGrid => {
     const {
       config
     } = chart;
@@ -35,7 +27,7 @@ const StyleSettings = _ref => {
       grid_size: parsedGrid
     });
   }, [chart, onChange]);
-  const modifyGridDistance = (0, _react.useCallback)(currGrid => {
+  const modifyGridDistance = useCallback(currGrid => {
     const {
       config
     } = chart;
@@ -55,22 +47,22 @@ const StyleSettings = _ref => {
     grid_distance,
     grid_size
   } = config;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_colorSettings.default, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColorUseTypeSelector, {
     chart: config,
     labelColorConfigs: labelColorConfigs,
     updateChart: onColorChange
-  }), /*#__PURE__*/_react.default.createElement(_divider.default, null), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+  }), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Grid_size')), /*#__PURE__*/_react.default.createElement(_components.PixelEditor, {
+  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Grid_size')), /*#__PURE__*/React.createElement(PixelEditor, {
     pixel: grid_size,
-    defaultPixel: _constants.DEFAULT_GRID_SIZE,
+    defaultPixel: DEFAULT_GRID_SIZE,
     modifyPixel: modifyGridSize
-  })), /*#__PURE__*/_react.default.createElement(_divider.default, null), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+  })), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Grid_distance')), /*#__PURE__*/_react.default.createElement(_components.PixelEditor, {
+  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Grid_distance')), /*#__PURE__*/React.createElement(PixelEditor, {
     pixel: grid_distance,
-    defaultPixel: _constants.DEFAULT_GRID_DISTANCE,
+    defaultPixel: DEFAULT_GRID_DISTANCE,
     modifyPixel: modifyGridDistance
   })));
 };
-var _default = exports.default = StyleSettings;
+export default StyleSettings;

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

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

package/dist/settings/horizontal-bar-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, "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"));
+import HorizontalDataSettings from './data-settings';
+import HorizontalStyleSettings from './style-settings';
+export { HorizontalDataSettings, HorizontalStyleSettings };

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

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

package/dist/settings/index.js

@@ -1,35 +1,16 @@
-"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");
+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, FirstDayOfWeekContext } 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';
 const Settings = _ref => {
   let {
     chart,
@@ -41,22 +22,23 @@ const Settings = _ref => {
     children,
     departments,
     globalTheme,
-    lang
+    lang,
+    firstDayOfWeek
   } = _ref;
-  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)(() => {
+  const [type, setType] = useState(CHART_SETTINGS_TYPE.DATA);
+  const [labelColorConfigs, setLabelColorConfigs] = useState([]);
+  const forceUpdate = useForceUpdate();
+  useEffect(() => {
     if (lang) {
-      _intl.default.setLang(lang);
+      intl.setLang(lang);
       forceUpdate();
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     var _window$dtable;
     const systemCustomColors = ((_window$dtable = window.dtable) === null || _window$dtable === void 0 ? void 0 : _window$dtable.customColors) || [];
-    const colorConfigs = [..._utils.BaseUtils.getCurrentTheme().colors.map(color => ({
+    const colorConfigs = [...BaseUtils.getCurrentTheme().colors.map(color => ({
       color: color.toUpperCase(),
       text_color: '#fff'
     })), ...systemCustomColors.map(customColor => ({
@@ -65,13 +47,13 @@ const Settings = _ref => {
     }))];
     setLabelColorConfigs(colorConfigs);
   }, []);
-  const onChartSettingsTypeChange = (0, _react.useCallback)(event => {
-    (0, _utils.eventStopPropagation)(event);
+  const onChartSettingsTypeChange = useCallback(event => {
+    eventStopPropagation(event);
     const newType = event.target.getAttribute('data');
     if (type === newType) return;
     setType(newType);
   }, [type]);
-  const modifyStatistic = (0, _react.useCallback)(update => {
+  const modifyStatistic = useCallback(update => {
     const newChart = {
       ...chart,
       config: {
@@ -79,69 +61,74 @@ const Settings = _ref => {
         ...update
       }
     };
-    onChange && onChange(newChart, _constants.CHART_SETTINGS_TYPE.DATA);
+    onChange && onChange(newChart, CHART_SETTINGS_TYPE.DATA);
   }, [chart, onChange]);
-  const modifyStyle = (0, _react.useCallback)(update => {
+  const modifyStyle = useCallback(update => {
     const newChart = {
       ...chart,
       ...update
     };
-    onChange && onChange(newChart, _constants.CHART_SETTINGS_TYPE.CHART_STYLE);
+    onChange && onChange(newChart, CHART_SETTINGS_TYPE.CHART_STYLE);
   }, [chart, onChange]);
-  const validTitle = (0, _react.useMemo)(() => {
+  const validTitle = useMemo(() => {
     return title || {};
   }, [title]);
-  return /*#__PURE__*/_react.default.createElement(_contexts.GlobalThemeContext.Provider, {
+  return /*#__PURE__*/React.createElement(GlobalThemeContext.Provider, {
     value: {
       globalTheme
     }
-  }, /*#__PURE__*/_react.default.createElement(_contexts.settingsContext.Provider, {
+  }, /*#__PURE__*/React.createElement(settingsContext.Provider, {
     value: {
       hideTitleStyleSetting
     }
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "sea-chart-settings"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "sea-chart-settings-type",
     onClick: onChartSettingsTypeChange
-  }, _constants.CHART_SETTINGS.slice(0, children ? 3 : -1).map(setting => {
+  }, CHART_SETTINGS.slice(0, children ? 3 : -1).map(setting => {
     const name = validTitle[setting.type];
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       key: setting.type,
-      className: (0, _classnames.default)('sea-chart-settings-type-item', {
+      className: classnames('sea-chart-settings-type-item', {
         'selected': type === setting.type
       }),
       data: setting.type
-    }, name || _intl.default.get(setting.name));
-  })), /*#__PURE__*/_react.default.createElement("div", {
+    }, name || intl.get(setting.name));
+  })), /*#__PURE__*/React.createElement("div", {
     className: "chart-settings-container position-relative",
     id: "sea-chart-settings-container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     id: "sea-chart-settings-content",
     className: "chart-settings-content"
-  }, type === _constants.CHART_SETTINGS_TYPE.DATA && /*#__PURE__*/_react.default.createElement(_contexts.DepartmentsContext.Provider, {
+  }, type === CHART_SETTINGS_TYPE.DATA && /*#__PURE__*/React.createElement(FirstDayOfWeekContext.Provider, {
+    value: {
+      firstDayOfWeek
+    }
+  }, /*#__PURE__*/React.createElement(DepartmentsContext.Provider, {
     value: {
       departments
     }
-  }, /*#__PURE__*/_react.default.createElement(_dataSettings.default, {
+  }, /*#__PURE__*/React.createElement(DataSettings, {
     dataSources: dataSources,
     chart: chart,
     tables: tables,
     onChange: modifyStatistic
-  })), type === _constants.CHART_SETTINGS_TYPE.CHART_STYLE && /*#__PURE__*/_react.default.createElement(_styleSettings.default, {
+  }))), type === CHART_SETTINGS_TYPE.CHART_STYLE && /*#__PURE__*/React.createElement(StyleSettings, {
     chart: chart,
     tables: tables,
     labelColorConfigs: labelColorConfigs,
     onChange: modifyStyle
-  }), children && type === _constants.CHART_SETTINGS_TYPE.GENERAL_STYLE && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children))))));
+  }), children && type === CHART_SETTINGS_TYPE.GENERAL_STYLE && /*#__PURE__*/React.createElement(React.Fragment, null, children))))));
 };
-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
+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
 };
-var _default = exports.default = Settings;
+export default Settings;
+export { StyleSettings, Divider, settingsPropTypes };