rsuite 5.61.0 → 5.62.0

package/esm/internals/Picker/PickerLabel.js

@@ -2,7 +2,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
-import InputGroup from '../../InputGroup';
+import InputGroup from "../../InputGroup";
 var PickerLabel = function PickerLabel(_ref) {
   var children = _ref.children,
     className = _ref.className,

package/esm/internals/Picker/PickerPopup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 import type { OverlayTriggerHandle } from './PickerToggleTrigger';
 export interface PickerPopupProps extends WithAsProps {
     placement?: string;

package/esm/internals/Picker/PickerPopup.js

@@ -5,7 +5,9 @@ import React, { useRef, useCallback, useEffect } from 'react';
 import omit from 'lodash/omit';
 import addStyle from 'dom-lib/addStyle';
 import getWidth from 'dom-lib/getWidth';
-import { getDOMNode, mergeRefs, useElementResize, useClassNames, useEventCallback } from '../../utils';
+import { mergeRefs } from "../utils";
+import { useElementResize, useClassNames, useEventCallback } from "../hooks";
+import { getDOMNode } from "../utils";
 var omitProps = ['placement', 'arrowOffsetLeft', 'arrowOffsetTop', 'positionLeft', 'positionTop', 'getPositionInstance', 'getToggleInstance', 'autoWidth'];
 var resizePlacement = ['topStart', 'topEnd', 'leftEnd', 'rightEnd', 'auto', 'autoVerticalStart', 'autoVerticalEnd', 'autoHorizontalEnd'];
 var PickerPopup = /*#__PURE__*/React.forwardRef(function (props, ref) {

package/esm/internals/Picker/PickerToggle.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import ToggleButton, { ToggleButtonProps } from './ToggleButton';
-import { RsRefForwardingComponent, TypeAttributes, DataItemValue } from '../../@types/common';
+import { RsRefForwardingComponent, TypeAttributes, DataItemValue } from '@/internals/types';
 import { IconProps } from '@rsuite/icons/lib/Icon';
 export interface PickerToggleProps<T = DataItemValue> extends ToggleButtonProps {
     active?: boolean;

package/esm/internals/Picker/PickerToggle.js

@@ -4,14 +4,14 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _templateObject;
 import React, { useRef, useMemo } from 'react';
-import ToggleButton from './ToggleButton';
-import { useClassNames, mergeRefs, useEventCallback } from '../../utils';
-import Plaintext from '../Plaintext';
-import useToggleCaret from '../../utils/useToggleCaret';
-import Stack from '../../Stack';
-import PickerIndicator from './PickerIndicator';
-import PickerLabel from './PickerLabel';
-import useCombobox from './hooks/useCombobox';
+import ToggleButton from "./ToggleButton";
+import { useClassNames, useEventCallback, useToggleCaret } from "../hooks";
+import { mergeRefs } from "../utils";
+import Plaintext from "../Plaintext";
+import Stack from "../../Stack";
+import PickerIndicator from "./PickerIndicator";
+import PickerLabel from "./PickerLabel";
+import useCombobox from "./hooks/useCombobox";
 var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var active = props.active,
     _props$as = props.as,

package/esm/internals/Picker/PickerToggleTrigger.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { OverlayTriggerHandle, OverlayTriggerProps, OverlayTriggerType } from '../../internals/Overlay/OverlayTrigger';
-import { PositionChildProps } from '../../internals/Overlay/Position';
-import { TypeAttributes, AnimationEventProps } from '../../@types/common';
+import { OverlayTriggerHandle, OverlayTriggerProps, OverlayTriggerType } from '@/internals/Overlay/OverlayTrigger';
+import { PositionChildProps } from '@/internals/Overlay/Position';
+import { TypeAttributes, AnimationEventProps } from '@/internals/types';
 export type { OverlayTriggerHandle, PositionChildProps };
 export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onEntering' | 'onExiting'>, Pick<OverlayTriggerProps, 'speaker' | 'onOpen' | 'onClose'> {
     id?: string;

package/esm/internals/Picker/PickerToggleTrigger.js

@@ -3,8 +3,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import pick from 'lodash/pick';
-import OverlayTrigger from '../../internals/Overlay/OverlayTrigger';
-import { placementPolyfill, useCustom, useUniqueId } from '../../utils';
+import OverlayTrigger from "../Overlay/OverlayTrigger";
+import { useCustom, useUniqueId } from "../hooks";
+import { placementPolyfill } from "../utils";
 export var omitTriggerPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'onOpen', 'defaultOpen', 'onClose', 'container', 'containerPadding', 'preventOverflow'];
 export var pickTriggerPropKeys = [].concat(omitTriggerPropKeys, ['disabled', 'plaintext', 'readOnly', 'loading', 'label']);
 export var ComboboxContextContext = /*#__PURE__*/React.createContext({

package/esm/internals/Picker/SelectedElement.js

@@ -1,6 +1,6 @@
 'use client';
 import React from 'react';
-import reactToString from '../../utils/reactToString';
+import { reactToString } from "../utils";
 var SelectedElement = function SelectedElement(props) {
   var selectedItems = props.selectedItems,
     prefix = props.prefix,

package/esm/internals/Picker/ToggleButton.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
-import Button from '../../Button';
+import Button from "../../Button";
 var ToggleButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(Button, _extends({}, props, {
     ref: ref,

package/esm/internals/Picker/hooks/index.js

@@ -1,7 +1,7 @@
 'use client';
-export { default as usePickerRef } from './usePickerRef';
-export { default as useCombobox } from './useCombobox';
-export { default as useFocusItemValue } from './useFocusItemValue';
-export { default as useToggleKeyDownEvent } from './useToggleKeyDownEvent';
-export { default as useSearch } from './useSearch';
-export { default as usePickerClassName } from './usePickerClassName';
+export { default as usePickerRef } from "./usePickerRef";
+export { default as useCombobox } from "./useCombobox";
+export { default as useFocusItemValue } from "./useFocusItemValue";
+export { default as useToggleKeyDownEvent } from "./useToggleKeyDownEvent";
+export { default as useSearch } from "./useSearch";
+export { default as usePickerClassName } from "./usePickerClassName";

package/esm/internals/Picker/hooks/useCombobox.d.ts

@@ -1,6 +1,6 @@
 declare function useCombobox(): {
     id: string | undefined;
-    popupType: "dialog" | "menu" | "grid" | "listbox" | "tree" | undefined;
+    popupType: "dialog" | "menu" | "listbox" | "grid" | "tree" | undefined;
     multiple: boolean | undefined;
     labelId: string | undefined;
 };

package/esm/internals/Picker/hooks/useCombobox.js

@@ -1,6 +1,6 @@
 'use client';
 import { useContext } from 'react';
-import { ComboboxContextContext } from '../PickerToggleTrigger';
+import { ComboboxContextContext } from "../PickerToggleTrigger";
 function useCombobox() {
   var _useContext = useContext(ComboboxContextContext),
     id = _useContext.id,

package/esm/internals/Picker/hooks/useFocusItemValue.js

@@ -4,9 +4,10 @@ import isFunction from 'lodash/isFunction';
 import isUndefined from 'lodash/isUndefined';
 import find from 'lodash/find';
 import { getHeight } from 'dom-lib';
-import { useEventCallback, shallowEqual } from '../../../utils';
-import { findNodeOfTree } from '../../Tree/utils';
-import { onMenuKeyDown } from '../utils';
+import { useEventCallback } from "../../hooks";
+import { shallowEqual } from "../../utils";
+import { findNodeOfTree } from "../../Tree/utils";
+import { onMenuKeyDown } from "../utils";
 /**
  * A hook that manages the focus state of the option.
  * @param defaultFocusItemValue

package/esm/internals/Picker/hooks/usePickerClassName.d.ts

@@ -1,4 +1,4 @@
-import { TypeAttributes } from '../../../@types/common';
+import { TypeAttributes } from '@/internals/types';
 export interface PickerClassNameProps {
     name?: string;
     classPrefix: string;

package/esm/internals/Picker/hooks/usePickerClassName.js

@@ -2,7 +2,8 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import kebabCase from 'lodash/kebabCase';
 import omit from 'lodash/omit';
-import { useClassNames, placementPolyfill } from '../../../utils';
+import { useClassNames } from "../../hooks";
+import { placementPolyfill } from "../../utils";
 /**
  * The className of the assembled Toggle is on the Picker.
  */

package/esm/internals/Picker/hooks/usePickerRef.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { OverlayTriggerHandle } from '../PickerToggleTrigger';
-import type { ListHandle } from '../../../internals/Windowing';
+import type { ListHandle } from '../../Windowing';
 /**
  * A hook of the exposed method of Picker
  */

package/esm/internals/Picker/hooks/usePickerRef.js

@@ -1,7 +1,7 @@
 'use client';
 import { useImperativeHandle, useRef } from 'react';
-import useEventCallback from '../../../utils/useEventCallback';
-import { RSUITE_PICKER_TYPE } from '../../../internals/symbols';
+import { useEventCallback } from "../../hooks";
+import { RSUITE_PICKER_TYPE } from "../../symbols";
 /**
  * A hook of the exposed method of Picker
  */

package/esm/internals/Picker/hooks/useSearch.js

@@ -1,7 +1,7 @@
 'use client';
 import { useState, useCallback, useMemo } from 'react';
 import isUndefined from 'lodash/isUndefined';
-import { shouldDisplay } from '../utils';
+import { shouldDisplay } from "../utils";
 /**
  * A hook that handles search filter options
  */

package/esm/internals/Picker/hooks/useToggleKeyDownEvent.js

@@ -1,5 +1,6 @@
 'use client';
-import { useEventCallback, KEY_VALUES } from '../../../utils';
+import { KEY_VALUES } from "../../constants";
+import { useEventCallback } from "../../hooks";
 /**
  * A hook to control the toggle keyboard operation
  * @param props

package/esm/internals/Picker/index.js

@@ -1,16 +1,16 @@
 'use client';
-import { pickTriggerPropKeys, omitTriggerPropKeys } from './PickerToggleTrigger';
-export { default as Listbox } from './Listbox';
-export { default as ListItem } from './ListItem';
-export { default as ListItemGroup } from './ListItemGroup';
-export { default as ListCheckItem } from './ListCheckItem';
-export { default as PickerPopup } from './PickerPopup';
-export { default as PickerToggle } from './PickerToggle';
-export { default as PickerLabel } from './PickerLabel';
-export { default as PickerIndicator } from './PickerIndicator';
-export { default as PickerToggleTrigger } from './PickerToggleTrigger';
-export { default as SelectedElement } from './SelectedElement';
+import { pickTriggerPropKeys, omitTriggerPropKeys } from "./PickerToggleTrigger";
+export { default as Listbox } from "./Listbox";
+export { default as ListItem } from "./ListItem";
+export { default as ListItemGroup } from "./ListItemGroup";
+export { default as ListCheckItem } from "./ListCheckItem";
+export { default as PickerPopup } from "./PickerPopup";
+export { default as PickerToggle } from "./PickerToggle";
+export { default as PickerLabel } from "./PickerLabel";
+export { default as PickerIndicator } from "./PickerIndicator";
+export { default as PickerToggleTrigger } from "./PickerToggleTrigger";
+export { default as SelectedElement } from "./SelectedElement";
 export { pickTriggerPropKeys, omitTriggerPropKeys };
-export * from './hooks';
-export * from './utils';
-export * from './propTypes';
+export * from "./hooks";
+export * from "./utils";
+export * from "./propTypes";

package/esm/internals/Picker/propTypes.d.ts

@@ -12,7 +12,7 @@ export declare const pickerPropTypes: {
     menuClassName: PropTypes.Requireable<string>;
     menuStyle: PropTypes.Requireable<object>;
     placeholder: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    placement: PropTypes.Requireable<"top" | "bottom" | "right" | "left" | "bottomStart" | "bottomEnd" | "topStart" | "topEnd" | "leftStart" | "rightStart" | "leftEnd" | "rightEnd" | "auto" | "autoVertical" | "autoVerticalStart" | "autoVerticalEnd" | "autoHorizontal" | "autoHorizontalStart" | "autoHorizontalEnd">;
+    placement: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "bottomStart" | "bottomEnd" | "topStart" | "topEnd" | "leftStart" | "rightStart" | "leftEnd" | "rightEnd" | "auto" | "autoVertical" | "autoVerticalStart" | "autoVerticalEnd" | "autoHorizontal" | "autoHorizontalStart" | "autoHorizontalEnd">;
     preventOverflow: PropTypes.Requireable<boolean>;
     open: PropTypes.Requireable<boolean>;
     defaultOpen: PropTypes.Requireable<boolean>;
@@ -51,7 +51,7 @@ export declare const listPickerPropTypes: {
     menuClassName: PropTypes.Requireable<string>;
     menuStyle: PropTypes.Requireable<object>;
     placeholder: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    placement: PropTypes.Requireable<"top" | "bottom" | "right" | "left" | "bottomStart" | "bottomEnd" | "topStart" | "topEnd" | "leftStart" | "rightStart" | "leftEnd" | "rightEnd" | "auto" | "autoVertical" | "autoVerticalStart" | "autoVerticalEnd" | "autoHorizontal" | "autoHorizontalStart" | "autoHorizontalEnd">;
+    placement: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "bottomStart" | "bottomEnd" | "topStart" | "topEnd" | "leftStart" | "rightStart" | "leftEnd" | "rightEnd" | "auto" | "autoVertical" | "autoVerticalStart" | "autoVerticalEnd" | "autoHorizontal" | "autoHorizontalStart" | "autoHorizontalEnd">;
     preventOverflow: PropTypes.Requireable<boolean>;
     open: PropTypes.Requireable<boolean>;
     defaultOpen: PropTypes.Requireable<boolean>;

package/esm/internals/Picker/propTypes.js

@@ -1,9 +1,9 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import PropTypes from 'prop-types';
-import { PLACEMENT } from '../../utils';
-import { animationPropTypes } from '../../Animation/utils';
-import { oneOf } from '../propTypes';
+import { PLACEMENT } from "../constants";
+import { animationPropTypes } from "../../Animation/utils";
+import { oneOf } from "../propTypes";
 export var pickerPropTypes = _extends({}, animationPropTypes, {
   classPrefix: PropTypes.string,
   className: PropTypes.string,

package/esm/internals/Picker/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { RsRefForwardingComponent } from '../../@types/common';
-import type { ListHandle } from '../../internals/Windowing';
-import { RSUITE_PICKER_TYPE } from '../../internals/symbols';
+import { RsRefForwardingComponent } from '@/internals/types';
+import type { ListHandle } from '@/internals/Windowing';
+import { RSUITE_PICKER_TYPE } from '@/internals/symbols';
 export interface PickerHandle {
     type?: typeof RSUITE_PICKER_TYPE;
     root: HTMLElement | null;

package/esm/internals/Picker/utils.js

@@ -1,8 +1,9 @@
 'use client';
 import React from 'react';
 import trim from 'lodash/trim';
-import { findNodeOfTree } from '../Tree/utils';
-import { KEY_VALUES, reactToString } from '../../utils';
+import { KEY_VALUES } from "../constants";
+import { findNodeOfTree } from "../Tree/utils";
+import { reactToString } from "../utils";
 var defaultNodeKeys = {
   valueKey: 'value',
   childrenKey: 'children'

package/esm/internals/Plaintext/Plaintext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps } from '../../@types/common';
+import { WithAsProps } from '@/internals/types';
 declare type LocaleKey = 'unfilled' | 'notSelected' | 'notUploaded';
 export interface PlaintextProps extends WithAsProps {
     placeholder?: React.ReactNode;

package/esm/internals/Plaintext/Plaintext.js

@@ -2,7 +2,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
-import { useClassNames, useCustom } from '../../utils';
+import { useClassNames, useCustom } from "../hooks";
 /**
  * Make the component display in plain text, and display default characters when there is no children.
  * @private

package/esm/internals/Plaintext/index.js

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

package/esm/internals/Ripple/Ripple.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps } from '../../@types/common';
+import { WithAsProps } from '@/internals/types';
 export interface RippleProps extends WithAsProps {
     onMouseDown?: (position: any, event: React.MouseEvent) => void;
 }

package/esm/internals/Ripple/Ripple.js

@@ -5,8 +5,9 @@ import React, { useRef, useState, useEffect, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import getOffset from 'dom-lib/getOffset';
 import on from 'dom-lib/on';
-import Transition from '../../Animation/Transition';
-import { mergeRefs, useClassNames, useCustom } from '../../utils';
+import { useClassNames, useCustom } from "../hooks";
+import Transition from "../../Animation/Transition";
+import { mergeRefs } from "../utils";
 var getPosition = function getPosition(target, event) {
   var offset = getOffset(target);
   var offsetX = (event.pageX || 0) - offset.left;

package/esm/internals/Ripple/index.js

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

package/esm/internals/ScrollView/ScrollView.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { WithAsProps } from '@/internals/types';
+export interface ScrollViewProps extends WithAsProps, React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The shadow of the content when scrolling
+     */
+    scrollShadow?: boolean;
+    /**
+     * Whether to customize the scrollbar
+     */
+    customScrollbar?: boolean;
+    /**
+     * The height of the scroll area
+     */
+    height?: number;
+    /**
+     * The width of the scroll area
+     */
+    width?: number;
+    /**
+     * Test ID
+     * @private
+     */
+    'data-testid'?: string;
+}
+declare const ScrollView: React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<HTMLDivElement>>;
+export default ScrollView;

package/esm/internals/ScrollView/ScrollView.js

@@ -0,0 +1,50 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React from 'react';
+import { useClassNames } from "../hooks";
+import { createChainedFunction, mergeRefs } from "../utils";
+import { useScrollState } from "./hooks/useScrollState";
+var ScrollView = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$as = props.as,
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'scroll-view' : _props$classPrefix,
+    className = props.className,
+    children = props.children,
+    scrollShadow = props.scrollShadow,
+    customScrollbar = props.customScrollbar,
+    height = props.height,
+    width = props.width,
+    style = props.style,
+    onScroll = props.onScroll,
+    dataTestId = props['data-testid'],
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "children", "scrollShadow", "customScrollbar", "height", "width", "style", "onScroll", "data-testid"]);
+  var _useClassNames = useClassNames(classPrefix),
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
+  var _useScrollState = useScrollState(scrollShadow),
+    scrollState = _useScrollState.scrollState,
+    handleScroll = _useScrollState.handleScroll,
+    bodyRef = _useScrollState.bodyRef;
+  var bodyStyles = _extends({
+    height: height,
+    width: width
+  }, style);
+  var bodyClasses = merge(className, withClassPrefix({
+    shadow: scrollShadow,
+    'thumb-top': scrollState === 'top',
+    'thumb-middle': scrollState === 'middle',
+    'thumb-bottom': scrollState === 'bottom',
+    'custom-scrollbar': customScrollbar
+  }));
+  return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
+    ref: mergeRefs(ref, bodyRef),
+    className: bodyClasses,
+    style: bodyStyles,
+    onScroll: createChainedFunction(handleScroll, onScroll),
+    "data-testid": dataTestId || 'scroll-view'
+  }), children);
+});
+ScrollView.displayName = 'ScrollView';
+export default ScrollView;

package/esm/internals/ScrollView/hooks/useScrollState.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare function useScrollState(scrollShadow?: boolean): {
+    scrollState: "top" | "bottom" | "middle" | null;
+    handleScroll: ((...args: any[]) => any) | undefined;
+    bodyRef: import("react").RefObject<HTMLDivElement>;
+};

package/esm/internals/ScrollView/hooks/useScrollState.js

@@ -0,0 +1,58 @@
+'use client';
+import { useState, useRef } from 'react';
+import { useMount, useEventCallback } from "../../hooks";
+function getScrollState(target) {
+  var scrollTop = target.scrollTop;
+  var scrollHeight = target.scrollHeight;
+  var clientHeight = target.clientHeight;
+  if (scrollHeight <= clientHeight) {
+    return null;
+  } else if (scrollTop === 0) {
+    return 'top';
+  } else if (scrollTop + clientHeight === scrollHeight) {
+    return 'bottom';
+  } else {
+    return 'middle';
+  }
+}
+export function useScrollState(scrollShadow) {
+  var bodyRef = useRef(null);
+  var _useState = useState(null),
+    scrollState = _useState[0],
+    setScrollState = _useState[1];
+  useMount(function () {
+    var observer;
+    if (bodyRef.current && scrollShadow) {
+      var target = bodyRef.current;
+      setScrollState(getScrollState(target));
+      var lastScrollHeight = target.scrollHeight;
+
+      // Listen for changes in scrollHeight
+      observer = new MutationObserver(function () {
+        var newScrollHeight = target === null || target === void 0 ? void 0 : target.scrollHeight;
+        if (newScrollHeight && newScrollHeight !== lastScrollHeight) {
+          setScrollState(getScrollState(target));
+          lastScrollHeight = newScrollHeight;
+        }
+      });
+      observer.observe(target, {
+        attributes: true,
+        childList: true,
+        subtree: true
+      });
+    }
+    return function () {
+      var _observer;
+      (_observer = observer) === null || _observer === void 0 ? void 0 : _observer.disconnect();
+    };
+  });
+  var handleScroll = useEventCallback(function (event) {
+    var target = event.currentTarget;
+    setScrollState(getScrollState(target));
+  });
+  return {
+    scrollState: scrollState,
+    handleScroll: scrollShadow ? handleScroll : undefined,
+    bodyRef: bodyRef
+  };
+}

package/esm/internals/ScrollView/index.d.ts

@@ -0,0 +1,3 @@
+import ScrollView from './ScrollView';
+export type { ScrollViewProps } from './ScrollView';
+export default ScrollView;

package/esm/internals/ScrollView/index.js

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

package/esm/internals/SearchBox/SearchBox.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface SearchBoxProps extends WithAsProps {
     value?: string;
     placeholder?: string;

package/esm/internals/SearchBox/SearchBox.js

@@ -5,9 +5,9 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _templateObject, _templateObject2;
 import React from 'react';
 import Search from '@rsuite/icons/legacy/Search';
-import Input from '../../Input';
-import InputGroup from '../..//InputGroup';
-import { useClassNames } from '../../utils';
+import { useClassNames } from "../hooks";
+import Input from "../../Input";
+import InputGroup from "../../InputGroup";
 var SearchBox = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,

package/esm/internals/SearchBox/index.js

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

package/esm/{Tree → internals/Tree}/TreeProvider.d.ts

@@ -18,6 +18,7 @@ interface TreeContextValue {
         valueKey: string;
         childrenKey: string;
         virtualized?: boolean;
+        scrollShadow?: boolean;
         renderTreeNode?: (nodeData: TreeNode) => React.ReactNode;
         renderTreeIcon?: (nodeData: TreeNode, expanded?: boolean) => React.ReactNode;
     };
@@ -38,6 +39,7 @@ export declare const useTreeContextProps: () => {
     valueKey: string;
     childrenKey: string;
     virtualized?: boolean | undefined;
+    scrollShadow?: boolean | undefined;
     renderTreeNode?: ((nodeData: TreeNode) => React.ReactNode) | undefined;
     renderTreeIcon?: ((nodeData: TreeNode, expanded?: boolean) => React.ReactNode) | undefined;
 };

package/esm/internals/Tree/TreeView.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
-interface TreeViewProps extends React.HTMLAttributes<HTMLDivElement> {
+import type { WithAsProps } from '@/internals/types';
+interface TreeViewProps extends WithAsProps, React.HTMLAttributes<HTMLDivElement> {
     treeRootClassName: string;
     multiselectable?: boolean;
+    height?: number;
 }
 declare const TreeView: React.ForwardRefExoticComponent<TreeViewProps & React.RefAttributes<HTMLDivElement>>;
 export default TreeView;