rsuite 5.2.4 → 5.4.2

package/cjs/Overlay/positionUtils.js

@@ -13,7 +13,7 @@ var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 
 var _ownerDocument = _interopRequireDefault(require("dom-lib/ownerDocument"));
 
-var _getOffset3 = _interopRequireDefault(require("dom-lib/getOffset"));
+var _getOffset = _interopRequireDefault(require("dom-lib/getOffset"));
 
 var _scrollTop = _interopRequireDefault(require("dom-lib/scrollTop"));
 
@@ -45,10 +45,10 @@ function getContainerDimensions(containerNode) {
     scrollY = (0, _scrollTop.default)((0, _ownerDocument.default)(containerNode).documentElement) || (0, _scrollTop.default)(containerNode);
     scrollX = (0, _scrollLeft.default)((0, _ownerDocument.default)(containerNode).documentElement) || (0, _scrollLeft.default)(containerNode);
   } else {
-    var _getOffset = (0, _getOffset3.default)(containerNode);
+    var _ref = (0, _getOffset.default)(containerNode);
 
-    width = _getOffset.width;
-    height = _getOffset.height;
+    width = _ref.width;
+    height = _ref.height;
     scrollY = (0, _scrollTop.default)(containerNode);
     scrollX = (0, _scrollLeft.default)(containerNode);
   }
@@ -143,7 +143,7 @@ var _default = function _default(props) {
 
   return {
     getPosition: function getPosition(target, container) {
-      var offset = container.tagName === 'BODY' ? (0, _getOffset3.default)(target) : (0, _getPosition2.default)(target, container, false);
+      var offset = container.tagName === 'BODY' ? (0, _getOffset.default)(target) : (0, _getPosition2.default)(target, container, false);
       return offset;
     },
     calcAutoPlacement: function calcAutoPlacement(targetOffset, container, overlay) {
@@ -213,9 +213,9 @@ var _default = function _default(props) {
     calcOverlayPosition: function calcOverlayPosition(overlayNode, target, container) {
       var childOffset = this.getPosition(target, container);
 
-      var _getOffset2 = (0, _getOffset3.default)(overlayNode),
-          overlayHeight = _getOffset2.height,
-          overlayWidth = _getOffset2.width;
+      var _ref2 = (0, _getOffset.default)(overlayNode),
+          overlayHeight = _ref2.height,
+          overlayWidth = _ref2.width;
 
       var top = childOffset.top,
           left = childOffset.left;

package/cjs/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/cjs/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/cjs/Pagination/PaginationGroup.js

@@ -35,7 +35,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,
@@ -51,7 +51,8 @@ var LimitPicker = function LimitPicker(props) {
     placement: "topStart",
     data: formatlimitOptions,
     value: limit,
-    onChange: onChangeLimit,
+    onChange: onChangeLimit // fixme don't use any
+    ,
     menuStyle: {
       minWidth: 'auto'
     },
@@ -153,7 +154,8 @@ var PaginationGroup = /*#__PURE__*/_react.default.forwardRef(function (props, re
         maxButtons: maxButtons,
         pages: pages,
         disabled: disabled,
-        onSelect: onChangePage,
+        onSelect: onChangePage // fixme don't use any
+        ,
         activePage: activePage
       }, rest));
     } else if (key === 'total') {

package/cjs/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/cjs/Panel/Panel.js

@@ -127,7 +127,7 @@ var Panel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         className: prefix('title'),
         role: "presentation"
       }, /*#__PURE__*/_react.default.createElement("span", {
-        className: expanded ? null : 'collapsed'
+        className: expanded ? undefined : 'collapsed'
       }, header))) : header;
     } else {
       var _className = merge(prefix('title'), (0, _get.default)(header, 'props.className'));
@@ -139,7 +139,7 @@ var Panel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
     return /*#__PURE__*/_react.default.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/cjs/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/cjs/PanelGroup/PanelGroup.js

@@ -51,16 +51,19 @@ var PanelGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     setActiveKey(activeKey);
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(activeKey, event);
   }, [onSelect, setActiveKey]);
