rsuite 5.47.0 → 5.48.0

package/esm/Tooltip/Tooltip.d.ts

@@ -10,5 +10,10 @@ export interface TooltipProps extends WithAsProps {
     /** Whether show the arrow indicator */
     arrow?: boolean;
 }
+/**
+ * The `Tooltip` component is used to describe a element.
+ *
+ * @see https://rsuitejs.com/components/tooltip
+ */
 declare const Tooltip: RsRefForwardingComponent<'div', TooltipProps>;
 export default Tooltip;

package/esm/Tooltip/Tooltip.js

@@ -4,6 +4,11 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
+/**
+ * The `Tooltip` component is used to describe a element.
+ *
+ * @see https://rsuitejs.com/components/tooltip
+ */
 var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,

package/esm/Tree/Tree.d.ts

@@ -93,5 +93,10 @@ export interface TreeProps<ValueType = string | number> extends TreeBaseProps<Va
     /** Default selected Value  */
     defaultValue?: ValueType;
 }
+/**
+ * The `Tree` component is used to display hierarchical data.
+ *
+ * @see https://rsuitejs.com/components/tree
+ */
 declare const Tree: RsRefForwardingComponent<'div', TreeProps>;
 export default Tree;

package/esm/Tree/Tree.js

@@ -12,6 +12,11 @@ export var TREE_NODE_DROP_POSITION;
   TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION["DRAG_OVER_TOP"] = 1] = "DRAG_OVER_TOP";
   TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION["DRAG_OVER_BOTTOM"] = 2] = "DRAG_OVER_BOTTOM";
 })(TREE_NODE_DROP_POSITION || (TREE_NODE_DROP_POSITION = {}));
+/**
+ * The `Tree` component is used to display hierarchical data.
+ *
+ * @see https://rsuitejs.com/components/tree
+ */
 var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var contextValue = useMemo(function () {
     return {

package/esm/TreePicker/TreePicker.d.ts

@@ -23,5 +23,10 @@ export interface TreePickerProps<T = number | string> extends TreeBaseProps<T, I
     /** Called when scrolling */
     onScroll?: (event: React.SyntheticEvent) => void;
 }
+/**
+ * The `TreePicker` component is used for selecting single options which are organized in a tree structure.
+ *
+ * @see https://rsuitejs.com/components/tree-picker/
+ */
 declare const TreePicker: PickerComponent<TreePickerProps>;
 export default TreePicker;

package/esm/TreePicker/TreePicker.js

@@ -19,6 +19,12 @@ var emptyArray = [];
 var itemSize = function itemSize() {
   return 36;
 };
+
+/**
+ * The `TreePicker` component is used for selecting single options which are organized in a tree structure.
+ *
+ * @see https://rsuitejs.com/components/tree-picker/
+ */
 var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,

package/esm/Uploader/Uploader.d.ts

@@ -105,5 +105,10 @@ export interface FileProgressType {
     status?: FileStatusType;
     progress?: number;
 }
+/**
+ * The `Uploader` component is used to upload files.
+ *
+ * @see https://rsuitejs.com/components/uploader
+ */
 declare const Uploader: React.ForwardRefExoticComponent<UploaderProps & React.RefAttributes<unknown>>;
 export default Uploader;

package/esm/Uploader/Uploader.js

@@ -83,6 +83,12 @@ var useFileList = function useFileList(defaultFileList) {
   }, []);
   return [fileListRef, dispatchCallback];
 };
+
+/**
+ * The `Uploader` component is used to upload files.
+ *
+ * @see https://rsuitejs.com/components/uploader
+ */
 var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,

package/esm/Whisper/Whisper.d.ts

@@ -3,5 +3,11 @@ import { OverlayTriggerHandle } from '../Overlay/OverlayTrigger';
 import { OverlayTriggerProps } from '../Overlay/OverlayTrigger';
 export declare type WhisperProps = OverlayTriggerProps;
 export declare type WhisperInstance = OverlayTriggerHandle;
+/**
+ * The `Whisper` component is used to display a floating element.
+ * It is usually used with the `Tooltip` and `Popover` components.
+ *
+ * @see https://rsuitejs.com/components/whisper
+ */
 declare const Whisper: React.ForwardRefExoticComponent<OverlayTriggerProps & React.RefAttributes<OverlayTriggerHandle>>;
 export default Whisper;

