sea-chart 2.0.38 → 2.0.39

package/dist/settings/stacks-settings/stack-item-settings.js

@@ -1,8 +1,16 @@
-import React, { Component, Fragment } from 'react';
-import classnames from 'classnames';
-import intl from '../../intl';
-import NumericSummaryItem from '../widgets/numeric-summary-item';
-class StackItemSettings 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 _classnames = _interopRequireDefault(require("classnames"));
+var _intl = _interopRequireDefault(require("../../intl"));
+var _numericSummaryItem = _interopRequireDefault(require("../widgets/numeric-summary-item"));
+class StackItemSettings extends _react.Component {
   constructor(props) {
     super(props);
     this.onToggleExpand = () => {
@@ -28,7 +36,7 @@ class StackItemSettings extends Component {
         column_groupby_numeric_columns
       } = stack;
       return Array.isArray(column_groupby_numeric_columns) && column_groupby_numeric_columns.map((item, index) => {
-        return /*#__PURE__*/React.createElement(NumericSummaryItem, {
+        return /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
           key: index,
           chart: chart,
           index: index,
@@ -57,33 +65,33 @@ class StackItemSettings extends Component {
     const {
       expanded
     } = this.state;
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: classnames('form-group', {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)('form-group', {
         collapsible: !expanded
       })
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "sea-chart-y-axis-title"
-    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("i", {
+    }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("i", {
       onClick: this.onToggleExpand,
-      className: classnames('dtable-font', 'sea-chart-y-axis-title-expand-icon', {
+      className: (0, _classnames.default)('dtable-font', 'sea-chart-y-axis-title-expand-icon', {
         'dtable-icon-drop-down': expanded,
         'dtable-icon-right-slide': !expanded
       })
-    }), /*#__PURE__*/React.createElement("label", null, label)), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("i", {
+    }), /*#__PURE__*/_react.default.createElement("label", null, label)), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("i", {
       onClick: this.props.deleteStack,
       className: "dtable-font dtable-icon-fork-number"
-    }))), expanded && /*#__PURE__*/React.createElement("div", {
+    }))), expanded && /*#__PURE__*/_react.default.createElement("div", {
       className: "stack-settings-content-wrapper"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "statistics-add-number"
-    }, this.renderGroupbyNumericColumns()), Array.isArray(numericColumnsOptions) && numericColumnsOptions.length > 0 && /*#__PURE__*/React.createElement("div", {
+    }, this.renderGroupbyNumericColumns()), Array.isArray(numericColumnsOptions) && numericColumnsOptions.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
       className: "sea-chart-add-number-column",
       onClick: this.props.addNumericSummary
-    }, /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/_react.default.createElement("span", {
       className: "number-column-item dtable-font dtable-icon-add-table"
-    }), /*#__PURE__*/React.createElement("span", {
+    }), /*#__PURE__*/_react.default.createElement("span", {
       className: "number-column-item add-number-column-description"
-    }, intl.get('Add_new_numeric_column'))))));
+    }, _intl.default.get('Add_new_numeric_column'))))));
   }
 }
-export default StackItemSettings;
+var _default = exports.default = StackItemSettings;

package/dist/settings/style-settings.js