+  var contextValue = (0, _react.useMemo)(function () {
+    return {
+      accordion: accordion,
+      activeKey: activeKey,
+      onGroupSelect: handleSelect
+    };
+  }, [accordion, activeKey, handleSelect]);
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     role: accordion ? 'tablist' : undefined,
     className: classes
   }), /*#__PURE__*/_react.default.createElement(PanelGroupContext.Provider, {
-    value: {
-      accordion: accordion,
-      activeKey: activeKey,
-      onGroupSelect: handleSelect
-    }
+    value: contextValue
   }, children));
 });
 

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

@@ -87,7 +87,7 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   var styles = (0, _extends2.default)({}, style, {
     maxHeight: maxHeight
   });
-  var menuBodyContainerRef = (0, _react.useRef)();
+  var menuBodyContainerRef = (0, _react.useRef)(null);
 
   var _useState = (0, _react.useState)([]),
       foldedGroupKeys = _useState[0],
@@ -209,7 +209,7 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
 
   var useVirtualized = virtualized && rowCount * rowHeight > maxHeight;
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    role: !useVirtualized ? 'listbox' : null
+    role: !useVirtualized ? 'listbox' : undefined
   }, rest, {
     className: classes,
     ref: (0, _utils.mergeRefs)(menuBodyContainerRef, ref),
@@ -226,7 +226,7 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     return /*#__PURE__*/_react.default.createElement(_VirtualizedList.List, (0, _extends2.default)({
       role: "listbox",
       containerRole: '',
-      "aria-readonly": null,
+      "aria-readonly": undefined,
       width: width,
       height: height || maxHeight,
       scrollToIndex: (0, _findIndex.default)(data, function (item) {
@@ -244,9 +244,9 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
 });
 
 var dropdownMenuPropTypes = {
-  classPrefix: _propTypes.default.string,
+  classPrefix: _propTypes.default.string.isRequired,
   className: _propTypes.default.string,
-  dropdownMenuItemAs: _propTypes.default.elementType,
+  dropdownMenuItemAs: _propTypes.default.elementType.isRequired,
   dropdownMenuItemClassPrefix: _propTypes.default.string,
   data: _propTypes.default.array,
   group: _propTypes.default.bool,

package/cjs/Picker/PickerOverlay.js

@@ -31,10 +31,11 @@ var PickerOverlay = /*#__PURE__*/_react.default.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 = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "autoWidth", "className", "placement", "target"]);
-  var overlayRef = (0, _react.useRef)();
+  var overlayRef = (0, _react.useRef)(null);
   var handleResize = (0, _react.useCallback)(function () {
     var instance = target === null || target === void 0 ? void 0 : target.current;
 
@@ -48,7 +49,7 @@ var PickerOverlay = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   (0, _react.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 = (0, _getWidth.default)((0, _utils.getDOMNode)(toggle.root));

package/cjs/Picker/PickerToggle.js

@@ -68,12 +68,13 @@ var PickerToggle = /*#__PURE__*/_react.default.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 = (0, _objectWithoutPropertiesLoose2.default)(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 = (0, _react.useRef)();
+  var inputRef = (0, _react.useRef)(null);
 
   var _useState = (0, _react.useState)(false),
       activeState = _useState[0],
@@ -193,7 +194,7 @@ var PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     }
   }), children ? /*#__PURE__*/_react.default.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.default.createElement(_CloseButton.default, {
     className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["clean"]))),
     tabIndex: -1,

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

@@ -14,7 +14,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/cjs/Picker/propTypes.d.ts

@@ -9,11 +9,10 @@ export declare const pickerPropTypes: {
     containerPadding: PropTypes.Requireable<number>;
     container: PropTypes.Requireable<any>;
     disabled: PropTypes.Requireable<boolean>;
-    toggleAs: PropTypes.Requireable<PropTypes.ReactComponentLike>;
     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
      */
@@ -26,7 +25,7 @@ export declare const pickerPropTypes: {
     onOpen: PropTypes.Requireable<(...args: any[]) => any>;
     onClose: PropTypes.Requireable<(...args: any[]) => any>;
     onClean: PropTypes.Requireable<(...args: any[]) => any>;
-    listProps: PropTypes.Requireable<object>;
+    listProps: PropTypes.Requireable<any>;
     onEnter: PropTypes.Requireable<(...args: any[]) => any>;
     onEntering: PropTypes.Requireable<(...args: any[]) => any>;
     onEntered: PropTypes.Requireable<(...args: any[]) => any>;
@@ -35,7 +34,7 @@ export declare const pickerPropTypes: {
     onExited: PropTypes.Requireable<(...args: any[]) => any>;
 };
 export declare const listPickerPropTypes: {
-    data: PropTypes.Requireable<any[]>;
+    data: PropTypes.Validator<any[]>;
     valueKey: PropTypes.Requireable<string>;
     labelKey: PropTypes.Requireable<string>;
     childrenKey: PropTypes.Requireable<string>;
@@ -52,11 +51,10 @@ export declare const listPickerPropTypes: {
     containerPadding: PropTypes.Requireable<number>;
     container: PropTypes.Requireable<any>;
     disabled: PropTypes.Requireable<boolean>;
-    toggleAs: PropTypes.Requireable<PropTypes.ReactComponentLike>;
     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
      */
@@ -69,7 +67,7 @@ export declare const listPickerPropTypes: {
     onOpen: PropTypes.Requireable<(...args: any[]) => any>;
     onClose: PropTypes.Requireable<(...args: any[]) => any>;
     onClean: PropTypes.Requireable<(...args: any[]) => any>;
-    listProps: PropTypes.Requireable<object>;
+    listProps: PropTypes.Requireable<any>;
     onEnter: PropTypes.Requireable<(...args: any[]) => any>;
     onEntering: PropTypes.Requireable<(...args: any[]) => any>;
     onEntered: PropTypes.Requireable<(...args: any[]) => any>;

package/cjs/Picker/propTypes.js

@@ -23,7 +23,8 @@ var pickerPropTypes = (0, _extends2.default)({}, _utils2.animationPropTypes, {
   containerPadding: _propTypes.default.number,
   container: _propTypes.default.oneOfType([_propTypes.default.any, _propTypes.default.func]),
   disabled: _propTypes.default.bool,
-  toggleAs: _propTypes.default.elementType,
+  // PropTypes.elementType conflictin with React.ElementType
+  // toggleAs: PropTypes.elementType,
   menuClassName: _propTypes.default.string,
   menuStyle: _propTypes.default.object,
   placeholder: _propTypes.default.node,
@@ -41,11 +42,11 @@ var pickerPropTypes = (0, _extends2.default)({}, _utils2.animationPropTypes, {
   onOpen: _propTypes.default.func,
   onClose: _propTypes.default.func,
   onClean: _propTypes.default.func,
-  listProps: _propTypes.default.object
+  listProps: _propTypes.default.any
 });
 exports.pickerPropTypes = pickerPropTypes;
 var listPickerPropTypes = (0, _extends2.default)({}, pickerPropTypes, {
-  data: _propTypes.default.array,
+  data: _propTypes.default.array.isRequired,
   valueKey: _propTypes.default.string,
   labelKey: _propTypes.default.string,
   childrenKey: _propTypes.default.string,

package/cjs/Picker/utils.d.ts

@@ -6,11 +6,11 @@ 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';
@@ -43,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;
@@ -56,9 +56,9 @@ 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>(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[];
@@ -67,7 +67,7 @@ export declare const useFocusItemValue: (defaultFocusItemValue: number | string
 };
 interface ToggleKeyDownEventProps {
     toggle?: boolean;
-    triggerRef?: React.RefObject<any>;
+    triggerRef: React.RefObject<any>;
     targetRef: React.RefObject<any>;
     overlayRef?: React.RefObject<any>;
     searchInputRef?: React.RefObject<any>;
@@ -89,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;
 }
 /**
@@ -98,15 +98,15 @@ 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 PickerDependentParameters {
     triggerRef?: React.RefObject<OverlayTriggerInstance>;
-    rootRef?: React.RefObject<any>;
+    rootRef?: React.RefObject<HTMLElement>;
     overlayRef?: React.RefObject<HTMLElement>;
     targetRef?: React.RefObject<HTMLElement>;
     listRef?: React.RefObject<ListInstance>;

package/cjs/Picker/utils.js

@@ -21,6 +21,8 @@ var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 
 var _trim = _interopRequireDefault(require("lodash/trim"));
 
+var _isNil = _interopRequireDefault(require("lodash/isNil"));
+
 var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
 
 var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
@@ -203,13 +205,11 @@ var useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props)
     var menu = (0, _isFunction.default)(target) ? target() : target;
     var currentKeys = keys;
 
-    if (currentKeys.length === 0) {
-      var _Array$from;
-
-      currentKeys = (_Array$from = Array.from(menu === null || menu === void 0 ? void 0 : menu.querySelectorAll(focusableQueryKey))) === null || _Array$from === void 0 ? void 0 : _Array$from.map(function (item) {
+    if (currentKeys.length === 0 && !(0, _isNil.default)(menu)) {
+      currentKeys = Array.from(menu.querySelectorAll(focusableQueryKey)).map(function (item) {
         var _item$dataset;
 
-        return item === null || item === void 0 ? void 0 : (_item$dataset = item.dataset) === null || _item$dataset === void 0 ? void 0 : _item$dataset.key;
+        return (_item$dataset = item.dataset) === null || _item$dataset === void 0 ? void 0 : _item$dataset.key;
       });
       setKeys(currentKeys);
     }
@@ -271,12 +271,12 @@ var useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props)
     var subMenu = menu === null || menu === void 0 ? void 0 : menu.querySelector("[data-layer=\"" + nextLayer + "\"]");
 
     if (subMenu) {
-      var _Array$from2;
+      var _Array$from;
 
-      return (_Array$from2 = Array.from(subMenu.querySelectorAll(focusableQueryKey))) === null || _Array$from2 === void 0 ? void 0 : _Array$from2.map(function (item) {
+      return (_Array$from = Array.from(subMenu.querySelectorAll(focusableQueryKey))) === null || _Array$from === void 0 ? void 0 : _Array$from.map(function (item) {
         var _item$dataset2;
 
-        return item === null || item === void 0 ? void 0 : (_item$dataset2 = item.dataset) === null || _item$dataset2 === void 0 ? void 0 : _item$dataset2.key;
+        return (_item$dataset2 = item.dataset) === null || _item$dataset2 === void 0 ? void 0 : _item$dataset2.key;
       });
     }
 
@@ -412,7 +412,7 @@ var useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {
         if (((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.tagName) !== 'INPUT') {
           var _searchInputRef$curre;
 
-          (_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 ? void 0 : _searchInputRef$curre.focus();
+          searchInputRef === null || searchInputRef === void 0 ? void 0 : (_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 ? void 0 : _searchInputRef$curre.focus();
         }
       }
     }
@@ -503,26 +503,26 @@ function usePublicMethods(ref, parmas) {
   var handleOpen = (0, _react.useCallback)(function () {
     var _triggerRef$current3;
 
-    (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 ? void 0 : _triggerRef$current3.open();
+    triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 ? void 0 : _triggerRef$current3.open();
   }, [triggerRef]);
   var handleClose = (0, _react.useCallback)(function () {
     var _triggerRef$current4;
 
-    (_triggerRef$current4 = triggerRef.current) === null || _triggerRef$current4 === void 0 ? void 0 : _triggerRef$current4.close();
+    triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current4 = triggerRef.current) === null || _triggerRef$current4 === void 0 ? void 0 : _triggerRef$current4.close();
   }, [triggerRef]);
   var handleUpdatePosition = (0, _react.useCallback)(function () {
     var _triggerRef$current5;
 
-    (_triggerRef$current5 = triggerRef.current) === null || _triggerRef$current5 === void 0 ? void 0 : _triggerRef$current5.updatePosition();
+    triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current5 = triggerRef.current) === null || _triggerRef$current5 === void 0 ? void 0 : _triggerRef$current5.updatePosition();
   }, [triggerRef]);
   (0, _react.useImperativeHandle)(ref, function () {
     // Tree and CheckTree
     if (inline) {
       return {
         get root() {
-          var _triggerRef$current6;
+          var _triggerRef$current$r, _triggerRef$current6;
 
-          return rootRef !== null && rootRef !== void 0 && rootRef.current ? rootRef === null || rootRef === void 0 ? void 0 : rootRef.current : (_triggerRef$current6 = triggerRef.current) === null || _triggerRef$current6 === void 0 ? void 0 : _triggerRef$current6.root;
+          return rootRef !== null && rootRef !== void 0 && rootRef.current ? rootRef === null || rootRef === void 0 ? void 0 : rootRef.current : (_triggerRef$current$r = triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current6 = triggerRef.current) === null || _triggerRef$current6 === void 0 ? void 0 : _triggerRef$current6.root) !== null && _triggerRef$current$r !== void 0 ? _triggerRef$current$r : null;
         },
 
         get list() {
@@ -538,17 +538,21 @@ function usePublicMethods(ref, parmas) {
 
     return {
       get root() {
-        var _triggerRef$current7;
+        var _ref, _triggerRef$current7;
 
-        return rootRef !== null && rootRef !== void 0 && rootRef.current ? rootRef === null || rootRef === void 0 ? void 0 : rootRef.current : (_triggerRef$current7 = triggerRef.current) === null || _triggerRef$current7 === void 0 ? void 0 : _triggerRef$current7.root;
+        return (_ref = (rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) || (triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current7 = triggerRef.current) === null || _triggerRef$current7 === void 0 ? void 0 : _triggerRef$current7.root)) !== null && _ref !== void 0 ? _ref : null;
       },
 
       get overlay() {
-        return overlayRef.current;
+        var _overlayRef$current;
+
+        return (_overlayRef$current = overlayRef === null || overlayRef === void 0 ? void 0 : overlayRef.current) !== null && _overlayRef$current !== void 0 ? _overlayRef$current : null;
       },
 
       get target() {
-        return targetRef === null || targetRef === void 0 ? void 0 : targetRef.current;
+        var _targetRef$current;
+
+        return (_targetRef$current = targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) !== null && _targetRef$current !== void 0 ? _targetRef$current : null;
       },
 
       get list() {

package/cjs/Placeholder/PlaceholderGrid.js

@@ -62,7 +62,7 @@ var PlaceholderGrid = /*#__PURE__*/_react.default.forwardRef(function (props, re
         style: {
           width: widthPercent + "%",
           height: rowHeight,
-          marginTop: j > 0 ? rowMargin : null
+          marginTop: j > 0 ? rowMargin : undefined
         }
       }));
     }

package/cjs/Plaintext/Plaintext.js

@@ -26,7 +26,8 @@ var Plaintext = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       classPrefix = _props$classPrefix === void 0 ? 'plaintext' : _props$classPrefix,
       className = props.className,
       children = props.children,
-      localeKey = props.localeKey,
+      _props$localeKey = props.localeKey,
+      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"]);

package/cjs/Radio/Radio.d.ts

@@ -27,7 +27,7 @@ export interface RadioProps<T = ValueType> extends WithAsProps, Omit<React.HTMLA
     /** Primary content */
     children?: React.ReactNode;
     /** Callback function with value changed */
-    onChange?: (value: T, checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (value: T | undefined, checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;
 }
 declare const Radio: React.ForwardRefExoticComponent<RadioProps<ValueType> & React.RefAttributes<unknown>>;
 export default Radio;