dtable-ui-component 7.0.13 → 7.0.15

package/lib/DTableSwitch/index.js

@@ -11,18 +11,17 @@ var _dtableUtils = require("dtable-utils");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 function DTableSwitch(_ref) {
-  let onChange = _ref.onChange,
-    _ref$checked = _ref.checked,
-    checked = _ref$checked === void 0 ? false : _ref$checked,
-    placeholder = _ref.placeholder,
-    disabled = _ref.disabled,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'sm' : _ref$size,
-    _ref$switchPosition = _ref.switchPosition,
-    switchPosition = _ref$switchPosition === void 0 ? 'right' : _ref$switchPosition,
-    switchClassName = _ref.switchClassName,
-    innerClassName = _ref.innerClassName,
-    inputId = _ref.inputId;
+  let {
+    onChange,
+    checked = false,
+    placeholder,
+    disabled,
+    size = 'sm',
+    switchPosition = 'right',
+    switchClassName,
+    innerClassName,
+    inputId
+  } = _ref;
   const switchNode = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
     className: "custom-switch-indicator"
   });

package/lib/DTableToolTip/index.js

@@ -5,19 +5,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const DTableToolTip = _ref => {
-  let target = _ref.target,
-    _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
-    className = _ref.className,
-    children = _ref.children,
-    shortcut = _ref.shortcut,
-    modifiers = _ref.modifiers;
+  let {
+    target,
+    placement = 'bottom',
+    className,
+    children,
+    shortcut,
+    modifiers
+  } = _ref;
   const hasShortcut = Boolean(shortcut);
   const renderContent = () => {
     if (hasShortcut) {
@@ -40,7 +40,7 @@ const DTableToolTip = _ref => {
   const tooltipProps = {
     target,
     placement,
-    className: "dtable-tooltip ".concat(className ? className : ''),
+    className: `dtable-tooltip ${className ? className : ''}`,
     innerClassName: hasShortcut ? 'dtable-tooltip-shortcut-inner' : '',
     delay: {
       show: 0,
@@ -60,8 +60,9 @@ const DTableToolTip = _ref => {
       }
     }, ...(modifiers || [])]
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.UncontrolledTooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, tooltipProps), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.UncontrolledTooltip, {
+    ...tooltipProps,
     children: renderContent()
-  }));
+  });
 };
 var _default = exports.default = DTableToolTip;

package/lib/DateEditor/index.js

@@ -1,13 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _dtableUtils = require("dtable-utils");
@@ -19,25 +17,21 @@ require("dayjs/locale/en-gb");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const DateEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let isMobile = _ref.isMobile,
-    lang = _ref.lang,
-    isReadOnly = _ref.isReadOnly,
-    column = _ref.column,
-    className = _ref.className,
-    isInModal = _ref.isInModal,
-    firstDayOfWeek = _ref.firstDayOfWeek,
-    size = _ref.size,
-    oldValue = _ref.value,
-    hideCalendar = _ref.hideCalendar,
-    onCommit = _ref.onCommit;
-  const _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isDateInit = _useState2[0],
-    setDateInit = _useState2[1];
-  const _useState3 = (0, _react.useState)(oldValue || ''),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    value = _useState4[0],
-    setValue = _useState4[1];
+  let {
+    isMobile,
+    lang,
+    isReadOnly,
+    column,
+    className,
+    isInModal,
+    firstDayOfWeek,
+    size,
+    value: oldValue,
+    hideCalendar,
+    onCommit
+  } = _ref;
+  const [isDateInit, setDateInit] = (0, _react.useState)(false);
+  const [value, setValue] = (0, _react.useState)(oldValue || '');
   const format = (0, _react.useMemo)(() => {
     var _column$data;
     return (column === null || column === void 0 ? void 0 : column.data) && (column === null || column === void 0 ? void 0 : (_column$data = column.data) === null || _column$data === void 0 ? void 0 : _column$data.format) || _dtableUtils.DEFAULT_DATE_FORMAT;
@@ -65,29 +59,33 @@ const DateEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     onCommit: handelCommit,
     onClose: hideCalendar
   };
-  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+    ...props,
     isInModal: isInModal,
     ref: ref
-  }));
-  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  });
+  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+    ...props,
     isReadOnly: isReadOnly,
     column: column,
     ref: ref