package/esm/Whisper/Whisper.js

@@ -6,6 +6,12 @@ import PropTypes from 'prop-types';
 import OverlayTrigger from '../Overlay/OverlayTrigger';
 import { createChainedFunction, placementPolyfill, PLACEMENT } from '../utils';
 import { CustomContext } from '../CustomProvider';
+/**
+ * The `Whisper` component is used to display a floating element.
+ * It is usually used with the `Tooltip` and `Popover` components.
+ *
+ * @see https://rsuitejs.com/components/whisper
+ */
 var Whisper = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var onOpen = props.onOpen,
     onClose = props.onClose,

package/esm/Windowing/AutoSizer.d.ts

@@ -21,5 +21,10 @@ export interface AutoSizerProps {
     /** Callback to be invoked on-resize */
     onResize?: ((size: Size) => void) | undefined;
 }
+/**
+ * High-order component that automatically adjusts the width and height of a single child.
+ *
+ * @private
+ */
 declare const AutoSizer: React.ForwardRefExoticComponent<AutoSizerProps & React.RefAttributes<HTMLDivElement>>;
 export default AutoSizer;

package/esm/Windowing/AutoSizer.js

@@ -5,6 +5,11 @@ import React, { useState, useRef } from 'react';
 import { useCallback } from 'react';
 import getStyle from 'dom-lib/getStyle';
 import { mergeRefs, useElementResize, useMount } from '../utils';
+/**
+ * High-order component that automatically adjusts the width and height of a single child.
+ *
+ * @private
+ */
 var AutoSizer = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
     className = props.className,

package/esm/Windowing/List.d.ts

