rsuite 5.28.3 → 5.30.0

package/cjs/DateRangePicker/DateRangePickerContext.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+exports.__esModule = true;
+exports.useDateRangePickerContext = exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var DateRangePickerContext = /*#__PURE__*/_react.default.createContext({});
+
+var _default = DateRangePickerContext;
+exports.default = _default;
+
+var useDateRangePickerContext = function useDateRangePickerContext() {
+  return (0, _react.useContext)(DateRangePickerContext) || {};
+};
+
+exports.useDateRangePickerContext = useDateRangePickerContext;

package/cjs/Overlay/Modal.js

@@ -19,8 +19,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _contains = _interopRequireDefault(require("dom-lib/contains"));
 
-var _getContainer = _interopRequireDefault(require("dom-lib/getContainer"));
-
 var _on = _interopRequireDefault(require("dom-lib/on"));
 
 var _ModalManager = _interopRequireDefault(require("./ModalManager"));
@@ -112,7 +110,8 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _usePortal = (0, _utils2.usePortal)({
     container: container
   }),
-      Portal = _usePortal.Portal;
+      Portal = _usePortal.Portal,
+      containerElement = _usePortal.target;
 
   var modal = useModalManager();
 
@@ -163,8 +162,9 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var documentKeyDownListener = (0, _react.useRef)();
   var documentFocusListener = (0, _react.useRef)();
   var handleOpen = (0, _utils2.useEventCallback)(function () {
-    var containerElement = (0, _getContainer.default)(container, document.body);
-    modal.add(containerElement, containerClassName);
+    if (containerElement) {
+      modal.add(containerElement, containerClassName);
+    }
 
     if (!documentKeyDownListener.current) {
       documentKeyDownListener.current = (0, _on.default)(document, 'keydown', handleDocumentKeyDown);

package/cjs/Overlay/OverlayTrigger.js

@@ -120,7 +120,8 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
   var _usePortal = (0, _utils.usePortal)({
     container: container
   }),
-      Portal = _usePortal.Portal;
+      Portal = _usePortal.Portal,
+      containerElement = _usePortal.target;
 
   var triggerRef = (0, _react.useRef)();
   var overlayRef = (0, _react.useRef)();
@@ -367,7 +368,7 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       }) : undefined,
       onExited: (0, _utils.createChainedFunction)(followCursor ? handleExited : undefined, onExited),
       placement: placement,
-      container: container,
+      container: containerElement,
       open: open
     });
     var speakerProps = {

package/cjs/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/cjs/utils/dateUtils.js

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

package/cjs/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/cjs/utils/deprecatePropType.js

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

package/cjs/utils/usePortal.js

@@ -43,24 +43,21 @@ function usePortal(props) {
       container = _props.container,
       _props$waitMount = _props.waitMount,
       waitMount = _props$waitMount === void 0 ? false : _props$waitMount;
-  var rootElemRef = (0, _react.useRef)(_canUseDOM.default ? document.body : null);
-  (0, _react.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 = (0, _react.useMemo)(function () {
+    return _canUseDOM.default ? containerElement || document.body : null;
+  }, [containerElement]);
   var Portal = (0, _react.useCallback)(function (_ref2) {
     var children = _ref2.children;
-    return rootElemRef.current != null ? /*#__PURE__*/(0, _reactDom.createPortal)(children, rootElemRef.current) : null;
-  }, []);
+    return rootElement != null ? /*#__PURE__*/(0, _reactDom.createPortal)(children, rootElement) : null;
+  }, [rootElement]);
   var WaitMountPortal = (0, _react.useCallback)(function (props) {
     return /*#__PURE__*/_react.default.createElement(MountedPortal, (0, _extends2.default)({
-      container: rootElemRef.current
+      container: rootElement
     }, props));
-  }, []);
+  }, [rootElement]);
   return {
-    target: rootElemRef.current,
+    target: rootElement,
     Portal: waitMount ? WaitMountPortal : Portal
   };
 }