@@ -1,19 +1,27 @@
-import React, { useCallback } from 'react';
-import { CHART_TYPE } from '../constants';
-import { BarStyleSettings } from './bar-settings';
-import { AdvanceBarStyleSettings } from './advance-bar-settings';
-import { TimeComparisonStyleSettings } from './time-comparison-settings';
-import { PieStyleSettings } from './pie-settings';
-import Divider from './widgets/divider';
-import { HorizontalStyleSettings } from './horizontal-bar-settings';
-import { BasicNumberCardStyleSettings } from './basic-number-card';
-import { CombinationStyleSettings } from './combination-settings';
-import { HeatMapStyleSettings } from './heat-map-settings';
-import StatisticTitleSetting from './widgets/title-settings';
-import { CompletenessStyleSettings } from './completeness-settings';
-import { MapStyleSettings } from './map-settings';
-import { TrendStyleSettings } from './trend-settings';
-import { FunnelStyleSettings } from './funnel-settings';
+"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 _constants = require("../constants");
+var _barSettings = require("./bar-settings");
+var _advanceBarSettings = require("./advance-bar-settings");
+var _timeComparisonSettings = require("./time-comparison-settings");
+var _pieSettings = require("./pie-settings");
+var _divider = _interopRequireDefault(require("./widgets/divider"));
+var _horizontalBarSettings = require("./horizontal-bar-settings");
+var _basicNumberCard = require("./basic-number-card");
+var _combinationSettings = require("./combination-settings");
+var _heatMapSettings = require("./heat-map-settings");
+var _titleSettings = _interopRequireDefault(require("./widgets/title-settings"));
+var _completenessSettings = require("./completeness-settings");
+var _mapSettings = require("./map-settings");
+var _trendSettings = require("./trend-settings");
+var _funnelSettings = require("./funnel-settings");
 const StyleSettings = _ref => {
   let {
     chart,
@@ -21,7 +29,7 @@ const StyleSettings = _ref => {
     onChange,
     labelColorConfigs
   } = _ref;
-  const modifyStatisticSettings = useCallback(update => {
+  const modifyStatisticSettings = (0, _react.useCallback)(update => {
     const newUpdate = {
       ...chart.config,
       ...update
@@ -30,7 +38,7 @@ const StyleSettings = _ref => {
       config: newUpdate
     });
   }, [chart, onChange]);
-  const modifyStyleSettings = useCallback(update => {
+  const modifyStyleSettings = (0, _react.useCallback)(update => {
     const styleConfig = chart.style_config || {};
     const newUpdate = {
       ...styleConfig,
@@ -40,7 +48,7 @@ const StyleSettings = _ref => {
       style_config: newUpdate
     });
   }, [chart.style_config, onChange]);
-  const modifyTitle = useCallback(title => {
+  const modifyTitle = (0, _react.useCallback)(title => {
     const style_config = chart.style_config || {};
     const update = style_config ? {
       ...style_config,
@@ -52,7 +60,7 @@ const StyleSettings = _ref => {
       style_config: update
     });
   }, [chart, onChange]);
-  const renderTitleSettings = useCallback(() => {
+  const renderTitleSettings = (0, _react.useCallback)(() => {
     let {
       style_config,
       config
@@ -61,14 +69,14 @@ const StyleSettings = _ref => {
     const {
       type
     } = config;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StatisticTitleSetting, {
-      key: `title-setting-${chart.id}`,
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_titleSettings.default, {
+      key: "title-setting-".concat(chart.id),
       title: style_config && style_config.title,
       modifyTitle: modifyTitle,
       type: type
-    }), /*#__PURE__*/React.createElement(Divider, null));
+    }), /*#__PURE__*/_react.default.createElement(_divider.default, null));
   }, [chart, modifyTitle]);
-  const renderStatisticStyleSettings = useCallback(() => {
+  const renderStatisticStyleSettings = (0, _react.useCallback)(() => {
     const {
       config
     } = chart;
@@ -83,68 +91,68 @@ const StyleSettings = _ref => {
       labelColorConfigs
     };
     switch (type) {
-      case CHART_TYPE.BAR:
-      case CHART_TYPE.LINE:
-      case CHART_TYPE.AREA:
+      case _constants.CHART_TYPE.BAR:
+      case _constants.CHART_TYPE.LINE:
+      case _constants.CHART_TYPE.AREA:
         {
-          return /*#__PURE__*/React.createElement(BarStyleSettings, props);
+          return /*#__PURE__*/_react.default.createElement(_barSettings.BarStyleSettings, props);
         }
-      case CHART_TYPE.HORIZONTAL_BAR:
-      case CHART_TYPE.STACKED_HORIZONTAL_BAR:
-      case CHART_TYPE.HORIZONTAL_GROUP_BAR:
+      case _constants.CHART_TYPE.HORIZONTAL_BAR:
+      case _constants.CHART_TYPE.STACKED_HORIZONTAL_BAR:
+      case _constants.CHART_TYPE.HORIZONTAL_GROUP_BAR:
         {
-          return /*#__PURE__*/React.createElement(HorizontalStyleSettings, props);
+          return /*#__PURE__*/_react.default.createElement(_horizontalBarSettings.HorizontalStyleSettings, props);
         }
-      case CHART_TYPE.COMPLETENESS:
-      case CHART_TYPE.COMPLETENESS_GROUP:
+      case _constants.CHART_TYPE.COMPLETENESS:
+      case _constants.CHART_TYPE.COMPLETENESS_GROUP:
         {
-          return /*#__PURE__*/React.createElement(CompletenessStyleSettings, props);
+          return /*#__PURE__*/_react.default.createElement(_completenessSettings.CompletenessStyleSettings, props);
         }
-      case CHART_TYPE.BAR_CUSTOM:
-      case CHART_TYPE.BAR_GROUP:
-      case CHART_TYPE.BAR_STACK:
-      case CHART_TYPE.LINE_GROUP:
-      case CHART_TYPE.AREA_GROUP:
-      case CHART_TYPE.SCATTER:
+      case _constants.CHART_TYPE.BAR_CUSTOM:
+      case _constants.CHART_TYPE.BAR_GROUP:
+      case _constants.CHART_TYPE.BAR_STACK:
+      case _constants.CHART_TYPE.LINE_GROUP:
+      case _constants.CHART_TYPE.AREA_GROUP:
+      case _constants.CHART_TYPE.SCATTER:
         {
-          return /*#__PURE__*/React.createElement(AdvanceBarStyleSettings, props);
+          return /*#__PURE__*/_react.default.createElement(_advanceBarSettings.AdvanceBarStyleSettings, props);
         }
-      case CHART_TYPE.COMPARE_BAR:
+      case _constants.CHART_TYPE.COMPARE_BAR:
         {
-          return /*#__PURE__*/React.createElement(TimeComparisonStyleSettings, props);
+          return /*#__PURE__*/_react.default.createElement(_timeComparisonSettings.TimeComparisonStyleSettings, props);
         }
-      case CHART_TYPE.COMBINATION:
+      case _constants.CHART_TYPE.COMBINATION:
         {
-          return /*#__PURE__*/React.createElement(CombinationStyleSettings, props);
+          return /*#__PURE__*/_react.default.createElement(_combinationSettings.CombinationStyleSettings, props);
         }
-      case CHART_TYPE.PIE:
-      case CHART_TYPE.RING:
+      case _constants.CHART_TYPE.PIE:
+      case _constants.CHART_TYPE.RING:
         {
-          return /*#__PURE__*/React.createElement(PieStyleSettings, props);
+          return /*#__PURE__*/_react.default.createElement(_pieSettings.PieStyleSettings, props);
         }
-      case CHART_TYPE.BASIC_NUMBER_CARD:
-      case CHART_TYPE.DASHBOARD:
+      case _constants.CHART_TYPE.BASIC_NUMBER_CARD:
+      case _constants.CHART_TYPE.DASHBOARD:
         {
-          return /*#__PURE__*/React.createElement(BasicNumberCardStyleSettings, props);
+          return /*#__PURE__*/_react.default.createElement(_basicNumberCard.BasicNumberCardStyleSettings, props);
         }
-      case CHART_TYPE.MAP:
-      case CHART_TYPE.WORLD_MAP:
-      case CHART_TYPE.WORLD_MAP_BUBBLE:
-      case CHART_TYPE.MAP_BUBBLE:
+      case _constants.CHART_TYPE.MAP:
+      case _constants.CHART_TYPE.WORLD_MAP:
+      case _constants.CHART_TYPE.WORLD_MAP_BUBBLE:
+      case _constants.CHART_TYPE.MAP_BUBBLE:
         {
-          return /*#__PURE__*/React.createElement(MapStyleSettings, props);
+          return /*#__PURE__*/_react.default.createElement(_mapSettings.MapStyleSettings, props);
         }
-      case CHART_TYPE.HEAT_MAP:
+      case _constants.CHART_TYPE.HEAT_MAP:
         {
-          return /*#__PURE__*/React.createElement(HeatMapStyleSettings, props);
+          return /*#__PURE__*/_react.default.createElement(_heatMapSettings.HeatMapStyleSettings, props);
         }
-      case CHART_TYPE.TREND:
+      case _constants.CHART_TYPE.TREND:
         {
-          return /*#__PURE__*/React.createElement(TrendStyleSettings, props);
+          return /*#__PURE__*/_react.default.createElement(_trendSettings.TrendStyleSettings, props);
         }
-      case CHART_TYPE.FUNNEL:
+      case _constants.CHART_TYPE.FUNNEL:
         {
-          return /*#__PURE__*/React.createElement(FunnelStyleSettings, props);
+          return /*#__PURE__*/_react.default.createElement(_funnelSettings.FunnelStyleSettings, props);
         }
       default:
         {
@@ -152,6 +160,6 @@ const StyleSettings = _ref => {
         }
     }
   }, [chart, labelColorConfigs, modifyStatisticSettings, modifyStyleSettings, tables]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, renderTitleSettings(), renderStatisticStyleSettings());
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderTitleSettings(), renderStatisticStyleSettings());
 };
-export default StyleSettings;
+var _default = exports.default = StyleSettings;

package/dist/settings/table-element-settings/components/data-filter.js

@@ -1,11 +1,19 @@
-import _DTableFiltersPopover from "dtable-ui-component/lib/DTableFiltersPopover";
-import React, { useCallback, useContext, useMemo, useState } from 'react';
-import { getTableById, getValidFilters } from 'dtable-utils';
-import { eventStopPropagation, generatorKey } from '../../../utils';
-import intl from '../../../intl';
-import context from '../../../context';
-import { DepartmentsContext, FirstDayOfWeekContext } from '../../../utils/contexts';
-import './data-filter.css';
+"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 _DTableFiltersPopover2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableFiltersPopover"));
+var _react = _interopRequireWildcard(require("react"));
+var _dtableUtils = require("dtable-utils");
+var _utils = require("../../../utils");
+var _intl = _interopRequireDefault(require("../../../intl"));
+var _context = _interopRequireDefault(require("../../../context"));
+var _contexts = require("../../../utils/contexts");
+require("./data-filter.css");
 const DataFilter = _ref => {
   var _window$dtable;
   let {
@@ -13,13 +21,13 @@ const DataFilter = _ref => {
     tables,
     onChange
   } = _ref;
-  const [isFilterSetterShow, setIsFilterSetterShow] = useState(false);
+  const [isFilterSetterShow, setIsFilterSetterShow] = (0, _react.useState)(false);
   const {
     departments
-  } = useContext(DepartmentsContext);
+  } = (0, _react.useContext)(_contexts.DepartmentsContext);
   const {
     firstDayOfWeek
-  } = useContext(FirstDayOfWeekContext);
+  } = (0, _react.useContext)(_contexts.FirstDayOfWeekContext);
   const {
     config
   } = chart;
@@ -28,49 +36,49 @@ const DataFilter = _ref => {
     filters,
     filter_conjunction
   } = config;
-  const columns = useMemo(() => {
-    const table = getTableById(tables, table_id);
+  const columns = (0, _react.useMemo)(() => {
+    const table = (0, _dtableUtils.getTableById)(tables, table_id);
     if (!table || !table.columns) return [];
     return table.columns;
   }, [table_id, tables]);
-  const validFilters = useMemo(() => {
-    return getValidFilters(filters, columns);
+  const validFilters = (0, _react.useMemo)(() => {
+    return (0, _dtableUtils.getValidFilters)(filters, columns);
   }, [filters, columns]);
-  const toggleFilterPopover = useCallback(event => {
-    eventStopPropagation(event);
+  const toggleFilterPopover = (0, _react.useCallback)(event => {
+    (0, _utils.eventStopPropagation)(event);
     setIsFilterSetterShow(!isFilterSetterShow);
   }, [isFilterSetterShow]);
-  const updateFilters = useCallback(update => {
+  const updateFilters = (0, _react.useCallback)(update => {
     onChange && onChange(update);
   }, [onChange]);
-  const id = useMemo(() => {
-    return 'sea-chart-data-filter-' + generatorKey();
+  const id = (0, _react.useMemo)(() => {
+    return 'sea-chart-data-filter-' + (0, _utils.generatorKey)();
   }, []);
   const filterLength = (validFilters === null || validFilters === void 0 ? void 0 : validFilters.length) || 0;
-  const filterMessage = useMemo(() => {
-    let filterMessage = intl.get('Filter');
+  const filterMessage = (0, _react.useMemo)(() => {
+    let filterMessage = _intl.default.get('Filter');
     if (filterLength === 1) {
-      filterMessage = intl.get('1 Filter');
+      filterMessage = _intl.default.get('1 Filter');
     } else if (filterLength > 1) {
-      filterMessage = filterLength + ' ' + intl.get('Filters');
+      filterMessage = filterLength + ' ' + _intl.default.get('Filters');
     }
     return filterMessage;
   }, [filterLength]);
-  const filterConjunction = useMemo(() => {
+  const filterConjunction = (0, _react.useMemo)(() => {
     return filter_conjunction || 'And';
   }, [filter_conjunction]);
-  const collaborators = context.getCollaboratorsFromCache();
+  const collaborators = _context.default.getCollaboratorsFromCache();
   const userDepartmentIdsMap = ((_window$dtable = window.dtable) === null || _window$dtable === void 0 ? void 0 : _window$dtable.userDepartmentIdsMap) || {
     'current_user_department_ids': [],
     'current_user_department_and_sub_ids': []
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     id: id,
     className: "sea-chart-data-filter mb-1",
     onClick: toggleFilterPopover
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "dtable-font dtable-icon-filter"
-  }), /*#__PURE__*/React.createElement("span", null, filterMessage)), isFilterSetterShow && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_DTableFiltersPopover, {
+  }), /*#__PURE__*/_react.default.createElement("span", null, filterMessage)), isFilterSetterShow && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DTableFiltersPopover2.default, {
     isNeedSubmit: true,
     userDepartmentIdsMap: userDepartmentIdsMap,
     departments: departments,
@@ -85,4 +93,4 @@ const DataFilter = _ref => {
     isSupportAdvanced: true
   })));
 };
-export default DataFilter;
+var _default = exports.default = DataFilter;

package/dist/settings/table-element-settings/data-settings.js

@@ -1,13 +1,21 @@
-import React, { useCallback } from 'react';
-import { getTableById } from 'dtable-utils';
-import SelectTable from '../widgets/select-table/index.js';
-import StatisticType from '../widgets/chart-type';
-import { generateChartConfig } from '../../utils/chart.js';
-import { SortSetter, DataSettingHeader, HideColumnSetter } from '../../components/data-process-setter';
-import Divider from '../widgets/divider/index.js';
-import DataFilter from './components/data-filter.js';
-import './index.css';
-export default function TableElementDataSetting(_ref) {
+"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 = TableElementDataSetting;
+var _react = _interopRequireWildcard(require("react"));
+var _dtableUtils = require("dtable-utils");
+var _index = _interopRequireDefault(require("../widgets/select-table/index.js"));
+var _chartType = _interopRequireDefault(require("../widgets/chart-type"));
+var _chart = require("../../utils/chart.js");
+var _dataProcessSetter = require("../../components/data-process-setter");
+var _index2 = _interopRequireDefault(require("../widgets/divider/index.js"));
+var _dataFilter = _interopRequireDefault(require("./components/data-filter.js"));
+require("./index.css");
+function TableElementDataSetting(_ref) {
   let {
     tables,
     chart,
@@ -25,7 +33,7 @@ export default function TableElementDataSetting(_ref) {
   const onTableChange = option => {
     const newTableId = option.value;
     if (newTableId === table_id) return;
-    const selectedTable = getTableById(tables, newTableId);
+    const selectedTable = (0, _dtableUtils.getTableById)(tables, newTableId);
     const shown_column_keys = selectedTable.columns.map(col => col.key);
     // initially show all columns
     let newChartConfig = {
@@ -59,10 +67,10 @@ export default function TableElementDataSetting(_ref) {
       shown_column_keys: shownColumnKeys
     });
   };
-  const generateConfig = useCallback(newConfig => {
-    return generateChartConfig(newConfig, tables);
+  const generateConfig = (0, _react.useCallback)(newConfig => {
+    return (0, _chart.generateChartConfig)(newConfig, tables);
   }, [tables]);
-  const selectedTable = getTableById(tables, table_id) || {};
+  const selectedTable = (0, _dtableUtils.getTableById)(tables, table_id) || {};
   const {
     columns = []
   } = selectedTable;
@@ -74,29 +82,29 @@ export default function TableElementDataSetting(_ref) {
     available_columns = columns.filter(column => shown_column_keys.includes(column.key));
   }
   const availableColumnsKeys = available_columns.map(col => col.key);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "sea-chart-table-element-settings"
-  }, /*#__PURE__*/React.createElement(StatisticType, {
+  }, /*#__PURE__*/_react.default.createElement(_chartType.default, {
     chart: chart,
     generateChartConfig: generateConfig,
     onChange: onTypeChange,
     dataSources: dataSources
-  }), /*#__PURE__*/React.createElement(SelectTable, {
+  }), /*#__PURE__*/_react.default.createElement(_index.default, {
     tables: tables,
     selectedTableId: table_id,
     onChange: onTableChange
-  }), /*#__PURE__*/React.createElement(DataSettingHeader, null), /*#__PURE__*/React.createElement(DataFilter, {
+  }), /*#__PURE__*/_react.default.createElement(_dataProcessSetter.DataSettingHeader, null), /*#__PURE__*/_react.default.createElement(_dataFilter.default, {
     tables: tables,
     chart: chart,
     onChange: onFiltersChange
-  }), /*#__PURE__*/React.createElement(SortSetter, {
+  }), /*#__PURE__*/_react.default.createElement(_dataProcessSetter.SortSetter, {
     isNeedSubmit: true,
     sorts: sorts,
     columns: available_columns,
     onSortsChange: onSortsChange
-  }), /*#__PURE__*/React.createElement(HideColumnSetter, {
+  }), /*#__PURE__*/_react.default.createElement(_dataProcessSetter.HideColumnSetter, {
     shownColumnKeys: availableColumnsKeys,
     columns: columns,
     onSettingUpdate: onHideColumnChange
-  }), /*#__PURE__*/React.createElement(Divider, null));
+  }), /*#__PURE__*/_react.default.createElement(_index2.default, null));
 }

package/dist/settings/table-element-settings/index.js

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