@seafile/sdoc-editor 1.0.53 → 1.0.55

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/department-filter/department-single-select-filter.js

@@ -1,24 +1,32 @@
-import React, { useState, useRef } from 'react';
-import classnames from 'classnames';
-import { DEPARTMENT_SELECT_RANGE_OPTIONS } from './_department-utils';
-import SelectedDepartments from './selected-departments';
-import DepartmentSingleSelect from './department-single-select';
-import useClickOutside from './use-click-outside';
-import { useTranslation } from 'react-i18next';
+"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 _departmentUtils = require("./_department-utils");
+var _selectedDepartments = _interopRequireDefault(require("./selected-departments"));
+var _departmentSingleSelect = _interopRequireDefault(require("./department-single-select"));
+var _useClickOutside = _interopRequireDefault(require("./use-click-outside"));
+var _reactI18next = require("react-i18next");
 function DepartmentSingleSelectFilter(props) {
   const {
     value,
     column
   } = props;
-  const [isShowSelector, setIsShowSelector] = useState(false);
-  const [selectedDepartment, setSelectedDepartment] = useState(value || '');
-  const selectorRef = useRef(null);
+  const [isShowSelector, setIsShowSelector] = (0, _react.useState)(false);
+  const [selectedDepartment, setSelectedDepartment] = (0, _react.useState)(value || '');
+  const selectorRef = (0, _react.useRef)(null);
   const {
     t
-  } = useTranslation();
+  } = (0, _reactI18next.useTranslation)();
   let selectedDepartmentIds = [];
   selectedDepartmentIds.push(value);
-  useClickOutside({
+  (0, _useClickOutside.default)({
     currDOM: selectorRef.current,
     onClickOutside: () => setIsShowSelector(false)
   }, [selectedDepartment]);
@@ -28,22 +36,22 @@ function DepartmentSingleSelectFilter(props) {
       userId
     } = window.seafile || window.seafileConfig;
     if (!userId) return [];
-    return DEPARTMENT_SELECT_RANGE_OPTIONS.slice(0, 2).map((option, index) => {
+    return _departmentUtils.DEPARTMENT_SELECT_RANGE_OPTIONS.slice(0, 2).map((option, index) => {
       const {
         type,
         name
       } = option;
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: "dropdown-item department-item d-flex align-items-center",
         key: index,
         onClick: event => onSelect(event, type)
-      }, /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
         className: "department-item-left-content d-flex align-items-center"
-      }, /*#__PURE__*/React.createElement("span", {
+      }, /*#__PURE__*/_react.default.createElement("span", {
         className: "text-truncate department-name"
-      }, t(name)), selectedDepartment === type && /*#__PURE__*/React.createElement("span", {
+      }, t(name)), selectedDepartment === type && /*#__PURE__*/_react.default.createElement("span", {
         className: "department-check-icon"
-      }, /*#__PURE__*/React.createElement("i", {
+      }, /*#__PURE__*/_react.default.createElement("i", {
         className: "dtable-font dtable-icon-check-mark"
       }))));
     });
@@ -62,24 +70,24 @@ function DepartmentSingleSelectFilter(props) {
       columnOption
     });
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     ref: selectorRef,
-    className: classnames('dtable-select custom-select', {
+    className: (0, _classnames.default)('dtable-select custom-select', {
       'focus': isShowSelector
     }),
     onClick: onSelectToggle,
     id: "filter-department-editor"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "selected-option"
-  }, value ? /*#__PURE__*/React.createElement("span", {
+  }, value ? /*#__PURE__*/_react.default.createElement("span", {
     className: "selected-option-show"
-  }, /*#__PURE__*/React.createElement(SelectedDepartments, {
+  }, /*#__PURE__*/_react.default.createElement(_selectedDepartments.default, {
     value: selectedDepartmentIds
-  })) : /*#__PURE__*/React.createElement("span", {
+  })) : /*#__PURE__*/_react.default.createElement("span", {
     className: "select-placeholder"
-  }, t('Select_department')), /*#__PURE__*/React.createElement("span", {
+  }, t('Select_department')), /*#__PURE__*/_react.default.createElement("span", {
     className: "dtable-font dtable-icon-drop-down"
-  })), isShowSelector && /*#__PURE__*/React.createElement(DepartmentSingleSelect, {
+  })), isShowSelector && /*#__PURE__*/_react.default.createElement(_departmentSingleSelect.default, {
     enableSelectRange: false,
     column: column,
     value: value,
@@ -87,4 +95,4 @@ function DepartmentSingleSelectFilter(props) {
     renderUserDepartmentOptions: renderUserDepartmentOptions
   }));
 }
