rsuite 5.28.2 → 5.29.0

package/esm/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/esm/Affix/Affix.js

@@ -2,20 +2,33 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
+import debounce from 'lodash/debounce';
 import getOffset from 'dom-lib/getOffset';
 import { mergeRefs, useClassNames, useElementResize, useEventListener, useMount } from '../utils';
 
 /**
  * Get the layout size and offset of the mount element
  */
-function useOffset(mountRef) {
+function useOffset(mountRef, onOffsetChange) {
   var _useState = useState(null),
       offset = _useState[0],
       setOffset = _useState[1];
 
   var updateOffset = useCallback(function () {
-    setOffset(getOffset(mountRef.current));
-  }, [mountRef]); // Update after the element size changes
+    if (!mountRef.current) {
+      return;
+    }
+
+    var newOffset = getOffset(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
 
   useElementResize(function () {
     return mountRef.current;
@@ -23,7 +36,9 @@ function useOffset(mountRef) {
 
   useMount(updateOffset); // Update after window size changes
 
-  useEventListener(window, 'resize', updateOffset, false);
+  useEventListener(window, 'resize', updateOffset, false); // Update after window scroll
+
+  useEventListener(window, 'scroll', debounce(updateOffset, 100), false);
   return offset;
 }
 /**
@@ -66,7 +81,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) {
@@ -77,7 +92,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
 
   useEventListener(window, 'scroll', handleScroll, false);
   return fixed;
@@ -96,10 +111,11 @@ var Affix = /*#__PURE__*/React.forwardRef(function (props, ref) {
       _props$top = props.top,
       top = _props$top === void 0 ? 0 : _props$top,
       onChange = props.onChange,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "children", "container", "top", "onChange"]);
+      onOffsetChange = props.onOffsetChange,
+      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "children", "container", "top", "onChange", "onOffsetChange"]);
 
   var mountRef = useRef(null);
-  var offset = useOffset(mountRef);
+  var offset = useOffset(mountRef, onOffsetChange);
   var containerOffset = useContainerOffset(container);
   var fixed = useFixed(offset, containerOffset, {
     top: top,
@@ -111,14 +127,19 @@ var Affix = /*#__PURE__*/React.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/esm/AutoComplete/AutoComplete.d.ts

@@ -17,6 +17,8 @@ export interface AutoCompleteProps<T = ValueType> extends WithAsProps, FormContr
     placeholder?: string;
     /** The width of the menu will automatically follow the width of the input box */
     menuAutoWidth?: boolean;
+    /** AutoComplete Content */
+    autoComplete?: string;
     /** Custom filter function to determine whether the item will be displayed */
     filterBy?: (value: string, item: ItemDataType) => boolean;
     /** Called when a option is selected */

package/esm/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/esm/DatePicker/DatePicker.js

@@ -16,6 +16,7 @@ import PredefinedRanges from './PredefinedRanges';
 import { composeFunctions, createChainedFunction, DateUtils, mergeRefs, useClassNames, useControlled, useCustom } from '../utils';
 import { PickerOverlay, pickerPropTypes, PickerToggle, PickerToggleTrigger, pickTriggerPropKeys, omitTriggerPropKeys, usePickerClassName, usePublicMethods, useToggleKeyDownEvent } from '../Picker';
 import { OverlayCloseCause } from '../Overlay/OverlayTrigger';
+import { deprecatePropTypeNew } from '../utils/deprecatePropType';
 var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
       Component = _props$as === void 0 ? 'div' : _props$as,
@@ -50,7 +51,14 @@ var DatePicker = /*#__PURE__*/React.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,
@@ -65,7 +73,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onSelect = props.onSelect,
       onToggleMonthDropdown = props.onToggleMonthDropdown,
       onToggleTimeDropdown = props.onToggleTimeDropdown,
-      rest = _objectWithoutPropertiesLoose(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 = _objectWithoutPropertiesLoose(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 = useCustom('DatePicker', overrideLocale),
       locale = _useCustom.locale,
@@ -241,11 +249,17 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       updateValue(event, nextPageDate);
     }
   }, [formatStr, handleDateChange, oneTap, setCalendarDate, updateValue]);
-  var disabledDate = useCallback(function (date) {
-    var _disabledDateProp;
+  var isDateDisabled = 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.
    */
@@ -272,13 +286,13 @@ var DatePicker = /*#__PURE__*/React.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
    */
@@ -300,12 +314,12 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [onClose]); // Check whether the time is within the time range of the shortcut option in the toolbar.
 
   var disabledToolbarHandle = 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 = DateUtils.disabledTime(props, date);
     return allowDate || allowTime;
-  }, [disabledDateProp, props]);
+  }, [DEPRECATED_disabledDate, props]);
   /**
    * Whether "OK" button is disabled
    *
@@ -336,7 +350,10 @@ var DatePicker = /*#__PURE__*/React.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,
@@ -468,10 +485,14 @@ DatePicker.displayName = 'DatePicker';
 DatePicker.propTypes = _extends({}, pickerPropTypes, {
   calendarDefaultDate: PropTypes.instanceOf(Date),
   defaultValue: PropTypes.instanceOf(Date),
-  disabledDate: PropTypes.func,
-  disabledHours: PropTypes.func,
-  disabledMinutes: PropTypes.func,
-  disabledSeconds: PropTypes.func,
+  disabledDate: deprecatePropTypeNew(PropTypes.func, 'Use "shouldDisableDate" property instead.'),
+  disabledHours: deprecatePropTypeNew(PropTypes.func, 'Use "shouldDisableHour" property instead.'),
+  disabledMinutes: deprecatePropTypeNew(PropTypes.func, 'Use "shouldDisableMinute" property instead.'),
+  disabledSeconds: deprecatePropTypeNew(PropTypes.func, 'Use "shouldDisableSecond" property instead.'),
+  shouldDisableDate: PropTypes.func,
+  shouldDisableHour: PropTypes.func,
+  shouldDisableMinute: PropTypes.func,
+  shouldDisableSecond: PropTypes.func,
   format: PropTypes.string,
   hideHours: PropTypes.func,
   hideMinutes: PropTypes.func,

package/esm/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/esm/DateRangePicker/DateRangePicker.js

@@ -17,6 +17,7 @@ import { addMonths, compareAsc, isSameMonth, startOfDay, endOfDay, shouldRenderT
 import Calendar from './Calendar';
 import * as disabledDateUtils from './disabledDateUtils';
 import { getSafeCalendarDate, getMonthHoverRange, getWeekHoverRange, isSameRange } from './utils';
+import { deprecatePropTypeNew } from '../utils/deprecatePropType';
 var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _ref, _ref2, _merge;
 
@@ -36,7 +37,8 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       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,
@@ -72,7 +74,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onOpen = props.onOpen,
       onSelect = props.onSelect,
       renderTitle = props.renderTitle,
-      rest = _objectWithoutPropertiesLoose(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 = _objectWithoutPropertiesLoose(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 = useClassNames(classPrefix),
       merge = _useClassNames.merge,
@@ -536,10 +538,16 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onClose === null || onClose === void 0 ? void 0 : onClose();
   }, [onClose]);
   var isDateDisabled = useCallback(function (date, selectDate, selectedDone, target) {
-    var _disabledDateProp;
+    if (typeof shouldDisableDate === 'function') {
+      return shouldDisableDate(date, selectDate, selectedDone, target);
+    }
+
+    if (typeof DEPRECATED_disabledDateProp === 'function') {
+      return DEPRECATED_disabledDateProp(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]);
+    return false;
+  }, [DEPRECATED_disabledDateProp, shouldDisableDate]);
   var disabledByBetween = useCallback(function (start, end, type) {
     // If the date is between the start and the end
     // the button is disabled
@@ -733,7 +741,8 @@ DateRangePicker.propTypes = _extends({}, pickerPropTypes, {
   limitEndYear: PropTypes.number,
   onChange: PropTypes.func,
   onOk: PropTypes.func,
-  disabledDate: PropTypes.func,
+  disabledDate: deprecatePropTypeNew(PropTypes.func, 'Use "shouldDisableDate" property instead.'),
+  shouldDisableDate: PropTypes.func,
   onSelect: PropTypes.func,
   showWeekNumbers: PropTypes.bool,
   showMeridian: PropTypes.bool,

package/esm/FormControl/FormControl.js

@@ -164,7 +164,7 @@ var FormControl = /*#__PURE__*/React.forwardRef(function (props, ref) {
     "aria-describedby": ariaDescribedby,
     "aria-invalid": fieldHasError || undefined,
     "aria-errormessage": ariaErrormessage
-  }, rest, accepterProps, {
+  }, accepterProps, rest, {
     readOnly: readOnly,
     plaintext: plaintext,
     disabled: disabled,

package/esm/Overlay/Modal.js

@@ -4,7 +4,6 @@ import React, { useRef, useEffect, useState, useCallback, useMemo } from 'react'
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import contains from 'dom-lib/contains';
-import getContainer from 'dom-lib/getContainer';
 import on from 'dom-lib/on';
 import ModalManager from './ModalManager';
 import Fade from '../Animation/Fade';
@@ -90,7 +89,8 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _usePortal = usePortal({
     container: container
   }),
-      Portal = _usePortal.Portal;
+      Portal = _usePortal.Portal,
+      containerElement = _usePortal.target;
 
   var modal = useModalManager();
 
@@ -141,8 +141,9 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var documentKeyDownListener = useRef();
   var documentFocusListener = useRef();
   var handleOpen = useEventCallback(function () {
-    var containerElement = getContainer(container, document.body);
-    modal.add(containerElement, containerClassName);
+    if (containerElement) {
+      modal.add(containerElement, containerClassName);
+    }
 
     if (!documentKeyDownListener.current) {
       documentKeyDownListener.current = on(document, 'keydown', handleDocumentKeyDown);

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/Table/Table.d.ts

@@ -1,25 +1,15 @@
 import React from 'react';
-import { Column, Cell, HeaderCell, ColumnGroup, TableProps } from 'rsuite-table';
-import { StandardProps, RsRefForwardingComponent } from '../@types/common';
-export interface TableInstance extends React.Component<TableProps> {
-    scrollTop: (top: number) => void;
-    scrollLeft: (left: number) => void;
-}
-export interface CellProps<T = any> extends StandardProps {
+import { Column, TableProps, RowDataType, TableInstance, CellProps as TableCellProps } from 'rsuite-table';
+export interface CellProps<T = any> extends Omit<TableCellProps, 'rowData' | 'dataKey'> {
     /** Data binding key, but also a sort of key */
     dataKey?: string | keyof T;
-    /** Row Number */
-    rowIndex?: number;
     /** Row Data */
     rowData?: T;
 }
-interface TableComponent extends RsRefForwardingComponent<'div', TableProps & {
-    ref?: React.Ref<TableInstance>;
-}> {
+declare const _default: (<Row extends RowDataType, Key>(props: TableProps<Row, Key> & React.RefAttributes<TableInstance<Row, Key>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
+    Cell: React.ForwardRefExoticComponent<import("rsuite-table/lib/Cell").InnerCellProps & React.RefAttributes<HTMLDivElement>>;
     Column: typeof Column;
-    Cell: typeof Cell;
-    HeaderCell: typeof HeaderCell;
-    ColumnGroup: typeof ColumnGroup;
-}
-declare const Table: TableComponent;
-export default Table;
+    HeaderCell: React.ForwardRefExoticComponent<import("rsuite-table").HeaderCellProps & React.RefAttributes<HTMLDivElement>>;
+    ColumnGroup: React.ForwardRefExoticComponent<import("rsuite-table").ColumnGroupProps & React.RefAttributes<HTMLDivElement>>;
+};
+export default _default;

package/esm/Table/Table.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
-import { Table as RsTable, Column, Cell, HeaderCell, ColumnGroup } from 'rsuite-table';
+import { Table, Column, Cell, HeaderCell, ColumnGroup } from 'rsuite-table';
 import { useCustom } from '../utils';
-var Table = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var CustomTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var localeProp = props.locale,
       _props$loadAnimation = props.loadAnimation,
       loadAnimation = _props$loadAnimation === void 0 ? true : _props$loadAnimation,
@@ -13,16 +13,16 @@ var Table = /*#__PURE__*/React.forwardRef(function (props, ref) {
       locale = _useCustom.locale,
       rtl = _useCustom.rtl;
 
-  return /*#__PURE__*/React.createElement(RsTable, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Table, _extends({}, rest, {
     rtl: rtl,
     ref: ref,
     locale: locale,
     loadAnimation: loadAnimation
   }));
 });
-Table.Cell = Cell;
-Table.Column = Column;
-Table.HeaderCell = HeaderCell;
-Table.ColumnGroup = ColumnGroup;
-Table.displayName = 'Table';
-export default Table;
+export default Object.assign(CustomTable, {
+  Cell: Cell,
+  Column: Column,
+  HeaderCell: HeaderCell,
+  ColumnGroup: ColumnGroup
+});

package/esm/Table/index.d.ts

@@ -1,4 +1,4 @@
 import Table from './Table';
-export type { TableProps, ColumnProps, ColumnGroupProps, TableLocaleType } from 'rsuite-table';
-export type { TableInstance, CellProps } from './Table';
+export type { TableProps, ColumnProps, ColumnGroupProps, HeaderCellProps, SortType, RowDataType, RowKeyType, TableLocaleType, TableSizeChangeEventName, TableInstance } from 'rsuite-table';
+export type { CellProps } from './Table';
 export default Table;

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, _calendarProps$key2;
+
+      return (_calendarProps$key = (_calendarProps$key2 = calendarProps[key]) === null || _calendarProps$key2 === void 0 ? void 0 : _calendarProps$key2.call(calendarProps, getHours(date), date)) !== null && _calendarProps$key !== void 0 ? _calendarProps$key : true;
     }
 
     if (/(Minutes)/.test(key)) {
-      return calendarProps[key](getMinutes(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, getMinutes(date), date)) !== null && _calendarProps$key3 !== void 0 ? _calendarProps$key3 : true;
     }
 
     if (/(Seconds)/.test(key)) {
-      return calendarProps[key](getSeconds(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, getSeconds(date), date)) !== null && _calendarProps$key5 !== void 0 ? _calendarProps$key5 : true;
     }
 
     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.2",
+  "version": "5.29.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -37,8 +37,8 @@
     "lodash": "^4.17.11",
     "prop-types": "^15.8.1",
     "react-window": "^1.8.8",
-    "rsuite-table": "^5.9.0",
-    "schema-typed": "^2.1.0"
+    "rsuite-table": "^5.10.1",
+    "schema-typed": "^2.1.2"
   },
   "peerDependencies": {
     "react": ">=16.8.0",