rsuite 5.61.0 → 5.62.1

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

@@ -1,12 +1,11 @@
 'use client';
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
-var _useEventCallback = _interopRequireDefault(require("../../../utils/useEventCallback"));
-var _symbols = require("../../../internals/symbols");
+var _hooks = require("../../hooks");
+var _symbols = require("../../symbols");
 /**
  * A hook of the exposed method of Picker
  */
@@ -18,15 +17,15 @@ function usePickerRef(ref) {
   var list = (0, _react.useRef)(null);
   var searchInput = (0, _react.useRef)(null);
   var treeView = (0, _react.useRef)(null);
-  var handleOpen = (0, _useEventCallback.default)(function () {
+  var handleOpen = (0, _hooks.useEventCallback)(function () {
     var _trigger$current;
     trigger === null || trigger === void 0 ? void 0 : (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : _trigger$current.open();
   });
-  var handleClose = (0, _useEventCallback.default)(function () {
+  var handleClose = (0, _hooks.useEventCallback)(function () {
     var _trigger$current2;
     trigger === null || trigger === void 0 ? void 0 : (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.close();
   });
-  var handleUpdatePosition = (0, _useEventCallback.default)(function () {
+  var handleUpdatePosition = (0, _hooks.useEventCallback)(function () {
     var _trigger$current3;
     trigger === null || trigger === void 0 ? void 0 : (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.updatePosition();
   });
@@ -69,5 +68,4 @@ function usePickerRef(ref) {
     treeView: treeView
   };
 }
-var _default = usePickerRef;
-exports.default = _default;
+var _default = exports.default = usePickerRef;

package/cjs/internals/Picker/hooks/useSearch.d.ts

@@ -4,7 +4,7 @@ interface SearchOptions<T> {
     searchBy?: (keyword: string, label: any, item: T) => boolean;
     callback?: (keyword: string, data: T[], event: React.SyntheticEvent) => void;
 }
-declare type UseSearchResult<T> = {
+type UseSearchResult<T> = {
     searchKeyword: string;
     filteredData: T[];
     checkShouldDisplay: (item: T, keyword?: string) => boolean;

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

@@ -13,7 +13,9 @@ var _utils = require("../utils");
 function useSearch(data, props) {
   var labelKey = props.labelKey,
     searchBy = props.searchBy,
-    callback = props.callback; // Use search keywords to filter options.
+    callback = props.callback;
+
+  // Use search keywords to filter options.
   var _useState = (0, _react.useState)(''),
     searchKeyword = _useState[0],
     setSearchKeyword = _useState[1];
@@ -53,5 +55,4 @@ function useSearch(data, props) {
     resetSearch: resetSearch
   };
 }
-var _default = useSearch;
-exports.default = _default;
+var _default = exports.default = useSearch;

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

@@ -3,7 +3,8 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-var _utils = require("../../../utils");
+var _constants = require("../../constants");
+var _hooks = require("../../hooks");
 /**
  * A hook to control the toggle keyboard operation
  * @param props
@@ -24,44 +25,44 @@ var useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {
     onMenuKeyDown = props.onMenuKeyDown,
     onMenuPressEnter = props.onMenuPressEnter,
     onMenuPressBackspace = props.onMenuPressBackspace;
-  var handleClose = (0, _utils.useEventCallback)(function () {
+  var handleClose = (0, _hooks.useEventCallback)(function () {
     var _trigger$current, _trigger$current$clos, _trigger$current2, _trigger$current2$foc;
     (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);
 
     // The focus is on the trigger button after closing
     (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : (_trigger$current2$foc = _trigger$current2.focus) === null || _trigger$current2$foc === void 0 ? void 0 : _trigger$current2$foc.call(_trigger$current2);
   });
-  var handleOpen = (0, _utils.useEventCallback)(function () {
+  var handleOpen = (0, _hooks.useEventCallback)(function () {
     var _trigger$current3, _trigger$current3$ope;
     (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : (_trigger$current3$ope = _trigger$current3.open) === null || _trigger$current3$ope === void 0 ? void 0 : _trigger$current3$ope.call(_trigger$current3);
   });
-  var handleToggleDropdown = (0, _utils.useEventCallback)(function () {
+  var handleToggleDropdown = (0, _hooks.useEventCallback)(function () {
     if (active) {
       handleClose();
       return;
     }
     handleOpen();
   });
-  var onToggle = (0, _utils.useEventCallback)(function (event) {
+  var onToggle = (0, _hooks.useEventCallback)(function (event) {
     // Keyboard events should not be processed when readOnly and disabled are set.
     if (readOnly || disabled || loading) {
       return;
     }
     if (event.target === (target === null || target === void 0 ? void 0 : target.current)) {
       // enter
-      if (toggle && event.key === _utils.KEY_VALUES.ENTER) {
+      if (toggle && event.key === _constants.KEY_VALUES.ENTER) {
         handleToggleDropdown();
       }
 
       // delete
-      if (event.key === _utils.KEY_VALUES.BACKSPACE) {
+      if (event.key === _constants.KEY_VALUES.BACKSPACE) {
         onExit === null || onExit === void 0 ? void 0 : onExit(event);
       }
     }
     if (overlay !== null && overlay !== void 0 && overlay.current) {
       // The keyboard operation callback on the menu.
       onMenuKeyDown === null || onMenuKeyDown === void 0 ? void 0 : onMenuKeyDown(event);
-      if (event.key === _utils.KEY_VALUES.ENTER) {
+      if (event.key === _constants.KEY_VALUES.ENTER) {
         onMenuPressEnter === null || onMenuPressEnter === void 0 ? void 0 : onMenuPressEnter(event);
       }
 
@@ -69,7 +70,7 @@ var useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {
        * There is no callback when typing the Backspace key in the search box.
        * The default is to remove search keywords
        */
-      if (event.key === _utils.KEY_VALUES.BACKSPACE && event.target !== (searchInput === null || searchInput === void 0 ? void 0 : searchInput.current)) {
+      if (event.key === _constants.KEY_VALUES.BACKSPACE && event.target !== (searchInput === null || searchInput === void 0 ? void 0 : searchInput.current)) {
         onMenuPressBackspace === null || onMenuPressBackspace === void 0 ? void 0 : onMenuPressBackspace(event);
       }
 
@@ -84,7 +85,7 @@ var useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {
         }
       }
     }
-    if (event.key === _utils.KEY_VALUES.ESC || event.key === _utils.KEY_VALUES.TAB) {
+    if (event.key === _constants.KEY_VALUES.ESC || event.key === _constants.KEY_VALUES.TAB) {
       handleClose();
     }
 
@@ -93,5 +94,4 @@ var useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {
   });
   return onToggle;
 };
-var _default = useToggleKeyDownEvent;
-exports.default = _default;
+var _default = exports.default = useToggleKeyDownEvent;

package/cjs/internals/Picker/index.js

@@ -2,7 +2,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 exports.__esModule = true;
 var _exportNames = {
   Listbox: true,
@@ -18,7 +17,7 @@ var _exportNames = {
   pickTriggerPropKeys: true,
   omitTriggerPropKeys: true
 };
-exports.SelectedElement = exports.PickerToggleTrigger = exports.PickerIndicator = exports.PickerLabel = exports.PickerToggle = exports.PickerPopup = exports.ListCheckItem = exports.ListItemGroup = exports.ListItem = exports.Listbox = void 0;
+exports.SelectedElement = exports.PickerToggleTrigger = exports.PickerToggle = exports.PickerPopup = exports.PickerLabel = exports.PickerIndicator = exports.Listbox = exports.ListItemGroup = exports.ListItem = exports.ListCheckItem = void 0;
 var _PickerToggleTrigger = _interopRequireWildcard(require("./PickerToggleTrigger"));
 exports.pickTriggerPropKeys = _PickerToggleTrigger.pickTriggerPropKeys;
 exports.omitTriggerPropKeys = _PickerToggleTrigger.omitTriggerPropKeys;
@@ -61,4 +60,6 @@ Object.keys(_propTypes).forEach(function (key) {
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _propTypes[key]) return;
   exports[key] = _propTypes[key];
-});
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/cjs/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/cjs/internals/Picker/propTypes.js

@@ -3,13 +3,13 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.listPickerPropTypes = exports.pickerPropTypes = void 0;
+exports.pickerPropTypes = exports.listPickerPropTypes = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../../utils");
-var _utils2 = require("../../Animation/utils");
+var _constants = require("../constants");
+var _utils = require("../../Animation/utils");
 var _propTypes2 = require("../propTypes");
-var pickerPropTypes = (0, _extends2.default)({}, _utils2.animationPropTypes, {
+var pickerPropTypes = exports.pickerPropTypes = (0, _extends2.default)({}, _utils.animationPropTypes, {
   classPrefix: _propTypes.default.string,
   className: _propTypes.default.string,
   style: _propTypes.default.object,
@@ -22,7 +22,7 @@ var pickerPropTypes = (0, _extends2.default)({}, _utils2.animationPropTypes, {
   menuClassName: _propTypes.default.string,
   menuStyle: _propTypes.default.object,
   placeholder: _propTypes.default.node,
-  placement: (0, _propTypes2.oneOf)(_utils.PLACEMENT),
+  placement: (0, _propTypes2.oneOf)(_constants.PLACEMENT),
   preventOverflow: _propTypes.default.bool,
   open: _propTypes.default.bool,
   defaultOpen: _propTypes.default.bool,
@@ -34,8 +34,7 @@ var pickerPropTypes = (0, _extends2.default)({}, _utils2.animationPropTypes, {
   onClean: _propTypes.default.func,
   listProps: _propTypes.default.any
 });
-exports.pickerPropTypes = pickerPropTypes;
-var listPickerPropTypes = (0, _extends2.default)({}, pickerPropTypes, {
+var listPickerPropTypes = exports.listPickerPropTypes = (0, _extends2.default)({}, pickerPropTypes, {
   data: _propTypes.default.array.isRequired,
   valueKey: _propTypes.default.string,
   labelKey: _propTypes.default.string,
@@ -44,5 +43,4 @@ var listPickerPropTypes = (0, _extends2.default)({}, pickerPropTypes, {
   value: _propTypes.default.any,
   defaultValue: _propTypes.default.any,
   onChange: _propTypes.default.func
-});
-exports.listPickerPropTypes = listPickerPropTypes;
+});

package/cjs/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 '../types';
+import type { ListHandle } from '../Windowing';
+import { RSUITE_PICKER_TYPE } from '../symbols';
 export interface PickerHandle {
     type?: typeof RSUITE_PICKER_TYPE;
     root: HTMLElement | null;
@@ -12,6 +12,6 @@ export interface PickerHandle {
     open?: () => void;
     close?: () => void;
 }
-export declare type PickerComponent<P> = RsRefForwardingComponent<'div', P & {
+export type PickerComponent<P> = RsRefForwardingComponent<'div', P & {
     ref?: React.Ref<PickerHandle>;
 }>;

package/cjs/internals/Picker/types.js

@@ -1,2 +1,4 @@
 'use client';
-"use strict";
+"use strict";
+
+exports.__esModule = true;

package/cjs/internals/Picker/utils.js

@@ -4,12 +4,13 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.createConcatChildrenFunction = createConcatChildrenFunction;
-exports.shouldDisplay = shouldDisplay;
 exports.onMenuKeyDown = onMenuKeyDown;
+exports.shouldDisplay = shouldDisplay;
 var _react = _interopRequireDefault(require("react"));
 var _trim = _interopRequireDefault(require("lodash/trim"));
+var _constants = require("../constants");
 var _utils = require("../Tree/utils");
-var _utils2 = require("../../utils");
+var _utils2 = require("../utils");
 var defaultNodeKeys = {
   valueKey: 'value',
   childrenKey: 'children'
@@ -59,35 +60,35 @@ function onMenuKeyDown(event, events) {
     left = events.left;
   switch (event.key) {
     // down
-    case _utils2.KEY_VALUES.DOWN:
+    case _constants.KEY_VALUES.DOWN:
       down === null || down === void 0 ? void 0 : down(event);
       event.preventDefault();
       break;
     // up
-    case _utils2.KEY_VALUES.UP:
+    case _constants.KEY_VALUES.UP:
       up === null || up === void 0 ? void 0 : up(event);
       event.preventDefault();
       break;
     // enter
-    case _utils2.KEY_VALUES.ENTER:
+    case _constants.KEY_VALUES.ENTER:
       enter === null || enter === void 0 ? void 0 : enter(event);
       event.preventDefault();
       break;
     // delete
-    case _utils2.KEY_VALUES.BACKSPACE:
+    case _constants.KEY_VALUES.BACKSPACE:
       del === null || del === void 0 ? void 0 : del(event);
       break;
     // esc | tab
-    case _utils2.KEY_VALUES.ESC:
-    case _utils2.KEY_VALUES.TAB:
+    case _constants.KEY_VALUES.ESC:
+    case _constants.KEY_VALUES.TAB:
       esc === null || esc === void 0 ? void 0 : esc(event);
       break;
     // left arrow
-    case _utils2.KEY_VALUES.LEFT:
+    case _constants.KEY_VALUES.LEFT:
       left === null || left === void 0 ? void 0 : left(event);
       break;
     // right arrow
-    case _utils2.KEY_VALUES.RIGHT:
+    case _constants.KEY_VALUES.RIGHT:
       right === null || right === void 0 ? void 0 : right(event);
       break;
     default:

package/cjs/internals/Plaintext/Plaintext.d.ts

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

package/cjs/internals/Plaintext/Plaintext.js

@@ -7,13 +7,14 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _utils = require("../../utils");
+var _hooks = require("../hooks");
+var _excluded = ["as", "classPrefix", "className", "children", "localeKey", "placeholder"];
 /**
  * Make the component display in plain text, and display default characters when there is no children.
  * @private
  */
 var Plaintext = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _utils.useCustom)('Plaintext'),
+  var _useCustom = (0, _hooks.useCustom)('Plaintext'),
     locale = _useCustom.locale;
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
@@ -25,8 +26,8 @@ var Plaintext = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     localeKey = _props$localeKey === void 0 ? '' : _props$localeKey,
     _props$placeholder = props.placeholder,
     placeholder = _props$placeholder === void 0 ? locale[localeKey] : _props$placeholder,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "children", "localeKey", "placeholder"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix({
@@ -40,5 +41,4 @@ var Plaintext = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }), children ? children : placeholder);
 });
 Plaintext.displayName = 'Plaintext';
-var _default = Plaintext;
-exports.default = _default;
+var _default = exports.default = Plaintext;

package/cjs/internals/Plaintext/index.js

@@ -5,5 +5,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _Plaintext = _interopRequireDefault(require("./Plaintext"));
-var _default = _Plaintext.default;
-exports.default = _default;
+var _default = exports.default = _Plaintext.default;

package/cjs/internals/Ripple/Ripple.d.ts

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

package/cjs/internals/Ripple/Ripple.js

@@ -1,7 +1,6 @@
 'use client';
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
@@ -11,8 +10,13 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _getOffset = _interopRequireDefault(require("dom-lib/getOffset"));
 var _on = _interopRequireDefault(require("dom-lib/on"));
+var _hooks = require("../hooks");
 var _Transition = _interopRequireDefault(require("../../Animation/Transition"));
-var _utils = require("../../utils");
+var _utils = require("../utils");
+var _excluded = ["as", "className", "classPrefix", "onMouseDown"],
+  _excluded2 = ["className"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var getPosition = function getPosition(target, event) {
   var offset = (0, _getOffset.default)(target);
   var offsetX = (event.pageX || 0) - offset.left;
@@ -33,7 +37,7 @@ var getPosition = function getPosition(target, event) {
  * @private
  */
 var Ripple = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _utils.useCustom)(),
+  var _useCustom = (0, _hooks.useCustom)(),
     disableRipple = _useCustom.disableRipple;
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'span' : _props$as,
@@ -41,8 +45,8 @@ var Ripple = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'ripple' : _props$classPrefix,
     onMouseDown = props.onMouseDown,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "onMouseDown"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix,
     withClassPrefix = _useClassNames.withClassPrefix;
@@ -87,7 +91,7 @@ var Ripple = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onEntered: handleRippled
   }, function (props, ref) {
     var className = props.className,
-      transitionRest = (0, _objectWithoutPropertiesLoose2.default)(props, ["className"]);
+      transitionRest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
     return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, transitionRest, {
       ref: ref,
       className: merge(withClassPrefix(), className),
@@ -101,5 +105,4 @@ Ripple.propTypes = {
   className: _propTypes.default.string,
   onMouseDown: _propTypes.default.func
 };
-var _default = Ripple;
-exports.default = _default;
+var _default = exports.default = Ripple;

package/cjs/internals/Ripple/index.js

@@ -5,5 +5,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _Ripple = _interopRequireDefault(require("./Ripple"));
-var _default = _Ripple.default;
-exports.default = _default;
+var _default = exports.default = _Ripple.default;

package/cjs/internals/ScrollView/ScrollView.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { WithAsProps } from '../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/cjs/internals/ScrollView/ScrollView.js

@@ -0,0 +1,56 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+var _hooks = require("../hooks");
+var _utils = require("../utils");
+var _useScrollState2 = require("./hooks/useScrollState");
+var _excluded = ["as", "classPrefix", "className", "children", "scrollShadow", "customScrollbar", "height", "width", "style", "onScroll", "data-testid"];
+var ScrollView = /*#__PURE__*/_react.default.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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
+  var _useScrollState = (0, _useScrollState2.useScrollState)(scrollShadow),
+    scrollState = _useScrollState.scrollState,
+    handleScroll = _useScrollState.handleScroll,
+    bodyRef = _useScrollState.bodyRef;
+  var bodyStyles = (0, _extends2.default)({
+    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.default.createElement(Component, (0, _extends2.default)({}, rest, {
+    ref: (0, _utils.mergeRefs)(ref, bodyRef),
+    className: bodyClasses,
+    style: bodyStyles,
+    onScroll: (0, _utils.createChainedFunction)(handleScroll, onScroll),
+    "data-testid": dataTestId || 'scroll-view'
+  }), children);
+});
+ScrollView.displayName = 'ScrollView';
+var _default = exports.default = ScrollView;

package/cjs/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/cjs/internals/ScrollView/hooks/useScrollState.js

@@ -0,0 +1,62 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.useScrollState = useScrollState;
+var _react = require("react");
+var _hooks = require("../../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';
+  }
+}
+function useScrollState(scrollShadow) {
+  var bodyRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(null),
+    scrollState = _useState[0],
+    setScrollState = _useState[1];
+  (0, _hooks.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 = (0, _hooks.useEventCallback)(function (event) {
+    var target = event.currentTarget;
+    setScrollState(getScrollState(target));
+  });
+  return {
+    scrollState: scrollState,
+    handleScroll: scrollShadow ? handleScroll : undefined,
+    bodyRef: bodyRef
+  };
+}

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

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

package/cjs/internals/ScrollView/index.js

@@ -0,0 +1,8 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _ScrollView = _interopRequireDefault(require("./ScrollView"));
+var _default = exports.default = _ScrollView.default;

package/cjs/internals/SearchBox/SearchBox.d.ts

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