-export default DepartmentSingleSelectFilter;
+var _default = exports.default = DepartmentSingleSelectFilter;

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/department-filter/department-single-select.js

@@ -1,14 +1,22 @@
-import _Loading from "dtable-ui-component/lib/Loading";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React, { Component, Fragment } from 'react';
-import { withTranslation } from 'react-i18next';
-import { DEPARTMENT_SELECT_RANGE_MAP } from 'dtable-utils';
-import { searchDepartments, getNormalizedDepartments } from './_department-utils';
-import './_department-select.css';
-class DepartmentSingleSelect 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 _Loading2 = _interopRequireDefault(require("dtable-ui-component/lib/Loading"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _dtableUtils = require("dtable-utils");
+var _departmentUtils = require("./_department-utils");
+require("./_department-select.css");
+class DepartmentSingleSelect extends _react.Component {
   constructor(props) {
     super(props);
-    _defineProperty(this, "resetMenuStyle", () => {
+    (0, _defineProperty2.default)(this, "resetMenuStyle", () => {
       if (!this.departmentsRef) return;
       const {
         bottom
@@ -17,18 +25,18 @@ class DepartmentSingleSelect extends Component {
         this.departmentsRef.style.top = parseInt(this.departmentsRef.style.top) - bottom + window.innerHeight + 'px';
       }
     });
-    _defineProperty(this, "initDepartments", () => {
+    (0, _defineProperty2.default)(this, "initDepartments", () => {
       // TODO:
       const {
         departments = []
       } = window.seafile || window.seafileConfig;
-      const normalizedDepartments = getNormalizedDepartments(departments);
+      const normalizedDepartments = (0, _departmentUtils.getNormalizedDepartments)(departments);
       this.validDepartments = normalizedDepartments;
       this.setState({
         departments: normalizedDepartments
       });
     });
-    _defineProperty(this, "initRangeDepartments", () => {
+    (0, _defineProperty2.default)(this, "initRangeDepartments", () => {
       // TODO: Cheating, non-compliant operations
       const {
         userDepartmentIdsMap,
@@ -44,24 +52,24 @@ class DepartmentSingleSelect extends Component {
       } = userDepartmentIdsMap;
       let targetDepartments = [];
       let topParentIds = [];
-      if (selectedRange === DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT) {
+      if (selectedRange === _dtableUtils.DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT) {
         topParentIds = current_user_department_ids;
         targetDepartments = departments.filter(department => current_user_department_ids.includes(department.id));
-      } else if (selectedRange === DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT_AND_SUB) {
+      } else if (selectedRange === _dtableUtils.DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT_AND_SUB) {
         const currentUserDepartments = departments.filter(department => current_user_department_ids.includes(department.id));
         topParentIds = currentUserDepartments.filter(department => !current_user_department_ids.includes(department.parent_id)).map(department => department.id);
         targetDepartments = departments.filter(department => current_user_department_and_sub_ids.includes(department.id));
       } else {
         targetDepartments = departments.filter(department => specificDepartments.includes(department.id));
       }
-      const normalizedDepartments = getNormalizedDepartments(targetDepartments);
+      const normalizedDepartments = (0, _departmentUtils.getNormalizedDepartments)(targetDepartments);
       this.validDepartments = normalizedDepartments;
       this.setState({
         departments: normalizedDepartments,
         topParentIds
       });
     });
-    _defineProperty(this, "getSelectedRange", () => {
+    (0, _defineProperty2.default)(this, "getSelectedRange", () => {
       const {
         column
       } = this.props;
@@ -73,7 +81,7 @@ class DepartmentSingleSelect extends Component {
         specificDepartments
       };
     });
-    _defineProperty(this, "onExpand", (event, id, isExpanded) => {
+    (0, _defineProperty2.default)(this, "onExpand", (event, id, isExpanded) => {
       event.stopPropagation();
       event.nativeEvent.stopImmediatePropagation();
       let newDepartments = this.state.departments.slice(0);
@@ -83,7 +91,7 @@ class DepartmentSingleSelect extends Component {
         departments: newDepartments
       });
     });
-    _defineProperty(this, "onChangeSearch", event => {
+    (0, _defineProperty2.default)(this, "onChangeSearch", event => {
       const newSearchValue = event.target.value;
       const {
         searchVal
@@ -92,12 +100,12 @@ class DepartmentSingleSelect extends Component {
       const {
         departments
       } = this.state;
-      this.validDepartments = searchDepartments(departments, newSearchValue);
+      this.validDepartments = (0, _departmentUtils.searchDepartments)(departments, newSearchValue);
       this.setState({
         searchVal: newSearchValue
       });
     });
-    _defineProperty(this, "onSelectDepartment", (event, selectedValue) => {
+    (0, _defineProperty2.default)(this, "onSelectDepartment", (event, selectedValue) => {
       event.stopPropagation();
       event.nativeEvent.stopImmediatePropagation();
       const {
@@ -107,11 +115,11 @@ class DepartmentSingleSelect extends Component {
       const newValue = selectedValue === value ? '' : selectedValue;
       onCommit(newValue);
     });
-    _defineProperty(this, "onStopPropagation", e => {
+    (0, _defineProperty2.default)(this, "onStopPropagation", e => {
       e.stopPropagation();
       e.nativeEvent.stopImmediatePropagation();
     });
-    _defineProperty(this, "renderSubDepartments", (id, subDepartments, level) => {
+    (0, _defineProperty2.default)(this, "renderSubDepartments", (id, subDepartments, level) => {
       const topDepartments = subDepartments.filter(department => department.parent_id === id);
       const newSubDepartments = subDepartments.filter(department => department.parent_id !== id);
       if (topDepartments.length === 0) return null;
@@ -122,7 +130,7 @@ class DepartmentSingleSelect extends Component {
         return this.renderDepartment(department, newSubDepartments, level, hasNextLevel);
       });
     });
-    _defineProperty(this, "renderDepartment", (department, subDepartments, level, hasNextLevel) => {
+    (0, _defineProperty2.default)(this, "renderDepartment", (department, subDepartments, level, hasNextLevel) => {
       const {
         value
       } = this.props;
@@ -138,43 +146,43 @@ class DepartmentSingleSelect extends Component {
         paddingLeft: hasChild ? '' : noChildStyle
       };
       const itemStyle = {
-        paddingLeft: "".concat(newLevel * 15 + 10, "px")
+        paddingLeft: `${newLevel * 15 + 10}px`
       };
       const isChecked = value === id;
-      return /*#__PURE__*/React.createElement(Fragment, {
+      return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
         key: id
-      }, /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
         className: "dropdown-item department-item d-flex align-items-center",
         onClick: event => this.onSelectDepartment(event, id),
         style: itemStyle
-      }, /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
         className: "department-item-left-content d-flex align-items-center"
-      }, hasChild && /*#__PURE__*/React.createElement("span", {
-        className: "dtable-font expand dtable-icon-".concat(isExpanded ? 'drop-down' : 'right-slide', " pr-1"),
+      }, hasChild && /*#__PURE__*/_react.default.createElement("span", {
+        className: `dtable-font expand dtable-icon-${isExpanded ? 'drop-down' : 'right-slide'} pr-1`,
         onClick: event => this.onExpand(event, id, isExpanded)
-      }), /*#__PURE__*/React.createElement("span", {
+      }), /*#__PURE__*/_react.default.createElement("span", {
         style: nameStyle,
         title: name,
         className: "text-truncate department-name"
-      }, name), isChecked && /*#__PURE__*/React.createElement("span", {
+      }, name), isChecked && /*#__PURE__*/_react.default.createElement("span", {
         className: "department-check-icon"
-      }, /*#__PURE__*/React.createElement("i", {
+      }, /*#__PURE__*/_react.default.createElement("i", {
         className: "dtable-font dtable-icon-check-mark"
       })))), isExpanded && hasChild && this.renderSubDepartments(id, subDepartments, newLevel));
     });
-    _defineProperty(this, "renderAllDepartments", () => {
+    (0, _defineProperty2.default)(this, "renderAllDepartments", () => {
       const {
         departments
       } = this.state;
       const topDepartment = departments.find(department => department.parent_id === -1);
       const subDepartments = departments.filter(department => department.parent_id !== -1);
-      return /*#__PURE__*/React.createElement(React.Fragment, null, topDepartment ? this.renderDepartment(topDepartment, subDepartments, -1, true) : this.renderEmptyTip());
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, topDepartment ? this.renderDepartment(topDepartment, subDepartments, -1, true) : this.renderEmptyTip());
     });
-    _defineProperty(this, "renderSpecificDepartments", () => {
+    (0, _defineProperty2.default)(this, "renderSpecificDepartments", () => {
       const {
         departments
       } = this.state;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, this.validDepartments.length === 0 && this.renderEmptyTip(), this.validDepartments.length > 0 && this.validDepartments.map(department => {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.validDepartments.length === 0 && this.renderEmptyTip(), this.validDepartments.length > 0 && this.validDepartments.map(department => {
         const value = {
           ...department,
           hasChild: false
@@ -182,28 +190,28 @@ class DepartmentSingleSelect extends Component {
         return this.renderDepartment(value, departments, -1, false);
       }));
     });
-    _defineProperty(this, "renderCurrentDepartmentsAndSub", () => {
+    (0, _defineProperty2.default)(this, "renderCurrentDepartmentsAndSub", () => {
       const {
         departments,
         topParentIds
       } = this.state;
       const nextLevelDepartment = this.validDepartments.find(department => topParentIds.includes(department.parent_id));
       const hasNextLevel = !!nextLevelDepartment;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, this.validDepartments.length === 0 && this.renderEmptyTip(), this.validDepartments.length > 0 && this.validDepartments.map(department => {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.validDepartments.length === 0 && this.renderEmptyTip(), this.validDepartments.length > 0 && this.validDepartments.map(department => {
         let value = department;
         if (!topParentIds.includes(department.id)) return null;
         return this.renderDepartment(value, departments, -1, hasNextLevel);
       }));
     });
-    _defineProperty(this, "renderEmptyTip", () => {
+    (0, _defineProperty2.default)(this, "renderEmptyTip", () => {
       const {
         t
       } = this.props;
-      return /*#__PURE__*/React.createElement("span", {
+      return /*#__PURE__*/_react.default.createElement("span", {
         className: "none-search-result d-flex justify-content-center"
       }, t('No_departments_available'));
     });
-    _defineProperty(this, "renderMenuContent", () => {
+    (0, _defineProperty2.default)(this, "renderMenuContent", () => {
       const {
         searchVal
       } = this.state;
@@ -215,12 +223,12 @@ class DepartmentSingleSelect extends Component {
         selectedRange
       } = this.getSelectedRange();
       let menuContent = this.renderAllDepartments();
-      if (enableSelectRange && [DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT, DEPARTMENT_SELECT_RANGE_MAP.SPECIFIC_DEPARTMENTS].includes(selectedRange) || searchVal) {
+      if (enableSelectRange && [_dtableUtils.DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT, _dtableUtils.DEPARTMENT_SELECT_RANGE_MAP.SPECIFIC_DEPARTMENTS].includes(selectedRange) || searchVal) {
         menuContent = this.renderSpecificDepartments();
-      } else if (enableSelectRange && selectedRange === DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT_AND_SUB) {
+      } else if (enableSelectRange && selectedRange === _dtableUtils.DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT_AND_SUB) {
         menuContent = this.renderCurrentDepartmentsAndSub();
       }
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: "editor-department-container",
         ref: ref => this.departmentContainerRef = ref
       }, !searchVal && renderUserDepartmentOptions && renderUserDepartmentOptions(this.onSelectDepartment), menuContent);
@@ -251,15 +259,15 @@ class DepartmentSingleSelect extends Component {
     const {
       t
     } = this.props;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "dropdown-menu department-editor-list show m-0 p-0",
       style: this.props.menuStyle,
       ref: ref => this.departmentsRef = ref,
       onClick: this.onStopPropagation,
       onMouseDown: this.onStopPropagation
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "search-departments"
-    }, /*#__PURE__*/React.createElement("input", {
+    }, /*#__PURE__*/_react.default.createElement("input", {
       className: "form-control",
       type: "text",
       autoFocus: true,
@@ -267,9 +275,9 @@ class DepartmentSingleSelect extends Component {
       value: this.state.searchVal,
       onChange: this.onChangeSearch,
       onClick: this.onStopPropagation
-    })), this.state.isLoading ? /*#__PURE__*/React.createElement("div", {
+    })), this.state.isLoading ? /*#__PURE__*/_react.default.createElement("div", {
       className: "mt-4"
-    }, /*#__PURE__*/React.createElement(_Loading, null)) : this.renderMenuContent());
+    }, /*#__PURE__*/_react.default.createElement(_Loading2.default, null)) : this.renderMenuContent());
   }
 }
-export default withTranslation('sdoc-editor')(DepartmentSingleSelect);
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(DepartmentSingleSelect);

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/department-filter/index.js

@@ -1,3 +1,20 @@
-import DepartmentMultipleSelectFilter from './department-multiple-select-filter';
-import DepartmentSingleSelectFilter from './department-single-select-filter';
-export { DepartmentMultipleSelectFilter, DepartmentSingleSelectFilter };
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DepartmentMultipleSelectFilter", {
+  enumerable: true,
+  get: function () {
+    return _departmentMultipleSelectFilter.default;
+  }
+});
+Object.defineProperty(exports, "DepartmentSingleSelectFilter", {
+  enumerable: true,
+  get: function () {
+    return _departmentSingleSelectFilter.default;
+  }
+});
+var _departmentMultipleSelectFilter = _interopRequireDefault(require("./department-multiple-select-filter"));
+var _departmentSingleSelectFilter = _interopRequireDefault(require("./department-single-select-filter"));

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/department-filter/selected-departments.js

@@ -1,7 +1,14 @@
-import React, { useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { DEPARTMENT_SELECT_RANGE_MAP } from 'dtable-utils';
-import { DEPARTMENT_SELECT_RANGE_OPTIONS } from './_department-utils';
+"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 _reactI18next = require("react-i18next");
+var _dtableUtils = require("dtable-utils");
+var _departmentUtils = require("./_department-utils");
 function SelectedDepartments(props) {
   const {
     departments = []
@@ -13,8 +20,8 @@ function SelectedDepartments(props) {
   } = props;
   const {
     t
-  } = useTranslation();
-  const idDepartmentMap = useMemo(() => {
+  } = (0, _reactI18next.useTranslation)();
+  const idDepartmentMap = (0, _react.useMemo)(() => {
     let idDepartmentMap = {};
     departments.forEach(department => {
       idDepartmentMap[department.id] = department;
@@ -22,12 +29,12 @@ function SelectedDepartments(props) {
     return idDepartmentMap;
   }, [departments]);
   const dom = Array.isArray(value) ? value.map((content, index) => {
-    if ([DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT, DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT_AND_SUB].includes(content)) {
-      const name = t(DEPARTMENT_SELECT_RANGE_OPTIONS.find(option => option.type === content).name);
-      return /*#__PURE__*/React.createElement("div", {
-        key: "department-".concat(index),
+    if ([_dtableUtils.DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT, _dtableUtils.DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT_AND_SUB].includes(content)) {
+      const name = t(_departmentUtils.DEPARTMENT_SELECT_RANGE_OPTIONS.find(option => option.type === content).name);
+      return /*#__PURE__*/_react.default.createElement("div", {
+        key: `department-${index}`,
         className: "department mr-1"
-      }, /*#__PURE__*/React.createElement("span", {
+      }, /*#__PURE__*/_react.default.createElement("span", {
         className: "department-name text-truncate",
         title: name,
         "aria-label": name
@@ -38,41 +45,41 @@ function SelectedDepartments(props) {
       const {
         name
       } = department;
-      return /*#__PURE__*/React.createElement("div", {
-        key: "department-".concat(index),
+      return /*#__PURE__*/_react.default.createElement("div", {
+        key: `department-${index}`,
         className: "department mr-1"
-      }, /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
         className: "department-avatar-container d-flex align-items-center justify-content-center"
-      }, /*#__PURE__*/React.createElement("span", {
+      }, /*#__PURE__*/_react.default.createElement("span", {
         className: "dtable-font dtable-icon-department-single-selection"
-      })), /*#__PURE__*/React.createElement("span", {
+      })), /*#__PURE__*/_react.default.createElement("span", {
         className: "department-name text-truncate",
         title: name,
         "aria-label": name
-      }, name), isShowRemoveIcon && /*#__PURE__*/React.createElement("span", {
+      }, name), isShowRemoveIcon && /*#__PURE__*/_react.default.createElement("span", {
         className: "remove-container"
-      }, /*#__PURE__*/React.createElement("span", {
+      }, /*#__PURE__*/_react.default.createElement("span", {
         className: "remove-icon",
         onClick: event => removeDepartment(event, content)
-      }, /*#__PURE__*/React.createElement("i", {
+      }, /*#__PURE__*/_react.default.createElement("i", {
         className: "dtable-font dtable-icon-fork-number department-remove-icon"
       }))));
     }
-    return /*#__PURE__*/React.createElement("div", {
-      key: "department-".concat(index),
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: `department-${index}`,
       className: "department empty-department mr-1"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "department-avatar-container d-flex align-items-center justify-content-center"
-    }, /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/_react.default.createElement("span", {
       className: "dtable-font dtable-icon-department-single-selection"
-    })), /*#__PURE__*/React.createElement("span", {
+    })), /*#__PURE__*/_react.default.createElement("span", {
       className: "department-name"
-    }, t('Deleted_department')), isShowRemoveIcon && /*#__PURE__*/React.createElement("span", {
+    }, t('Deleted_department')), isShowRemoveIcon && /*#__PURE__*/_react.default.createElement("span", {
       className: "remove-container"
-    }, /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/_react.default.createElement("span", {
       className: "remove-icon",
       onClick: event => removeDepartment(event, content)
-    }, /*#__PURE__*/React.createElement("i", {
+    }, /*#__PURE__*/_react.default.createElement("i", {
       className: "dtable-font dtable-icon-fork-number department-remove-icon"
     }))));
   }) : null;
@@ -81,4 +88,4 @@ function SelectedDepartments(props) {
 SelectedDepartments.defaultProps = {
   isShowRemoveIcon: false
 };
-export default SelectedDepartments;
+var _default = exports.default = SelectedDepartments;

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/department-filter/use-click-outside.js

@@ -1,10 +1,16 @@
-import { useEffect } from 'react';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
 const useClickOutside = (_ref, deps) => {
   let {
     currDOM,
     onClickOutside
   } = _ref;
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     const onMousedown = event => {
       if (currDOM && event && currDOM.contains(event.target)) {
         return;
@@ -19,4 +25,4 @@ const useClickOutside = (_ref, deps) => {
     // eslint-disable-next-line
   }, deps || []);
 };
-export default useClickOutside;
+var _default = exports.default = useClickOutside;