rsuite 5.50.0 → 5.52.0

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

@@ -0,0 +1,101 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _utils = require("../../../utils");
+/**
+ * A hook to control the toggle keyboard operation
+ * @param props
+ */
+var useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {
+  var _props$toggle = props.toggle,
+    toggle = _props$toggle === void 0 ? true : _props$toggle,
+    trigger = props.trigger,
+    target = props.target,
+    overlay = props.overlay,
+    searchInput = props.searchInput,
+    active = props.active,
+    readOnly = props.readOnly,
+    disabled = props.disabled,
+    loading = props.loading,
+    onExit = props.onExit,
+    onOpen = props.onOpen,
+    onClose = props.onClose,
+    onKeyDown = props.onKeyDown,
+    onMenuKeyDown = props.onMenuKeyDown,
+    onMenuPressEnter = props.onMenuPressEnter,
+    onMenuPressBackspace = props.onMenuPressBackspace;
+  var handleClose = (0, _utils.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);
+    onClose === null || onClose === void 0 ? void 0 : onClose();
+  });
+  var handleOpen = (0, _utils.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);
+    onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+  });
+  var handleToggleDropdown = (0, _utils.useEventCallback)(function () {
+    if (active) {
+      handleClose();
+      return;
+    }
+    handleOpen();
+  });
+  var onToggle = (0, _utils.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) {
+        handleToggleDropdown();
+      }
+
+      // delete
+      if (event.key === _utils.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) {
+        onMenuPressEnter === null || onMenuPressEnter === void 0 ? void 0 : onMenuPressEnter(event);
+      }
+
+      /**
+       * 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)) {
+        onMenuPressBackspace === null || onMenuPressBackspace === void 0 ? void 0 : onMenuPressBackspace(event);
+      }
+
+      // The search box gets focus when typing characters and numbers.
+      if (event.key.length === 1 && /\w/.test(event.key)) {
+        var _event$target;
+        // Exclude Input
+        // eg: <SelectPicker renderExtraFooter={() => <Input />} />
+        if (((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.tagName) !== 'INPUT') {
+          var _searchInput$current;
+          searchInput === null || searchInput === void 0 ? void 0 : (_searchInput$current = searchInput.current) === null || _searchInput$current === void 0 ? void 0 : _searchInput$current.focus();
+        }
+      }
+    }
+    if (event.key === _utils.KEY_VALUES.ESC || event.key === _utils.KEY_VALUES.TAB) {
+      handleClose();
+    }
+
+    // Native event callback
+    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+  });
+  return onToggle;
+};
+var _default = useToggleKeyDownEvent;
+exports.default = _default;

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

@@ -1,19 +1,19 @@
 import { pickTriggerPropKeys, omitTriggerPropKeys, OverlayTriggerHandle, PositionChildProps } from './PickerToggleTrigger';
 import { PickerToggleProps } from './PickerToggle';
 import { PickerHandle, PickerComponent } from './types';
-export { default as DropdownMenu } from './DropdownMenu';
-export { default as DropdownMenuCheckItem } from './DropdownMenuCheckItem';
-export { default as DropdownMenuGroup } from './DropdownMenuGroup';
-export { default as DropdownMenuItem } from './DropdownMenuItem';
-export { default as PickerOverlay } from './PickerOverlay';
+export { default as TreeView } from './TreeView';
+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 SearchBar } from './SearchBar';
 export { default as SelectedElement } from './SelectedElement';
-export { default as usePickerRef } from './usePickerRef';
 export { pickTriggerPropKeys, omitTriggerPropKeys };
 export type { OverlayTriggerHandle, PositionChildProps, PickerHandle, PickerComponent, PickerToggleProps };
+export * from './hooks';
 export * from './utils';
 export * from './propTypes';

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

@@ -5,48 +5,52 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 exports.__esModule = true;
 var _exportNames = {
-  DropdownMenu: true,
-  DropdownMenuCheckItem: true,
-  DropdownMenuGroup: true,
-  DropdownMenuItem: true,
-  PickerOverlay: true,
+  TreeView: true,
+  Listbox: true,
+  ListItem: true,
+  ListItemGroup: true,
+  ListCheckItem: true,
+  PickerPopup: true,
   PickerToggle: true,
   PickerLabel: true,
   PickerIndicator: true,
   PickerToggleTrigger: true,
-  SearchBar: true,
   SelectedElement: true,
-  usePickerRef: true,
   pickTriggerPropKeys: true,
   omitTriggerPropKeys: true
 };
-exports.usePickerRef = exports.SelectedElement = exports.SearchBar = exports.PickerToggleTrigger = exports.PickerIndicator = exports.PickerLabel = exports.PickerToggle = exports.PickerOverlay = exports.DropdownMenuItem = exports.DropdownMenuGroup = exports.DropdownMenuCheckItem = exports.DropdownMenu = 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;
 exports.PickerToggleTrigger = _PickerToggleTrigger.default;
-var _DropdownMenu = _interopRequireDefault(require("./DropdownMenu"));
-exports.DropdownMenu = _DropdownMenu.default;
-var _DropdownMenuCheckItem = _interopRequireDefault(require("./DropdownMenuCheckItem"));
-exports.DropdownMenuCheckItem = _DropdownMenuCheckItem.default;
-var _DropdownMenuGroup = _interopRequireDefault(require("./DropdownMenuGroup"));
-exports.DropdownMenuGroup = _DropdownMenuGroup.default;
-var _DropdownMenuItem = _interopRequireDefault(require("./DropdownMenuItem"));
-exports.DropdownMenuItem = _DropdownMenuItem.default;
-var _PickerOverlay = _interopRequireDefault(require("./PickerOverlay"));
-exports.PickerOverlay = _PickerOverlay.default;
+var _TreeView = _interopRequireDefault(require("./TreeView"));
+exports.TreeView = _TreeView.default;
+var _Listbox = _interopRequireDefault(require("./Listbox"));
+exports.Listbox = _Listbox.default;
+var _ListItem = _interopRequireDefault(require("./ListItem"));
+exports.ListItem = _ListItem.default;
+var _ListItemGroup = _interopRequireDefault(require("./ListItemGroup"));
+exports.ListItemGroup = _ListItemGroup.default;
+var _ListCheckItem = _interopRequireDefault(require("./ListCheckItem"));
+exports.ListCheckItem = _ListCheckItem.default;
+var _PickerPopup = _interopRequireDefault(require("./PickerPopup"));
+exports.PickerPopup = _PickerPopup.default;
 var _PickerToggle = _interopRequireDefault(require("./PickerToggle"));
 exports.PickerToggle = _PickerToggle.default;
 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 _usePickerRef = _interopRequireDefault(require("./usePickerRef"));
-exports.usePickerRef = _usePickerRef.default;
+var _hooks = require("./hooks");
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  exports[key] = _hooks[key];
+});
 var _utils = require("./utils");
 Object.keys(_utils).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

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

@@ -13,9 +13,6 @@ export declare const pickerPropTypes: {
     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">;
-    /**
-     * Prevent floating element overflow
-     */
     preventOverflow: PropTypes.Requireable<boolean>;
     open: PropTypes.Requireable<boolean>;
     defaultOpen: PropTypes.Requireable<boolean>;
