rsuite 5.28.3 → 5.29.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [5.29.0](https://github.com/rsuite/rsuite/compare/v5.28.3...v5.29.0) (2023-03-24)
+
+### Bug Fixes
+
+- **Affix:** fix misalignment due to DOM content updates ([#3124](https://github.com/rsuite/rsuite/issues/3124)) ([76d21e9](https://github.com/rsuite/rsuite/commit/76d21e9e950da8c2df52d1fbc96abcada633d908))
+- **Picker:** fix async container update cause offset error ([#3126](https://github.com/rsuite/rsuite/issues/3126)) ([c3e15c5](https://github.com/rsuite/rsuite/commit/c3e15c512319b0240236e35a5b28432bea1d25f3))
+
 ## [5.28.3](https://github.com/rsuite/rsuite/compare/v5.28.2...v5.28.3) (2023-03-17)
 
 ### Bug Fixes

package/cjs/Affix/Affix.d.ts

@@ -1,11 +1,13 @@
-import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+import { Offset, RsRefForwardingComponent, WithAsProps } from '../@types/common';
 export interface AffixProps extends WithAsProps {
+    /** Specify the container. */
+    container?: HTMLElement | (() => HTMLElement);
     /** Distance from top */
     top?: number;
     /** Callback after the state changes. */
     onChange?: (fixed?: boolean) => void;
-    /** Specify the container. */
-    container?: HTMLElement | (() => HTMLElement);
+    /** Callback after the offset changes. */
+    onOffsetChange?: (offset?: Offset) => void;
 }
 declare const Affix: RsRefForwardingComponent<'div', AffixProps>;
 export default Affix;

package/cjs/Affix/Affix.js

@@ -15,6 +15,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+
 var _getOffset = _interopRequireDefault(require("dom-lib/getOffset"));
 
 var _utils = require("../utils");
@@ -22,14 +24,26 @@ var _utils = require("../utils");
 /**
  * Get the layout size and offset of the mount element
  */
-function useOffset(mountRef) {
+function useOffset(mountRef, onOffsetChange) {
   var _useState = (0, _react.useState)(null),
       offset = _useState[0],
       setOffset = _useState[1];
 
   var updateOffset = (0, _react.useCallback)(function () {
-    setOffset((0, _getOffset.default)(mountRef.current));
-  }, [mountRef]); // Update after the element size changes
+    if (!mountRef.current) {
+      return;
+    }
+
+    var newOffset = (0, _getOffset.default)(mountRef.current);
+
+    if ((newOffset === null || newOffset === void 0 ? void 0 : newOffset.height) !== (offset === null || offset === void 0 ? void 0 : offset.height) || (newOffset === null || newOffset === void 0 ? void 0 : newOffset.width) !== (offset === null || offset === void 0 ? void 0 : offset.width) || (newOffset === null || newOffset === void 0 ? void 0 : newOffset.top) !== (offset === null || offset === void 0 ? void 0 : offset.top) || (newOffset === null || newOffset === void 0 ? void 0 : newOffset.left) !== (offset === null || offset === void 0 ? void 0 : offset.left)) {
+      setOffset(newOffset);
+
+      if (offset !== null && newOffset !== null) {
+        onOffsetChange === null || onOffsetChange === void 0 ? void 0 : onOffsetChange(newOffset);
+      }
+    }
+  }, [mountRef, offset, onOffsetChange]); // Update after the element size changes
 
   (0, _utils.useElementResize)(function () {
     return mountRef.current;
@@ -37,7 +51,9 @@ function useOffset(mountRef) {
 
   (0, _utils.useMount)(updateOffset); // Update after window size changes
 
-  (0, _utils.useEventListener)(window, 'resize', updateOffset, false);
+  (0, _utils.useEventListener)(window, 'resize', updateOffset, false); // Update after window scroll
+
+  (0, _utils.useEventListener)(window, 'scroll', (0, _debounce.default)(updateOffset, 100), false);
   return offset;
 }
 /**
@@ -80,7 +96,7 @@ function useFixed(offset, containerOffset, props) {
 
     var scrollY = window.scrollY || window.pageYOffset; // When the scroll distance exceeds the element's top value, it is fixed.
 
-    var nextFixed = scrollY - (Number(offset.top) - Number(top)) >= 0; // If the current element is specified in the container,
+    var nextFixed = scrollY - (Number(offset === null || offset === void 0 ? void 0 : offset.top) - Number(top)) >= 0; // If the current element is specified in the container,
     // add to determine whether the current container is in the window range.
 
     if (containerOffset) {
@@ -91,7 +107,7 @@ function useFixed(offset, containerOffset, props) {
       setFixed(nextFixed);
       onChange === null || onChange === void 0 ? void 0 : onChange(nextFixed);
     }
-  }, [fixed, offset, containerOffset, onChange, top]); // Add scroll event to window
+  }, [offset, top, containerOffset, fixed, onChange]); // Add scroll event to window
 
   (0, _utils.useEventListener)(window, 'scroll', handleScroll, false);
   return fixed;
@@ -110,9 +126,10 @@ var Affix = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       _props$top = props.top,
       top = _props$top === void 0 ? 0 : _props$top,
       onChange = props.onChange,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "children", "container", "top", "onChange"]);
+      onOffsetChange = props.onOffsetChange,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "children", "container", "top", "onChange", "onOffsetChange"]);
   var mountRef = (0, _react.useRef)(null);
-  var offset = useOffset(mountRef);
+  var offset = useOffset(mountRef, onOffsetChange);
   var containerOffset = useContainerOffset(container);
   var fixed = useFixed(offset, containerOffset, {
     top: top,
@@ -124,14 +141,19 @@ var Affix = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       merge = _useClassNames.merge;
 
   var classes = merge(className, (_merge = {}, _merge[withClassPrefix()] = fixed, _merge));
+
+  var _ref = offset || {},
+      width = _ref.width,
+      height = _ref.height;
+
   var placeholderStyles = fixed ? {
-    width: offset === null || offset === void 0 ? void 0 : offset.width,
-    height: offset === null || offset === void 0 ? void 0 : offset.height
+    width: width,
+    height: height
   } : undefined;
   var fixedStyles = {
     position: 'fixed',
     top: top,
-    width: offset === null || offset === void 0 ? void 0 : offset.width,
+    width: width,
     zIndex: 10
   };
   var affixStyles = fixed ? fixedStyles : undefined;

package/cjs/DatePicker/DatePicker.d.ts

@@ -33,14 +33,45 @@ export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, Form
      * Whether to disable a date on the calendar view
      *
      * @returns date should be disabled (not selectable)
+     * @deprecated Use {@link shouldDisableDate} instead
      */
     disabledDate?: (date?: Date) => boolean;
-    /** Disabled hours */
+    /**
+     * Disabled hours
+     *
+     * @deprecated Use {@link shouldDisableHour} instead
+     */
     disabledHours?: (hour: number, date: Date) => boolean;
-    /** Disabled minutes */
+    /**
+     * Disabled minutes
+     *
+     * @deprecated Use {@link shouldDisableMinute} instead
+     */
     disabledMinutes?: (minute: number, date: Date) => boolean;
-    /** Disabled seconds */
+    /**
+     * Disabled seconds
+     *
+     * @deprecated Use {@link shouldDisableSecond} instead
+     */
     disabledSeconds?: (second: number, date: Date) => boolean;
+    /**
+     * Whether a date on the calendar view should be disabled
+     *
+     * @returns date should be disabled (not selectable)
+     */
+    shouldDisableDate?: (date: Date) => boolean;
+    /**
+     * Disabled hours
+     */
+    shouldDisableHour?: (hour: number, date: Date) => boolean;
+    /**
+     * Disabled minutes
+     */
+    shouldDisableMinute?: (minute: number, date: Date) => boolean;
+    /**
+     * Disabled seconds
+     */
+    shouldDisableSecond?: (second: number, date: Date) => boolean;
     /** Hidden hours */
     hideHours?: (hour: number, date: Date) => boolean;
     /** Hidden minutes */

package/cjs/DatePicker/DatePicker.js

@@ -43,6 +43,8 @@ var _Picker = require("../Picker");
 
 var _OverlayTrigger = require("../Overlay/OverlayTrigger");
 
+var _deprecatePropType = require("../utils/deprecatePropType");
+
 var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
       Component = _props$as === void 0 ? 'div' : _props$as,
@@ -77,7 +79,14 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       style = props.style,
       toggleAs = props.toggleAs,
       caretAsProp = props.caretAs,
-      disabledDateProp = props.disabledDate,
+      DEPRECATED_disabledDate = props.disabledDate,
+      DEPRECATED_disabledHours = props.disabledHours,
+      DEPRECATED_disabledMinutes = props.disabledMinutes,
+      DEPRECATED_disabledSeconds = props.disabledSeconds,
+      shouldDisableDate = props.shouldDisableDate,
+      shouldDisableHour = props.shouldDisableHour,
+      shouldDisableMinute = props.shouldDisableMinute,
+      shouldDisableSecond = props.shouldDisableSecond,
       renderValue = props.renderValue,
       onChange = props.onChange,
       onChangeCalendarDate = props.onChangeCalendarDate,
@@ -92,7 +101,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       onSelect = props.onSelect,
       onToggleMonthDropdown = props.onToggleMonthDropdown,
       onToggleTimeDropdown = props.onToggleTimeDropdown,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "editable", "defaultValue", "disabled", "format", "isoWeek", "limitEndYear", "locale", "menuClassName", "appearance", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showWeekNumbers", "style", "toggleAs", "caretAs", "disabledDate", "renderValue", "onChange", "onChangeCalendarDate", "onClean", "onClose", "onEntered", "onExited", "onNextMonth", "onOk", "onOpen", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown"]);
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "editable", "defaultValue", "disabled", "format", "isoWeek", "limitEndYear", "locale", "menuClassName", "appearance", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showWeekNumbers", "style", "toggleAs", "caretAs", "disabledDate", "disabledHours", "disabledMinutes", "disabledSeconds", "shouldDisableDate", "shouldDisableHour", "shouldDisableMinute", "shouldDisableSecond", "renderValue", "onChange", "onChangeCalendarDate", "onClean", "onClose", "onEntered", "onExited", "onNextMonth", "onOk", "onOpen", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown"]);
 
   var _useCustom = (0, _utils.useCustom)('DatePicker', overrideLocale),
       locale = _useCustom.locale,
@@ -271,11 +280,17 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       updateValue(event, nextPageDate);
     }
   }, [formatStr, handleDateChange, oneTap, setCalendarDate, updateValue]);
