rsuite 5.51.0 → 5.52.0

package/cjs/{Overlay → internals/Overlay}/Position.js

@@ -15,9 +15,9 @@ var _on = _interopRequireDefault(require("dom-lib/on"));
 var _addClass = _interopRequireDefault(require("dom-lib/addClass"));
 var _addStyle = _interopRequireDefault(require("dom-lib/addStyle"));
 var _resizeObserver = require("@juggle/resize-observer");
-var _isElement = _interopRequireDefault(require("../DOMHelper/isElement"));
+var _isElement = _interopRequireDefault(require("../../DOMHelper/isElement"));
 var _positionUtils = _interopRequireDefault(require("./positionUtils"));
-var _utils = require("../utils");
+var _utils = require("../../utils");
 var usePosition = function usePosition(props, ref) {
   var _props$placement = props.placement,
     placement = _props$placement === void 0 ? 'right' : _props$placement,

package/cjs/{Overlay → internals/Overlay}/positionUtils.d.ts

@@ -1,4 +1,4 @@
-import { CursorPosition, TypeAttributes } from '../@types/common';
+import { CursorPosition, TypeAttributes } from '../../@types/common';
 declare type Offset = {
     top: number;
     left: number;

package/{esm → cjs/internals}/Picker/ListCheckItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { CheckboxProps } from '../Checkbox';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { CheckboxProps } from '../../Checkbox';
+import { WithAsProps, RsRefForwardingComponent } from '../../@types/common';
 export interface ListCheckItemProps extends WithAsProps {
     active?: boolean;
     checkboxAs?: React.ElementType | string;

package/cjs/{Picker → internals/Picker}/ListCheckItem.js

@@ -7,8 +7,8 @@ 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 _Checkbox = _interopRequireDefault(require("../Checkbox"));
+var _utils = require("../../utils");
+var _Checkbox = _interopRequireDefault(require("../../Checkbox"));
 var _useCombobox2 = _interopRequireDefault(require("./hooks/useCombobox"));
 var ListCheckItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$active = props.active,

package/cjs/{Picker → internals/Picker}/ListItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '../../@types/common';
 export interface ListItemProps extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     active?: boolean;
     disabled?: boolean;

package/cjs/{Picker → internals/Picker}/ListItem.js

@@ -7,7 +7,7 @@ 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 _utils = require("../../utils");
 var _useCombobox2 = _interopRequireDefault(require("./hooks/useCombobox"));
 var ListItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,

package/{esm → cjs/internals}/Picker/ListItemGroup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps } from '../@types/common';
+import { WithAsProps } from '../../@types/common';
 export interface ListItemGroupProps extends WithAsProps, React.HTMLAttributes<HTMLDivElement> {
 }
 declare const ListItemGroup: React.ForwardRefExoticComponent<ListItemGroupProps & React.RefAttributes<HTMLDivElement>>;

package/cjs/{Picker → internals/Picker}/ListItemGroup.js

@@ -8,7 +8,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _utils = require("../utils");
+var _utils = require("../../utils");
 var _ArrowDown = _interopRequireDefault(require("@rsuite/icons/legacy/ArrowDown"));
 var _templateObject, _templateObject2;
 var ListItemGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {

package/{esm → cjs/internals}/Picker/Listbox.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ListProps, ListHandle } from '../Windowing';
-import { StandardProps, ItemDataType } from '../@types/common';
+import { ListProps, ListHandle } from '../../internals/Windowing';
+import { StandardProps, ItemDataType } from '../../@types/common';
 export interface ListboxProps<Multiple = false> extends StandardProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
     classPrefix: string;
     data?: ItemDataType[];

package/cjs/{Picker → internals/Picker}/Listbox.js

@@ -18,11 +18,11 @@ var _scrollTop = _interopRequireDefault(require("dom-lib/scrollTop"));
 var _getHeight = _interopRequireDefault(require("dom-lib/getHeight"));
 var _get = _interopRequireDefault(require("lodash/get"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _Windowing = require("../Windowing");
-var _shallowEqual = _interopRequireDefault(require("../utils/shallowEqual"));
-var _utils = require("../utils");
+var _Windowing = require("../../internals/Windowing");
+var _shallowEqual = _interopRequireDefault(require("../../utils/shallowEqual"));
+var _utils = require("../../utils");
 var _ListItemGroup = _interopRequireDefault(require("./ListItemGroup"));
-var _getDataGroupBy = require("../utils/getDataGroupBy");
+var _getDataGroupBy = require("../../utils/getDataGroupBy");
 var _useCombobox2 = _interopRequireDefault(require("./hooks/useCombobox"));
 var _this = void 0;
 var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
@@ -37,7 +37,7 @@ var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     _props$disabledItemVa = props.disabledItemValues,
     disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,
     _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'listbox' : _props$classPrefix,
     _props$valueKey = props.valueKey,
     valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
     _props$labelKey = props.labelKey,

package/cjs/{Picker → internals/Picker}/PickerIndicator.js

@@ -6,10 +6,10 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _icons = require("@rsuite/icons");
-var _utils = require("../utils");
-var _InputGroup = _interopRequireDefault(require("../InputGroup"));
+var _utils = require("../../utils");
+var _InputGroup = _interopRequireDefault(require("../../InputGroup"));
 var _CloseButton = _interopRequireDefault(require("../CloseButton"));
-var _Loader = _interopRequireDefault(require("../Loader"));
+var _Loader = _interopRequireDefault(require("../../Loader"));
 var PickerIndicator = function PickerIndicator(_ref) {
   var loading = _ref.loading,
     caretAs = _ref.caretAs,

package/cjs/{Picker → internals/Picker}/PickerLabel.js

@@ -7,7 +7,7 @@ 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 _InputGroup = _interopRequireDefault(require("../InputGroup"));
+var _InputGroup = _interopRequireDefault(require("../../InputGroup"));
 var PickerLabel = function PickerLabel(_ref) {
   var children = _ref.children,
     className = _ref.className,

package/{esm → cjs/internals}/Picker/PickerPopup.d.ts

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

package/cjs/{Picker → internals/Picker}/PickerPopup.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _addStyle = _interopRequireDefault(require("dom-lib/addStyle"));
 var _getWidth = _interopRequireDefault(require("dom-lib/getWidth"));
-var _utils = require("../utils");
+var _utils = require("../../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.default.forwardRef(function (props, ref) {

package/{esm → cjs/internals}/Picker/PickerToggle.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import ToggleButton, { ToggleButtonProps } from './ToggleButton';
-import { RsRefForwardingComponent, TypeAttributes } from '../@types/common';
+import { RsRefForwardingComponent, TypeAttributes } from '../../@types/common';
 import { IconProps } from '@rsuite/icons/lib/Icon';
 declare type ValueType = string | number;
 export interface PickerToggleProps extends ToggleButtonProps {

package/cjs/{Picker → internals/Picker}/PickerToggle.js

@@ -10,10 +10,10 @@ var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtim
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _ToggleButton = _interopRequireDefault(require("./ToggleButton"));
-var _utils = require("../utils");
+var _utils = require("../../utils");
 var _Plaintext = _interopRequireDefault(require("../Plaintext"));
-var _useToggleCaret = _interopRequireDefault(require("../utils/useToggleCaret"));
-var _Stack = _interopRequireDefault(require("../Stack"));
+var _useToggleCaret = _interopRequireDefault(require("../../utils/useToggleCaret"));
+var _Stack = _interopRequireDefault(require("../../Stack"));
 var _PickerIndicator = _interopRequireDefault(require("./PickerIndicator"));
 var _PickerLabel = _interopRequireDefault(require("./PickerLabel"));
 var _useCombobox2 = _interopRequireDefault(require("./hooks/useCombobox"));

package/{esm → cjs/internals}/Picker/PickerToggleTrigger.d.ts

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

package/cjs/{Picker → internals/Picker}/PickerToggleTrigger.js

@@ -8,8 +8,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
-var _OverlayTrigger = _interopRequireDefault(require("../Overlay/OverlayTrigger"));
-var _utils = require("../utils");
+var _OverlayTrigger = _interopRequireDefault(require("../../internals/Overlay/OverlayTrigger"));
+var _utils = require("../../utils");
 var omitTriggerPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'defaultOpen', 'container', 'containerPadding', 'preventOverflow'];
 exports.omitTriggerPropKeys = omitTriggerPropKeys;
 var pickTriggerPropKeys = [].concat(omitTriggerPropKeys, ['disabled', 'plaintext', 'readOnly', 'loading', 'label']);

package/cjs/{Picker → internals/Picker}/SelectedElement.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { PickerLocale } from '../locales';
+import { PickerLocale } from '../../locales';
 export interface SelectedElementProps {
     selectedItems: any[];
     valueKey: string;

package/cjs/{Picker → internals/Picker}/SelectedElement.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactToString = _interopRequireDefault(require("../utils/reactToString"));
+var _reactToString = _interopRequireDefault(require("../../utils/reactToString"));
 var SelectedElement = function SelectedElement(props) {
   var selectedItems = props.selectedItems,
     prefix = props.prefix,

package/{esm → cjs/internals}/Picker/ToggleButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ButtonProps } from '../Button';
+import { ButtonProps } from '../../Button';
 export declare type ToggleButtonProps = ButtonProps;
 declare const ToggleButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLDivElement>>;
 export default ToggleButton;

package/cjs/{Picker → internals/Picker}/ToggleButton.js

@@ -6,7 +6,7 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _Button = _interopRequireDefault(require("../Button"));
+var _Button = _interopRequireDefault(require("../../Button"));
 var ToggleButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, props, {
     ref: ref,

package/cjs/{Picker → internals/Picker}/hooks/useFocusItemValue.js

@@ -9,8 +9,8 @@ var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
 var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
 var _find = _interopRequireDefault(require("lodash/find"));
 var _domLib = require("dom-lib");
-var _utils = require("../../utils");
-var _treeUtils = require("../../utils/treeUtils");
+var _utils = require("../../../utils");
+var _treeUtils = require("../../../utils/treeUtils");
 var _utils2 = require("../utils");
 /**
  * A hook that manages the focus state of the option.

package/cjs/{Picker → internals/Picker}/hooks/usePickerClassName.d.ts

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

package/cjs/{Picker → internals/Picker}/hooks/usePickerClassName.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
-var _utils = require("../../utils");
+var _utils = require("../../../utils");
 /**
  * The className of the assembled Toggle is on the Picker.
  */

package/cjs/{Picker → internals/Picker}/hooks/usePickerRef.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { OverlayTriggerHandle } from '../PickerToggleTrigger';
-import type { ListHandle } from '../../Windowing';
+import type { ListHandle } from '../../../internals/Windowing';
 export interface PickerDependentParameters {
     inline?: boolean;
 }

package/cjs/{Picker → internals/Picker}/hooks/usePickerRef.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
-var _useEventCallback = _interopRequireDefault(require("../../utils/useEventCallback"));
+var _useEventCallback = _interopRequireDefault(require("../../../utils/useEventCallback"));
 /**
  * A hook of the exposed method of Picker
  */

package/cjs/{Picker → internals/Picker}/hooks/useToggleKeyDownEvent.js

@@ -3,7 +3,7 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-var _utils = require("../../utils");
+var _utils = require("../../../utils");
 /**
  * A hook to control the toggle keyboard operation
  * @param props

package/cjs/{Picker → internals/Picker}/index.d.ts

@@ -11,7 +11,6 @@ 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 SearchBar } from './SearchBar';
 export { default as SelectedElement } from './SelectedElement';
 export { pickTriggerPropKeys, omitTriggerPropKeys };
 export type { OverlayTriggerHandle, PositionChildProps, PickerHandle, PickerComponent, PickerToggleProps };

package/cjs/{Picker → internals/Picker}/index.js

@@ -15,12 +15,11 @@ var _exportNames = {
   PickerLabel: true,
   PickerIndicator: true,
   PickerToggleTrigger: true,
-  SearchBar: true,
   SelectedElement: true,
   pickTriggerPropKeys: true,
   omitTriggerPropKeys: true
 };
-exports.SelectedElement = exports.SearchBar = exports.PickerToggleTrigger = exports.PickerIndicator = exports.PickerLabel = exports.PickerToggle = exports.PickerPopup = exports.ListCheckItem = exports.ListItemGroup = exports.ListItem = exports.Listbox = exports.TreeView = void 0;
+exports.SelectedElement = exports.PickerToggleTrigger = exports.PickerIndicator = exports.PickerLabel = exports.PickerToggle = exports.PickerPopup = exports.ListCheckItem = exports.ListItemGroup = exports.ListItem = exports.Listbox = exports.TreeView = void 0;
 var _PickerToggleTrigger = _interopRequireWildcard(require("./PickerToggleTrigger"));
 exports.pickTriggerPropKeys = _PickerToggleTrigger.pickTriggerPropKeys;
 exports.omitTriggerPropKeys = _PickerToggleTrigger.omitTriggerPropKeys;
@@ -43,8 +42,6 @@ var _PickerLabel = _interopRequireDefault(require("./PickerLabel"));
 exports.PickerLabel = _PickerLabel.default;
 var _PickerIndicator = _interopRequireDefault(require("./PickerIndicator"));
 exports.PickerIndicator = _PickerIndicator.default;
-var _SearchBar = _interopRequireDefault(require("./SearchBar"));
-exports.SearchBar = _SearchBar.default;
 var _SelectedElement = _interopRequireDefault(require("./SelectedElement"));
 exports.SelectedElement = _SelectedElement.default;
 var _hooks = require("./hooks");

package/cjs/{Picker → internals/Picker}/propTypes.js

@@ -6,14 +6,15 @@ exports.__esModule = true;
 exports.listPickerPropTypes = exports.pickerPropTypes = 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 _utils = require("../../utils");
+var _utils2 = require("../../Animation/utils");
+var _propTypes2 = require("../propTypes");
 var pickerPropTypes = (0, _extends2.default)({}, _utils2.animationPropTypes, {
   classPrefix: _propTypes.default.string,
   className: _propTypes.default.string,
   style: _propTypes.default.object,
   locale: _propTypes.default.any,
-  appearance: _propTypes.default.oneOf(['default', 'subtle']),
+  appearance: (0, _propTypes2.oneOf)(['default', 'subtle']),
   block: _propTypes.default.bool,
   containerPadding: _propTypes.default.number,
   container: _propTypes.default.oneOfType([_propTypes.default.any, _propTypes.default.func]),
@@ -21,7 +22,7 @@ var pickerPropTypes = (0, _extends2.default)({}, _utils2.animationPropTypes, {
   menuClassName: _propTypes.default.string,
   menuStyle: _propTypes.default.object,
   placeholder: _propTypes.default.node,
-  placement: _propTypes.default.oneOf(_utils.PLACEMENT),
+  placement: (0, _propTypes2.oneOf)(_utils.PLACEMENT),
   preventOverflow: _propTypes.default.bool,
   open: _propTypes.default.bool,
   defaultOpen: _propTypes.default.bool,

package/{esm → cjs/internals}/Picker/types.d.ts

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

package/cjs/{Picker → internals/Picker}/utils.js

@@ -8,8 +8,8 @@ exports.shouldDisplay = shouldDisplay;
 exports.onMenuKeyDown = onMenuKeyDown;
 var _react = _interopRequireDefault(require("react"));
 var _trim = _interopRequireDefault(require("lodash/trim"));
-var _treeUtils = require("../utils/treeUtils");
-var _utils = require("../utils");
+var _treeUtils = require("../../utils/treeUtils");
+var _utils = require("../../utils");
 var defaultNodeKeys = {
   valueKey: 'value',
   childrenKey: 'children'

package/cjs/{Plaintext → internals/Plaintext}/Plaintext.d.ts

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

package/cjs/{Plaintext → internals/Plaintext}/Plaintext.js

@@ -7,7 +7,7 @@ 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 _utils = require("../../utils");
 /**
  * Make the component display in plain text, and display default characters when there is no children.
  * @private

package/cjs/{Ripple → internals/Ripple}/Ripple.d.ts

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

package/cjs/{Ripple → internals/Ripple}/Ripple.js

@@ -11,8 +11,8 @@ 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 _Transition = _interopRequireDefault(require("../Animation/Transition"));
-var _utils = require("../utils");
+var _Transition = _interopRequireDefault(require("../../Animation/Transition"));
+var _utils = require("../../utils");
 var getPosition = function getPosition(target, event) {
   var offset = (0, _getOffset.default)(target);
   var offsetX = (event.pageX || 0) - offset.left;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { WithAsProps, RsRefForwardingComponent } from '../../@types/common';
+export interface SearchBoxProps extends WithAsProps {
+    value?: string;
+    placeholder?: string;
+    className?: string;
+    inputRef?: React.Ref<HTMLInputElement>;
+    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+declare const SearchBox: RsRefForwardingComponent<'div', SearchBoxProps>;
+export default SearchBox;

package/cjs/{Picker/SearchBar.js → internals/SearchBox/SearchBox.js}

@@ -5,55 +5,46 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Search = _interopRequireDefault(require("@rsuite/icons/legacy/Search"));
-var _utils = require("../utils");
-var SearchBar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+var _Input = _interopRequireDefault(require("../../Input"));
+var _InputGroup = _interopRequireDefault(require("../..//InputGroup"));
+var _utils = require("../../utils");
+var _templateObject, _templateObject2;
+var SearchBox = /*#__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 ? 'picker-search-bar' : _props$classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'search-box' : _props$classPrefix,
     value = props.value,
-    children = props.children,
     className = props.className,
     placeholder = props.placeholder,
     inputRef = props.inputRef,
     onChange = props.onChange,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "value", "children", "className", "placeholder", "inputRef", "onChange"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "value", "className", "placeholder", "inputRef", "onChange"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;
   var classes = merge(className, withClassPrefix());
-  var handleChange = (0, _utils.useEventCallback)(function (event) {
-    var _event$target;
-    onChange === null || onChange === void 0 ? void 0 : onChange((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);
-  });
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: classes
-  }), /*#__PURE__*/_react.default.createElement("input", {
+  }), /*#__PURE__*/_react.default.createElement(_InputGroup.default, {
+    inside: true
+  }, /*#__PURE__*/_react.default.createElement(_Input.default, {
     role: "searchbox",
-    className: prefix('input'),
+    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["input"]))),
     value: value,
-    onChange: handleChange,
+    onChange: onChange,
     placeholder: placeholder,
     ref: inputRef
-  }), /*#__PURE__*/_react.default.createElement(_Search.default, {
-    className: prefix('search-icon')
-  }), children);
+  }), /*#__PURE__*/_react.default.createElement(_InputGroup.default.Addon, null, /*#__PURE__*/_react.default.createElement(_Search.default, {
+    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["icon"])))
+  }))));
 });