@@ -55,9 +52,6 @@ export declare const listPickerPropTypes: {
     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">;
-    /**
-     * Prevent floating element overflow
-     */
     preventOverflow: PropTypes.Requireable<boolean>;
     open: PropTypes.Requireable<boolean>;
     defaultOpen: PropTypes.Requireable<boolean>;

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

@@ -6,27 +6,23 @@ 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]),
   disabled: _propTypes.default.bool,
-  // PropTypes.elementType conflictin with React.ElementType
-  // toggleAs: PropTypes.elementType,
   menuClassName: _propTypes.default.string,
   menuStyle: _propTypes.default.object,
   placeholder: _propTypes.default.node,
-  placement: _propTypes.default.oneOf(_utils.PLACEMENT),
-  /**
-   * Prevent floating element overflow
-   */
+  placement: (0, _propTypes2.oneOf)(_utils.PLACEMENT),
   preventOverflow: _propTypes.default.bool,
   open: _propTypes.default.bool,
   defaultOpen: _propTypes.default.bool,

package/cjs/{Picker → 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/internals/Picker/utils.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface NodeKeys {
+    valueKey: string;
+    childrenKey: string;
+}
+export declare function createConcatChildrenFunction<T = any>(node: any, nodeValue?: any, nodeKeys?: NodeKeys): (data: T[], children: T[]) => T[];
+export declare function shouldDisplay(label: React.ReactNode, searchKeyword: string): boolean;
+export interface KeyboardEvents {
+    down?: React.KeyboardEventHandler;
+    up?: React.KeyboardEventHandler;
+    enter?: React.KeyboardEventHandler;
+    del?: React.KeyboardEventHandler;
+    esc?: React.KeyboardEventHandler;
+    right?: React.KeyboardEventHandler;
+    left?: React.KeyboardEventHandler;
+}
+/**
+ * Handling keyboard events...
+ * @param event Keyboard event object
+ * @param events Event callback functions
+ */
+export declare function onMenuKeyDown(event: React.KeyboardEvent, events: KeyboardEvents): void;

package/cjs/internals/Picker/utils.js

@@ -0,0 +1,95 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.createConcatChildrenFunction = createConcatChildrenFunction;
+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 defaultNodeKeys = {
+  valueKey: 'value',
+  childrenKey: 'children'
+};
+function createConcatChildrenFunction(node, nodeValue, nodeKeys) {
+  if (nodeKeys === void 0) {
+    nodeKeys = defaultNodeKeys;
+  }
+  var _nodeKeys = nodeKeys,
+    valueKey = _nodeKeys.valueKey,
+    childrenKey = _nodeKeys.childrenKey;
+  return function (data, children) {
+    if (nodeValue) {
+      node = (0, _treeUtils.findNodeOfTree)(data, function (item) {
+        return nodeValue === item[valueKey];
+      });
+    }
+    node[childrenKey] = children;
+    return data.concat([]);
+  };
+}
+function shouldDisplay(label, searchKeyword) {
+  if (!(0, _trim.default)(searchKeyword)) {
+    return true;
+  }
+  var keyword = searchKeyword.toLocaleLowerCase();
+  if (typeof label === 'string' || typeof label === 'number') {
+    return ("" + label).toLocaleLowerCase().indexOf(keyword) >= 0;
+  } else if ( /*#__PURE__*/_react.default.isValidElement(label)) {
+    var nodes = (0, _utils.reactToString)(label);
+    return nodes.join('').toLocaleLowerCase().indexOf(keyword) >= 0;
+  }
+  return false;
+}
+/**
+ * Handling keyboard events...
+ * @param event Keyboard event object
+ * @param events Event callback functions
+ */
+function onMenuKeyDown(event, events) {
+  var down = events.down,
+    up = events.up,
+    enter = events.enter,
+    del = events.del,
+    esc = events.esc,
+    right = events.right,
+    left = events.left;
+  switch (event.key) {
+    // down
+    case _utils.KEY_VALUES.DOWN:
+      down === null || down === void 0 ? void 0 : down(event);
+      event.preventDefault();
+      break;
+    // up
+    case _utils.KEY_VALUES.UP:
+      up === null || up === void 0 ? void 0 : up(event);
+      event.preventDefault();
+      break;
+    // enter
+    case _utils.KEY_VALUES.ENTER:
+      enter === null || enter === void 0 ? void 0 : enter(event);
+      event.preventDefault();
+      break;
+    // delete
+    case _utils.KEY_VALUES.BACKSPACE:
+      del === null || del === void 0 ? void 0 : del(event);
+      break;
+    // esc | tab
+    case _utils.KEY_VALUES.ESC:
+    case _utils.KEY_VALUES.TAB:
+      esc === null || esc === void 0 ? void 0 : esc(event);
+      break;
+    // left arrow
+    case _utils.KEY_VALUES.LEFT:
+      left === null || left === void 0 ? void 0 : left(event);
+      break;
+    // right arrow
+    case _utils.KEY_VALUES.RIGHT:
+      right === null || right === void 0 ? void 0 : right(event);
+      break;
+    default:
+  }
+}

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/internals/SearchBox/SearchBox.js

@@ -0,0 +1,50 @@
+'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 _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+var _Search = _interopRequireDefault(require("@rsuite/icons/legacy/Search"));
+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 ? 'search-box' : _props$classPrefix,
+    value = props.value,
+    className = props.className,
+    placeholder = props.placeholder,
+    inputRef = props.inputRef,
+    onChange = props.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());
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
+    ref: ref,
+    className: classes
+  }), /*#__PURE__*/_react.default.createElement(_InputGroup.default, {
+    inside: true
+  }, /*#__PURE__*/_react.default.createElement(_Input.default, {
+    role: "searchbox",
+    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["input"]))),
+    value: value,
+    onChange: onChange,
+    placeholder: placeholder,
+    ref: inputRef
+  }), /*#__PURE__*/_react.default.createElement(_InputGroup.default.Addon, null, /*#__PURE__*/_react.default.createElement(_Search.default, {
+    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["icon"])))
+  }))));
+});
+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/{esm → cjs/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];

