sea-chart 2.0.47 → 2.0.49

package/dist/settings/widgets/color-settings/index.js

@@ -1,43 +1,51 @@
-import _DTableCustomizeSelect from "dtable-ui-component/lib/DTableCustomizeSelect";
-import _DTableColorPicker from "dtable-ui-component/lib/DTableColorPicker";
-import React, { Component } from 'react';
-import classnames from 'classnames';
-import { Input, FormGroup, Label } from 'reactstrap';
-import intl from '../../../intl';
-import ColorRulesPopover from '../../../components/color-popover/color-rules-popover';
-import { getValidColorRules } from '../../../utils/color-utils';
-import { CHART_TYPE, TYPE_COLOR_USING, TYPE_DISPLAY_COLOR_USING } from '../../../constants';
-import { COLOR_RULE_FILTER_TYPE_MAP } from '../../../constants/color-rules';
-import './index.css';
-class ColorUseTypeSelector extends Component {
+"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 _DTableCustomizeSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableCustomizeSelect"));
+var _DTableColorPicker2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableColorPicker"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _reactstrap = require("reactstrap");
+var _intl = _interopRequireDefault(require("../../../intl"));
+var _colorRulesPopover = _interopRequireDefault(require("../../../components/color-popover/color-rules-popover"));
+var _colorUtils = require("../../../utils/color-utils");
+var _constants = require("../../../constants");
+var _colorRules = require("../../../constants/color-rules");
+require("./index.css");
+class ColorUseTypeSelector extends _react.Component {
   constructor(props) {
     super(props);
     this.getUsableColorTypes = chartType => {
       switch (chartType) {
-        case CHART_TYPE.BAR_GROUP:
-        case CHART_TYPE.BAR_STACK:
-        case CHART_TYPE.HORIZONTAL_GROUP_BAR:
-        case CHART_TYPE.STACKED_HORIZONTAL_BAR:
-        case CHART_TYPE.PIE:
-        case CHART_TYPE.RING:
-        case CHART_TYPE.LINE_GROUP:
-        case CHART_TYPE.AREA_GROUP:
+        case _constants.CHART_TYPE.BAR_GROUP:
+        case _constants.CHART_TYPE.BAR_STACK:
+        case _constants.CHART_TYPE.HORIZONTAL_GROUP_BAR:
+        case _constants.CHART_TYPE.STACKED_HORIZONTAL_BAR:
+        case _constants.CHART_TYPE.PIE:
+        case _constants.CHART_TYPE.RING:
+        case _constants.CHART_TYPE.LINE_GROUP:
+        case _constants.CHART_TYPE.AREA_GROUP:
           {
-            return [TYPE_COLOR_USING.USE_DEFAULT, TYPE_COLOR_USING.USE_COLUMN_COLORS];
+            return [_constants.TYPE_COLOR_USING.USE_DEFAULT, _constants.TYPE_COLOR_USING.USE_COLUMN_COLORS];
           }
-        case CHART_TYPE.AREA:
-        case CHART_TYPE.LINE:
+        case _constants.CHART_TYPE.AREA:
+        case _constants.CHART_TYPE.LINE:
           {
-            return [TYPE_COLOR_USING.USE_DEFAULT, TYPE_COLOR_USING.USE_SPECIFIC_COLORS];
+            return [_constants.TYPE_COLOR_USING.USE_DEFAULT, _constants.TYPE_COLOR_USING.USE_SPECIFIC_COLORS];
           }
-        case CHART_TYPE.BAR:
-        case CHART_TYPE.HORIZONTAL_BAR:
+        case _constants.CHART_TYPE.BAR:
+        case _constants.CHART_TYPE.HORIZONTAL_BAR:
           {
-            return [TYPE_COLOR_USING.USE_DEFAULT, TYPE_COLOR_USING.USE_SPECIFIC_COLORS, TYPE_COLOR_USING.USE_RULES];
+            return [_constants.TYPE_COLOR_USING.USE_DEFAULT, _constants.TYPE_COLOR_USING.USE_SPECIFIC_COLORS, _constants.TYPE_COLOR_USING.USE_RULES];
           }
         default:
           {
-            return [TYPE_COLOR_USING.USE_DEFAULT];
+            return [_constants.TYPE_COLOR_USING.USE_DEFAULT];
           }
       }
     };
@@ -52,9 +60,9 @@ class ColorUseTypeSelector extends Component {
       return useableColorTypes.map(colorType => {
         return {
           value: colorType,
-          label: /*#__PURE__*/React.createElement("span", {
+          label: /*#__PURE__*/_react.default.createElement("span", {
             className: "select-module"
-          }, intl.get(TYPE_DISPLAY_COLOR_USING[colorType]))
+          }, _intl.default.get(_constants.TYPE_DISPLAY_COLOR_USING[colorType]))
         };
       });
     };
@@ -67,10 +75,10 @@ class ColorUseTypeSelector extends Component {
         type
       } = chart;
       switch (type) {
-        case CHART_TYPE.LINE:
-        case CHART_TYPE.AREA:
-        case CHART_TYPE.BAR:
-        case CHART_TYPE.HORIZONTAL_BAR:
+        case _constants.CHART_TYPE.LINE:
+        case _constants.CHART_TYPE.AREA:
+        case _constants.CHART_TYPE.BAR:
+        case _constants.CHART_TYPE.HORIZONTAL_BAR:
           {
             const {
               y_axis_label_color
@@ -94,13 +102,13 @@ class ColorUseTypeSelector extends Component {
         type
       } = chart;
       switch (type) {
-        case CHART_TYPE.BAR:
+        case _constants.CHART_TYPE.BAR:
           {
-            return getValidColorRules(chart.y_axis_label_color_rules);
+            return (0, _colorUtils.getValidColorRules)(chart.y_axis_label_color_rules);
           }
-        case CHART_TYPE.HORIZONTAL_BAR:
+        case _constants.CHART_TYPE.HORIZONTAL_BAR:
           {
-            return getValidColorRules(chart.horizontal_axis_label_color_rules);
+            return (0, _colorUtils.getValidColorRules)(chart.horizontal_axis_label_color_rules);
           }
         default:
           {
@@ -116,10 +124,10 @@ class ColorUseTypeSelector extends Component {
         type
       } = chart;
       switch (type) {
-        case CHART_TYPE.BAR:
-        case CHART_TYPE.HORIZONTAL_BAR:
+        case _constants.CHART_TYPE.BAR:
+        case _constants.CHART_TYPE.HORIZONTAL_BAR:
           {
-            return [COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE];
+            return [_colorRules.COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE];
           }
         default:
           {
@@ -135,15 +143,15 @@ class ColorUseTypeSelector extends Component {
       let updatedChart = {
         color_option
       };
-      if (color_option === TYPE_COLOR_USING.USE_SPECIFIC_COLORS) {
+      if (color_option === _constants.TYPE_COLOR_USING.USE_SPECIFIC_COLORS) {
         this.setState({
           specificColor: updatedChart.y_axis_label_color || labelColorConfigs[0].color
         });
         switch (chart.type) {
-          case CHART_TYPE.HORIZONTAL_BAR:
-          case CHART_TYPE.BAR:
-          case CHART_TYPE.LINE:
-          case CHART_TYPE.AREA:
+          case _constants.CHART_TYPE.HORIZONTAL_BAR:
+          case _constants.CHART_TYPE.BAR:
+          case _constants.CHART_TYPE.LINE:
+          case _constants.CHART_TYPE.AREA:
             {
               updatedChart.y_axis_label_color = updatedChart.y_axis_label_color || labelColorConfigs[0].color;
               break;
@@ -154,7 +162,7 @@ class ColorUseTypeSelector extends Component {
             }
         }
       }
-      if (color_option === TYPE_COLOR_USING.USE_DEFAULT) {
+      if (color_option === _constants.TYPE_COLOR_USING.USE_DEFAULT) {
         updatedChart.y_axis_label_color = labelColorConfigs[0].color;
       }
       this.props.updateChart(updatedChart);
@@ -187,10 +195,10 @@ class ColorUseTypeSelector extends Component {
       } = this.props;
       let updatedChart = {};
       switch (chart.type) {
-        case CHART_TYPE.BAR:
-        case CHART_TYPE.AREA:
-        case CHART_TYPE.LINE:
-        case CHART_TYPE.HORIZONTAL_BAR:
+        case _constants.CHART_TYPE.BAR:
+        case _constants.CHART_TYPE.AREA:
+        case _constants.CHART_TYPE.LINE:
+        case _constants.CHART_TYPE.HORIZONTAL_BAR:
           {
             updatedChart.y_axis_label_color = color;
             break;
@@ -217,12 +225,12 @@ class ColorUseTypeSelector extends Component {
       } = this.props;
       let updatedChart = {};
       switch (chart.type) {
-        case CHART_TYPE.BAR:
+        case _constants.CHART_TYPE.BAR:
           {
             updatedChart.y_axis_label_color_rules = colorRules;
             break;
           }
-        case CHART_TYPE.HORIZONTAL_BAR:
+        case _constants.CHART_TYPE.HORIZONTAL_BAR:
           {
             updatedChart.horizontal_axis_label_color_rules = colorRules;
             break;
@@ -239,24 +247,24 @@ class ColorUseTypeSelector extends Component {
         specificColor
       } = this.state;
       const id = 'statistic_selected_specific_color';
-      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: "selected-specific-color mt-1",
         ref: ref => this.colorSpecialContainerRef = ref
-      }, /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
         className: "selected-specific-color-wrapper"
-      }, /*#__PURE__*/React.createElement("span", {
+      }, /*#__PURE__*/_react.default.createElement("span", {
         className: "specific-color-show",
         style: {
           backgroundColor: specificColor
         },
         onClick: this.onToggleColorSelector
-      }), /*#__PURE__*/React.createElement(Input, {
+      }), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
         type: "text",
         className: "specific-color-input",
         value: specificColor,
         onChange: event => this.modifySpecificColor(event.target.value)
-      }), this.state.isShowColorSelector && /*#__PURE__*/React.createElement(_DTableColorPicker, {
+      }), this.state.isShowColorSelector && /*#__PURE__*/_react.default.createElement(_DTableColorPicker2.default, {
         ref: this.colorPickerRef,
         color: specificColor,
         onSubmit: this.modifyHex,
@@ -275,27 +283,27 @@ class ColorUseTypeSelector extends Component {
       const rulesLen = colorRules ? colorRules.length : 0;
       const hasRules = rulesLen > 0;
       const id = 'statistic_color_rules_toggle';
-      let msg = intl.get('Add_rule');
+      let msg = _intl.default.get('Add_rule');
       if (rulesLen === 1) {
-        msg = intl.get('Added_1_rule');
+        msg = _intl.default.get('Added_1_rule');
       } else if (rulesLen > 1) {
-        msg = intl.get('Added_xxx_rules', {
+        msg = _intl.default.get('Added_xxx_rules', {
           rules_count: rulesLen
         });
       }
-      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: classnames('sea-chart-color-rules-toggle', 'mt-1', hasRules ? 'sea-chart-edit-color-rule' : 'sea-chart-add-color-rule'),
+        className: (0, _classnames.default)('sea-chart-color-rules-toggle', 'mt-1', hasRules ? 'sea-chart-edit-color-rule' : 'sea-chart-add-color-rule'),
         tabIndex: "0",
         ref: ref => this.colorRulesContainerRef = ref,
         onClick: this.showColorRulesEditor
-      }, hasRules ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, msg), /*#__PURE__*/React.createElement("i", {
+      }, hasRules ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, msg), /*#__PURE__*/_react.default.createElement("i", {
         className: "dtable-font dtable-icon-rename"
-      })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("i", {
+      })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("i", {
         className: "dtable-font dtable-icon-add-table"
-      }), /*#__PURE__*/React.createElement("span", {
+      }), /*#__PURE__*/_react.default.createElement("span", {
         className: "ml-2"
-      }, msg))), this.state.isShowColorRulesEditor && /*#__PURE__*/React.createElement(ColorRulesPopover, {
+      }, msg))), this.state.isShowColorRulesEditor && /*#__PURE__*/_react.default.createElement(_colorRulesPopover.default, {
         target: id,
         colorRules: colorRules,
         colorRuleTypes: colorRuleTypes,
@@ -311,7 +319,7 @@ class ColorUseTypeSelector extends Component {
     };
     this.colorOptions = this.initColorTypeOptions();
     this.isToggleColorRulesEditor = false;
-    this.colorPickerRef = React.createRef();
+    this.colorPickerRef = /*#__PURE__*/_react.default.createRef();
   }
   render() {
     const {
@@ -321,13 +329,13 @@ class ColorUseTypeSelector extends Component {
       color_option
     } = chart;
     const selectedColorOption = this.colorOptions.find(colorOption => colorOption.value === color_option) || this.colorOptions[0];
-    return /*#__PURE__*/React.createElement(FormGroup, {
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
       className: "sea-chart-color-type-selector"
-    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Color')), /*#__PURE__*/React.createElement(_DTableCustomizeSelect, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Color')), /*#__PURE__*/_react.default.createElement(_DTableCustomizeSelect2.default, {
       value: selectedColorOption,
       options: this.colorOptions,
       onSelectOption: this.onSelectColorOption
-    }), color_option === TYPE_COLOR_USING.USE_SPECIFIC_COLORS && this.renderSpecificColorSelector(), color_option === TYPE_COLOR_USING.USE_RULES && this.renderColorRulesEditor());
+    }), color_option === _constants.TYPE_COLOR_USING.USE_SPECIFIC_COLORS && this.renderSpecificColorSelector(), color_option === _constants.TYPE_COLOR_USING.USE_RULES && this.renderColorRulesEditor());
   }
 }
-export default ColorUseTypeSelector;
+var _default = exports.default = ColorUseTypeSelector;

package/dist/settings/widgets/common-data-settings.js

@@ -1,11 +1,19 @@
-import React, { useCallback } from 'react';
-import { generateChartConfig } from '../../utils';
-import DrillDownSettings from '../../components/drill-down-settings';
-import StatisticType from './chart-type';
-import SelectTable from './select-table';
-import SelectView from './select-view';
-import DataFilter from './data-filter';
-import Divider from './divider';
+"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 _utils = require("../../utils");
+var _drillDownSettings = _interopRequireDefault(require("../../components/drill-down-settings"));
+var _chartType = _interopRequireDefault(require("./chart-type"));
+var _selectTable = _interopRequireDefault(require("./select-table"));
+var _selectView = _interopRequireDefault(require("./select-view"));
+var _dataFilter = _interopRequireDefault(require("./data-filter"));
+var _divider = _interopRequireDefault(require("./divider"));
 const CommonDataSettings = _ref => {
   let {
     chart,
@@ -17,7 +25,7 @@ const CommonDataSettings = _ref => {
   const {
     config
   } = chart;
-  const onTableChange = useCallback(option => {
+  const onTableChange = (0, _react.useCallback)(option => {
     const {
       table_id
     } = config;
@@ -29,7 +37,7 @@ const CommonDataSettings = _ref => {
       filter_conjunction: 'And'
     });
   }, [config, onChange]);
-  const onViewChange = useCallback(option => {
+  const onViewChange = (0, _react.useCallback)(option => {
     const {
       view_id
     } = config;
@@ -39,18 +47,18 @@ const CommonDataSettings = _ref => {
       view_id: selectedViewId
     });
   }, [config, onChange]);
-  const onDrillDownStatusChange = useCallback(event => {
+  const onDrillDownStatusChange = (0, _react.useCallback)(event => {
     onChange && onChange({
       drill_down_status: event.target.checked
     });
   }, [onChange]);
-  const onDrillDownFieldChange = useCallback(fields => {
+  const onDrillDownFieldChange = (0, _react.useCallback)(fields => {
     onChange && onChange({
       drill_down_fields: fields
     });
   }, [onChange]);
-  const generateConfig = useCallback(config => {
-    return generateChartConfig(config, validTables);
+  const generateConfig = (0, _react.useCallback)(config => {
+    return (0, _utils.generateChartConfig)(config, validTables);
   }, [validTables]);
   const {
     table_id,
@@ -62,30 +70,30 @@ const CommonDataSettings = _ref => {
   const drillDownStatus = drill_down_status !== undefined && drill_down_status !== null ? drill_down_status : true;
   // use all columns as default
   const drillDownFields = drill_down_fields || columns.map(column => column.key);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StatisticType, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_chartType.default, {
     dataSources: dataSources,
     chart: chart,
     generateChartConfig: generateConfig,
     onChange: onChange
-  }), /*#__PURE__*/React.createElement(SelectTable, {
+  }), /*#__PURE__*/_react.default.createElement(_selectTable.default, {
     tables: validTables,
     selectedTableId: table_id,
     onChange: onTableChange
-  }), dataSources === 'filter' && /*#__PURE__*/React.createElement(DataFilter, {
+  }), dataSources === 'filter' && /*#__PURE__*/_react.default.createElement(_dataFilter.default, {
     tables: validTables,
     chart: chart,
     onChange: onChange
-  }), dataSources === 'view' && /*#__PURE__*/React.createElement(SelectView, {
+  }), dataSources === 'view' && /*#__PURE__*/_react.default.createElement(_selectView.default, {
     tables: validTables,
     selectedTableId: table_id,
     selectedViewId: chart.config.view_id,
     onChange: onViewChange
-  }), /*#__PURE__*/React.createElement(Divider, null), dataSources === 'filter' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DrillDownSettings, {
+  }), /*#__PURE__*/_react.default.createElement(_divider.default, null), dataSources === 'filter' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_drillDownSettings.default, {
     columns: columns,
     drillDownStatus: drillDownStatus,
     toggleDrillDownStatus: onDrillDownStatusChange,
     drillDownFields: drillDownFields,
     setDrillDownFields: onDrillDownFieldChange
-  }), /*#__PURE__*/React.createElement(Divider, null)));
+  }), /*#__PURE__*/_react.default.createElement(_divider.default, null)));
 };
-export default CommonDataSettings;
+var _default = exports.default = CommonDataSettings;

package/dist/settings/widgets/data-filter/index.js

@@ -1,12 +1,20 @@
-import _DTableFiltersPopover from "dtable-ui-component/lib/DTableFiltersPopover";
-import React, { useCallback, useContext, useMemo, useState } from 'react';
-import { Label, FormGroup } from 'reactstrap';
-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 './index.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 _reactstrap = require("reactstrap");
+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("./index.css");
 const DataFilter = _ref => {
   var _window$dtable;
   let {
@@ -14,31 +22,31 @@ 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);
-  const toggleFilterPopover = useCallback(event => {
-    eventStopPropagation(event);
+  } = (0, _react.useContext)(_contexts.FirstDayOfWeekContext);
+  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 table = useMemo(() => {
+  const table = (0, _react.useMemo)(() => {
     const {
       config
     } = chart;
     const {
       table_id
     } = config;
-    return getTableById(tables, table_id);
+    return (0, _dtableUtils.getTableById)(tables, table_id);
   }, [tables, chart]);
   const {
     config
@@ -46,19 +54,19 @@ const DataFilter = _ref => {
   const {
     filters
   } = config;
-  const validFilters = useMemo(() => {
-    return getValidFilters(filters, table === null || table === void 0 ? void 0 : table.columns);
+  const validFilters = (0, _react.useMemo)(() => {
+    return (0, _dtableUtils.getValidFilters)(filters, table === null || table === void 0 ? void 0 : table.columns);
   }, [filters, table]);
-  const filterMessage = useMemo(() => {
-    let filterMessage = intl.get('Filter');
+  const filterMessage = (0, _react.useMemo)(() => {
+    let filterMessage = _intl.default.get('Filter');
     if (validFilters.length === 1) {
-      filterMessage = intl.get('1 Filter');
+      filterMessage = _intl.default.get('1 Filter');
     } else if (validFilters.length > 1) {
-      filterMessage = validFilters.length + ' ' + intl.get('Filters');
+      filterMessage = validFilters.length + ' ' + _intl.default.get('Filters');
     }
     return filterMessage;
   }, [validFilters]);
-  const filterConjunction = useMemo(() => {
+  const filterConjunction = (0, _react.useMemo)(() => {
     const {
       config
     } = chart;
@@ -67,20 +75,20 @@ const DataFilter = _ref => {
     } = config;
     return filter_conjunction || 'And';
   }, [chart]);
-  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(FormGroup, {
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Data_settings')), table ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Data_settings')), table ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     id: id,
     className: "sea-chart-data-filter",
     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(_DTableFiltersPopover, {
+  }), /*#__PURE__*/_react.default.createElement("span", null, filterMessage)), isFilterSetterShow && /*#__PURE__*/_react.default.createElement(_DTableFiltersPopover2.default, {
     isNeedSubmit: true,
     userDepartmentIdsMap: userDepartmentIdsMap,
     departments: departments,
@@ -93,11 +101,11 @@ const DataFilter = _ref => {
     update: updateFilters,
     firstDayOfWeek: firstDayOfWeek,
     isSupportAdvanced: true
-  })) : /*#__PURE__*/React.createElement("div", {
+  })) : /*#__PURE__*/_react.default.createElement("div", {
     id: id,
     className: "sea-chart-data-filter disabled"
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "dtable-font dtable-icon-filter"
-  }), /*#__PURE__*/React.createElement("span", null, filterMessage)));
+  }), /*#__PURE__*/_react.default.createElement("span", null, filterMessage)));
 };
-export default DataFilter;
+var _default = exports.default = DataFilter;

package/dist/settings/widgets/data-sort.js

@@ -1,23 +1,31 @@
-import _DTableRadio from "dtable-ui-component/lib/DTableRadio";
-import React, { useCallback } from 'react';
-import { Label, FormGroup } from 'reactstrap';
-import { eventStopPropagation } from '../../utils';
-import { CHART_DATA_SORT_TYPE, CHART_DATA_SORT_TYPES, CHART_DATA_SORT_TYPE_SHOW } from '../../constants';
-import intl from '../../intl';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _DTableRadio2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableRadio"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactstrap = require("reactstrap");
+var _utils = require("../../utils");
+var _constants = require("../../constants");
+var _intl = _interopRequireDefault(require("../../intl"));
 const DataSort = _ref => {
   let {
     chart,
     onChange
   } = _ref;
-  const onChangeSortType = useCallback((event, sortType) => {
-    eventStopPropagation(event);
+  const onChangeSortType = (0, _react.useCallback)((event, sortType) => {
+    (0, _utils.eventStopPropagation)(event);
     const {
       config
     } = chart;
     const {
       sort_type
     } = config;
-    const validSortType = sortType === CHART_DATA_SORT_TYPE.NOT_SORTED ? '' : sortType;
+    const validSortType = sortType === _constants.CHART_DATA_SORT_TYPE.NOT_SORTED ? '' : sortType;
     if (sort_type === validSortType) return;
     onChange && onChange({
       sort_type: validSortType
@@ -26,20 +34,20 @@ const DataSort = _ref => {
   const {
     sort_type: sortType
   } = chart.config;
-  const selectedSortType = sortType || CHART_DATA_SORT_TYPE.NOT_SORTED;
-  return /*#__PURE__*/React.createElement(FormGroup, {
+  const selectedSortType = sortType || _constants.CHART_DATA_SORT_TYPE.NOT_SORTED;
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Data_sort')), CHART_DATA_SORT_TYPES.map((sortType, index) => {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Data_sort')), _constants.CHART_DATA_SORT_TYPES.map((sortType, index) => {
     const isChecked = sortType === selectedSortType;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       key: 'chart-group-item-' + index,
       className: "chart-group-item"
-    }, /*#__PURE__*/React.createElement(_DTableRadio, {
+    }, /*#__PURE__*/_react.default.createElement(_DTableRadio2.default, {
       className: "sea-chart-dtable-radio",
       isChecked: isChecked,
       onCheckedChange: event => onChangeSortType(event, sortType),
-      label: intl.get(CHART_DATA_SORT_TYPE_SHOW[sortType])
+      label: _intl.default.get(_constants.CHART_DATA_SORT_TYPE_SHOW[sortType])
     }));
   }));
 };
-export default DataSort;
+var _default = exports.default = DataSort;