-SearchBar.displayName = 'SearchBar';
-SearchBar.propTypes = {
-  as: _propTypes.default.elementType,
-  classPrefix: _propTypes.default.string,
-  value: _propTypes.default.string,
-  placeholder: _propTypes.default.string,
-  className: _propTypes.default.string,
-  children: _propTypes.default.node,
-  onChange: _propTypes.default.func
-};
-var _default = SearchBar;
+SearchBox.displayName = 'SearchBox';
+var _default = SearchBox;
 exports.default = _default;

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

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

package/cjs/internals/SearchBox/index.js

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

package/cjs/{Windowing → internals/Windowing}/AutoSizer.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _getStyle = _interopRequireDefault(require("dom-lib/getStyle"));
-var _utils = require("../utils");
+var _utils = require("../../utils");
 /**
  * High-order component that automatically adjusts the width and height of a single child.
  *

package/cjs/{Windowing → internals/Windowing}/List.d.ts

@@ -1,5 +1,5 @@
 import { VariableSizeList, ListItemKeySelector, ListOnScrollProps, ListOnItemsRenderedProps } from 'react-window';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '../../@types/common';
 export interface ListProps<T = any> extends WithAsProps {
     /**
      * @deprecated use itemSize instead

package/cjs/{Windowing → internals/Windowing}/List.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactWindow = require("react-window");
-var _utils = require("../utils");
+var _utils = require("../../utils");
 /**
  * This component renders a virtualized list of elements with either fixed or dynamic heights.
  *

package/cjs/internals/index.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";

package/cjs/{utils → internals/propTypes}/deprecatePropType.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = deprecatePropType;
 exports.deprecatePropTypeNew = deprecatePropTypeNew;
-var _warnOnce = _interopRequireDefault(require("./warnOnce"));
+var _warnOnce = _interopRequireDefault(require("../../utils/warnOnce"));
 // Ref: https://github.com/thefrontside/deprecated-prop-type/blob/master/deprecated.js
 
 /**

package/cjs/{utils/propTypeChecker.d.ts → internals/propTypes/index.d.ts}

@@ -1,3 +1,5 @@
 import PropTypes from 'prop-types';
+export { default as oneOf } from './oneOf';
+export { default as deprecatePropType, deprecatePropTypeNew } from './deprecatePropType';
 export declare function tupleType<T>(...typeCheckers: any[]): PropTypes.Requireable<T>;
 export declare const refType: PropTypes.Requireable<any>;

package/cjs/{utils/propTypeChecker.js → internals/propTypes/index.js}

@@ -1,11 +1,17 @@
 'use client';
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.tupleType = tupleType;
-exports.refType = void 0;
+exports.refType = exports.deprecatePropTypeNew = exports.deprecatePropType = exports.oneOf = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _oneOf = _interopRequireDefault(require("./oneOf"));
+exports.oneOf = _oneOf.default;
+var _deprecatePropType = _interopRequireWildcard(require("./deprecatePropType"));
+exports.deprecatePropType = _deprecatePropType.default;
+exports.deprecatePropTypeNew = _deprecatePropType.deprecatePropTypeNew;
 function tupleType() {
   for (var _len = arguments.length, typeCheckers = new Array(_len), _key = 0; _key < _len; _key++) {
     typeCheckers[_key] = arguments[_key];