-  var disabledDate = (0, _react.useCallback)(function (date) {
-    var _disabledDateProp;
+  var isDateDisabled = (0, _react.useCallback)(function (date) {
+    if (typeof shouldDisableDate === 'function') {
+      return shouldDisableDate(date);
+    }
+
+    if (typeof DEPRECATED_disabledDate === 'function') {
+      return DEPRECATED_disabledDate(date);
+    }
 
-    return (_disabledDateProp = disabledDateProp === null || disabledDateProp === void 0 ? void 0 : disabledDateProp(date)) !== null && _disabledDateProp !== void 0 ? _disabledDateProp : false;
-  }, [disabledDateProp]);
+    return false;
+  }, [DEPRECATED_disabledDate, shouldDisableDate]);
   /**
    * Callback after the input box value is changed.
    */
@@ -302,13 +317,13 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       return;
     }
 
-    if (disabledDate(date)) {
+    if (isDateDisabled(date)) {
       setInputState('Error');
       return;
     }
 
     handleSelect(date, event, false);
-  }, [formatStr, locale, parseDate, disabledDate, handleSelect]);
+  }, [formatStr, locale, parseDate, isDateDisabled, handleSelect]);
   /**
    * The callback after the enter key is triggered on the input
    */
@@ -330,14 +345,14 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, [onClose]); // Check whether the time is within the time range of the shortcut option in the toolbar.
 
   var disabledToolbarHandle = (0, _react.useCallback)(function (date) {
-    var _disabledDateProp2;
+    var _DEPRECATED_disabledD;
 
-    var allowDate = (_disabledDateProp2 = disabledDateProp === null || disabledDateProp === void 0 ? void 0 : disabledDateProp(date)) !== null && _disabledDateProp2 !== void 0 ? _disabledDateProp2 : false;
+    var allowDate = (_DEPRECATED_disabledD = DEPRECATED_disabledDate === null || DEPRECATED_disabledDate === void 0 ? void 0 : DEPRECATED_disabledDate(date)) !== null && _DEPRECATED_disabledD !== void 0 ? _DEPRECATED_disabledD : false;
 
     var allowTime = _utils.DateUtils.disabledTime(props, date);
 
     return allowDate || allowTime;
-  }, [disabledDateProp, props]);
+  }, [DEPRECATED_disabledDate, props]);
   /**
    * Whether "OK" button is disabled
    *
@@ -369,7 +384,10 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     locale: locale,
     showWeekNumbers: showWeekNumbers,
     showMeridian: showMeridian,
-    disabledDate: disabledDate,
+    disabledDate: isDateDisabled,
+    disabledHours: shouldDisableHour !== null && shouldDisableHour !== void 0 ? shouldDisableHour : DEPRECATED_disabledHours,
+    disabledMinutes: shouldDisableMinute !== null && shouldDisableMinute !== void 0 ? shouldDisableMinute : DEPRECATED_disabledMinutes,
+    disabledSeconds: shouldDisableSecond !== null && shouldDisableSecond !== void 0 ? shouldDisableSecond : DEPRECATED_disabledSeconds,
     limitEndYear: limitEndYear,
     format: formatStr,
     isoWeek: isoWeek,
@@ -503,10 +521,14 @@ DatePicker.displayName = 'DatePicker';
 DatePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes, {
   calendarDefaultDate: _propTypes.default.instanceOf(Date),
   defaultValue: _propTypes.default.instanceOf(Date),
-  disabledDate: _propTypes.default.func,
-  disabledHours: _propTypes.default.func,
-  disabledMinutes: _propTypes.default.func,
-  disabledSeconds: _propTypes.default.func,
+  disabledDate: (0, _deprecatePropType.deprecatePropTypeNew)(_propTypes.default.func, 'Use "shouldDisableDate" property instead.'),
+  disabledHours: (0, _deprecatePropType.deprecatePropTypeNew)(_propTypes.default.func, 'Use "shouldDisableHour" property instead.'),
+  disabledMinutes: (0, _deprecatePropType.deprecatePropTypeNew)(_propTypes.default.func, 'Use "shouldDisableMinute" property instead.'),
+  disabledSeconds: (0, _deprecatePropType.deprecatePropTypeNew)(_propTypes.default.func, 'Use "shouldDisableSecond" property instead.'),
+  shouldDisableDate: _propTypes.default.func,
+  shouldDisableHour: _propTypes.default.func,
+  shouldDisableMinute: _propTypes.default.func,
+  shouldDisableSecond: _propTypes.default.func,
   format: _propTypes.default.string,
   hideHours: _propTypes.default.func,
   hideMinutes: _propTypes.default.func,

package/cjs/DateRangePicker/DateRangePicker.d.ts

@@ -27,8 +27,16 @@ export interface DateRangePickerProps extends PickerBaseProps, FormControlBasePr
     defaultCalendarValue?: DateRange;
     /** The character that separates two dates */
     character?: string;
