rsuite 5.2.1 → 5.3.0

package/esm/Overlay/Position.js

@@ -1,5 +1,4 @@
 import React, { useState, useEffect, useRef, useMemo, useCallback, useImperativeHandle } from 'react';
-import bindElementResize from 'element-resize-event';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import getContainer from 'dom-lib/getContainer';
@@ -8,6 +7,7 @@ import removeClass from 'dom-lib/removeClass';
 import on from 'dom-lib/on';
 import addClass from 'dom-lib/addClass';
 import addStyle from 'dom-lib/addStyle';
+import { ResizeObserver } from '@juggle/resize-observer';
 import isElement from '../DOMHelper/isElement';
 import positionUtils from './positionUtils';
 import { getDOMNode } from '../utils';
@@ -16,13 +16,15 @@ import { useUpdateEffect } from '../utils';
 var usePosition = function usePosition(props, ref) {
   var _props$placement = props.placement,
       placement = _props$placement === void 0 ? 'right' : _props$placement,
-      preventOverflow = props.preventOverflow,
+      _props$preventOverflo = props.preventOverflow,
+      preventOverflow = _props$preventOverflo === void 0 ? false : _props$preventOverflo,
       _props$containerPaddi = props.containerPadding,
       containerPadding = _props$containerPaddi === void 0 ? 0 : _props$containerPaddi,
       container = props.container,
       triggerTarget = props.triggerTarget;
-  var containerRef = useRef();
-  var lastTargetRef = useRef();
+  var containerRef = useRef(null);
+  var lastTargetRef = useRef(null);
+  var overlayResizeObserver = useRef();
   var defaultPosition = {
     positionLeft: 0,
     positionTop: 0,
@@ -67,8 +69,9 @@ var usePosition = function usePosition(props, ref) {
       return;
     }
 
-    var overlay = getDOMNode(ref.current);
-    var containerElement = getContainer(typeof container === 'function' ? container() : container, ownerDocument(ref.current).body);
+    var overlay = getDOMNode(ref.current); // fixme dom-lib getContainer incorrect type
+
+    var containerElement = getContainer(typeof container === 'function' ? container() : container !== null && container !== void 0 ? container : null, ownerDocument(ref.current).body);
     var posi = utils.calcOverlayPosition(overlay, targetElement, containerElement);
 
     if (forceUpdateDOM && overlay) {
@@ -76,7 +79,11 @@ var usePosition = function usePosition(props, ref) {
 
       var preClassName = overlay === null || overlay === void 0 ? void 0 : (_overlay$className = overlay.className) === null || _overlay$className === void 0 ? void 0 : (_overlay$className$ma = _overlay$className.match(/(placement-\S+)/)) === null || _overlay$className$ma === void 0 ? void 0 : _overlay$className$ma[0];
       removeClass(overlay, preClassName);
-      addClass(overlay, posi.positionClassName);
+
+      if (posi.positionClassName) {
+        addClass(overlay, posi.positionClassName);
+      }
+
       addStyle(overlay, {
         left: posi.positionLeft + "px",
         top: posi.positionTop + "px"
@@ -109,17 +116,19 @@ var usePosition = function usePosition(props, ref) {
 
     if (overlay) {
       // Update the position when the size of the overlay changes
-      bindElementResize(overlay, function () {
+      overlayResizeObserver.current = new ResizeObserver(function () {
         return updatePosition(true, true);
       });
+      overlayResizeObserver.current.observe(overlay);
     }
 
     return function () {
-      var _containerScrollListe;
+      var _containerScrollListe, _overlayResizeObserve;
 
       lastTargetRef.current = null;
       (_containerScrollListe = containerScrollListener) === null || _containerScrollListe === void 0 ? void 0 : _containerScrollListe.off();
       resizeListener === null || resizeListener === void 0 ? void 0 : resizeListener.off();
+      (_overlayResizeObserve = overlayResizeObserver.current) === null || _overlayResizeObserve === void 0 ? void 0 : _overlayResizeObserve.disconnect();
     };
   }, [preventOverflow, ref, updatePosition]);
   useUpdateEffect(function () {
@@ -131,7 +140,7 @@ var usePosition = function usePosition(props, ref) {
 var Position = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
       className = props.className;
-  var childRef = React.useRef();
+  var childRef = React.useRef(null);
 
   var _usePosition = usePosition(props, childRef),
       position = _usePosition[0],
@@ -168,7 +177,7 @@ var Position = /*#__PURE__*/React.forwardRef(function (props, ref) {
 Position.displayName = 'Position';
 Position.propTypes = {
   className: PropTypes.string,
-  children: PropTypes.func,
+  children: PropTypes.func.isRequired,
   container: PropTypes.oneOfType([PropTypes.func, PropTypes.any]),
   containerPadding: PropTypes.number,
   placement: PropTypes.any,

package/esm/Overlay/positionUtils.d.ts

@@ -29,7 +29,7 @@ declare const _default: (props: UtilProps) => {
         left: number;
         height: number;
         width: number;
-    };
+    } | null;
     calcAutoPlacement(targetOffset: any, container: any, overlay: any): any;
     calcOverlayPosition(overlayNode: any, target: any, container: any): PositionType;
 };

package/esm/Overlay/positionUtils.js

@@ -29,10 +29,10 @@ function getContainerDimensions(containerNode) {
     scrollY = scrollTop(ownerDocument(containerNode).documentElement) || scrollTop(containerNode);
     scrollX = scrollLeft(ownerDocument(containerNode).documentElement) || scrollLeft(containerNode);
   } else {
-    var _getOffset = getOffset(containerNode);
+    var _ref = getOffset(containerNode);
 
-    width = _getOffset.width;
-    height = _getOffset.height;
+    width = _ref.width;
+    height = _ref.height;
     scrollY = scrollTop(containerNode);
     scrollX = scrollLeft(containerNode);
   }
@@ -197,9 +197,9 @@ export default (function (props) {
     calcOverlayPosition: function calcOverlayPosition(overlayNode, target, container) {
       var childOffset = this.getPosition(target, container);
 
-      var _getOffset2 = getOffset(overlayNode),
-          overlayHeight = _getOffset2.height,
-          overlayWidth = _getOffset2.width;
+      var _ref2 = getOffset(overlayNode),
+          overlayHeight = _ref2.height,
+          overlayWidth = _ref2.width;
 
       var top = childOffset.top,
           left = childOffset.left;

package/esm/Pagination/Pagination.d.ts

@@ -31,7 +31,7 @@ export interface PaginationProps extends WithAsProps {
     /** A pagination can have different sizes */
     size?: TypeAttributes.Size;
     /** callback function for pagination clicked */
-    onSelect?: (eventKey: number, event: React.MouseEvent) => void;
+    onSelect?: (eventKey: string | number, event: React.MouseEvent) => void;
 }
 declare const Pagination: RsRefForwardingComponent<'div', PaginationProps>;
 export default Pagination;

package/esm/Pagination/PaginationButton.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
-export interface PaginationButtonProps extends WithAsProps, Omit<React.HTMLAttributes<HTMLUListElement>, 'onSelect'> {
+export interface PaginationButtonProps<T = number | string> extends WithAsProps, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onSelect'> {
     /** The value of the current option */
-    eventKey?: number | string;
+    eventKey: T;
     /** Called when the button is clicked. */
     onClick?: React.MouseEventHandler;
     /** A button can show it is currently unable to be interacted with */
@@ -12,7 +12,7 @@ export interface PaginationButtonProps extends WithAsProps, Omit<React.HTMLAttri
     /** Primary content */
     children?: React.ReactNode;
     /** Select the callback function for the current option  */
-    onSelect?: (eventKey: number | string, event: React.MouseEvent) => void;
+    onSelect?: (eventKey: T, event: React.MouseEvent) => void;
 }
 declare const PaginationButton: RsRefForwardingComponent<'button', PaginationButtonProps>;
 export default PaginationButton;

package/esm/Pagination/PaginationGroup.js

@@ -17,7 +17,7 @@ var LimitPicker = function LimitPicker(props) {
       onChangeLimit = props.onChangeLimit,
       size = props.size,
       prefix = props.prefix;
-  var disabledPicker = typeof disabled === 'function' ? disabled('picker') : disabled;
+  var disabledPicker = typeof disabled === 'function' ? disabled('picker') : Boolean(disabled);
   var formatlimitOptions = limitOptions.map(function (item) {
     return {
       value: item,
@@ -33,7 +33,8 @@ var LimitPicker = function LimitPicker(props) {
     placement: "topStart",
     data: formatlimitOptions,
     value: limit,
-    onChange: onChangeLimit,
+    onChange: onChangeLimit // fixme don't use any
+    ,
     menuStyle: {
       minWidth: 'auto'
     },
@@ -134,7 +135,8 @@ var PaginationGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
         maxButtons: maxButtons,
         pages: pages,
         disabled: disabled,
-        onSelect: onChangePage,
+        onSelect: onChangePage // fixme don't use any
+        ,
         activePage: activePage
       }, rest));
     } else if (key === 'total') {

package/esm/Panel/Panel.d.ts

@@ -24,7 +24,7 @@ export interface PanelProps<T = string | number> extends WithAsProps, AnimationE
     /** Role of Panel */
     panelRole?: string;
     /** callback function for the panel clicked */
-    onSelect?: (eventKey: T, event: React.SyntheticEvent) => void;
+    onSelect?: (eventKey: T | undefined, event: React.SyntheticEvent) => void;
 }
 declare const Panel: RsRefForwardingComponent<'div', PanelProps>;
 export default Panel;

package/esm/Panel/Panel.js

@@ -110,7 +110,7 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
         className: prefix('title'),
         role: "presentation"
       }, /*#__PURE__*/React.createElement("span", {
-        className: expanded ? null : 'collapsed'
+        className: expanded ? undefined : 'collapsed'
       }, header))) : header;
     } else {
       var _className = merge(prefix('title'), get(header, 'props.className'));
@@ -122,7 +122,7 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
     return /*#__PURE__*/React.createElement("div", {
       role: headerRole,
-      "aria-controls": collapsible && id ? "" + id : null,
+      "aria-controls": collapsible && id ? "" + id : undefined,
       "aria-expanded": expanded,
       className: prefix('header'),
       onClick: collapsible ? handleSelect : undefined,

package/esm/PanelGroup/PanelGroup.d.ts

@@ -13,12 +13,12 @@ export interface PanelGroupProps<T = KeyType> extends WithAsProps {
     /** Primary content */
     children?: React.ReactNode;
     /** Toggles the callback function for the expand panel */
-    onSelect?: (eventKey: T, event: React.SyntheticEvent) => void;
+    onSelect?: (eventKey: T | undefined, event: React.SyntheticEvent) => void;
 }
 interface PanelGroupContext {
     accordion?: boolean;
     activeKey?: KeyType;
-    onGroupSelect?: (activeKey: KeyType, event: React.MouseEvent) => void;
+    onGroupSelect?: (activeKey: KeyType | undefined, event: React.MouseEvent) => void;
 }
 export declare const PanelGroupContext: React.Context<PanelGroupContext>;
 declare const PanelGroup: React.ForwardRefExoticComponent<PanelGroupProps<KeyType> & React.RefAttributes<unknown>>;

package/esm/Picker/DropdownMenu.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { ListProps } from './VirtualizedList';
 import { StandardProps, ItemDataType } from '../@types/common';
-export interface DropdownMenuProps extends StandardProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+export interface DropdownMenuProps<Multiple = false> extends StandardProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
     classPrefix: string;
     data?: ItemDataType[];
     group?: boolean;
@@ -23,14 +23,17 @@ export interface DropdownMenuProps extends StandardProps, Omit<React.HTMLAttribu
     /** Custom selected option */
     renderMenuItem?: (itemLabel: React.ReactNode, item: any) => React.ReactNode;
     renderMenuGroup?: (title: React.ReactNode, item: any) => React.ReactNode;
-    onSelect?: (value: any, item: any, event: React.MouseEvent, checked?: boolean) => void;
+    onSelect?: Multiple extends true ? (value: any, item: any, event: React.MouseEvent, checked: boolean) => void : Multiple extends false ? (value: any, item: any, event: React.MouseEvent) => void : any;
     onGroupTitleClick?: (event: React.MouseEvent) => void;
 }
-declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<HTMLDivElement>>;
+export declare type DropdownMenuComponent = React.ForwardRefExoticComponent<DropdownMenuProps> & {
+    <Multiple = false>(props: DropdownMenuProps<Multiple>): React.ReactElement | null;
+};
+declare const DropdownMenu: DropdownMenuComponent;
 export declare const dropdownMenuPropTypes: {
-    classPrefix: PropTypes.Requireable<string>;
+    classPrefix: PropTypes.Validator<string>;
     className: PropTypes.Requireable<string>;
-    dropdownMenuItemAs: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+    dropdownMenuItemAs: PropTypes.Validator<PropTypes.ReactComponentLike>;
     dropdownMenuItemClassPrefix: PropTypes.Requireable<string>;
     data: PropTypes.Requireable<any[]>;
     group: PropTypes.Requireable<boolean>;

package/esm/Picker/DropdownMenu.js

@@ -64,7 +64,7 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
     maxHeight: maxHeight
   });
 
-  var menuBodyContainerRef = useRef();
+  var menuBodyContainerRef = useRef(null);
 
   var _useState = useState([]),
       foldedGroupKeys = _useState[0],
@@ -186,7 +186,7 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var useVirtualized = virtualized && rowCount * rowHeight > maxHeight;
   return /*#__PURE__*/React.createElement("div", _extends({
-    role: !useVirtualized ? 'listbox' : null
+    role: !useVirtualized ? 'listbox' : undefined
   }, rest, {
     className: classes,
     ref: mergeRefs(menuBodyContainerRef, ref),
@@ -203,7 +203,7 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(List, _extends({
       role: "listbox",
       containerRole: '',
-      "aria-readonly": null,
+      "aria-readonly": undefined,
       width: width,
       height: height || maxHeight,
       scrollToIndex: findIndex(data, function (item) {
@@ -220,9 +220,9 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 export var dropdownMenuPropTypes = {
-  classPrefix: PropTypes.string,
+  classPrefix: PropTypes.string.isRequired,
   className: PropTypes.string,
-  dropdownMenuItemAs: PropTypes.elementType,
+  dropdownMenuItemAs: PropTypes.elementType.isRequired,
   dropdownMenuItemClassPrefix: PropTypes.string,
   data: PropTypes.array,
   group: PropTypes.bool,

package/esm/Picker/PickerOverlay.js

@@ -14,11 +14,12 @@ var PickerOverlay = /*#__PURE__*/React.forwardRef(function (props, ref) {
       classPrefix = _props$classPrefix === void 0 ? 'picker-menu' : _props$classPrefix,
       autoWidth = props.autoWidth,
       className = props.className,
-      placement = props.placement,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
       target = props.target,
       rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "autoWidth", "className", "placement", "target"]);
 
-  var overlayRef = useRef();
+  var overlayRef = useRef(null);
   var handleResize = useCallback(function () {
     var instance = target === null || target === void 0 ? void 0 : target.current;
 
@@ -32,7 +33,7 @@ var PickerOverlay = /*#__PURE__*/React.forwardRef(function (props, ref) {
   useEffect(function () {
     var toggle = target === null || target === void 0 ? void 0 : target.current;
 
-    if (autoWidth && toggle.root) {
+    if (autoWidth && toggle !== null && toggle !== void 0 && toggle.root) {
       // Get the width value of the button,
       // and then set it to the menu to make their width consistent.
       var width = getWidth(getDOMNode(toggle.root));

package/esm/Picker/PickerToggle.js

@@ -12,7 +12,7 @@ import CloseButton from '../CloseButton';
 import { useClassNames, KEY_VALUES, mergeRefs } from '../utils';
 import Plaintext from '../Plaintext';
 import useToggleCaret from '../utils/useToggleCaret';
-import MaskedInput from '../MaskedInput';
+import TextMask from '../MaskedInput/TextMask';
 import deprecatePropType from '../utils/deprecatePropType';
 var defaultInputMask = [];
 var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -46,13 +46,14 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onClean = props.onClean,
       onFocus = props.onFocus,
       onBlur = props.onBlur,
-      placement = props.placement,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
       caretComponent = props.caretComponent,
       _props$caretAs = props.caretAs,
       caretAs = _props$caretAs === void 0 ? caretComponent : _props$caretAs,
       rest = _objectWithoutPropertiesLoose(props, ["active", "as", "classPrefix", "children", "caret", "className", "disabled", "readOnly", "plaintext", "hasValue", "cleanable", "tabIndex", "id", "value", "input", "inputPlaceholder", "inputValue", "inputMask", "onInputChange", "onInputPressEnter", "onInputBlur", "onInputFocus", "onClean", "onFocus", "onBlur", "placement", "caretComponent", "caretAs"]);
 
-  var inputRef = useRef();
+  var inputRef = useRef(null);
 
   var _useState = useState(false),
       activeState = _useState[0],
@@ -83,15 +84,17 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
 
     if (input) {
-      inputRef.current.focus();
+      var _inputRef$current;
+
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
     }
   }, [input, onFocus]);
   var handleBlur = useCallback(function (event) {
     if (document.activeElement !== inputRef.current) {
-      var _inputRef$current;
+      var _inputRef$current2;
 
       setActive(false);
-      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.blur();
+      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.blur();
     }
 
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
@@ -146,7 +149,7 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onFocus: !disabled ? handleFocus : null // The debounce is set to 200 to solve the flicker caused by the switch between input and div.
     ,
     onBlur: !disabled ? debounce(handleBlur, 200) : null
-  }), /*#__PURE__*/React.createElement(MaskedInput, {
+  }), /*#__PURE__*/React.createElement(TextMask, {
     mask: inputMask,
     value: Array.isArray(inputValue) ? inputValue.toString() : inputValue,
     onBlur: handleInputBlur,
@@ -170,7 +173,7 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   }), children ? /*#__PURE__*/React.createElement("span", {
     className: prefix(hasValue ? 'value' : 'placeholder'),
-    "aria-placeholder": typeof children === 'string' ? children : null
+    "aria-placeholder": typeof children === 'string' ? children : undefined
   }, children) : null, showCleanButton && /*#__PURE__*/React.createElement(CloseButton, {
     className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["clean"]))),
     tabIndex: -1,

package/esm/Picker/PickerToggleTrigger.d.ts

@@ -1,19 +1,15 @@
 import React from 'react';
 import { OverlayTriggerInstance, OverlayTriggerType } from '../Overlay/OverlayTrigger';
 import { PositionChildProps } from '../Overlay/Position';
-import { TypeAttributes } from '../@types/common';
+import { TypeAttributes, AnimationEventProps } from '../@types/common';
 export type { OverlayTriggerInstance, PositionChildProps };
-export interface PickerToggleTriggerProps {
+export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onEntering' | 'onExiting'> {
     placement?: TypeAttributes.Placement;
     pickerProps: any;
     open?: boolean;
     trigger?: OverlayTriggerType | OverlayTriggerType[];
     children: React.ReactElement | ((props: any, ref: any) => React.ReactElement);
     speaker: React.ReactElement | ((props: any, ref: React.RefObject<any>) => React.ReactElement);
-    onEnter?: (node: null | Element | Text) => void;
-    onEntered?: (node: null | Element | Text) => void;
-    onExit?: (node: null | Element | Text) => void;
-    onExited?: (node: null | Element | Text) => void;
 }
 export declare const omitTriggerPropKeys: string[];
 export declare const pickTriggerPropKeys: string[];

package/esm/Picker/SearchBar.d.ts

@@ -5,7 +5,7 @@ export interface SearchBarProps extends WithAsProps {
     placeholder?: string;
     className?: string;
     inputRef?: React.Ref<HTMLInputElement>;
-    onChange?: (value: string, event: React.SyntheticEvent) => void;
+    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
 }
 declare const SearchBar: RsRefForwardingComponent<'div', SearchBarProps>;
 export default SearchBar;

package/esm/Picker/SelectedElement.js

@@ -6,7 +6,8 @@ var SelectedElement = function SelectedElement(props) {
       prefix = props.prefix,
       valueKey = props.valueKey,
       labelKey = props.labelKey,
-      childrenKey = props.childrenKey,
+      _props$childrenKey = props.childrenKey,
+      childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
       countable = props.countable,
       cascade = props.cascade,
       locale = props.locale;

package/esm/Picker/VirtualizedList.d.ts

@@ -1,9 +1,36 @@
 import React from 'react';
 import { ListProps, ListRowProps } from 'react-virtualized/dist/commonjs/List';
 import { AutoSizerProps } from 'react-virtualized/dist/commonjs/AutoSizer';
+import type { Alignment } from 'react-virtualized';
 export interface ListInstance {
-    child: Element;
-    scrollToRow?: (index: number) => void;
+    /**
+     * Forcefully re-render the inner Grid component.
+     */
+    forceUpdateGrid(): void;
+    /**
+     * Gets offset for a given row and alignment.
+     */
+    getOffsetForRow(params: {
+        alignment?: Alignment;
+        index?: number;
+    }): number;
+    /**
+     * Pre-measure all rows in a List.
+     */
+    measureAllRows(): void;
+    /**
+     * Recompute row heights and offsets after the specified index (defaults to 0).
+     */
+    recomputeRowHeights(index?: number): void;
+    /**
+     * Scroll to the specified offset. Useful for animating position changes.
+     */
+    scrollToPosition(scrollTop?: number): void;
+    /**
+     * Ensure row is visible. This method can be used to safely scroll back to a cell
+     * that a user has scrolled away from even if it was previously scrolled to.
+     */
+    scrollToRow(index?: number): void;
 }
 export type { ListProps, AutoSizerProps, ListRowProps };
 export declare const List: React.ComponentType<ListProps>;

package/esm/Picker/propTypes.d.ts

@@ -13,7 +13,7 @@ export declare const pickerPropTypes: {
     menuClassName: PropTypes.Requireable<string>;
     menuStyle: PropTypes.Requireable<object>;
     placeholder: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    placement: PropTypes.Requireable<any>;
+    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
      */
@@ -56,7 +56,7 @@ export declare const listPickerPropTypes: {
     menuClassName: PropTypes.Requireable<string>;
     menuStyle: PropTypes.Requireable<object>;
     placeholder: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    placement: PropTypes.Requireable<any>;
+    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
      */

package/esm/Picker/utils.d.ts

@@ -1,15 +1,16 @@
 import React from 'react';
 import { OverlayTriggerInstance } from './PickerToggleTrigger';
 import { TypeAttributes, ItemDataType } from '../@types/common';
+import { ListInstance } from './VirtualizedList';
 interface NodeKeys {
     valueKey: string;
     childrenKey: string;
 }
-export declare function createConcatChildrenFunction(node: any, nodeValue?: any, nodeKeys?: NodeKeys): (data: any[], children: any[]) => any[];
+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;
 interface PickerClassNameProps {
     name?: string;
-    classPrefix?: string;
+    classPrefix: string;
     className?: string;
     placement?: TypeAttributes.Placement;
     appearance?: 'default' | 'subtle';
@@ -42,7 +43,7 @@ interface EventsProps {
  */
 export declare function onMenuKeyDown(event: React.KeyboardEvent, events: EventsProps): void;
 interface FocusItemValueProps {
-    target: HTMLElement | (() => HTMLElement);
+    target: HTMLElement | null | (() => HTMLElement | null);
     data?: any[];
     valueKey?: string;
     focusableQueryKey?: string;
@@ -55,18 +56,18 @@ interface FocusItemValueProps {
  * @param defaultFocusItemValue
  * @param props
  */
-export declare const useFocusItemValue: (defaultFocusItemValue: number | string | readonly string[], props: FocusItemValueProps) => {
-    focusItemValue: any;
-    setFocusItemValue: React.Dispatch<any>;
+export declare const useFocusItemValue: <T extends string | number>(defaultFocusItemValue: T | null | undefined, props: FocusItemValueProps) => {
+    focusItemValue: T | null | undefined;
+    setFocusItemValue: React.Dispatch<React.SetStateAction<T | null | undefined>>;
     layer: number;
     setLayer: React.Dispatch<React.SetStateAction<number>>;
-    keys: any[];
-    setKeys: React.Dispatch<React.SetStateAction<any[]>>;
+    keys: (string | undefined)[];
+    setKeys: React.Dispatch<React.SetStateAction<(string | undefined)[]>>;
     onKeyDown: (event: any) => void;
 };
 interface ToggleKeyDownEventProps {
     toggle?: boolean;
-    triggerRef?: React.RefObject<any>;
+    triggerRef: React.RefObject<any>;
     targetRef: React.RefObject<any>;
     overlayRef?: React.RefObject<any>;
     searchInputRef?: React.RefObject<any>;
@@ -88,7 +89,7 @@ export declare const useToggleKeyDownEvent: (props: ToggleKeyDownEventProps) =>
 interface SearchProps {
     labelKey: string;
     data: ItemDataType[];
-    searchBy: (keyword: any, label: any, item: any) => boolean;
+    searchBy?: (keyword: any, label: any, item: any) => boolean;
     callback?: (keyword: string, data: ItemDataType[], event: React.SyntheticEvent) => void;
 }
 /**
@@ -97,31 +98,22 @@ interface SearchProps {
  */
 export declare function useSearch(props: SearchProps): {
     searchKeyword: string;
-    filteredData: any[];
+    filteredData: import("../CheckTreePicker/utils").TreeNodeType[];
     updateFilteredData: (nextData: ItemDataType[]) => void;
     setSearchKeyword: React.Dispatch<React.SetStateAction<string>>;
-    checkShouldDisplay: (item: ItemDataType, keyword?: string) => boolean;
+    checkShouldDisplay: (item: ItemDataType, keyword?: string | undefined) => boolean;
     handleSearch: (searchKeyword: string, event: React.SyntheticEvent) => void;
 };
-interface Refs {
+interface PickerDependentParameters {
     triggerRef?: React.RefObject<OverlayTriggerInstance>;
     rootRef?: React.RefObject<HTMLElement>;
     overlayRef?: React.RefObject<HTMLElement>;
     targetRef?: React.RefObject<HTMLElement>;
+    listRef?: React.RefObject<ListInstance>;
+    inline?: boolean;
 }
 /**
  * A hook of the exposed method of Picker
- *
- * {
- *   root: Element;
- *   overlay: Element;
- *   target?: Element;
- *   updatePosition:() => void;
- *   open:() => void;
- *   close:() => void;
- * }
- * @param ref
- * @param params
  */
-export declare function usePublicMethods(ref: any, { triggerRef, overlayRef, targetRef, rootRef }: Refs, disabled?: boolean): void;
+export declare function usePublicMethods(ref: any, parmas: PickerDependentParameters): void;
 export {};