dtable-ui-component 6.0.49 → 6.0.50

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

@@ -18,6 +18,7 @@ var _editorUtils = require("../../utils/editor-utils");
 var _MobileFullScreenPage = _interopRequireDefault(require("../../MobileFullScreenPage"));
 require("@seafile/seafile-calendar/assets/index.css");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 let now = (0, _dayjs.default)();
 const {
   Header,
@@ -76,7 +77,7 @@ class MBDateEditor extends _react.default.PureComponent {
       const {
         time
       } = this.state;
-      const calendar = /*#__PURE__*/_react.default.createElement(_seafileCalendar.default, {
+      const calendar = /*#__PURE__*/(0, _jsxRuntime.jsx)(_seafileCalendar.default, {
         className: (0, _classnames.default)('dtable-rc-calendar', className),
         locale: (0, _editorUtils.initDateEditorLanguage)(lang),
         format: this.format,
@@ -91,7 +92,7 @@ class MBDateEditor extends _react.default.PureComponent {
         },
         firstDayOfWeek: firstDayOfWeek
       });
-      return /*#__PURE__*/_react.default.createElement(_Picker.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Picker.default, {
         calendar: calendar,
         value: time,
         onChange: this.onChange,
@@ -99,26 +100,28 @@ class MBDateEditor extends _react.default.PureComponent {
         open: true,
         style: {
           width: '100%'
+        },
+        children: _ref => {
+          let {
+            time
+          } = _ref;
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            tabIndex: "0",
+            onFocus: this.onReadOnlyFocus,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+              placeholder: (0, _lang.getLocale)('please_select'),
+              readOnly: true,
+              tabIndex: "-1",
+              className: "ant-calendar-picker-input ant-input form-control",
+              value: time ? (0, _dayjs.default)(time).format(this.getFormat()) : ''
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              ref: this.calendarContainerRef,
+              style: {
+                height: '22rem'
+              }
+            })]
+          });
         }
-      }, _ref => {
-        let {
-          time
-        } = _ref;
-        return /*#__PURE__*/_react.default.createElement("div", {
-          tabIndex: "0",
-          onFocus: this.onReadOnlyFocus
-        }, /*#__PURE__*/_react.default.createElement("input", {
-          placeholder: (0, _lang.getLocale)('please_select'),
-          readOnly: true,
-          tabIndex: "-1",
-          className: "ant-calendar-picker-input ant-input form-control",
-          value: time ? (0, _dayjs.default)(time).format(this.getFormat()) : ''
-        }), /*#__PURE__*/_react.default.createElement("div", {
-          ref: this.calendarContainerRef,
-          style: {
-            height: '22rem'
-          }
-        }));
       });
     };
     const {
@@ -161,54 +164,73 @@ class MBDateEditor extends _react.default.PureComponent {
     const {
       time
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_MobileFullScreenPage.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MobileFullScreenPage.default, {
       className: "dtable-ui-mobile-date-editor",
-      onClose: this.props.onClose
-    }, /*#__PURE__*/_react.default.createElement(Header, {
-      onLeftClick: this.props.onClose,
-      onRightClick: this.onSave
-    }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _lang.getLocale)('Cancel')), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, column.name), /*#__PURE__*/_react.default.createElement("span", {
-      style: {
-        color: '#f09f3f'
-      }
-    }, (0, _lang.getLocale)('Done'))), /*#__PURE__*/_react.default.createElement(Body, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-mobile-date-editor-input"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-input",
-      style: showHourAndMinute ? {
-        width: '50%'
-      } : {
-        width: '100%'
-      }
-    }, /*#__PURE__*/_react.default.createElement(_DatePicker.default, {
-      mode: "date",
-      minDate: _editorUtils.minDate,
-      maxDate: _editorUtils.maxDate,
-      locale: (0, _editorUtils.initDateEditorLanguage)(lang),
-      value: null,
-      onChange: this.handleDateChange
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-input-day"
-    }, (0, _dayjs.default)(time).format(this.leftFormat)))), showHourAndMinute && /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-input",
-      style: {
-        width: '50%'
-      }
-    }, /*#__PURE__*/_react.default.createElement(_DatePicker.default, {
-      mode: "time",
-      locale: (0, _editorUtils.initDateEditorLanguage)(lang),
-      value: null,
-      onChange: this.handleTimeChange
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-input-day"
-    }, (0, _dayjs.default)(time).format(this.rightFormat))))), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui dtable-ui-mobile-date-editor-picker"
-    }, this.renderCalender()), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-mobile-date-editor-clear"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      onClick: this.deleteDate,
-      className: "clear-date"
-    }, (0, _lang.getLocale)('Clear')))));
+      onClose: this.props.onClose,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Header, {
+        onLeftClick: this.props.onClose,
+        onRightClick: this.onSave,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: (0, _lang.getLocale)('Cancel')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: column.name
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          style: {
+            color: '#f09f3f'
+          },
+          children: (0, _lang.getLocale)('Done')
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Body, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-mobile-date-editor-input",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "date-input",
+            style: showHourAndMinute ? {
+              width: '50%'
+            } : {
+              width: '100%'
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
+              mode: "date",
+              minDate: _editorUtils.minDate,
+              maxDate: _editorUtils.maxDate,
+              locale: (0, _editorUtils.initDateEditorLanguage)(lang),
+              value: null,
+              onChange: this.handleDateChange,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: "date-input-day",
+                children: (0, _dayjs.default)(time).format(this.leftFormat)
+              })
+            })
+          }), showHourAndMinute && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "date-input",
+            style: {
+              width: '50%'
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
+              mode: "time",
+              locale: (0, _editorUtils.initDateEditorLanguage)(lang),
+              value: null,
+              onChange: this.handleTimeChange,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: "date-input-day",
+                children: (0, _dayjs.default)(time).format(this.rightFormat)
+              })
+            })
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "dtable-ui dtable-ui-mobile-date-editor-picker",
+          children: this.renderCalender()
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "dtable-ui-mobile-date-editor-clear",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            onClick: this.deleteDate,
+            className: "clear-date",
+            children: (0, _lang.getLocale)('Clear')
+          })
+        })]
+      })]
+    });
   }
 }
 var _default = exports.default = MBDateEditor;