-    /** Disabled date */
+    /**
+     * Disabled date
+     *
+     * @deprecated Use {@link shouldDisableDate} instead
+     */
     disabledDate?: DisabledDateFunction;
+    /**
+     * Whether a date cell is disabled
+     */
+    shouldDisableDate?: DisabledDateFunction;
     /** Called when the option is selected */
     onSelect?: (date: Date, event?: React.SyntheticEvent) => void;
     /** Called after clicking the OK button */

package/cjs/DateRangePicker/DateRangePicker.js

@@ -45,6 +45,8 @@ var disabledDateUtils = _interopRequireWildcard(require("./disabledDateUtils"));
 
 var _utils2 = require("./utils");
 
+var _deprecatePropType = require("../utils/deprecatePropType");
+
 var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _ref, _ref2, _merge;
 
@@ -64,7 +66,8 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       defaultCalendarValue = props.defaultCalendarValue,
       defaultValue = props.defaultValue,
       disabled = props.disabled,
-      disabledDateProp = props.disabledDate,
+      DEPRECATED_disabledDateProp = props.disabledDate,
+      shouldDisableDate = props.shouldDisableDate,
       _props$format = props.format,
       formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,
       hoverRange = props.hoverRange,
@@ -100,7 +103,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       onOpen = props.onOpen,
       onSelect = props.onSelect,
       renderTitle = props.renderTitle,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "appearance", "editable", "cleanable", "character", "defaultCalendarValue", "defaultValue", "disabled", "disabledDate", "format", "hoverRange", "isoWeek", "limitEndYear", "locale", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "renderValue", "showOneCalendar", "showWeekNumbers", "showMeridian", "style", "toggleAs", "caretAs", "value", "onChange", "onClean", "onClose", "onEnter", "onEntered", "onExited", "onOk", "onOpen", "onSelect", "renderTitle"]);
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "appearance", "editable", "cleanable", "character", "defaultCalendarValue", "defaultValue", "disabled", "disabledDate", "shouldDisableDate", "format", "hoverRange", "isoWeek", "limitEndYear", "locale", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "renderValue", "showOneCalendar", "showWeekNumbers", "showMeridian", "style", "toggleAs", "caretAs", "value", "onChange", "onClean", "onClose", "onEnter", "onEntered", "onExited", "onOk", "onOpen", "onSelect", "renderTitle"]);
 
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
       merge = _useClassNames.merge,