@@ -5,7 +5,7 @@ export interface ListProps<T = any> extends WithAsProps {
      * @deprecated use itemSize instead
      * Either a fixed row height (number) or a function that returns the height of a row given its index: ({ index: number }): number
      */
-    rowHeight?: number | (({ index: number }: {
+    rowHeight?: number | (({ index }: {
         index: any;
     }) => number);
     /**
@@ -41,5 +41,10 @@ export interface ListHandle extends Partial<VariableSizeList> {
      */
     scrollToRow?: (index: number) => void;
 }
+/**
+ * This component renders a virtualized list of elements with either fixed or dynamic heights.
+ *
+ * @private
+ */
 declare const List: RsRefForwardingComponent<'div', ListProps>;
 export default List;

package/esm/Windowing/List.js

@@ -4,6 +4,11 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React, { useRef, useImperativeHandle, useCallback, useMemo } from 'react';
 import { VariableSizeList } from 'react-window';
 import { useCustom } from '../utils';
+/**
+ * This component renders a virtualized list of elements with either fixed or dynamic heights.
+ *
+ * @private
+ */
 var List = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var rowHeight = props.rowHeight,
     _props$as = props.as,

package/esm/index.d.ts

@@ -90,6 +90,8 @@ export { default as Cascader } from './Cascader';
 export type { CascaderProps } from './Cascader';
 export { default as MultiCascader } from './MultiCascader';
 export type { MultiCascaderProps } from './MultiCascader';
+export { default as DateInput } from './DateInput';
+export type { DateInputProps } from './DateInput';
 export { default as DatePicker } from './DatePicker';
 export type { DatePickerProps } from './DatePicker';
 export { default as DateRangePicker } from './DateRangePicker';
@@ -160,3 +162,4 @@ export { default as CustomProvider } from './CustomProvider';
 export type { CustomProviderProps } from './CustomProvider';
 export type { Locale, CalendarLocale, PlaintextLocale, PaginationLocale, TableLocale, DatePickerLocale, DateRangePickerLocale, PickerLocale, InputPickerLocale, UploaderLocale, BreadcrumbLocale, ToggleLocale } from './locales';
 export type { PickerHandle } from './Picker';
+export { default as useMediaQuery } from './useMediaQuery';

package/esm/index.js

@@ -48,6 +48,7 @@ export { default as TreePicker } from './TreePicker';
 export { default as CheckTreePicker } from './CheckTreePicker';
 export { default as Cascader } from './Cascader';
 export { default as MultiCascader } from './MultiCascader';
+export { default as DateInput } from './DateInput';
 export { default as DatePicker } from './DatePicker';
 export { default as DateRangePicker } from './DateRangePicker';
 export { default as AutoComplete } from './AutoComplete';
@@ -87,4 +88,5 @@ export { default as Schema } from './Schema';
 export { default as Animation } from './Animation';
 export { default as DOMHelper } from './DOMHelper';
 export { default as Affix } from './Affix';
-export { default as CustomProvider } from './CustomProvider';
+export { default as CustomProvider } from './CustomProvider';
+export { default as useMediaQuery } from './useMediaQuery';

package/esm/toaster/toaster.d.ts

@@ -2,19 +2,21 @@ import React from 'react';
 import { ToastContainerProps } from './ToastContainer';
 export interface Toaster {
     /**
-     * Add a message to the container.
-     * When the container does not exist, create a new container. Use `placement` as the ID of the container
-     * @param message
-     * @param options
+     * Push a toast message.
+     * @param message The message to be displayed.
+     *                eg: `<Message type="success" description="Success" />` or `<Notification type="success" closable>Success</Notification>`
+     * @param options The options of the toast message. (optional)
+     *                eg: `{ placement: 'topCenter', duration: 5000 }`
+     * @returns The key of the toast message.
      */
     push(message: React.ReactNode, options?: ToastContainerProps): string | undefined | Promise<string | undefined>;
     /**
-     * Remove a message by key
-     * @param key
+     * Remove a toast message.
+     * @param key  The key of the toast message.
      */
     remove(key: string): void;
     /**
-     * Clear all messages
+     * Clear all toast messages.
      */
     clear(): void;
 }

package/esm/toaster/useToaster.d.ts

@@ -1,12 +1,30 @@
 import React from 'react';
 import { ToastContainerProps } from './ToastContainer';
 /**
- * Hook to use the toaster
+ * The 'useToaster' hook is a wrapper for the 'toaster' module.
  * @returns toaster { push, remove, clear }
+ *
+ * @see https://rsuitejs.com/components/message/
+ * @see https://rsuitejs.com/components/notification/
  */
 declare const useToaster: () => {
+    /**
+     * Push a toast message.
+     * @param message The message to be displayed.
+     *                eg: `<Message type="success" description="Success" />` or `<Notification type="success" closable>Success</Notification>`
+     * @param options The options of the toast message. (optional)
+     *                eg: `{ placement: 'topCenter', duration: 5000 }`
+     * @returns The key of the toast message.
+     */
     push: (message: React.ReactNode, options?: ToastContainerProps) => string | Promise<string | undefined> | undefined;
+    /**
+     * Remove a toast message.
+     * @param key  The key of the toast message.
+     */
     remove: (key: string) => void;
+    /**
+     * Clear all toast messages.
+     */
     clear: () => void;
 };
 export default useToaster;

package/esm/toaster/useToaster.js

@@ -4,25 +4,43 @@ import toaster from './toaster';
 import { useCustom } from '../utils';
 
 /**
- * Hook to use the toaster
+ * The 'useToaster' hook is a wrapper for the 'toaster' module.
  * @returns toaster { push, remove, clear }
+ *
+ * @see https://rsuitejs.com/components/message/
+ * @see https://rsuitejs.com/components/notification/
  */
 var useToaster = function useToaster() {
   var _useCustom = useCustom(),
     toasters = _useCustom.toasters;
   return useMemo(function () {
     return {
+      /**
+       * Push a toast message.
+       * @param message The message to be displayed.
+       *                eg: `<Message type="success" description="Success" />` or `<Notification type="success" closable>Success</Notification>`
+       * @param options The options of the toast message. (optional)
+       *                eg: `{ placement: 'topCenter', duration: 5000 }`
+       * @returns The key of the toast message.
+       */
       push: function push(message, options) {
         var _toasters$current;
         var customToaster = toasters === null || toasters === void 0 ? void 0 : (_toasters$current = toasters.current) === null || _toasters$current === void 0 ? void 0 : _toasters$current.get((options === null || options === void 0 ? void 0 : options.placement) || 'topCenter');
         return customToaster ? customToaster.push(message, options) : toaster.push(message, options);
       },
+      /**
+       * Remove a toast message.
+       * @param key  The key of the toast message.
+       */
       remove: function remove(key) {
         toasters ? Array.from(toasters.current).forEach(function (_ref) {
           var c = _ref[1];
           return c === null || c === void 0 ? void 0 : c.remove(key);
         }) : toaster.remove(key);
       },
+      /**
+       * Clear all toast messages.
+       */
       clear: function clear() {
         toasters ? Array.from(toasters.current).forEach(function (_ref2) {
           var c = _ref2[1];

package/esm/useMediaQuery/index.d.ts

@@ -0,0 +1,2 @@
+import useMediaQuery from './useMediaQuery';
+export default useMediaQuery;

package/esm/useMediaQuery/index.js

@@ -0,0 +1,3 @@
+'use client';
+import useMediaQuery from './useMediaQuery';
+export default useMediaQuery;

package/esm/useMediaQuery/useMediaQuery.d.ts

@@ -0,0 +1,23 @@
+export declare const mediaQuerySizeMap: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+};
+/**
+ * React hook that tracks state of a CSS media query.
+ * @deprecated Use useMediaQuery instead.
+ *
+ * @see https://rsuitejs.com/components/use-media-query
+ */
+export declare function useMediaQueryLegacy(query: string | keyof typeof mediaQuerySizeMap | (string | keyof typeof mediaQuerySizeMap)[]): boolean[];
+/**
+ * React hook that tracks state of a CSS media query
+ * @version 5.48.0
+ * @see https://rsuitejs.com/components/use-media-query
+ */
+export declare function useMediaQuery(query: string | keyof typeof mediaQuerySizeMap | (string | keyof typeof mediaQuerySizeMap)[]): boolean[];
+declare const _default: typeof useMediaQuery;
+export default _default;

package/esm/useMediaQuery/useMediaQuery.js

@@ -0,0 +1,113 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useEffect, useState, useCallback, useRef } from 'react';
+import canUseDOM from 'dom-lib/canUseDOM';
+export var mediaQuerySizeMap = {
+  xs: '(max-width: 575px)',
+  sm: '(min-width: 576px)',
+  md: '(min-width: 768px)',
+  lg: '(min-width: 992px)',
+  xl: '(min-width: 1200px)',
+  xxl: '(min-width: 1400px)'
+};
+var matchMedia = function matchMedia(query) {
+  if (canUseDOM) {
+    return window.matchMedia(query);
+  }
+  return {
+    matches: false,
+    media: query
+  };
+};
+
+/**
+ * React hook that tracks state of a CSS media query.
+ * @deprecated Use useMediaQuery instead.
+ *
+ * @see https://rsuitejs.com/components/use-media-query
+ */
+export function useMediaQueryLegacy(query) {
+  var queries = Array.isArray(query) ? query : [query];
+  var mediaQueries = queries.map(function (query) {
+    return mediaQuerySizeMap[query] || query;
+  });
+  var _useState = useState(function () {
+      return mediaQueries.map(function (query) {
+        return matchMedia(query);
+      });
+    }),
+    mediaQueryArray = _useState[0],
+    setMediaQueryArray = _useState[1];
+  function handleChange(event) {
+    setMediaQueryArray(function (prevMediaQueryArray) {
+      return prevMediaQueryArray.map(function (item) {
+        return item.media === event.media ? _extends({}, item, {
+          matches: event.matches
+        }) : item;
+      });
+    });
+  }
+  useEffect(function () {
+    var mediaQueryList = mediaQueries.map(function (query) {
+      return matchMedia(query);
+    });
+    mediaQueryList.forEach(function (query) {
+      query.addEventListener('change', handleChange);
+    });
+    return function () {
+      mediaQueryList.forEach(function (query) {
+        query.removeEventListener('change', handleChange);
+      });
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [mediaQueries]);
+  return mediaQueryArray.map(function (query) {
+    return query.matches;
+  });
+}
+
+/**
+ * React hook that tracks state of a CSS media query
+ * @version 5.48.0
+ * @see https://rsuitejs.com/components/use-media-query
+ */
+export function useMediaQuery(query) {
+  var _React$useSyncExterna;
+  var queries = Array.isArray(query) ? query : [query];
+  var mediaQueries = queries.map(function (query) {
+    return mediaQuerySizeMap[query] || query;
+  });
+  var mediaQueryArray = useRef(mediaQueries.map(function (query) {
+    return matchMedia(query).matches;
+  }));
+  var subscribe = useCallback(function (callback) {
+    var list = mediaQueries.map(function (query) {
+      return matchMedia(query);
+    });
+    var handleChange = function handleChange(event) {
+      var index = list.findIndex(function (item) {
+        return item.media === event.media;
+      });
+      if (index !== -1) {
+        mediaQueryArray.current[index] = event.matches;
+      }
+      callback();
+    };
+    list.forEach(function (query) {
+      query.addEventListener('change', handleChange);
+    });
+    return function () {
+      list.forEach(function (query) {
+        query.removeEventListener('change', handleChange);
+      });
+    };
+  }, [mediaQueries]);
+  var getSnapshot = function getSnapshot() {
+    return mediaQueryArray.current;
+  };
+  var getServerSnapshot = function getServerSnapshot() {
+    throw Error('useMediaQuery is a client-only hook');
+  };
+  return (_React$useSyncExterna = React['useSyncExternalStore']) === null || _React$useSyncExterna === void 0 ? void 0 : _React$useSyncExterna.call(React, subscribe, getSnapshot, getServerSnapshot);
+}
+export default typeof React['useSyncExternalStore'] === 'function' ? useMediaQuery : useMediaQueryLegacy;

package/esm/utils/BrowserDetection.d.ts

@@ -2,6 +2,7 @@ export declare const isIE: () => boolean;
 export declare const isIE10: () => boolean;
 export declare const isIE11: () => boolean;
 export declare const isEdge: () => boolean;
+export declare const isAndroid: () => boolean;
 export declare const getChromeVersion: () => number | false;
 export declare const getSafariVersion: () => number | false;
 /**

package/esm/utils/BrowserDetection.js

@@ -18,6 +18,9 @@ export var isIE11 = function isIE11() {
 export var isEdge = function isEdge() {
   return canUseDOM && !isIE() && 'styleMedia' in window;
 };
+export var isAndroid = function isAndroid() {
+  return canUseDOM && /Android/i.test(navigator.userAgent);
+};
 export var getChromeVersion = function getChromeVersion() {
   if (canUseDOM) {
     var match = window.navigator.userAgent.match(/Chrom(e|ium)\/([\d\.]+)\./);

package/esm/utils/dateUtils.d.ts

@@ -1,5 +1,9 @@
 export { default as addDays } from 'date-fns/addDays';
 export { default as addMonths } from 'date-fns/addMonths';
+export { default as addYears } from 'date-fns/addYears';
+export { default as addSeconds } from 'date-fns/addSeconds';
+export { default as addMinutes } from 'date-fns/addMinutes';
+export { default as addHours } from 'date-fns/addHours';
 export { default as compareAsc } from 'date-fns/compareAsc';
 export { default as endOfDay } from 'date-fns/endOfDay';
 export { default as endOfISOWeek } from 'date-fns/endOfISOWeek';
@@ -37,6 +41,8 @@ export { default as isMatch } from 'date-fns/isMatch';
 export { default as isValid } from 'date-fns/isValid';
 export { default as set } from 'date-fns/set';
 export { default as differenceInCalendarMonths } from 'date-fns/differenceInCalendarMonths';
+export { default as isLastDayOfMonth } from 'date-fns/isLastDayOfMonth';
+export { default as lastDayOfMonth } from 'date-fns/lastDayOfMonth';
 export declare type CalendarOnlyPropsType = 'disabledHours' | 'disabledMinutes' | 'disabledSeconds' | 'hideHours' | 'hideMinutes' | 'hideSeconds';
 export declare const calendarOnlyProps: CalendarOnlyPropsType[];
 /**

package/esm/utils/dateUtils.js

@@ -10,6 +10,10 @@ import addDays from 'date-fns/addDays';
 import set from 'date-fns/set';
 export { default as addDays } from 'date-fns/addDays';
 export { default as addMonths } from 'date-fns/addMonths';
+export { default as addYears } from 'date-fns/addYears';
+export { default as addSeconds } from 'date-fns/addSeconds';
+export { default as addMinutes } from 'date-fns/addMinutes';
+export { default as addHours } from 'date-fns/addHours';
 export { default as compareAsc } from 'date-fns/compareAsc';
 export { default as endOfDay } from 'date-fns/endOfDay';
 export { default as endOfISOWeek } from 'date-fns/endOfISOWeek';
@@ -47,6 +51,8 @@ export { default as isMatch } from 'date-fns/isMatch';
 export { default as isValid } from 'date-fns/isValid';
 export { default as set } from 'date-fns/set';
 export { default as differenceInCalendarMonths } from 'date-fns/differenceInCalendarMonths';
+export { default as isLastDayOfMonth } from 'date-fns/isLastDayOfMonth';
+export { default as lastDayOfMonth } from 'date-fns/lastDayOfMonth';
 var disabledTimeProps = ['disabledHours', 'disabledMinutes', 'disabledSeconds'];
 var hideTimeProps = ['hideHours', 'hideMinutes', 'hideSeconds'];
 export var calendarOnlyProps = disabledTimeProps.concat(hideTimeProps);

package/esm/utils/index.d.ts

@@ -23,6 +23,7 @@ export { default as reactToString } from './reactToString';
 export { default as scrollTopAnimation } from './scrollTopAnimation';
 export { default as appendTooltip } from './appendTooltip';
 export { default as render } from './render';
+export { default as safeSetSelection } from './safeSetSelection';
 /** Hooks **/
 export { default as useClassNames } from './useClassNames';
 export { default as useEventListener } from './useEventListener';

package/esm/utils/index.js

@@ -26,6 +26,7 @@ export { default as reactToString } from './reactToString';
 export { default as scrollTopAnimation } from './scrollTopAnimation';
 export { default as appendTooltip } from './appendTooltip';
 export { default as render } from './render';
+export { default as safeSetSelection } from './safeSetSelection';
 
 /** Hooks **/
 export { default as useClassNames } from './useClassNames';

package/esm/utils/safeSetSelection.d.ts

@@ -0,0 +1,2 @@
+declare function safeSetSelection(element: HTMLInputElement, selectionStart: number, selectionEnd: number): void;
+export default safeSetSelection;

package/esm/utils/safeSetSelection.js

@@ -0,0 +1,16 @@
+'use client';
+import { isAndroid } from './BrowserDetection';
+var defer = typeof requestAnimationFrame !== 'undefined' ? requestAnimationFrame : setTimeout;
+var strNone = 'none';
+function safeSetSelection(element, selectionStart, selectionEnd) {
+  if (document.activeElement === element) {
+    if (isAndroid()) {
+      defer(function () {
+        return element.setSelectionRange(selectionStart, selectionEnd, strNone);
+      }, 0);
+    } else {
+      element.setSelectionRange(selectionStart, selectionEnd, strNone);
+    }
+  }
+}
+export default safeSetSelection;

package/esm/utils/treeUtils.d.ts

@@ -180,11 +180,11 @@ export declare function useTreeDrag<T>(): {
     dragNode: T | null;
     dragOverNodeKey: null;
     dragNodeKeys: (string | number)[];
-    dropNodePosition: TREE_NODE_DROP_POSITION | null;
+    dropNodePosition: -1 | TREE_NODE_DROP_POSITION | null;
     setDragNode: (node: T | null) => void;
     setDragOverNodeKey: React.Dispatch<React.SetStateAction<null>>;
     setDragNodeKeys: React.Dispatch<React.SetStateAction<(string | number)[]>>;
-    setDropNodePosition: React.Dispatch<React.SetStateAction<TREE_NODE_DROP_POSITION | null>>;
+    setDropNodePosition: React.Dispatch<React.SetStateAction<-1 | TREE_NODE_DROP_POSITION | null>>;
 };
 interface FlattenTreeDataProps {
     data: TreeNodeType[];

package/package.json

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

package/useMediaQuery/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "rsuite/useMediaQuery",
+  "private": true,
+  "main": "../cjs/useMediaQuery/index.js",
+  "module": "../esm/useMediaQuery/index.js",
+  "types": "../esm/useMediaQuery/index.d.ts"
+}