package/lib/DateEditor/pc-editor.js

@@ -14,6 +14,7 @@ var _editorUtils = require("../utils/editor-utils");
 var _constants = require("../constants");
 var _lang = require("../lang");
 require("@seafile/seafile-calendar/assets/index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 let now = (0, _dayjs.default)();
 class PCDateEditor extends _react.default.Component {
   constructor(props) {
@@ -143,7 +144,7 @@ class PCDateEditor extends _react.default.Component {
       } = this.props;
       let defaultValue = (0, _dayjs.default)().clone();
       const defaultTime = this.getDefaultTime();
-      return /*#__PURE__*/_react.default.createElement(_seafileCalendar.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_seafileCalendar.default, {
         className: (0, _classnames.default)('dtable-rc-calendar', className),
         locale: (0, _editorUtils.initDateEditorLanguage)(lang),
         style: {
@@ -222,42 +223,45 @@ class PCDateEditor extends _react.default.Component {
       value
     } = this.state;
     const calendar = this.getCalender();
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "date-picker-container ".concat(isInModal ? 'modal-date-picker-container' : ''),
       ref: ref => this.datePickerRef = ref,
       onKeyDown: this.handleKeyDown,
-      onClick: this.onClick
-    }, /*#__PURE__*/_react.default.createElement(_Picker.default, {
-      open: open,
-      value: value,
-      animation: "slide-up",
-      style: {
-        zIndex: 1001
-      },
-      calendar: calendar,
-      getCalendarContainer: this.getCalendarContainer,
-      onChange: this.onChange,
-      onOpenChange: this.onOpenChange
-    }, _ref => {
-      let {
-        value
-      } = _ref;
-      value = value && value.format(dateFormat);
-      return /*#__PURE__*/_react.default.createElement("span", {
-        className: "dtable-ui-date-editor-container",
-        tabIndex: "0",
-        onFocus: this.onFocusDatePicker
-      }, /*#__PURE__*/_react.default.createElement("input", {
-        readOnly: true,
-        tabIndex: "-1",
-        className: "form-control",
-        placeholder: (0, _lang.getLocale)('Please_select'),
-        value: value || '',
-        onMouseDown: this.handleMouseDown
-      }), /*#__PURE__*/_react.default.createElement("div", {
-        ref: this.calendarContainerRef
-      }));
-    }));
+      onClick: this.onClick,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Picker.default, {
+        open: open,
+        value: value,
+        animation: "slide-up",
+        style: {
+          zIndex: 1001
+        },
+        calendar: calendar,
+        getCalendarContainer: this.getCalendarContainer,
+        onChange: this.onChange,
+        onOpenChange: this.onOpenChange,
+        children: _ref => {
+          let {
+            value
+          } = _ref;
+          value = value && value.format(dateFormat);
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+            className: "dtable-ui-date-editor-container",
+            tabIndex: "0",
+            onFocus: this.onFocusDatePicker,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+              readOnly: true,
+              tabIndex: "-1",
+              className: "form-control",
+              placeholder: (0, _lang.getLocale)('Please_select'),
+              value: value || '',
+              onMouseDown: this.handleMouseDown
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              ref: this.calendarContainerRef
+            })]
+          });
+        }
+      })
+    });
   }
 }
 var _default = exports.default = PCDateEditor;

