rsuite 5.13.1 → 5.14.0

package/esm/@types/common.d.ts

@@ -149,4 +149,10 @@ export interface Offset {
     height: number;
 }
 export declare type OnChangeCallback<T, E = React.SyntheticEvent> = (value: T, event: E) => void;
+export declare type CursorPosition = {
+    top: number;
+    left: number;
+    clientTop: number;
+    clientLeft: number;
+};
 export {};

package/esm/Cascader/utils.d.ts

@@ -6,7 +6,7 @@ export declare function getColumnsAndPaths<T extends ItemDataType>(data: T[], va
     paths: T[];
 };
 export declare function usePaths(props: CascaderProps): {
-    enforceUpdate: (nextValue: any, isAttachChildren?: boolean | undefined) => void;
+    enforceUpdate: (nextValue: any, isAttachChildren?: boolean) => void;
     columnData: ItemDataType<string | number>[][];
     valueToPaths: ItemDataType<string | number>[];
     selectedPaths: ItemDataType<string | number>[];

package/esm/Col/Col.d.ts

@@ -1,21 +1,29 @@
 import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
 export interface ColProps extends WithAsProps {
-    /** The number of columns you wish to span for Extra small devices Phones (< 480px) */
+    /** The number of columns you wish to span for Extra small devices Phones (< 576px) */
     xs?: number;
-    /** The number of columns you wish to span for Small devices Tablets (≥ 480px) */
+    /** The number of columns you wish to span for Small devices Tablets (≥ 576px) */
     sm?: number;
-    /** The number of columns you wish to span for Medium devices Desktops (≥ 992px) */
+    /** The number of columns you wish to span for Medium devices Desktops (≥ 768px) */
     md?: number;
-    /** The number of columns you wish to span for Large devices Desktops (≥ 1200px) */
+    /** The number of columns you wish to span for Large devices Desktops (≥ 992px) */
     lg?: number;
+    /** The number of columns you wish to span for Extra Large devices Desktops (≥ 1200px) */
+    xl?: number;
+    /** The number of columns you wish to span for Ultra Large devices Desktops (≥ 1400px) */
+    xxl?: number;
     /** Move columns to the right for Extra small devices Phones */
     xsOffset?: number;
     /** Move columns to the right for Small devices Tablets */
     smOffset?: number;
     /** Move columns to the right for Medium devices Desktops */
     mdOffset?: number;
-    /** Move columns to the right for Medium devices Desktops */
+    /** Move columns to the right for Large devices Desktops */
     lgOffset?: number;
+    /** Move columns to the right for Extra large devices Desktops */
+    xlOffset?: number;
+    /** Move columns to the right for Ultra large devices Desktops */
+    xxlOffset?: number;
     /** Change the order of grid columns to the right for Extra small devices Phones */
     xsPush?: number;
     /** Change the order of grid columns to the right for Small devices Tablets */
@@ -24,6 +32,10 @@ export interface ColProps extends WithAsProps {
     mdPush?: number;
     /** Change the order of grid columns to the right for Large devices Desktops */
     lgPush?: number;
+    /** Change the order of grid columns to the right for Extra large devices Desktops */
+    xlPush?: number;
+    /** Change the order of grid columns to the right for Ultra large devices Desktops */
+    xxlPush?: number;
     /** Change the order of grid columns to the left for Extra small devices Phones */
     xsPull?: number;
     /** Change the order of grid columns to the left for Small devices Tablets */
@@ -32,6 +44,10 @@ export interface ColProps extends WithAsProps {
     mdPull?: number;
     /** Change the order of grid columns to the left for Large devices Desktops */
     lgPull?: number;
+    /** Change the order of grid columns to the left for Extra large devices Desktops */
+    xlPull?: number;
+    /** Change the order of grid columns to the left for Ultra large devices Desktops */
+    xxlPull?: number;
     /** Hide column on Extra small devices Phones */
     xsHidden?: boolean;
     /** Hide column on Small devices Tablets */
@@ -40,6 +56,10 @@ export interface ColProps extends WithAsProps {
     mdHidden?: boolean;
     /** Hide column on Large devices Desktops */
     lgHidden?: boolean;
+    /** Hide column on Extra large devices Desktops */
+    xlHidden?: boolean;
+    /** Hide column on Ultra large devices Desktops */
+    xxlHidden?: boolean;
 }
 declare const Col: RsRefForwardingComponent<'div', ColProps>;
 export default Col;

package/esm/Col/Col.js

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React from 'react';
 import PropTypes from 'prop-types';
 import omit from 'lodash/omit';
-import { useClassNames, SIZE } from '../utils';
+import { useClassNames, COLUMN_SIZE } from '../utils';
 var Col = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
       Component = _props$as === void 0 ? 'div' : _props$as,
@@ -26,7 +26,7 @@ var Col = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return rest[key];
   };
 
-  SIZE.forEach(function (size) {
+  COLUMN_SIZE.forEach(function (size) {
     var col = getPropValue(size);
     var hidden = getPropValue(size + "Hidden");
     var offset = getPropValue(size + "Offset");
@@ -55,10 +55,14 @@ Col.propTypes = {
   sm: PropTypes.number,
   md: PropTypes.number,
   lg: PropTypes.number,
+  xl: PropTypes.number,
+  xxl: PropTypes.number,
   xsOffset: PropTypes.number,
   smOffset: PropTypes.number,
   mdOffset: PropTypes.number,
   lgOffset: PropTypes.number,
+  xlOffset: PropTypes.number,
+  xxlOffset: PropTypes.number,
   xsPush: PropTypes.number,
   smPush: PropTypes.number,
   mdPush: PropTypes.number,
@@ -67,10 +71,14 @@ Col.propTypes = {
   smPull: PropTypes.number,
   mdPull: PropTypes.number,
   lgPull: PropTypes.number,
+  xlPull: PropTypes.number,
+  xxlPull: PropTypes.number,
   xsHidden: PropTypes.bool,
   smHidden: PropTypes.bool,
   mdHidden: PropTypes.bool,
   lgHidden: PropTypes.bool,
+  xlHidden: PropTypes.bool,
+  xxlHidden: PropTypes.bool,
   as: PropTypes.elementType
 };
 export default Col;

package/esm/CustomProvider/CustomProvider.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Locale } from '../locales';
+import { ToastContainerInstance } from '../toaster/ToastContainer';
 export interface CustomValue<T = Locale> {
     /** Language configuration */
     locale: T;
@@ -33,6 +34,10 @@ export interface CustomValue<T = Locale> {
      *
      * */
     parseDate: (dateString: string, formatString: string) => Date;
+    /**
+     * A Map of toast containers
+     */
+    toasters?: React.MutableRefObject<Map<string, ToastContainerInstance>>;
 }
 export interface CustomProviderProps<T = Locale> extends Partial<CustomValue<T>> {
     /** Supported themes */
@@ -41,6 +46,8 @@ export interface CustomProviderProps<T = Locale> extends Partial<CustomValue<T>>
     classPrefix?: string;
     /** Primary content */
     children?: React.ReactNode;
+    /** Sets a container for toast rendering */
+    toastContainer?: HTMLElement | (() => HTMLElement | null) | null;
 }
 declare const CustomContext: React.Context<CustomProviderProps<{
     common?: {
@@ -75,7 +82,7 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         yesterday: string;
         hours: string;
         minutes: string;
-        seconds: string; /** Support right-to-left */
+        seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
         dateLocale: any;
@@ -93,7 +100,7 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         yesterday: string;
         hours: string;
         minutes: string;
-        seconds: string; /** Support right-to-left */
+        seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
         dateLocale: any;
@@ -112,7 +119,7 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         yesterday: string;
         hours: string;
         minutes: string;
-        seconds: string; /** Support right-to-left */
+        seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
         dateLocale: any;
@@ -125,6 +132,9 @@ declare const CustomContext: React.Context<CustomProviderProps<{
     } | undefined;
     InputPicker?: {
         newItem: string;
+        /**
+         * A Map of toast containers
+         */
         createOption: string;
     } | undefined;
     Uploader?: {
@@ -179,7 +189,7 @@ declare const Consumer: React.Consumer<CustomProviderProps<{
         yesterday: string;
         hours: string;
         minutes: string;
-        seconds: string; /** Support right-to-left */
+        seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
         dateLocale: any;
@@ -197,7 +207,7 @@ declare const Consumer: React.Consumer<CustomProviderProps<{
         yesterday: string;
         hours: string;
         minutes: string;
-        seconds: string; /** Support right-to-left */
+        seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
         dateLocale: any;
@@ -216,7 +226,7 @@ declare const Consumer: React.Consumer<CustomProviderProps<{
         yesterday: string;
         hours: string;
         minutes: string;
-        seconds: string; /** Support right-to-left */
+        seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
         dateLocale: any;
@@ -229,6 +239,9 @@ declare const Consumer: React.Consumer<CustomProviderProps<{
     } | undefined;
     InputPicker?: {
         newItem: string;
+        /**
+         * A Map of toast containers
+         */
         createOption: string;
     } | undefined;
     Uploader?: {
@@ -250,6 +263,6 @@ declare const Consumer: React.Consumer<CustomProviderProps<{
         off: string;
     } | undefined;
 }>>;
-declare const CustomProvider: (props: CustomProviderProps) => JSX.Element;
+declare const CustomProvider: (props: Omit<CustomProviderProps, 'toasters'>) => JSX.Element;
 export { CustomContext, Consumer as CustomConsumer };
 export default CustomProvider;

package/esm/CustomProvider/CustomProvider.js

@@ -3,6 +3,8 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React, { useEffect } from 'react';
 import { getClassNamePrefix, prefix } from '../utils/prefix';
 import { addClass, removeClass, canUseDOM } from '../DOMHelper';
+import ToastContainer, { toastPlacements } from '../toaster/ToastContainer';
+import { usePortal } from '../utils';
 var CustomContext = /*#__PURE__*/React.createContext({});
 var Consumer = CustomContext.Consumer,
     Provider = CustomContext.Provider;
@@ -13,12 +15,21 @@ var CustomProvider = function CustomProvider(props) {
       _props$classPrefix = props.classPrefix,
       classPrefix = _props$classPrefix === void 0 ? getClassNamePrefix() : _props$classPrefix,
       theme = props.theme,
-      rest = _objectWithoutPropertiesLoose(props, ["children", "classPrefix", "theme"]);
+      container = props.toastContainer,
+      rest = _objectWithoutPropertiesLoose(props, ["children", "classPrefix", "theme", "toastContainer"]);
+
+  var toasters = React.useRef(new Map());
+
+  var _usePortal = usePortal({
+    container: container
+  }),
+      Portal = _usePortal.Portal;
 
   var value = React.useMemo(function () {
     return _extends({
       classPrefix: classPrefix,
-      theme: theme
+      theme: theme,
+      toasters: toasters
     }, rest);
   }, [classPrefix, theme, rest]);
   useEffect(function () {
@@ -34,7 +45,15 @@ var CustomProvider = function CustomProvider(props) {
   }, [classPrefix, theme]);
   return /*#__PURE__*/React.createElement(Provider, {
     value: value
-  }, children);
+  }, children, /*#__PURE__*/React.createElement(Portal, null, toastPlacements.map(function (placement) {
+    return /*#__PURE__*/React.createElement(ToastContainer, {
+      key: placement,
+      placement: placement,
+      ref: function ref(_ref) {
+        toasters.current.set(placement, _ref);
+      }
+    });
+  })));
 };
 
 export { CustomContext, Consumer as CustomConsumer };

package/esm/Dropdown/useRenderDropdownItem.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare function useRenderDropdownItem(Component: React.ElementType): (props: any, OverrideComponent?: React.ElementType<any> | undefined) => JSX.Element;
+export declare function useRenderDropdownItem(Component: React.ElementType): (props: any, OverrideComponent?: React.ElementType) => JSX.Element;

package/esm/Form/Form.d.ts

@@ -44,21 +44,21 @@ export interface FormProps<T = Record<string, any>, errorMsgType = any, E = {
 export interface FormInstance<T = Record<string, any>, errorMsg = string, E = {
     [P in keyof T]?: errorMsg;
 }> {
-    root: React.FormHTMLAttributes<HTMLFormElement>;
+    root: HTMLFormElement | null;
     /** Verify form data */
-    check?: (callback?: (formError: E) => void) => boolean;
+    check: (callback?: (formError: E) => void) => boolean;
     /** Asynchronously check form data */
-    checkAsync?: () => Promise<any>;
+    checkAsync: () => Promise<any>;
     /** Check the data field */
-    checkForField?: (fieldName: keyof T, callback?: (checkResult: CheckResult<errorMsg>) => void) => boolean;
+    checkForField: (fieldName: keyof T, callback?: (checkResult: CheckResult<errorMsg>) => void) => boolean;
     /** Asynchronous verification as a data field */
-    checkForFieldAsync?: (fieldName: keyof T) => Promise<CheckResult>;
+    checkForFieldAsync: (fieldName: keyof T) => Promise<CheckResult>;
     /** Clear all error messages */
-    cleanErrors?: (callback?: () => void) => void;
+    cleanErrors: (callback?: () => void) => void;
     /** Clear the error message of the specified field */
-    cleanErrorForField?: (fieldName: keyof E, callback?: () => void) => void;
+    cleanErrorForField: (fieldName: keyof E, callback?: () => void) => void;
     /** All error messages are reset, and an initial value can be set */
-    resetErrors?: (formError: E, callback?: () => void) => void;
+    resetErrors: (formError: E, callback?: () => void) => void;
 }
 export interface FormComponent extends RsRefForwardingComponent<'form', FormProps & {
     ref?: React.Ref<FormInstance>;

package/esm/Form/test/Form.test.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/Form/test/Form.test.js

@@ -0,0 +1,11 @@
+var _formRef$current;
+
+import React from 'react';
+import Form from '../Form';
+var formRef = /*#__PURE__*/React.createRef();
+
+/*#__PURE__*/
+React.createElement(Form, {
+  ref: formRef
+});
+(_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.check();

package/esm/Modal/test/Modal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/Modal/test/Modal.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Modal from '../Modal';
+
+/*#__PURE__*/
+React.createElement(Modal, {
+  container: function container() {
+    return document.body;
+  }
+});

package/esm/Modal/utils.d.ts

@@ -3,4 +3,4 @@ export declare const useBodyStyles: (ref: React.RefObject<HTMLElement>, options:
     overflow: boolean;
     drawer: boolean;
     prefix: (...classes: any) => string;
-}) => [import("react").CSSProperties, (entering?: boolean | undefined) => void, () => void];
+}) => [import("react").CSSProperties, (entering?: boolean) => void, () => void];

package/esm/Nav/NavDropdownMenu.d.ts

@@ -4,8 +4,19 @@ import { IconProps } from '@rsuite/icons/lib/Icon';
 export interface NavDropdownMenuProps<T = any> extends StandardProps {
     /** Define the title as a submenu */
     title?: React.ReactNode;
-    /** The submenu expands from the left and defaults to the right */
+    /**
+     * The submenu expands from the left and defaults to the right
+     * @deprecated Use openDirection="start" instead
+     */
     pullLeft?: boolean;
+    /**
+     * Direction that the sub-menu open towards
+     * - start: towards the head of the reading direction (right by default, left in RTL)
+     * - end: towards the end of the reading direction (left by default, right in RTL)
+     *
+     * @default 'end'
+     */
+    openDirection?: 'start' | 'end';
     /**
      *  Only used for setting the default expand state when it's a submenu.
      */

package/esm/Nav/NavDropdownMenu.js

@@ -14,6 +14,7 @@ import AngleLeft from '@rsuite/icons/legacy/AngleLeft';
 import AngleRight from '@rsuite/icons/legacy/AngleRight';
 import useCustom from '../utils/useCustom';
 import NavContext from './NavContext';
+import deprecatePropType from '../utils/deprecatePropType';
 
 /**
  * @private
@@ -31,7 +32,9 @@ var NavDropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
       _props$classPrefix = props.classPrefix,
       classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
       children = props.children,
-      rest = _objectWithoutPropertiesLoose(props, ["onToggle", "eventKey", "title", "classPrefix", "children"]);
+      _props$openDirection = props.openDirection,
+      openDirection = _props$openDirection === void 0 ? 'end' : _props$openDirection,
+      rest = _objectWithoutPropertiesLoose(props, ["onToggle", "eventKey", "title", "classPrefix", "children", "openDirection"]);
 
   var _useCustom = useCustom('DropdownMenu'),
       rtl = _useCustom.rtl;
@@ -101,7 +104,8 @@ var NavDropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return /*#__PURE__*/React.createElement("ul", _extends({
         ref: popupRef,
         className: menuClassName,
-        hidden: !open
+        hidden: !open,
+        "data-direction": openDirection
       }, popupProps, menuProps), children);
     },
     onToggleMenu: handleToggleSubmenu
@@ -127,7 +131,8 @@ NavDropdownMenu.propTypes = {
   children: PropTypes.node,
   icon: PropTypes.any,
   classPrefix: PropTypes.string,
-  pullLeft: PropTypes.bool,
+  pullLeft: deprecatePropType(PropTypes.bool, 'Use openDirection="start" instead.'),
+  openDirection: PropTypes.oneOf(['start', 'end']),
   title: PropTypes.node,
   open: PropTypes.bool,
   eventKey: PropTypes.any,

package/esm/Nav/test/Nav.test.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/Nav/test/Nav.test.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import Navbar from '../../Navbar';
+import Nav from '../Nav';
+
+/*#__PURE__*/
+React.createElement(Navbar, null, /*#__PURE__*/React.createElement(Nav, null, /*#__PURE__*/React.createElement(Nav.Menu, {
+  title: "Menu"
+}, /*#__PURE__*/React.createElement(Nav.Menu, {
+  title: "Submenu",
+  openDirection: "start"
+}, /*#__PURE__*/React.createElement(Nav.Item, null, "Submenu item")))));

package/esm/Navbar/NavbarDropdownMenu.d.ts

@@ -4,8 +4,19 @@ import { IconProps } from '@rsuite/icons/lib/Icon';
 export interface NavbarDropdownMenuProps<T = any> extends StandardProps {
     /** Define the title as a submenu */
     title?: React.ReactNode;
-    /** The submenu expands from the left and defaults to the right */
+    /**
+     * The submenu expands from the left and defaults to the right
+     * @deprecated Use openDirection="start" instead.
+     */
     pullLeft?: boolean;
+    /**
+     * Direction that the sub-menu open towards
+     * - start: towards the head of the reading direction (right by default, left in RTL)
+     * - end: towards the end of the reading direction (left by default, right in RTL)
+     *
+     * @default 'end'
+     */
+    openDirection?: 'start' | 'end';
     /**
      *  Only used for setting the default expand state when it's a submenu.
      */

package/esm/Navbar/NavbarDropdownMenu.js

@@ -14,6 +14,7 @@ import useCustom from '../utils/useCustom';
 import { NavbarContext } from '.';
 import Disclosure from '../Disclosure';
 import NavContext from '../Nav/NavContext';
+import deprecatePropType from '../utils/deprecatePropType';
 
 /**
  * @private this component is not supposed to be used directly
@@ -42,7 +43,9 @@ var NavbarDropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
       _props$classPrefix = props.classPrefix,
       classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
       children = props.children,
-      rest = _objectWithoutPropertiesLoose(props, ["onToggle", "eventKey", "title", "classPrefix", "children"]);
+      _props$openDirection = props.openDirection,
+      openDirection = _props$openDirection === void 0 ? 'end' : _props$openDirection,
+      rest = _objectWithoutPropertiesLoose(props, ["onToggle", "eventKey", "title", "classPrefix", "children", "openDirection"]);
 
   var _useCustom = useCustom('DropdownMenu'),
       rtl = _useCustom.rtl;
@@ -111,7 +114,8 @@ var NavbarDropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return /*#__PURE__*/React.createElement("ul", _extends({
         ref: elementRef,
         className: menuClassName,
-        hidden: !open
+        hidden: !open,
+        "data-direction": openDirection
       }, menuProps), children);
     }));
   });
@@ -124,7 +128,8 @@ NavbarDropdownMenu.propTypes = {
   children: PropTypes.node,
   icon: PropTypes.any,
   classPrefix: PropTypes.string,
-  pullLeft: PropTypes.bool,
+  pullLeft: deprecatePropType(PropTypes.bool, 'Use openDirection="start" instead.'),
+  openDirection: PropTypes.oneOf(['start', 'end']),
   title: PropTypes.node,
   open: PropTypes.bool,
   eventKey: PropTypes.any,

package/esm/Overlay/Modal.d.ts

@@ -37,9 +37,6 @@ export interface BaseModalProps extends WithAsProps, AnimationEventProps {
     onOpen?: () => void;
     /** Called when Modal is closed */
     onClose?: (event: React.SyntheticEvent) => void;
-}
-interface ModalProps extends BaseModalProps {
-    children: (props: any, ref: any) => React.ReactElement;
     container?: HTMLElement | (() => HTMLElement);
     containerClassName?: string;
     backdropTransitionTimeout?: number;
@@ -48,7 +45,7 @@ interface ModalProps extends BaseModalProps {
     onEsc?: React.KeyboardEventHandler;
     onBackdropClick?: React.MouseEventHandler;
 }
-declare const Modal: RsRefForwardingComponent<'div', ModalProps>;
+declare const Modal: RsRefForwardingComponent<'div', BaseModalProps>;
 export declare const modalPropTypes: {
     as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
     className: PropTypes.Requireable<string>;

package/esm/Overlay/Overlay.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { TypeAttributes, AnimationEventProps } from '../@types/common';
+import { TypeAttributes, AnimationEventProps, CursorPosition } from '../@types/common';
 export interface OverlayProps extends AnimationEventProps {
     container?: HTMLElement | (() => HTMLElement | null) | null;
     children: React.ReactElement | ((props: any, ref: any) => React.ReactElement);
@@ -14,6 +14,8 @@ export interface OverlayProps extends AnimationEventProps {
     transition?: React.ElementType;
     triggerTarget?: React.RefObject<any>;
     onClose?: React.ReactEventHandler;
+    followCursor?: boolean;
+    cursorPosition?: CursorPosition | null;
 }
 export declare const overlayPropTypes: {
     container: PropTypes.Requireable<any>;

package/esm/Overlay/Overlay.js

@@ -48,7 +48,9 @@ var Overlay = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onExiting = props.onExiting,
       onEnter = props.onEnter,
       onEntering = props.onEntering,
-      onEntered = props.onEntered;
+      onEntered = props.onEntered,
+      followCursor = props.followCursor,
+      cursorPosition = props.cursorPosition;
 
   var _useState = useState(!open),
       exited = _useState[0],
@@ -82,7 +84,9 @@ var Overlay = /*#__PURE__*/React.forwardRef(function (props, ref) {
     containerPadding: containerPadding,
     triggerTarget: triggerTarget,
     placement: placement,
-    preventOverflow: preventOverflow
+    preventOverflow: preventOverflow,
+    followCursor: followCursor,
+    cursorPosition: cursorPosition
   };
 
   var renderChildWithPosition = function renderChildWithPosition(transitionProps, transitionRef) {

package/esm/Overlay/OverlayTrigger.d.ts

@@ -50,10 +50,14 @@ export interface OverlayTriggerProps extends StandardProps, AnimationEventProps
     onMouseOut?: React.MouseEventHandler;
     /** Mouse over callback function */
     onMouseOver?: React.MouseEventHandler;
+    /** Mouse move callback function */
+    onMouseMove?: React.MouseEventHandler;
     /** Callback fired when open component */
     onOpen?: () => void;
     /** Callback fired when close component */
     onClose?: () => void;
+    /** Whether speaker to follow the cursor */
+    followCursor?: boolean;
 }
 export interface OverlayTriggerInstance {
     root: HTMLElement | undefined;