rsuite 5.28.3 → 5.30.0

package/esm/Overlay/OverlayTrigger.js

@@ -98,7 +98,8 @@ var OverlayTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _usePortal = usePortal({
     container: container
   }),
-      Portal = _usePortal.Portal;
+      Portal = _usePortal.Portal,
+      containerElement = _usePortal.target;
 
   var triggerRef = useRef();
   var overlayRef = useRef();
@@ -345,7 +346,7 @@ var OverlayTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }) : undefined,
       onExited: createChainedFunction(followCursor ? handleExited : undefined, onExited),
       placement: placement,
-      container: container,
+      container: containerElement,
       open: open
     });
 

package/esm/utils/dateUtils.d.ts

@@ -41,6 +41,7 @@ export declare type CalendarOnlyPropsType = 'disabledHours' | 'disabledMinutes'
 export declare const calendarOnlyProps: CalendarOnlyPropsType[];
 /**
  * Verify that the time is valid.
+ *
  * @param props
  * @param date
  */

package/esm/utils/dateUtils.js

@@ -57,15 +57,21 @@ function validTime(calendarProps, date) {
 
   return Object.keys(calendarProps).some(function (key) {
     if (/(Hours)/.test(key)) {
-      return calendarProps[key](getHours(date), date);
+      var _calendarProps$key;
+
+      return (_calendarProps$key = calendarProps[key]) === null || _calendarProps$key === void 0 ? void 0 : _calendarProps$key.call(calendarProps, getHours(date), date);
     }
 
     if (/(Minutes)/.test(key)) {
-      return calendarProps[key](getMinutes(date), date);
+      var _calendarProps$key2;
+
+      return (_calendarProps$key2 = calendarProps[key]) === null || _calendarProps$key2 === void 0 ? void 0 : _calendarProps$key2.call(calendarProps, getMinutes(date), date);
     }
 
     if (/(Seconds)/.test(key)) {
-      return calendarProps[key](getSeconds(date), date);
+      var _calendarProps$key3;
+
+      return (_calendarProps$key3 = calendarProps[key]) === null || _calendarProps$key3 === void 0 ? void 0 : _calendarProps$key3.call(calendarProps, getSeconds(date), date);
     }
 
     return false;
@@ -73,6 +79,7 @@ function validTime(calendarProps, date) {
 }
 /**
  * Verify that the time is valid.
+ *
  * @param props
  * @param date
  */

package/esm/utils/deprecatePropType.d.ts

@@ -7,5 +7,10 @@ import * as PropTypes from 'prop-types';
 export default function deprecatePropType<T extends PropTypes.Validator<any>>(propType: T, explanation?: string): typeof propType;
 /**
  * Prints deprecation message when user uses a deprecated prop
+ *
+ * @example
+ *
+ *   deprecatePropTypeNew(PropTypes.bool, 'Use Dropdown.Separator component instead.')
+ *
  */
 export declare function deprecatePropTypeNew<T extends PropTypes.Validator<any>>(propType: T, explanation?: string): typeof propType;

package/esm/utils/deprecatePropType.js

@@ -23,6 +23,11 @@ export default function deprecatePropType(propType, explanation) {
 }
 /**
  * Prints deprecation message when user uses a deprecated prop
+ *
+ * @example
+ *
+ *   deprecatePropTypeNew(PropTypes.bool, 'Use Dropdown.Separator component instead.')
+ *
  */
 
 export function deprecatePropTypeNew(propType, explanation) {

package/esm/utils/usePortal.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import React, { useRef, useEffect, useState, useCallback } from 'react';
+import React, { useEffect, useState, useCallback, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import canUseDOM from 'dom-lib/canUseDOM';
 var MountedPortal = /*#__PURE__*/React.memo(function (_ref) {
@@ -30,24 +30,21 @@ function usePortal(props) {
       container = _props.container,
       _props$waitMount = _props.waitMount,
       waitMount = _props$waitMount === void 0 ? false : _props$waitMount;
-  var rootElemRef = useRef(canUseDOM ? document.body : null);
-  useEffect(function () {
-    var containerElement = typeof container === 'function' ? container() : container; // Parent is either a new root or the existing dom element
-
-    var parentElement = containerElement || document.body;
-    rootElemRef.current = parentElement;
-  }, [rootElemRef, container]);
+  var containerElement = typeof container === 'function' ? container() : container;
+  var rootElement = useMemo(function () {
+    return canUseDOM ? containerElement || document.body : null;
+  }, [containerElement]);
   var Portal = useCallback(function (_ref2) {
     var children = _ref2.children;
-    return rootElemRef.current != null ? /*#__PURE__*/createPortal(children, rootElemRef.current) : null;
-  }, []);
+    return rootElement != null ? /*#__PURE__*/createPortal(children, rootElement) : null;
+  }, [rootElement]);
   var WaitMountPortal = useCallback(function (props) {
     return /*#__PURE__*/React.createElement(MountedPortal, _extends({
-      container: rootElemRef.current
+      container: rootElement
     }, props));
-  }, []);
+  }, [rootElement]);
   return {
-    target: rootElemRef.current,
+    target: rootElement,
     Portal: waitMount ? WaitMountPortal : Portal
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.28.3",
+  "version": "5.30.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",