package/lib/DateFormatter/index.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _dtableUtils = require("dtable-utils");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class DateFormatter extends _react.default.Component {
   render() {
     let {
@@ -20,10 +21,11 @@ class DateFormatter extends _react.default.Component {
     if (date !== '') {
       date = (0, _dtableUtils.getDateDisplayString)(date, format);
     }
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       title: date,
-      className: classname
-    }, date);
+      className: classname,
+      children: date
+    });
   }
 }
 DateFormatter.defaultProps = {

package/lib/DeleteTip/index.js

@@ -10,6 +10,7 @@ var _ClickOutside = _interopRequireDefault(require("../ClickOutside"));
 var _ModalPortal = _interopRequireDefault(require("../ModalPortal"));
 var _lang = require("../lang");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class DeleteTip extends _react.default.Component {
   constructor() {
     super(...arguments);
@@ -26,26 +27,34 @@ class DeleteTip extends _react.default.Component {
       position,
       deleteTip
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_ModalPortal.default, null, /*#__PURE__*/_react.default.createElement(_ClickOutside.default, {
-      onClickOutside: this.handleOutsideClick
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      ref: node => this.tipContainer = node,
-      className: "dtable-tip tip-container",
-      style: {
-        top: position.top,
-        left: position.left
-      }
-    }, /*#__PURE__*/_react.default.createElement("b", {
-      className: "mb-4"
-    }, deleteTip), /*#__PURE__*/_react.default.createElement("div", {
-      className: "d-flex justify-content-end"
-    }, /*#__PURE__*/_react.default.createElement("button", {
-      className: "btn btn-secondary mr-2",
-      onClick: toggle
-    }, (0, _lang.getLocale)('Cancel')), /*#__PURE__*/_react.default.createElement("button", {
-      className: "btn btn-primary",
-      onClick: handleDelete
-    }, (0, _lang.getLocale)('Delete'))))));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ModalPortal.default, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickOutside.default, {
+        onClickOutside: this.handleOutsideClick,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          ref: node => this.tipContainer = node,
+          className: "dtable-tip tip-container",
+          style: {
+            top: position.top,
+            left: position.left
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+            className: "mb-4",
+            children: deleteTip
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "d-flex justify-content-end",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+              className: "btn btn-secondary mr-2",
+              onClick: toggle,
+              children: (0, _lang.getLocale)('Cancel')
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+              className: "btn btn-primary",
+              onClick: handleDelete,
+              children: (0, _lang.getLocale)('Delete')
+            })]
+          })]
+        })
+      })
+    });
   }
 }
 var _default = exports.default = DeleteTip;

package/lib/DepartmentMultipleSelectEditor/index.js

