@cashub/ui 0.31.0 → 0.32.0

package/modal/TitleModal.js

@@ -8,6 +8,7 @@ var _react = require("react");
 var _reactDom = _interopRequireWildcard(require("react-dom"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _md = require("react-icons/md");
+var _hooks = require("@cashub/hooks");
 var _utils = require("@cashub/utils");
 var _media = _interopRequireDefault(require("../styles/mixin/media"));
 var _scrollbar = _interopRequireDefault(require("../styles/mixin/scrollbar"));
@@ -112,11 +113,11 @@ const ModalBody = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
     } = _ref3,
     props = _objectWithoutProperties(_ref3, _excluded);
   const ownRef = (0, _react.useRef)(null);
-  const bodyRef = ref || ownRef;
-  const recalculateHeight = () => {
+  const bodyRef = (0, _hooks.useForkRef)(ownRef, ref);
+  const recalculateHeight = (0, _react.useCallback)(() => {
     // body element not render yet
-    if (!bodyRef.current) return;
-    const ModalBodyElement = bodyRef.current;
+    if (!ownRef.current) return;
+    const ModalBodyElement = ownRef.current;
     const ModalHeaderElement = ModalBodyElement.previousSibling;
     const ModalFooterElement = ModalBodyElement.nextSibling;
     let needSubtractHeight = 0;
@@ -127,12 +128,12 @@ const ModalBody = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
       needSubtractHeight += ModalFooterElement.offsetHeight;
     }
     ModalBodyElement.style.maxHeight = "calc(90vh - ".concat(needSubtractHeight, "px)");
-  };
+  }, []);
   (0, _react.useEffect)(() => {
     recalculateHeight();
     window.addEventListener('resize', recalculateHeight);
     return () => window.removeEventListener('resize', recalculateHeight);
-  }, []);
+  }, [recalculateHeight]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Body, _objectSpread(_objectSpread({
     ref: bodyRef
   }, props), {}, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.31.0",
+  "version": "0.32.0",
   "private": false,
   "author": "CasHUB Team",
   "description": "CasHUB UI components library",

package/select/Select.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
+var _reactDom = require("react-dom");
 var _reactI18next = require("react-i18next");
 var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -534,7 +535,7 @@ const Select = _ref => {
           "aria-haspopup": "listbox",
           "aria-expanded": display
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ListBox.default, _objectSpread(_objectSpread({
+      }), /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/(0, _jsxRuntime.jsxs)(_ListBox.default, _objectSpread(_objectSpread({
         role: "listbox",
         tabIndex: "0",
         id: id,
@@ -558,7 +559,7 @@ const Select = _ref => {
             children: "No results found"
           })
         })]
-      }))]
+      })), document.body)]
     })
   });
 };