-  }));
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: '(min-width: 768px)',
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+        ...props,
         isInModal: isInModal,
         ref: ref
-      }))
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: '(max-width: 768px)',
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
         isReadOnly: isReadOnly,
         column: column,
         ref: ref
-      }))
+      })
     })]
   });
 });

package/lib/DateEditor/mb-editor/index.js

@@ -20,8 +20,10 @@ require("@seafile/seafile-calendar/assets/index.css");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 let now = (0, _dayjs.default)();
-const Header = _MobileFullScreenPage.default.Header,
-  Body = _MobileFullScreenPage.default.Body;
+const {
+  Header,
+  Body
+} = _MobileFullScreenPage.default;
 class MBDateEditor extends _react.default.PureComponent {
   constructor(props) {
     super(props);
@@ -67,11 +69,14 @@ class MBDateEditor extends _react.default.PureComponent {
       });
     };
     this.renderCalender = () => {
-      const _this$props = this.props,
-        lang = _this$props.lang,
-        className = _this$props.className,
-        firstDayOfWeek = _this$props.firstDayOfWeek;
-      const time = this.state.time;
+      const {
+        lang,
+        className,
+        firstDayOfWeek
+      } = this.props;
+      const {
+        time
+      } = this.state;
       const calendar = /*#__PURE__*/(0, _jsxRuntime.jsx)(_seafileCalendar.default, {
         className: (0, _classnames.default)('dtable-rc-calendar', className),
         locale: (0, _editorUtils.initDateEditorLanguage)(lang),
@@ -97,7 +102,9 @@ class MBDateEditor extends _react.default.PureComponent {
           width: '100%'
         },
         children: _ref => {
-          let time = _ref.time;
+          let {
+            time
+          } = _ref;
           return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             tabIndex: "0",
             onFocus: this.onReadOnlyFocus,
@@ -117,8 +124,10 @@ class MBDateEditor extends _react.default.PureComponent {
         }
       });
     };
-    const dateFormat = props.dateFormat,
-      showHourAndMinute = props.showHourAndMinute;
+    const {
+      dateFormat,
+      showHourAndMinute
+    } = props;
     this.state = {
       time: null
     };
@@ -128,9 +137,10 @@ class MBDateEditor extends _react.default.PureComponent {
     this.format = showHourAndMinute ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD';
   }
   componentDidMount() {
-    let _this$props2 = this.props,
-      value = _this$props2.value,
-      lang = _this$props2.lang;
+    let {
+      value,
+      lang
+    } = this.props;
     const iszhcn = lang === 'zh-cn';
     if (iszhcn) {
       now = now.locale('zh-cn');
@@ -146,11 +156,14 @@ class MBDateEditor extends _react.default.PureComponent {
     });
   }
   render() {
-    const _this$props3 = this.props,
-      lang = _this$props3.lang,
-      column = _this$props3.column,
-      showHourAndMinute = _this$props3.showHourAndMinute;
-    const time = this.state.time;
+    const {
+      lang,
+      column,
+      showHourAndMinute
+    } = this.props;
+    const {
+      time
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MobileFullScreenPage.default, {
       className: "dtable-ui-mobile-date-editor",
       onClose: this.props.onClose,

package/lib/DateEditor/pc-editor.js

@@ -22,7 +22,9 @@ class PCDateEditor extends _react.default.Component {
     // event trigger sequence: onOpenChange --> onChange
     this.onChange = value => {
       if (!value) return;
-      let dateFormat = this.props.dateFormat;
+      let {
+        dateFormat
+      } = this.props;
       this.setState({
         value: value,
         open: true // if value changed, don't close datePicker
@@ -33,7 +35,9 @@ class PCDateEditor extends _react.default.Component {
       this.props.onCommit(this.getValue());
     };
     this.getValue = () => {
-      let dateFormat = this.props.dateFormat;
+      let {
+        dateFormat
+      } = this.props;
       let value = this.state.value ? this.state.value.format(dateFormat) : null;
       return value;
     };
@@ -45,7 +49,9 @@ class PCDateEditor extends _react.default.Component {
       return this.datePickerRef.querySelector('input:not([type=hidden])');
     };
     this.onOpenChange = open => {
-      const isInModal = this.props.isInModal;
+      const {
+        isInModal
+      } = this.props;
       if (open) {
         this.toggleCalendar(open);
       }
@@ -74,7 +80,9 @@ class PCDateEditor extends _react.default.Component {
       event.stopPropagation();
     };
     this.getCalendarContainer = () => {
-      const isInModal = this.props.isInModal;
+      const {
+        isInModal
+      } = this.props;
       return isInModal ? this.calendarContainerRef.current : document.body;
     };
     this.handleKeyDown = e => {
@@ -102,7 +110,9 @@ class PCDateEditor extends _react.default.Component {
       this.toggleCalendar(true);
     };
     this.onClickRightPanelTime = () => {
-      const isInModal = this.props.isInModal;
+      const {
+        isInModal
+      } = this.props;
       let onClickRightPanelTime = isInModal ? this.props.onClose : this.closeEditor;
       // we should change value and save it(async function), then close Editor.
       setTimeout(() => {
@@ -118,17 +128,20 @@ class PCDateEditor extends _react.default.Component {
       }
     };
     this.getDefaultTime = () => {
-      const value = this.props.value;
+      const {
+        value
+      } = this.props;
       if (value) return (0, _dayjs.default)(value).format('HH:mm');
       return '';
     };
     this.getCalender = () => {
-      let _this$props = this.props,
-        dateFormat = _this$props.dateFormat,
-        showHourAndMinute = _this$props.showHourAndMinute,
-        lang = _this$props.lang,
-        className = _this$props.className,
-        firstDayOfWeek = _this$props.firstDayOfWeek;
+      let {
+        dateFormat,
+        showHourAndMinute,
+        lang,
+        className,
+        firstDayOfWeek
+      } = this.props;
       let defaultValue = (0, _dayjs.default)().clone();
       const defaultTime = this.getDefaultTime();
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_seafileCalendar.default, {
@@ -147,9 +160,10 @@ class PCDateEditor extends _react.default.Component {
         firstDayOfWeek: firstDayOfWeek
       });
     };
-    const _this$props2 = this.props,
-      _dateFormat = _this$props2.dateFormat,
-      _value = _this$props2.value;
+    const {
+      dateFormat: _dateFormat,
+      value: _value
+    } = this.props;
     this.state = {
       value: _value ? (0, _dayjs.default)(_value) : null,
       open: false
@@ -159,10 +173,11 @@ class PCDateEditor extends _react.default.Component {
     this.showHourAndMinute = !!(_dateFormat.indexOf('HH:mm') > -1);
   }
   componentDidMount() {
-    const _this$props3 = this.props,
-      value = _this$props3.value,
-      lang = _this$props3.lang,
-      isInModal = _this$props3.isInModal;
+    const {
+      value,
+      lang,
+      isInModal
+    } = this.props;
     const iszhcn = lang === 'zh-cn';
     if (iszhcn) {
       now = now.locale('zh-cn');
@@ -199,15 +214,17 @@ class PCDateEditor extends _react.default.Component {
     }
   }
   render() {
-    let _this$props4 = this.props,
-      dateFormat = _this$props4.dateFormat,
-      isInModal = _this$props4.isInModal;
-    let _this$state = this.state,
-      open = _this$state.open,
-      value = _this$state.value;
+    let {
+      dateFormat,
+      isInModal
+    } = this.props;
+    let {
+      open,
+      value
+    } = this.state;
     const calendar = this.getCalender();
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "date-picker-container ".concat(isInModal ? 'modal-date-picker-container' : ''),
+      className: `date-picker-container ${isInModal ? 'modal-date-picker-container' : ''}`,
       ref: ref => this.datePickerRef = ref,
       onKeyDown: this.handleKeyDown,
       onClick: this.onClick,
@@ -223,7 +240,9 @@ class PCDateEditor extends _react.default.Component {
         onChange: this.onChange,
         onOpenChange: this.onOpenChange,
         children: _ref => {
-          let value = _ref.value;
+          let {
+            value
+          } = _ref;
           value = value && value.format(dateFormat);
           return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
             className: "dtable-ui-date-editor-container",

package/lib/DateFormatter/index.js

@@ -12,10 +12,11 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class DateFormatter extends _react.default.Component {
   render() {
-    let _this$props = this.props,
-      date = _this$props.value,
-      format = _this$props.format,
-      containerClassName = _this$props.containerClassName;
+    let {
+      value: date,
+      format,
+      containerClassName
+    } = this.props;
     let classname = (0, _classnames.default)('dtable-ui cell-formatter-container date-formatter', containerClassName);
     if (date !== '') {
       date = (0, _dtableUtils.getDateDisplayString)(date, format);

package/lib/DatePicker/index.js

@@ -46,16 +46,22 @@ class DatePicker extends React.Component {
   }
   render() {
     // tslint:disable-next-line:no-this-assignment
-    const props = this.props,
-      context = this.context;
-    const children = props.children,
-      value = props.value,
-      popupPrefixCls = props.popupPrefixCls;
+    const {
+      props,
+      context
+    } = this;
+    const {
+      children,
+      value,
+      popupPrefixCls
+    } = props;
     const locale = (0, _getLocale.getComponentLocale)(props, context, 'DatePicker', () => require('./locale/zh_CN'));
-    const okText = locale.okText,
-      dismissText = locale.dismissText,
-      extra = locale.extra,
-      DatePickerLocale = locale.DatePickerLocale;
+    const {
+      okText,
+      dismissText,
+      extra,
+      DatePickerLocale
+    } = locale;
     /**
      * 注意:
      * 受控 表示 通过设置 value 属性、组件的最终状态跟 value 设置值一致。

package/lib/DatePicker/utils.js

@@ -5,16 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.formatFn = formatFn;
 function formatIt(date, form) {
-  const pad = n => n < 10 ? "0".concat(n) : n;
-  const dateStr = "".concat(date.getFullYear(), "-").concat(pad(date.getMonth() + 1), "-").concat(pad(date.getDate()));
-  const timeStr = "".concat(pad(date.getHours()), ":").concat(pad(date.getMinutes()));
+  const pad = n => n < 10 ? `0${n}` : n;
+  const dateStr = `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+  const timeStr = `${pad(date.getHours())}:${pad(date.getMinutes())}`;
   if (form === 'YYYY-MM-DD') {
     return dateStr;
   }
   if (form === 'HH:mm') {
     return timeStr;
   }
-  return "".concat(dateStr, " ").concat(timeStr);
+  return `${dateStr} ${timeStr}`;
 }
 function formatFn(instance, value) {
   const formatsEnum = {
@@ -22,7 +22,9 @@ function formatFn(instance, value) {
     time: 'HH:mm',
     datetime: 'YYYY-MM-DD HH:mm'
   };
-  const format = instance.props.format;
+  const {
+    format
+  } = instance.props;
   const type = typeof format;
   if (type === 'string') {
     return formatIt(value, format);

package/lib/DeleteTip/index.js

@@ -21,11 +21,12 @@ class DeleteTip extends _react.default.Component {
     };
   }
   render() {
-    const _this$props = this.props,
-      toggle = _this$props.toggle,
-      handleDelete = _this$props.handleDelete,
-      position = _this$props.position,
-      deleteTip = _this$props.deleteTip;
+    const {
+      toggle,
+      handleDelete,
+      position,
+      deleteTip
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ModalPortal.default, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickOutside.default, {
         onClickOutside: this.handleOutsideClick,

package/lib/DepartmentMultipleSelectEditor/index.js

@@ -1,12 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _departments = require("../utils/departments");
 var _SelectedDepartments = _interopRequireDefault(require("../SelectedDepartments"));
@@ -14,22 +13,18 @@ var _lang = require("../lang");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 function DepartmentMultipleSelect(props) {
-  const value = props.value,
-    onCommit = props.onCommit,
-    classNamePrefix = props.classNamePrefix,
-    isShowSelectedDepartments = props.isShowSelectedDepartments,
-    renderUserDepartmentOptions = props.renderUserDepartmentOptions,
-    initialDepartments = props.departments,
-    isInModal = props.isInModal,
-    position = props.position;
-  const _useState = (0, _react.useState)(''),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    searchVal = _useState2[0],
-    setSearchVal = _useState2[1];
-  const _useState3 = (0, _react.useState)((0, _departments.getNormalizedDepartments)(initialDepartments)),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    departments = _useState4[0],
-    setDepartments = _useState4[1];
+  const {
+    value,
+    onCommit,
+    classNamePrefix,
+    isShowSelectedDepartments,
+    renderUserDepartmentOptions,
+    departments: initialDepartments,
+    isInModal,
+    position
+  } = props;
+  const [searchVal, setSearchVal] = (0, _react.useState)('');
+  const [departments, setDepartments] = (0, _react.useState)((0, _departments.getNormalizedDepartments)(initialDepartments));
   const departmentContainerRef = (0, _react.useRef)(null);
   const validDepartmentsRef = (0, _react.useRef)([]);
   (0, _react.useEffect)(() => {
@@ -39,9 +34,10 @@ function DepartmentMultipleSelect(props) {
     // eslint-disable-next-line
   }, []);
   function resetContainerPosition() {
-    const _departmentContainerR = departmentContainerRef.current.getBoundingClientRect(),
-      top = _departmentContainerR.top,
-      height = _departmentContainerR.height;
+    const {
+      top,
+      height
+    } = departmentContainerRef.current.getBoundingClientRect();
     if (isInModal) {
       if (position.y + position.height + height > window.innerHeight) {
         departmentContainerRef.current.style.top = position.y - height + 'px';
@@ -97,10 +93,12 @@ function DepartmentMultipleSelect(props) {
     e.nativeEvent.stopImmediatePropagation();
   }
   function renderDepartment(department, subDepartments, level) {
-    const hasChild = department.hasChild,
-      isExpanded = department.isExpanded,
-      name = department.name,
-      id = department.id;
+    const {
+      hasChild,
+      isExpanded,
+      name,
+      id
+    } = department;
     const newLevel = level + 1;
     const inputChecked = value.includes(id);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
@@ -112,7 +110,7 @@ function DepartmentMultipleSelect(props) {
           className: "vam department-select-input",
           checked: inputChecked,
           style: {
-            marginRight: "".concat(newLevel * 15 + 5, "px")
+            marginRight: `${newLevel * 15 + 5}px`
           },
           onChange: () => {}
         }), hasChild && !searchVal && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -120,7 +118,7 @@ function DepartmentMultipleSelect(props) {
           role: "button",
           className: "department-item-fold-btn",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: "dtable-font expand dtable-icon-down3 ".concat(isExpanded ? '' : 'rotate-270')
+            className: `dtable-font expand dtable-icon-down3 ${isExpanded ? '' : 'rotate-270'}`
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           style: searchVal ? {} : {
@@ -148,7 +146,7 @@ function DepartmentMultipleSelect(props) {
       style: getStyle(),
       onClick: onStopPropagation,
       onMouseDown: onStopPropagation,
-      className: "departments-container dtable-ui ".concat(classNamePrefix),
+      className: `departments-container dtable-ui ${classNamePrefix}`,
       children: [isShowSelectedDepartments && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "selected-departments dtable-ui",
         onClick: onClick,

package/lib/DepartmentSelectFilter/index.js

@@ -5,18 +5,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _departmentSingleSelectFilter = _interopRequireDefault(require("../DTableFiltersPopover/widgets/department-select-filter/department-single-select-filter"));
 var _departmentMultipleSelectFilter = _interopRequireDefault(require("../DTableFiltersPopover/widgets/department-select-filter/department-multiple-select-filter"));
 var _jsxRuntime = require("react/jsx-runtime");
 function DepartmentSelectFilter(props) {
-  const isMultiple = props.isMultiple,
-    value = props.value,
-    column = props.column,
-    userDepartmentIdsMap = props.userDepartmentIdsMap,
-    departments = props.departments,
-    onCommit = props.onCommit;
+  const {
+    isMultiple,
+    value,
+    column,
+    userDepartmentIdsMap,
+    departments,
+    onCommit
+  } = props;
   const filterProps = {
     column,
     value,
@@ -25,7 +26,11 @@ function DepartmentSelectFilter(props) {
     onCommit
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: isMultiple ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_departmentMultipleSelectFilter.default, (0, _objectSpread2.default)({}, filterProps)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_departmentSingleSelectFilter.default, (0, _objectSpread2.default)({}, filterProps))
+    children: isMultiple ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_departmentMultipleSelectFilter.default, {
+      ...filterProps
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_departmentSingleSelectFilter.default, {
+      ...filterProps
+    })
   });
 }
 var _default = exports.default = DepartmentSelectFilter;