@seafile/sdoc-editor 1.0.53 → 1.0.55

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

@@ -1,25 +1,33 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React, { Component } from 'react';
-import Calendar from '@seafile/seafile-calendar';
-import DatePicker from '@seafile/seafile-calendar/lib/Picker';
-import { translateCalendar } from './date-translate';
-import dayjs from './dayjs';
-import 'dayjs/locale/zh-cn';
-import 'dayjs/locale/en-gb';
-import '@seafile/seafile-calendar/assets/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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _seafileCalendar = _interopRequireDefault(require("@seafile/seafile-calendar"));
+var _Picker = _interopRequireDefault(require("@seafile/seafile-calendar/lib/Picker"));
+var _dateTranslate = require("./date-translate");
+var _dayjs = _interopRequireDefault(require("./dayjs"));
+require("dayjs/locale/zh-cn");
+require("dayjs/locale/en-gb");
+require("@seafile/seafile-calendar/assets/index.css");
 function getDateColumnFormat(column) {
   const format = column && column.data && column.data.format ? column.data.format : 'YYYY-MM-DD';
   // Old Europe format is D/M/YYYY new format is DD/MM/YYYY
   return format;
 }
-let now = dayjs();
-class CalendarFilter extends Component {
+let now = (0, _dayjs.default)();
+class CalendarFilter extends _react.Component {
   constructor(props) {
     super(props);
-    _defineProperty(this, "handleMouseDown", e => {
+    (0, _defineProperty2.default)(this, "handleMouseDown", e => {
       e.preventDefault();
     });
-    _defineProperty(this, "onChange", value => {
+    (0, _defineProperty2.default)(this, "onChange", value => {
       const {
         onChange
       } = this.props;
@@ -32,7 +40,7 @@ class CalendarFilter extends Component {
         }
       });
     });
-    _defineProperty(this, "onClear", () => {
+    (0, _defineProperty2.default)(this, "onClear", () => {
       this.setState({
         value: null
       }, () => {
@@ -41,12 +49,12 @@ class CalendarFilter extends Component {
         });
       });
     });
-    _defineProperty(this, "onOpenChange", open => {
+    (0, _defineProperty2.default)(this, "onOpenChange", open => {
       this.setState({
         open
       });
     });
-    _defineProperty(this, "onReadOnlyFocus", () => {
+    (0, _defineProperty2.default)(this, "onReadOnlyFocus", () => {
       if (!this.state.open && this.state.isMouseDown) {
         this.setState({
           isMouseDown: false
@@ -57,10 +65,10 @@ class CalendarFilter extends Component {
         });
       }
     });
-    _defineProperty(this, "getCalendarContainer", () => {
+    (0, _defineProperty2.default)(this, "getCalendarContainer", () => {
       return this.calendarContainerRef.current;
     });
-    _defineProperty(this, "getCalendarFormat", () => {
+    (0, _defineProperty2.default)(this, "getCalendarFormat", () => {
       let calendarFormat = [];
       if (this.columnDataFormat.indexOf('YYYY-MM-DD') > -1) {
         let newColumnDataFormat = this.columnDataFormat.replace('YYYY-MM-DD', 'YYYY-M-D');
@@ -80,7 +88,7 @@ class CalendarFilter extends Component {
     const DataFormat = getDateColumnFormat(props.filterColumn).trim();
     // Minutes and seconds are not supported at present
     this.columnDataFormat = DataFormat.split(' ')[0];
-    this.calendarContainerRef = React.createRef();
+    this.calendarContainerRef = /*#__PURE__*/_react.default.createRef();
     this.defaultCalendarValue = null;
   }
   componentDidMount() {
@@ -98,10 +106,10 @@ class CalendarFilter extends Component {
     const {
       value
     } = this.props;
-    if (value && dayjs(value).isValid()) {
-      let validValue = dayjs(value).isValid() ? dayjs(value) : dayjs(this.defaultCalendarValue);
+    if (value && (0, _dayjs.default)(value).isValid()) {
+      let validValue = (0, _dayjs.default)(value).isValid() ? (0, _dayjs.default)(value) : (0, _dayjs.default)(this.defaultCalendarValue);
       this.setState({
-        value: iszhcn ? dayjs(validValue).locale('zh-cn') : dayjs(validValue).locale('en-gb')
+        value: iszhcn ? (0, _dayjs.default)(validValue).locale('zh-cn') : (0, _dayjs.default)(validValue).locale('en-gb')
       });
     }
   }
@@ -110,7 +118,7 @@ class CalendarFilter extends Component {
       isReadOnly
     } = this.props;
     const state = this.state;
-    if (isReadOnly) return /*#__PURE__*/React.createElement("input", {
+    if (isReadOnly) return /*#__PURE__*/_react.default.createElement("input", {
       className: "ant-calendar-picker-input ant-input form-control",
       value: state.value ? state.value.format(this.columnDataFormat) : '',
       disabled: true
@@ -123,13 +131,13 @@ class CalendarFilter extends Component {
       color: 'gray',
       fontSize: '12px'
     };
-    const clearIcon = React.createElement('i', {
+    const clearIcon = /*#__PURE__*/_react.default.createElement('i', {
       className: 'item-icon dtable-font dtable-icon-x',
       style: clearStyle
     });
-    const calendar = /*#__PURE__*/React.createElement(Calendar, {
+    const calendar = /*#__PURE__*/_react.default.createElement(_seafileCalendar.default, {
       className: "dtable-rc-calendar",
-      locale: translateCalendar(),
+      locale: (0, _dateTranslate.translateCalendar)(),
       style: {
         zIndex: 1001
       },
@@ -141,9 +149,9 @@ class CalendarFilter extends Component {
       onClear: this.onClear,
       clearIcon: clearIcon
     });
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "date-picker-container"
-    }, /*#__PURE__*/React.createElement(DatePicker, {
+    }, /*#__PURE__*/_react.default.createElement(_Picker.default, {
       calendar: calendar,
       value: state.value,
       onChange: this.onChange,
@@ -157,19 +165,19 @@ class CalendarFilter extends Component {
       let {
         value
       } = _ref;
-      return /*#__PURE__*/React.createElement("span", {
+      return /*#__PURE__*/_react.default.createElement("span", {
         tabIndex: "0",
         onFocus: this.onReadOnlyFocus
-      }, /*#__PURE__*/React.createElement("input", {
+      }, /*#__PURE__*/_react.default.createElement("input", {
         tabIndex: "-1",
         readOnly: true,
         className: "ant-calendar-picker-input ant-input form-control",
         value: value ? value.format(this.columnDataFormat) : '',
         onMouseDown: this.handleMouseDown
-      }), /*#__PURE__*/React.createElement("div", {
+      }), /*#__PURE__*/_react.default.createElement("div", {
         ref: this.calendarContainerRef
       }));
     }));
   }
 }
-export default CalendarFilter;
+var _default = exports.default = CalendarFilter;

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

@@ -1,12 +1,20 @@
-import _DTableCustomizeSelect from "dtable-ui-component/lib/DTableCustomizeSelect";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React, { Component, Fragment } from 'react';
-import { FILTER_PREDICATE_TYPE } from 'dtable-utils';
-import { withTranslation } from 'react-i18next';
-class CollaboratorFilter 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _dtableUtils = require("dtable-utils");
+var _reactI18next = require("react-i18next");
+class CollaboratorFilter extends _react.Component {
   constructor(props) {
     super(props);
-    _defineProperty(this, "createCollaboratorOptions", (filterIndex, collaborators, filterTerm) => {
+    (0, _defineProperty2.default)(this, "createCollaboratorOptions", (filterIndex, collaborators, filterTerm) => {
       return collaborators.map(collaborator => {
         let isSelected = filterTerm.findIndex(item => item === collaborator.email) > -1;
         return {
@@ -14,40 +22,40 @@ class CollaboratorFilter extends Component {
             filterIndex,
             columnOption: collaborator
           },
-          label: /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+          label: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
             className: "select-option-name option-collaborator"
-          }, /*#__PURE__*/React.createElement("div", {
+          }, /*#__PURE__*/_react.default.createElement("div", {
             className: "collaborator-container"
-          }, /*#__PURE__*/React.createElement("div", {
+          }, /*#__PURE__*/_react.default.createElement("div", {
             className: "collaborator"
-          }, /*#__PURE__*/React.createElement("span", {
+          }, /*#__PURE__*/_react.default.createElement("span", {
             className: "collaborator-avatar-container"
-          }, /*#__PURE__*/React.createElement("img", {
+          }, /*#__PURE__*/_react.default.createElement("img", {
             className: "collaborator-avatar",
             alt: collaborator.name,
             src: collaborator.avatar_url
-          })), /*#__PURE__*/React.createElement("span", {
+          })), /*#__PURE__*/_react.default.createElement("span", {
             className: "collaborator-name text-truncate",
             style: {
               maxWidth: '200px'
             },
             title: collaborator.name,
             "aria-label": collaborator.name
-          }, collaborator.name))), /*#__PURE__*/React.createElement("div", {
+          }, collaborator.name))), /*#__PURE__*/_react.default.createElement("div", {
             className: "collaborator-check-icon"
-          }, isSelected && /*#__PURE__*/React.createElement("i", {
+          }, isSelected && /*#__PURE__*/_react.default.createElement("i", {
             className: "option-edit dtable-font dtable-icon-check-mark"
           }))))
         };
       });
     });
-    _defineProperty(this, "onClick", (e, collaborator) => {
+    (0, _defineProperty2.default)(this, "onClick", (e, collaborator) => {
       e.stopPropagation();
       this.props.onSelectCollaborator({
         columnOption: collaborator
       });
     });
-    this.supportMultipleSelectOptions = [FILTER_PREDICATE_TYPE.HAS_ANY_OF, FILTER_PREDICATE_TYPE.HAS_ALL_OF, FILTER_PREDICATE_TYPE.HAS_NONE_OF, FILTER_PREDICATE_TYPE.IS_EXACTLY];
+    this.supportMultipleSelectOptions = [_dtableUtils.FILTER_PREDICATE_TYPE.HAS_ANY_OF, _dtableUtils.FILTER_PREDICATE_TYPE.HAS_ALL_OF, _dtableUtils.FILTER_PREDICATE_TYPE.HAS_NONE_OF, _dtableUtils.FILTER_PREDICATE_TYPE.IS_EXACTLY];
   }
   render() {
     let {
@@ -62,35 +70,35 @@ class CollaboratorFilter extends Component {
     let selectedCollaborators = Array.isArray(filterTerm) && filterTerm.length > 0 && filterTerm.map(item => {
       let collaborator = collaborators.find(c => c.email === item);
       if (!collaborator) return null;
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         key: item,
         className: "collaborator"
-      }, /*#__PURE__*/React.createElement("span", {
+      }, /*#__PURE__*/_react.default.createElement("span", {
         className: "collaborator-avatar-container"
-      }, /*#__PURE__*/React.createElement("img", {
+      }, /*#__PURE__*/_react.default.createElement("img", {
         className: "collaborator-avatar",
         alt: collaborator.name,
         src: collaborator.avatar_url
-      })), /*#__PURE__*/React.createElement("span", {
+      })), /*#__PURE__*/_react.default.createElement("span", {
         className: "collaborator-name text-truncate",
         title: collaborator.name,
         "aria-label": collaborator.name
-      }, collaborator.name), /*#__PURE__*/React.createElement("span", {
+      }, collaborator.name), /*#__PURE__*/_react.default.createElement("span", {
         className: "remove-container"
-      }, /*#__PURE__*/React.createElement("span", {
+      }, /*#__PURE__*/_react.default.createElement("span", {
         className: "remove-icon",
         onClick: e => {
           this.onClick(e, collaborator);
         }
-      }, /*#__PURE__*/React.createElement("i", {
+      }, /*#__PURE__*/_react.default.createElement("i", {
         className: "dtable-font dtable-icon-fork-number"
       }))));
     });
     let value = selectedCollaborators ? {
-      label: /*#__PURE__*/React.createElement(React.Fragment, null, selectedCollaborators)
+      label: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, selectedCollaborators)
     } : {};
     let options = Array.isArray(filterTerm) ? this.createCollaboratorOptions(filterIndex, collaborators, filterTerm) : [];
-    return /*#__PURE__*/React.createElement(_DTableCustomizeSelect, {
+    return /*#__PURE__*/_react.default.createElement(_DTableCustomizeSelect2.default, {
       className: "selector-collaborator",
       value: value,
       onSelectOption: this.props.onSelectCollaborator,
@@ -104,4 +112,4 @@ class CollaboratorFilter extends Component {
     });
   }
 }
-export default withTranslation('sdoc-editor')(CollaboratorFilter);
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(CollaboratorFilter);

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

@@ -1,4 +1,10 @@
-export const DEPARTMENT_SELECT_RANGE_OPTIONS = [{
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.searchDepartments = exports.getNormalizedDepartments = exports.DEPARTMENT_SELECT_RANGE_OPTIONS = void 0;
+const DEPARTMENT_SELECT_RANGE_OPTIONS = exports.DEPARTMENT_SELECT_RANGE_OPTIONS = [{
   name: 'Current_user_department',
   type: 'current_user_department'
 }, {
@@ -8,7 +14,7 @@ export const DEPARTMENT_SELECT_RANGE_OPTIONS = [{
   name: 'Specific_departments',
   type: 'specific_departments'
 }];
-export const searchDepartments = (departments, searchValue) => {
+const searchDepartments = (departments, searchValue) => {
   const validSearchValue = searchValue ? searchValue.trim().toLowerCase() : '';
   const validDepartments = Array.isArray(departments) ? departments : [];
   if (!validSearchValue) return validDepartments;
@@ -20,7 +26,8 @@ export const searchDepartments = (departments, searchValue) => {
     return name.toString().toLowerCase().indexOf(validSearchValue) > -1;
   });
 };
-export const getNormalizedDepartments = function (departments) {
+exports.searchDepartments = searchDepartments;
+const getNormalizedDepartments = function (departments) {
   let canExpand = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   let parentIdMap = {};
   for (let i = 0; i < departments.length; i++) {
@@ -36,4 +43,5 @@ export const getNormalizedDepartments = function (departments) {
       isExpanded
     };
   });
-};
+};
+exports.getNormalizedDepartments = getNormalizedDepartments;

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

@@ -1,40 +1,48 @@
-import React, { useState, useRef } from 'react';
-import classnames from 'classnames';
-import { useTranslation } from 'react-i18next';
-import { DEPARTMENT_SELECT_RANGE_OPTIONS } from './_department-utils';
-import SelectedDepartments from './selected-departments';
-import DepartmentMultipleSelect from './department-multiple-select';
-import useClickOutside from './use-click-outside';
+"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 _reactI18next = require("react-i18next");
+var _departmentUtils = require("./_department-utils");
+var _selectedDepartments = _interopRequireDefault(require("./selected-departments"));
+var _departmentMultipleSelect = _interopRequireDefault(require("./department-multiple-select"));
+var _useClickOutside = _interopRequireDefault(require("./use-click-outside"));
 function DepartmentMultipleSelectFilter(props) {
   const {
     value
   } = props;
-  const [isShowSelector, setIsShowSelector] = useState(false);
-  const [selectedDepartments, setSelectedDepartments] = useState(value || []);
-  const selectorRef = useRef(null);
+  const [isShowSelector, setIsShowSelector] = (0, _react.useState)(false);
+  const [selectedDepartments, setSelectedDepartments] = (0, _react.useState)(value || []);
+  const selectorRef = (0, _react.useRef)(null);
   const {
     t
-  } = useTranslation();
-  useClickOutside({
+  } = (0, _reactI18next.useTranslation)();
+  (0, _useClickOutside.default)({
     currDOM: selectorRef.current,
     onClickOutside: () => setIsShowSelector(false)
   }, [selectedDepartments]);
   function renderUserDepartmentOptions() {
-    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 d-flex align-items-center",
         key: index,
         onClick: event => selectDepartment(event, type)
-      }, /*#__PURE__*/React.createElement("input", {
+      }, /*#__PURE__*/_react.default.createElement("input", {
         type: "checkbox",
         className: "vam department-select-input",
         checked: selectedDepartments.includes(type),
         onChange: event => selectDepartment(event, type)
-      }), /*#__PURE__*/React.createElement("span", {
+      }), /*#__PURE__*/_react.default.createElement("span", {
         className: "text-truncate department-name"
       }, t(name)));
     });
@@ -61,24 +69,24 @@ function DepartmentMultipleSelectFilter(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"
-  }, selectedDepartments.length > 0 ? /*#__PURE__*/React.createElement("span", {
+  }, selectedDepartments.length > 0 ? /*#__PURE__*/_react.default.createElement("span", {
     className: "selected-option-show"
-  }, /*#__PURE__*/React.createElement(SelectedDepartments, {
+  }, /*#__PURE__*/_react.default.createElement(_selectedDepartments.default, {
     value: selectedDepartments
-  })) : /*#__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(DepartmentMultipleSelect, {
+  })), isShowSelector && /*#__PURE__*/_react.default.createElement(_departmentMultipleSelect.default, {
     isShowSelectedDepartments: false,
     classNamePrefix: "filter",
     value: selectedDepartments,
@@ -86,4 +94,4 @@ function DepartmentMultipleSelectFilter(props) {
     renderUserDepartmentOptions: renderUserDepartmentOptions
   }));
 }
-export default DepartmentMultipleSelectFilter;
+var _default = exports.default = DepartmentMultipleSelectFilter;

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

@@ -1,8 +1,16 @@
-import React, { Fragment, useState, useEffect, useRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import { searchDepartments, getNormalizedDepartments } from './_department-utils';
-import SelectedDepartments from './selected-departments';
-import './_department-select.css';
+"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 _reactI18next = require("react-i18next");
+var _departmentUtils = require("./_department-utils");
+var _selectedDepartments = _interopRequireDefault(require("./selected-departments"));
+require("./_department-select.css");
 function DepartmentMultipleSelect(props) {
   // TODO:
   const {
@@ -15,14 +23,14 @@ function DepartmentMultipleSelect(props) {
     isShowSelectedDepartments,
     renderUserDepartmentOptions
   } = props;
-  const [searchVal, setSearchVal] = useState('');
-  const [departments, setDepartments] = useState(getNormalizedDepartments(initialDepartments));
-  const departmentContainerRef = useRef(null);
-  const validDepartmentsRef = useRef([]);
+  const [searchVal, setSearchVal] = (0, _react.useState)('');
+  const [departments, setDepartments] = (0, _react.useState)((0, _departmentUtils.getNormalizedDepartments)(initialDepartments));
+  const departmentContainerRef = (0, _react.useRef)(null);
+  const validDepartmentsRef = (0, _react.useRef)([]);
   const {
     t
-  } = useTranslation();
-  useEffect(() => {
+  } = (0, _reactI18next.useTranslation)();
+  (0, _react.useEffect)(() => {
     if (departmentContainerRef.current) {
       resetContainerPosition();
     }
@@ -49,7 +57,7 @@ function DepartmentMultipleSelect(props) {
   function onChangeSearch(event) {
     const newSearchValue = event.target.value;
     if (searchVal === newSearchValue) return;
-    validDepartmentsRef.current = searchDepartments(departments, newSearchValue);
+    validDepartmentsRef.current = (0, _departmentUtils.searchDepartments)(departments, newSearchValue);
     setSearchVal(newSearchValue);
   }
   function onClick(e) {
@@ -81,27 +89,27 @@ function DepartmentMultipleSelect(props) {
     } = department;
     const newLevel = level + 1;
     const inputStyle = {
-      marginRight: "".concat(newLevel * 15 + 5, "px")
+      marginRight: `${newLevel * 15 + 5}px`
     };
     const nameStyle = {
       paddingLeft: hasChild ? '' : '16px'
     };
     const inputChecked = value.includes(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 d-flex align-items-center",
       onClick: event => onSelectDepartment(event, id)
-    }, /*#__PURE__*/React.createElement("input", {
+    }, /*#__PURE__*/_react.default.createElement("input", {
       type: "checkbox",
       className: "vam department-select-input",
       checked: inputChecked,
       style: inputStyle,
       onChange: () => {}
-    }), hasChild && !searchVal && /*#__PURE__*/React.createElement("span", {
-      className: "dtable-font expand dtable-icon-".concat(isExpanded ? 'drop-down' : 'right-slide', " pr-1"),
+    }), hasChild && !searchVal && /*#__PURE__*/_react.default.createElement("span", {
+      className: `dtable-font expand dtable-icon-${isExpanded ? 'drop-down' : 'right-slide'} pr-1`,
       onClick: event => onExpand(event, id, isExpanded)
-    }), /*#__PURE__*/React.createElement("span", {
+    }), /*#__PURE__*/_react.default.createElement("span", {
       style: searchVal ? {} : nameStyle,
       title: name,
       className: "text-truncate"
@@ -117,21 +125,21 @@ function DepartmentMultipleSelect(props) {
     const subDepartments = departments.filter(department => department.parent_id !== -1);
     const topDepartment = departments.find(department => department.parent_id === -1);
     if (!topDepartment) return null;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       ref: departmentContainerRef,
       onClick: onStopPropagation,
       onMouseDown: onStopPropagation,
-      className: "dropdown-menu show departments-container ".concat(classNamePrefix)
-    }, isShowSelectedDepartments && /*#__PURE__*/React.createElement("div", {
+      className: `dropdown-menu show departments-container ${classNamePrefix}`
+    }, isShowSelectedDepartments && /*#__PURE__*/_react.default.createElement("div", {
       className: "selected-departments",
       onClick: onClick
-    }, /*#__PURE__*/React.createElement(SelectedDepartments, {
+    }, /*#__PURE__*/_react.default.createElement(_selectedDepartments.default, {
       value: value,
       removeDepartment: onCommit,
       isShowRemoveIcon: true
-    })), /*#__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,
@@ -139,10 +147,10 @@ function DepartmentMultipleSelect(props) {
       value: searchVal,
       onChange: onChangeSearch,
       onClick: onClick
-    })), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/_react.default.createElement("div", {
       className: "department-item-container"
     }, !searchVal && renderUserDepartmentOptions && renderUserDepartmentOptions(), validDepartmentsRef.current.length > 0 && searchVal && renderSearchedDepartments(), !searchVal && renderDepartment(topDepartment, subDepartments, level)));
   }
   return renderDepartments();
 }
-export default DepartmentMultipleSelect;
+var _default = exports.default = DepartmentMultipleSelect;