package/cjs/internals/propTypes/oneOf.d.ts

@@ -0,0 +1,3 @@
+import PropTypes from 'prop-types';
+declare const oneOf: typeof PropTypes.oneOf;
+export default oneOf;

package/cjs/internals/propTypes/oneOf.js

@@ -0,0 +1,19 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var oneOf = function oneOf(arr) {
+  var checkType = _propTypes.default.oneOf(arr);
+
+  // for [storybook/utils/propTypesToArgType.ts]
+  checkType._argType_ = {
+    type: 'oneOf',
+    value: arr
+  };
+  return checkType;
+};
+var _default = oneOf;
+exports.default = _default;

package/cjs/utils/ReactChildren.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 export declare function find(children: React.ReactNode, func: any, context?: any): React.ReactNode;
 export declare function map(children: React.ReactNode, func: any, context?: any): any[] | null | undefined;
 export declare function mapCloneElement(children: React.ReactNode, func: any, context?: any): any[] | null | undefined;
-export declare function count(children: React.ReactChildren): number;
+export declare function count(children: React.ReactNode): number;
 declare function some(children: React.ReactNode, func: any, context?: any): boolean;
 declare const _default: {
     mapCloneElement: typeof mapCloneElement;

package/cjs/utils/ReactChildren.js

@@ -35,8 +35,21 @@ function map(children, func, context) {
     return handle;
   });
 }
+function typeOf(object) {
+  if (typeof object === 'object' && object !== null) {
+    return object.type || object.$$typeof;
+  }
+}
+function isFragment(children) {
+  return _react.default.Children.count(children) === 1 && typeOf(children) === Symbol.for('react.fragment');
+}
 function mapCloneElement(children, func, context) {
-  return map(children, function (child, index) {
+  var elements = children;
+  if (isFragment(children)) {
+    var _props;
+    elements = (_props = children.props) === null || _props === void 0 ? void 0 : _props.children;
+  }
+  return map(elements, function (child, index) {
     return /*#__PURE__*/_react.default.cloneElement(child, (0, _extends2.default)({
       key: index
     }, func(child, index)));