sea-chart 2.0.37 → 2.0.38

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

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

package/dist/settings/style-settings.js

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

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

@@ -1,97 +1,88 @@
-"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");
-var _constants = require("../../../constants");
-require("./data-filter.css");
+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';
 const DataFilter = _ref => {
-  var _availableFilters;
+  var _window$dtable;
   let {
     chart,
     tables,
     onChange
   } = _ref;
-  const [isFilterSetterShow, setIsFilterSetterShow] = (0, _react.useState)(false);
+  const [isFilterSetterShow, setIsFilterSetterShow] = useState(false);
   const {
     departments
-  } = (0, _react.useContext)(_contexts.DepartmentsContext);
+  } = useContext(DepartmentsContext);
+  const {
+    firstDayOfWeek
+  } = useContext(FirstDayOfWeekContext);
   const {
     config
   } = chart;
   const {
-    type,
     table_id,
-    shown_column_keys,
     filters,
     filter_conjunction
   } = config;
-  let availableFilters = [];
-  // some of the filters of TABLE_ELEMENT maybe one of the hidden columns, so we need to filter them out
-  if (shown_column_keys && type === _constants.CHART_TYPE.TABLE_ELEMENT) {
-    availableFilters = filters === null || filters === void 0 ? void 0 : filters.filter(filter => shown_column_keys.includes(filter.column_key));
-  } else {
-    availableFilters = filters;
-  }
-  const toggleFilterPopover = (0, _react.useCallback)(event => {
-    (0, _utils.eventStopPropagation)(event);
+  const columns = useMemo(() => {
+    const table = getTableById(tables, table_id);
+    if (!table || !table.columns) return [];
+    return table.columns;
+  }, [table_id, tables]);
+  const validFilters = useMemo(() => {
+    return getValidFilters(filters, columns);
+  }, [filters, columns]);
+  const toggleFilterPopover = useCallback(event => {
+    eventStopPropagation(event);
     setIsFilterSetterShow(!isFilterSetterShow);
   }, [isFilterSetterShow]);
-  const updateFilters = (0, _react.useCallback)(update => {
+  const updateFilters = useCallback(update => {
     onChange && onChange(update);
   }, [onChange]);
-  const id = (0, _react.useMemo)(() => {
-    return 'sea-chart-data-filter-' + (0, _utils.generatorKey)();
+  const id = useMemo(() => {
+    return 'sea-chart-data-filter-' + generatorKey();
   }, []);
-  const shownColumns = (0, _react.useMemo)(() => {
-    const table = (0, _dtableUtils.getTableById)(tables, table_id);
-    if (!table || !table.columns) return [];
-    if (!shown_column_keys) {
-      return table.columns;
-    } else {
-      return table.columns.filter(column => shown_column_keys.includes(column.key));
-    }
-  }, [shown_column_keys, table_id, tables]);
-  const filterLength = ((_availableFilters = availableFilters) === null || _availableFilters === void 0 ? void 0 : _availableFilters.length) || 0;
-  const filterMessage = (0, _react.useMemo)(() => {
-    let filterMessage = _intl.default.get('Filter');
+  const filterLength = (validFilters === null || validFilters === void 0 ? void 0 : validFilters.length) || 0;
+  const filterMessage = useMemo(() => {
+    let filterMessage = intl.get('Filter');
     if (filterLength === 1) {
-      filterMessage = _intl.default.get('1 Filter');
+      filterMessage = intl.get('1 Filter');
     } else if (filterLength > 1) {
-      filterMessage = filterLength + ' ' + _intl.default.get('Filters');
+      filterMessage = filterLength + ' ' + intl.get('Filters');
     }
     return filterMessage;
   }, [filterLength]);
-  const filterConjunction = (0, _react.useMemo)(() => {
+  const filterConjunction = useMemo(() => {
     return filter_conjunction || 'And';
   }, [filter_conjunction]);
-  const collaborators = _context.default.getCollaboratorsFromCache();
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  const collaborators = context.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", {
     id: id,
     className: "sea-chart-data-filter mb-1",
     onClick: toggleFilterPopover
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, /*#__PURE__*/React.createElement("i", {
     className: "dtable-font dtable-icon-filter"
-  }), /*#__PURE__*/_react.default.createElement("span", null, filterMessage)), isFilterSetterShow && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DTableFiltersPopover2.default, {
+  }), /*#__PURE__*/React.createElement("span", null, filterMessage)), isFilterSetterShow && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_DTableFiltersPopover, {
     isNeedSubmit: true,
+    userDepartmentIdsMap: userDepartmentIdsMap,
+    departments: departments,
     target: id,
-    filters: availableFilters,
+    columns: columns,
     filterConjunction: filterConjunction,
-    columns: shownColumns,
-    departments: departments,
+    filters: validFilters,
     collaborators: collaborators,
     hidePopover: toggleFilterPopover,
-    update: updateFilters
+    update: updateFilters,
+    firstDayOfWeek: firstDayOfWeek,
+    isSupportAdvanced: true
   })));
 };
-var _default = exports.default = DataFilter;
+export default DataFilter;

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

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

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

@@ -127,16 +127,7 @@
   color: #666666;
 }
 
-.setting-item-permission-title:hover {
-  cursor: pointer;
-}
-
-.setting-item-permission-title.disable:hover {
-  cursor: default;
-}
-
-.setting-item .filters-setting-btn.disable:hover,
-.setting-item .setting-item-permission-title.disabled:hover {
+.setting-item .filters-setting-btn.disable:hover {
   cursor: not-allowed;
   color: hsl(0, 0%, 60%);
   background-color: hsl(0, 0%, 95%);
@@ -151,27 +142,6 @@
   color: #666666;
 }
 
-.setting-item .setting-item-permission-title .dtable-icon-right {
-  color: #ccc;
-  font-size: 10px;
-  cursor: pointer;
-  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-}
-
-.setting-item .setting-item-permission-title .dtable-icon-right:hover {
-  color: #666666;
-}
-
-.setting-item .setting-item-permission-title .dtable-icon-right.rotate {
-  transform: rotate(90deg);
-}
-
-.setting-item .setting-item-permission-title.disabled {
-  padding: 3px 4px;
-  border-radius: 4px;
-  line-height: 22px;
-}
-
 .setting-item .check-record-format-switch .custom-switch .custom-switch-description {
   width: 230px;
   white-space: break-spaces;

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

@@ -1,13 +1,2 @@
-"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"));
+import TableElementDataSettings from './data-settings';
+export { TableElementDataSettings };