@@ -564,10 +567,16 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     onClose === null || onClose === void 0 ? void 0 : onClose();
   }, [onClose]);
   var isDateDisabled = (0, _react.useCallback)(function (date, selectDate, selectedDone, target) {
-    var _disabledDateProp;
+    if (typeof shouldDisableDate === 'function') {
+      return shouldDisableDate(date, selectDate, selectedDone, target);
+    }
 
-    return (_disabledDateProp = disabledDateProp === null || disabledDateProp === void 0 ? void 0 : disabledDateProp(date, selectDate, selectedDone, target)) !== null && _disabledDateProp !== void 0 ? _disabledDateProp : false;
-  }, [disabledDateProp]);
+    if (typeof DEPRECATED_disabledDateProp === 'function') {
+      return DEPRECATED_disabledDateProp(date, selectDate, selectedDone, target);
+    }
+
+    return false;
+  }, [DEPRECATED_disabledDateProp, shouldDisableDate]);
   var disabledByBetween = (0, _react.useCallback)(function (start, end, type) {
     // If the date is between the start and the end
     // the button is disabled
@@ -760,7 +769,8 @@ DateRangePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes,
   limitEndYear: _propTypes.default.number,
   onChange: _propTypes.default.func,
   onOk: _propTypes.default.func,
-  disabledDate: _propTypes.default.func,
+  disabledDate: (0, _deprecatePropType.deprecatePropTypeNew)(_propTypes.default.func, 'Use "shouldDisableDate" property instead.'),
+  shouldDisableDate: _propTypes.default.func,
   onSelect: _propTypes.default.func,
   showWeekNumbers: _propTypes.default.bool,
   showMeridian: _propTypes.default.bool,

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, _calendarProps$key2;
+
+      return (_calendarProps$key = (_calendarProps$key2 = calendarProps[key]) === null || _calendarProps$key2 === void 0 ? void 0 : _calendarProps$key2.call(calendarProps, (0, _getHours.default)(date), date)) !== null && _calendarProps$key !== void 0 ? _calendarProps$key : true;
     }
 
     if (/(Minutes)/.test(key)) {
-      return calendarProps[key]((0, _getMinutes.default)(date), date);
+      var _calendarProps$key3, _calendarProps$key4;
+
+      return (_calendarProps$key3 = (_calendarProps$key4 = calendarProps[key]) === null || _calendarProps$key4 === void 0 ? void 0 : _calendarProps$key4.call(calendarProps, (0, _getMinutes.default)(date), date)) !== null && _calendarProps$key3 !== void 0 ? _calendarProps$key3 : true;
     }
 
     if (/(Seconds)/.test(key)) {
-      return calendarProps[key]((0, _getSeconds.default)(date), date);
+      var _calendarProps$key5, _calendarProps$key6;
+
+      return (_calendarProps$key5 = (_calendarProps$key6 = calendarProps[key]) === null || _calendarProps$key6 === void 0 ? void 0 : _calendarProps$key6.call(calendarProps, (0, _getSeconds.default)(date), date)) !== null && _calendarProps$key5 !== void 0 ? _calendarProps$key5 : true;
     }
 
     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
   };
 }