dtable-ui-component 6.0.115 → 6.0.116-beta.jh1

package/lib/DTableSelect/index.js

@@ -28,7 +28,8 @@ class DTableSelect extends _react.default.Component {
       form,
       customFilterOption,
       autoFocus,
-      className
+      className,
+      closeMenuOnSelect
     } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.default, {
       value: value,
@@ -52,6 +53,7 @@ class DTableSelect extends _react.default.Component {
       menuShouldScrollIntoView: true,
       menuPortalTarget: document.querySelector(this.props.menuPortalTarget),
       captureMenuScroll: false,
+      closeMenuOnSelect: closeMenuOnSelect,
       hideSelectedOptions: false,
       noOptionsMessage: noOptionsMessage,
       isDisabled: isDisabled,
@@ -72,6 +74,7 @@ DTableSelect.defaultProps = {
   placeholder: '',
   isMulti: false,
   autoFocus: false,
+  closeMenuOnSelect: true,
   menuPortalTarget: '.modal',
   noOptionsMessage: () => {
     return null;

package/lib/ImagePreviewerLightbox/index.js

@@ -85,6 +85,14 @@ function ImagePreviewerLightbox(props) {
       children: ["(", currentImageIndex + 1, "/", imagesLength, ")"]
     })]
   });
+  const moveToPrevRowImage = () => {
+    setCurrentImageIndex(0);
+    props.moveToPrevRowImage && props.moveToPrevRowImage();
+  };
+  const moveToNextRowImage = () => {
+    setCurrentImageIndex(0);
+    props.moveToNextRowImage && props.moveToNextRowImage();
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactImageLightbox.default, {
     imageItems: imageSrcList,
     currentIndex: currentImageIndex,
@@ -100,8 +108,8 @@ function ImagePreviewerLightbox(props) {
     onCloseRequest: props.closeImagePopup,
     onMovePrevRequest: props.moveToPrevImage,
     onMoveNextRequest: props.moveToNextImage,
-    onClickMoveUp: props.moveToPrevRowImage,
-    onClickMoveDown: props.moveToNextRowImage,
+    onClickMoveUp: moveToPrevRowImage,
+    onClickMoveDown: moveToNextRowImage,
     onViewOriginal: props.onViewOriginal,
     onRotateImage: canRotateImage ? deg => {
       onRotateImage(currentImageIndex, deg);

package/lib/RoleStatusEditor/index.css

@@ -21,6 +21,7 @@
 
 .role-status-editor .dropdown-menu {
   max-width: 200px;
+  overflow-y: auto;
 }
 
 .role-status-editor .dropdown-menu .dropdown-item {

package/lib/RoleStatusEditor/index.js

@@ -20,6 +20,18 @@ const RoleStatusEditor = _ref => {
     closeShowDropdownIcon
   } = _ref;
   const [isOpen, setIsOpen] = (0, _react.useState)(false);
+  // set max height to 320px
+  const [menuMaxHeight, setMenuMaxHeight] = (0, _react.useState)(320);
+  const toggleRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (isOpen && toggleRef.current) {
+      const rect = toggleRef.current.getBoundingClientRect();
+      const spaceBelow = window.innerHeight - rect.bottom - 8;
+      const spaceAbove = rect.top - 8;
+      const maxAvailable = Math.max(spaceBelow, spaceAbove);
+      setMenuMaxHeight(Math.min(maxAvailable, 320));
+    }
+  }, [isOpen]);
   const handleClickMenuOption = menuOption => {
     const {
       value
@@ -33,6 +45,7 @@ const RoleStatusEditor = _ref => {
     className: "role-status-editor",
     toggle: () => setIsOpen(!isOpen),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.DropdownToggle, {
+      innerRef: toggleRef,
       className: "dropdown-toggle-button d-flex align-items-center",
       tag: "div",
       children: [currentOption.label, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -45,6 +58,9 @@ const RoleStatusEditor = _ref => {
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.DropdownMenu, {
       className: "position-fixed",
+      style: {
+        maxHeight: menuMaxHeight
+      },
       modifiers: [{
         name: 'preventOverflow',
         options: {

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "dtable-ui-component",
-  "version": "6.0.115",
+  "version": "6.0.116-beta.jh1",
   "main": "./lib/index.js",
   "dependencies": {
-    "@seafile/react-image-lightbox": "^5.0.7",
+    "@seafile/react-image-lightbox": "^5.0.8",
     "@seafile/seafile-calendar": "^1.0.10",
-    "@seafile/seafile-editor": "^3.0.32",
+    "@seafile/seafile-editor": "^3.0.34",
     "classnames": "~2.5.*",
     "dayjs": "1.10.7",
     "dtable-utils": "~5.0.27",
@@ -136,7 +136,7 @@
     "terser-webpack-plugin": "^5.2.5",
     "url-loader": "^4.1.1",
     "webpack": "^5.105.4",
-    "webpack-dev-server": "^5.2.3",
+    "webpack-dev-server": "^5.2.4",
     "worker-loader": "3.0.8"
   }
 }