@@ -11,6 +11,7 @@ var _departments = require("../utils/departments");
 var _SelectedDepartments = _interopRequireDefault(require("../SelectedDepartments"));
 var _lang = require("../lang");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 function DepartmentMultipleSelect(props) {
   const {
     value,
@@ -100,32 +101,35 @@ function DepartmentMultipleSelect(props) {
     } = department;
     const newLevel = level + 1;
     const inputChecked = value.includes(id);
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-      key: id
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "department-item",
-      onClick: event => onSelectDepartment(event, id)
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      type: "checkbox",
-      className: "vam department-select-input",
-      checked: inputChecked,
-      style: {
-        marginRight: "".concat(newLevel * 15 + 5, "px")
-      },
-      onChange: () => {}
-    }), hasChild && !searchVal && /*#__PURE__*/_react.default.createElement("div", {
-      onClick: event => onExpand(event, id, isExpanded),
-      role: "button",
-      className: "department-item-fold-btn"
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "dtable-font expand dtable-icon-down3 ".concat(isExpanded ? '' : 'rotate-270')
-    })), /*#__PURE__*/_react.default.createElement("span", {
-      style: searchVal ? {} : {
-        paddingLeft: hasChild ? '' : '16px'
-      },
-      title: name,
-      className: "text-truncate"
-    }, name)), isExpanded && hasChild && renderSubDepartments(id, subDepartments, newLevel));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "department-item",
+        onClick: event => onSelectDepartment(event, id),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+          type: "checkbox",
+          className: "vam department-select-input",
+          checked: inputChecked,
+          style: {
+            marginRight: "".concat(newLevel * 15 + 5, "px")
+          },
+          onChange: () => {}
+        }), hasChild && !searchVal && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          onClick: event => onExpand(event, id, isExpanded),
+          role: "button",
+          className: "department-item-fold-btn",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "dtable-font expand dtable-icon-down3 ".concat(isExpanded ? '' : 'rotate-270')
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          style: searchVal ? {} : {
+            paddingLeft: hasChild ? '' : '16px'
+          },
+          title: name,
+          className: "text-truncate",
+          children: name
+        })]
+      }), isExpanded && hasChild && renderSubDepartments(id, subDepartments, newLevel)]
+    }, id);
   }
   function renderSearchedDepartments() {
     return validDepartmentsRef.current.map(department => {
@@ -137,33 +141,37 @@ 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.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ref: departmentContainerRef,
       style: getStyle(),
       onClick: onStopPropagation,
       onMouseDown: onStopPropagation,
-      className: "departments-container dtable-ui ".concat(classNamePrefix)
-    }, isShowSelectedDepartments && /*#__PURE__*/_react.default.createElement("div", {
-      className: "selected-departments dtable-ui",
-      onClick: onClick
-    }, /*#__PURE__*/_react.default.createElement(_SelectedDepartments.default, {
-      value: value,
-      removeDepartment: onCommit,
-      isShowRemoveIcon: true,
-      departments: departments
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "search-departments"
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      className: "form-control",
-      type: "text",
-      autoFocus: true,
-      placeholder: (0, _lang.getLocale)('Search_department'),
-      value: searchVal,
-      onChange: onChangeSearch,
-      onClick: onClick
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "department-item-container"
-    }, !searchVal && renderUserDepartmentOptions && renderUserDepartmentOptions(), validDepartmentsRef.current.length > 0 && searchVal && renderSearchedDepartments(), !searchVal && renderDepartment(topDepartment, subDepartments, level)));
+      className: "departments-container dtable-ui ".concat(classNamePrefix),
+      children: [isShowSelectedDepartments && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "selected-departments dtable-ui",
+        onClick: onClick,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectedDepartments.default, {
+          value: value,
+          removeDepartment: onCommit,
+          isShowRemoveIcon: true,
+          departments: departments
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "search-departments",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+          className: "form-control",
+          type: "text",
+          autoFocus: true,
+          placeholder: (0, _lang.getLocale)('Search_department'),
+          value: searchVal,
+          onChange: onChangeSearch,
+          onClick: onClick
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "department-item-container",
+        children: [!searchVal && renderUserDepartmentOptions && renderUserDepartmentOptions(), validDepartmentsRef.current.length > 0 && searchVal && renderSearchedDepartments(), !searchVal && renderDepartment(topDepartment, subDepartments, level)]
+      })]
+    });
   }
   return renderDepartments();
 }

package/lib/DepartmentSelectFilter/index.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 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,
@@ -24,6 +25,12 @@ function DepartmentSelectFilter(props) {
     departments,
     onCommit
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isMultiple ? /*#__PURE__*/_react.default.createElement(_departmentMultipleSelectFilter.default, filterProps) : /*#__PURE__*/_react.default.createElement(_departmentSingleSelectFilter.default, filterProps));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: isMultiple ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_departmentMultipleSelectFilter.default, {
+      ...filterProps
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_departmentSingleSelectFilter.default, {
+      ...filterProps
+    })
+  });
 }
 var _default = exports.default = DepartmentSelectFilter;

package/lib/DepartmentSingleSelectEditor/index.js

@@ -10,25 +10,34 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
+var _jsxRuntime = require("react/jsx-runtime");
 const DepartmentSingleSelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     isMobile,
     ...props
   } = _ref;
-  if (isMobile === false) return /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
+  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+    ...props,
     ref: ref
-  }));
-  if (isMobile === true) return /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
+  });
+  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+    ...props,
     ref: ref
-  }));
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: '(min-width: 768px)'
-  }, /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: '(max-width: 768px)'
-  }, /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
-    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, {
+        ...props,
+        ref: ref
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: '(max-width: 768px)',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
+        ref: ref
+      })
+    })]
+  });
 });
 var _default = exports.default = DepartmentSingleSelectEditor;