rsuite 5.2.3 → 5.4.1

package/esm/Uploader/UploadFileItem.js

@@ -275,8 +275,8 @@ var UploadFileItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
 UploadFileItem.displayName = 'UploadFileItem';
 UploadFileItem.propTypes = {
   locale: PropTypes.any,
-  file: PropTypes.object,
-  listType: PropTypes.oneOf(['text', 'picture-text', 'picture']),
+  file: PropTypes.object.isRequired,
+  listType: PropTypes.oneOf(['text', 'picture-text', 'picture']).isRequired,
   disabled: PropTypes.bool,
   className: PropTypes.string,
   maxPreviewFileSize: PropTypes.number,

package/esm/Uploader/UploadTrigger.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { UploaderLocale } from '../locales';
 export interface UploadTriggerProps {
-    as: React.ElementType | string;
+    as?: React.ElementType;
     name?: string;
     multiple?: boolean;
     disabled?: boolean;

package/esm/Uploader/UploadTrigger.js

@@ -32,13 +32,13 @@ var UploadTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onDrop = props.onDrop,
       rest = _objectWithoutPropertiesLoose(props, ["as", "name", "accept", "multiple", "disabled", "readOnly", "children", "classPrefix", "className", "draggable", "locale", "onChange", "onDragEnter", "onDragLeave", "onDragOver", "onDrop"]);
 
-  var rootRef = useRef();
+  var rootRef = useRef(null);
 
   var _useState = useState(false),
       dragOver = _useState[0],
       setDragOver = _useState[1];
 
-  var inputRef = useRef();
+  var inputRef = useRef(null);
 
   var _useClassNames = useClassNames(classPrefix),
       merge = _useClassNames.merge,
@@ -151,7 +151,6 @@ UploadTrigger.propTypes = {
   classPrefix: PropTypes.string,
   className: PropTypes.string,
   children: PropTypes.node,
-  as: PropTypes.elementType,
   draggable: PropTypes.bool,
   onDragEnter: PropTypes.func,
   onDragLeave: PropTypes.func,

package/esm/Uploader/Uploader.d.ts

@@ -21,7 +21,7 @@ export interface UploaderInstance {
 }
 export interface UploaderProps extends WithAsProps {
     /** Uploading URL */
-    action?: string;
+    action: string;
     /** File types that can be accepted. See input accept Attribute */
     accept?: string;
     /** Automatically upload files after selecting them */
@@ -62,7 +62,7 @@ export interface UploaderProps extends WithAsProps {
     /** Max file size limit of the preview file */
     maxPreviewFileSize?: number;
     /** You can use a custom element for this component */
-    toggleAs?: React.ElementType | string;
+    toggleAs?: React.ElementType;
     /** Removable list file  */
     removable?: boolean;
     /** File list can be rendered */
@@ -84,11 +84,11 @@ export interface UploaderProps extends WithAsProps {
     /** In the file list, click the callback function for the uploaded file */
     onPreview?: (file: FileType, event: React.SyntheticEvent) => void;
     /** Upload callback function with erro */
-    onError?: (status: any, file: FileType, event: React.SyntheticEvent, xhr: XMLHttpRequest) => void;
+    onError?: (status: any, file: FileType, event: ProgressEvent, xhr: XMLHttpRequest) => void;
     /** callback function after successful upload */
-    onSuccess?: (response: any, file: FileType, event: React.SyntheticEvent, xhr: XMLHttpRequest) => void;
+    onSuccess?: (response: any, file: FileType, event: ProgressEvent, xhr: XMLHttpRequest) => void;
     /** Callback functions that upload progress change */
-    onProgress?: (percent: number, file: FileType, event: React.SyntheticEvent, xhr: XMLHttpRequest) => void;
+    onProgress?: (percent: number, file: FileType, event: ProgressEvent, xhr: XMLHttpRequest) => void;
     /** In the file list, click the callback function to delete a file */
     onRemove?: (file: FileType) => void;
     /** Custom render file information */

package/esm/Uploader/Uploader.js

@@ -428,7 +428,7 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 Uploader.displayName = 'Uploader';
 Uploader.propTypes = {
-  action: PropTypes.string,
+  action: PropTypes.string.isRequired,
   accept: PropTypes.string,
   autoUpload: PropTypes.bool,
   children: PropTypes.node,
@@ -458,7 +458,6 @@ Uploader.propTypes = {
   onRemove: PropTypes.func,
   maxPreviewFileSize: PropTypes.number,
   style: PropTypes.object,
-  toggleAs: PropTypes.elementType,
   renderFileInfo: PropTypes.func,
   renderThumbnail: PropTypes.func,
   removable: PropTypes.bool,

package/esm/index.d.ts

@@ -24,14 +24,14 @@ export { default as Loader } from './Loader';
 export type { LoaderProps } from './Loader';
 export { default as SafeAnchor } from './SafeAnchor';
 export type { SafeAnchorProps } from './SafeAnchor';
-export { default as Divider } from './Divider';
-export type { DividerProps } from './Divider';
 export { default as Placeholder } from './Placeholder';
 export type { PlaceholderGraphProps, PlaceholderGridProps, PlaceholderParagraphProps } from './Placeholder';
 export { default as Badge } from './Badge';
 export type { BadgeProps } from './Badge';
 export { default as Avatar } from './Avatar';
 export type { AvatarProps } from './Avatar';
+export { default as AvatarGroup } from './AvatarGroup';
+export type { AvatarGroupProps } from './AvatarGroup';
 export { default as toaster } from './toaster';
 export type { Toaster } from './toaster';
 export { default as Dropdown } from './Dropdown';
@@ -142,6 +142,10 @@ export { default as Sidebar } from './Sidebar';
 export type { SidebarProps } from './Sidebar';
 export { default as Footer } from './Footer';
 export type { FooterProps } from './Footer';
+export { default as Divider } from './Divider';
+export type { DividerProps } from './Divider';
+export { default as Stack } from './Stack';
+export type { StackProps } from './Stack';
 export { default as Schema } from './Schema';
 export { default as Animation } from './Animation';
 export type { TransitionProps, SlideProps, CollapseProps, FadeProps, BounceProps } from './Animation';

package/esm/index.js

@@ -12,10 +12,10 @@ export { default as Message } from './Message';
 export { default as Drawer } from './Drawer';
 export { default as Loader } from './Loader';
 export { default as SafeAnchor } from './SafeAnchor';
-export { default as Divider } from './Divider';
 export { default as Placeholder } from './Placeholder';
 export { default as Badge } from './Badge';
 export { default as Avatar } from './Avatar';
+export { default as AvatarGroup } from './AvatarGroup';
 export { default as toaster } from './toaster';
 // Nav
 export { default as Dropdown } from './Dropdown';
@@ -75,6 +75,8 @@ export { default as Content } from './Content';
 export { default as Header } from './Header';
 export { default as Sidebar } from './Sidebar';
 export { default as Footer } from './Footer';
+export { default as Divider } from './Divider';
+export { default as Stack } from './Stack';
 // Utils
 export { default as Schema } from './Schema';
 export { default as Animation } from './Animation';

package/esm/locales/index.d.ts

@@ -19,15 +19,15 @@ declare type PickKeys<T> = {
     [keys in keyof T]?: T[keys];
 };
 export declare type Locale = PickKeys<typeof defaultLocale>;
-export declare type CommonLocale = PickKeys<typeof defaultLocale.common>;
+export declare type CommonLocale = typeof defaultLocale.common;
 export declare type CalendarLocale = PickKeys<typeof defaultLocale.Calendar>;
 export declare type PlaintextLocale = PickKeys<typeof defaultLocale.Plaintext>;
 export declare type PaginationLocale = PickKeys<typeof defaultLocale.Pagination>;
 export declare type TableLocale = CommonLocale;
 export declare type DatePickerLocale = PickKeys<typeof defaultLocale.DatePicker>;
 export declare type DateRangePickerLocale = PickKeys<typeof defaultLocale.DateRangePicker>;
-export declare type PickerLocale = PickKeys<typeof defaultLocale.Picker> & CommonLocale;
-export declare type InputPickerLocale = PickerLocale & PickKeys<typeof defaultLocale.InputPicker>;
+export declare type PickerLocale = typeof defaultLocale.Picker & CommonLocale;
+export declare type InputPickerLocale = PickerLocale & typeof defaultLocale.InputPicker;
 export declare type UploaderLocale = PickKeys<typeof defaultLocale.Uploader>;
 export declare type CloseButtonLocale = PickKeys<typeof defaultLocale.CloseButton>;
 export declare type BreadcrumbLocale = PickKeys<typeof defaultLocale.Breadcrumb>;

package/esm/toaster/ToastContainer.d.ts

@@ -18,7 +18,7 @@ export interface NodeProps extends WithAsProps {
     onClose?: (event?: React.MouseEvent<HTMLDivElement>) => void;
 }
 interface ToastContainerComponent extends RsRefForwardingComponent<'div', ToastContainerProps> {
-    getInstance?: (props: ToastContainerProps) => [React.RefObject<ToastContainerInstance>, () => void];
+    getInstance: (props: ToastContainerProps) => [React.RefObject<ToastContainerInstance>, () => void];
 }
 declare const ToastContainer: ToastContainerComponent;
 export default ToastContainer;

package/esm/toaster/ToastContainer.js

@@ -14,7 +14,7 @@ var useMessages = function useMessages() {
 
   var getKey = useCallback(function (key) {
     if (typeof key === 'undefined' && messages.length) {
-      key = messages[messages.length - 1].key;
+      return messages[messages.length - 1].key;
     }
 
     return key;

package/esm/toaster/toaster.js

@@ -40,7 +40,9 @@ toaster.push = function (message, options) {
   var container = getContainer(options.placement);
 
   if (!container) {
-    container = createContainer(options.placement, options);
+    var _options$placement;
+
+    container = createContainer((_options$placement = options.placement) !== null && _options$placement !== void 0 ? _options$placement : '', options);
   }
 
   return container.current.push(message);

package/esm/utils/BrowserDetection.js

@@ -12,5 +12,5 @@ export var isIE11 = function isIE11() {
 }; // Edge 20+
 
 export var isEdge = function isEdge() {
-  return canUseDOM && !isIE() && !!window.styleMedia;
+  return canUseDOM && !isIE() && 'styleMedia' in window;
 };

package/esm/utils/ReactChildren.d.ts

@@ -1,7 +1,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[];
-export declare function mapCloneElement(children: React.ReactNode, func: any, context?: any): any[];
+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;
 declare function some(children: React.ReactNode, func: any, context?: any): boolean;
 declare const _default: {

package/esm/utils/ajaxUpload.d.ts

@@ -17,6 +17,6 @@ interface Options {
 }
 export default function ajaxUpload(options: Options): {
     xhr: XMLHttpRequest;
-    data: any;
+    data: File | FormData;
 };
 export {};

package/esm/utils/ajaxUpload.js

@@ -27,15 +27,16 @@ export default function ajaxUpload(options) {
       withCredentials = options.withCredentials,
       disableMultipart = options.disableMultipart;
   var xhr = new XMLHttpRequest();
-  var sendableData = null;
+  var sendableData;
   xhr.open('POST', url, true);
 
   if (!disableMultipart) {
     sendableData = new FormData();
     sendableData.append(name, file, file.name);
-    Object.keys(data).forEach(function (key) {
-      return sendableData.append(key, data[key]);
-    });
+
+    for (var key in data) {
+      sendableData.append(key, data[key]);
+    }
   } else {
     sendableData = file;
   }

package/esm/utils/appendTooltip.d.ts

@@ -3,7 +3,7 @@ import { TypeAttributes } from '../@types/common';
 interface Props {
     ref?: React.Ref<any>;
     message?: React.ReactNode;
-    children?: React.ReactElement | ((props: any, ref: any) => React.ReactElement);
+    children: React.ReactElement | ((props: any, ref: any) => React.ReactElement);
     placement?: TypeAttributes.Placement;
 }
 export default function appendTooltip({ message, ref, ...rest }: Props): JSX.Element;

package/esm/utils/constants.d.ts

@@ -1,10 +1,10 @@
 export declare const SIZE: string[];
 export declare const STATUS: string[];
 export declare const COLOR: string[];
-export declare const PLACEMENT_4: string[];
-export declare const PLACEMENT_8: string[];
-export declare const PLACEMENT_AUTO: string[];
-export declare const PLACEMENT: any[];
+export declare const PLACEMENT_4: readonly ["top", "bottom", "right", "left"];
+export declare const PLACEMENT_8: readonly ["bottomStart", "bottomEnd", "topStart", "topEnd", "leftStart", "rightStart", "leftEnd", "rightEnd"];
+export declare const PLACEMENT_AUTO: readonly ["auto", "autoVertical", "autoVerticalStart", "autoVerticalEnd", "autoHorizontal", "autoHorizontalStart", "autoHorizontalEnd"];
+export declare const PLACEMENT: readonly ["top", "bottom", "right", "left", "bottomStart", "bottomEnd", "topStart", "topEnd", "leftStart", "rightStart", "leftEnd", "rightEnd", "auto", "autoVertical", "autoVerticalStart", "autoVerticalEnd", "autoHorizontal", "autoHorizontalStart", "autoHorizontalEnd"];
 /**
  *  Check Tree Node State
  */

package/esm/utils/createChainedFunction.d.ts

@@ -11,5 +11,5 @@
  * @param {function} functions to chain
  * @returns {function|undefined}
  */
-declare function createChainedFunction<T = any>(...funcs: T[]): T;
+declare function createChainedFunction<T = any>(...funcs: (T | null)[]): T;
 export default createChainedFunction;

package/esm/utils/getDataGroupBy.d.ts

@@ -1,3 +1,3 @@
 export declare const KEY_GROUP: string | symbol;
 export declare const KEY_GROUP_TITLE = "groupTitle";
-export default function getDataGroupBy(data: any[], key: string, sort: any): any[];
+export default function getDataGroupBy(data: any[] | undefined, key: string, sort: any): any[];

package/esm/utils/mergeRefs.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 declare type CallbackRef<T> = (ref: T | null) => void;
 declare type Ref<T> = React.MutableRefObject<T> | CallbackRef<T>;
-export default function mergeRefs<T>(refA?: Ref<T> | null, refB?: Ref<T> | null): (value: T | null) => void;
+export default function mergeRefs<T>(refA?: Ref<T | null> | null, refB?: Ref<T | null> | null): React.RefCallback<T>;
 export {};

package/esm/utils/previewFile.d.ts

@@ -1,3 +1,3 @@
 export declare function isImage(file: any): boolean;
-declare const _default: (file: File, callback: (result: string | ArrayBuffer) => void) => void;
+declare const _default: (file: File, callback: (result: string | ArrayBuffer | null) => void) => void;
 export default _default;

package/esm/utils/propTypeChecker.d.ts

@@ -1,3 +1,7 @@
-import PropTypes from 'prop-types';
-export declare function tupleType(...types: any[]): any;
+import PropTypes, { Requireable, Validator } from 'prop-types';
+declare type ExtractValue<T extends ReadonlyArray<Validator<any>>> = {
+    [K in keyof T]: T[K] extends Validator<infer V> ? V : never;
+};
+export declare function tupleType<T extends readonly Validator<any>[]>(...types: T): Requireable<ExtractValue<T>>;
 export declare const refType: PropTypes.Requireable<any>;
+export {};

package/esm/utils/propTypeChecker.js

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 var ANONYMOUS = '';
 
 function createChainableTypeChecker(validate) {
-  function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
+  function checkType(isRequired, props, propName, componentName, location, propFullName) {
     componentName = componentName || ANONYMOUS;
     propFullName = propFullName || propName;
 
@@ -17,12 +17,13 @@ function createChainableTypeChecker(validate) {
 
       return null;
     } else {
-      return validate(props, propName, componentName, location, propFullName, secret);
+      return validate(props, propName, componentName, location, propFullName);
     }
   }
 
-  var chainedCheckType = checkType.bind(null, false);
-  chainedCheckType.isRequired = checkType.bind(null, true);
+  var chainedCheckType = Object.assign(checkType.bind(null, false), {
+    isRequired: checkType.bind(null, true)
+  });
   return chainedCheckType;
 }
 
@@ -31,7 +32,7 @@ export function tupleType() {
     types[_key] = arguments[_key];
   }
 
-  return createChainableTypeChecker(function (props, propName, componentName, location, propFullName, secret) {
+  return createChainableTypeChecker(function (props, propName, componentName, location, propFullName) {
     var value = props[propName];
 
     if (!location) {
@@ -55,7 +56,7 @@ export function tupleType() {
     }
 
     for (var i = 0; i < value.length; ++i) {
-      var error = types[i](value, i, componentName, 'element', propFullName + "[" + i + "]", secret);
+      var error = types[i](value, String(i), componentName, 'element', propFullName + "[" + i + "]");
 
       if (error) {
         return error;

package/esm/utils/reactToString.d.ts

@@ -1 +1,2 @@
-export default function reactToString(element: any): any[];
+import React from 'react';
+export default function reactToString(element: React.ReactElement): string[];

package/esm/utils/statusIcons.d.ts

@@ -7,6 +7,6 @@ export declare const MESSAGE_STATUS_ICONS: {
 };
 export declare const PROGRESS_STATUS_ICON: {
     success: JSX.Element;
-    active: any;
+    active: null;
     fail: JSX.Element;
 };

package/esm/utils/stringToObject.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (value: any, labelKey?: string, valueKey?: string) => object;
+declare const _default: (value: any, labelKey?: string | undefined, valueKey?: string | undefined) => object | null;
 export default _default;

package/esm/utils/treeUtils.d.ts

@@ -30,7 +30,7 @@ export declare function getNodeParents(node: any, parentKey?: string, valueKey?:
  * @param node
  * @param valueKey
  */
-export declare function getNodeParentKeys(nodes: TreeNodesType, node: TreeNodeType, valueKey: string): any[];
+export declare function getNodeParentKeys(nodes: TreeNodesType, node: TreeNodeType, valueKey: string): TreeNodeType[];
 export declare function hasVisibleChildren(node: TreeNodeType, childrenKey: string): any;
 /**
  * shallow equal array
@@ -61,7 +61,7 @@ export declare function createUpdateTreeDataFunction(params: any, { valueKey, ch
     childrenKey: any;
 }): (tree: any[]) => any[];
 export declare function findNodeOfTree(data: any, check: any): any;
-export declare function filterNodesOfTree(data: any, check: any): any[];
+export declare function filterNodesOfTree(data: any, check: any): TreeNodeType[];
 /**
  * get all focusable items
  * exclude not visible and disabled node
@@ -70,7 +70,7 @@ export declare function filterNodesOfTree(data: any, check: any): any[];
  * @param isSearching - component is in Searching
  * @returns
  */
-export declare const getFocusableItems: (filteredData: ItemDataType[], props: PartialTreeProps, isSearching?: boolean) => any[];
+export declare const getFocusableItems: (filteredData: ItemDataType[], props: PartialTreeProps, isSearching?: boolean | undefined) => TreeNodeType[];
 /**
  * return all focusable Item and active Element index
  * @param focusItemValue
@@ -82,7 +82,7 @@ export declare const getActiveIndex: (focusItemValue: any, focusItems: any[], va
  * @param flattenNodes - flattenData
  */
 export declare const getActiveItem: (focusItemValue: string | number, flattenNodes: TreeNodesType, valueKey: string) => any;
-export declare const getElementByDataKey: (dataKey: string, treeNodesRefs: any, selector: string) => Element;
+export declare const getElementByDataKey: (dataKey: string, treeNodesRefs: any, selector: string) => Element | null;
 /**
  * focus to specify tree node
  * @param refKey - target node refKey
@@ -91,7 +91,7 @@ export declare const getElementByDataKey: (dataKey: string, treeNodesRefs: any,
  */
 export declare const focusTreeNode: (refKey: string, treeNodeRefs: any, selector: string) => void;
 export interface FocusPrevOrNextProps {
-    focusItemValue: string | number;
+    focusItemValue: string | number | null;
     focusableItems: any[];
     treeNodesRefs: any;
     selector: string;
@@ -111,7 +111,7 @@ export declare const focusPreviousItem: ({ focusItemValue, focusableItems, treeN
 export interface ArrowHandlerProps {
     focusItem: TreeNodeType;
     expand: boolean;
-    childrenKey?: string;
+    childrenKey: string;
     onExpand: (focusItem: TreeNodeType) => void;
     onFocusItem: () => void;
 }
@@ -137,20 +137,21 @@ export declare function rightArrowHandler({ focusItem, expand, childrenKey, onEx
  * @param value - activeItem value
  * @param valueKey
  */
-export declare const getScrollToIndex: (nodes: TreeNodeType[], value: string | number, valueKey: string) => number;
+export declare const getScrollToIndex: (nodes: readonly TreeNodeType[], value: string | number, valueKey: string) => number;
 /**
  * when searching, expand state always return true
  * @param searchKeyword
  * @param expand
  */
 export declare function getExpandWhenSearching(searchKeyword: string, expand: boolean): boolean;
-export declare function getTreeActiveNode(nodes: TreeNodesType, value: number | string, valueKey: string): any;
+declare function getTreeActiveNode<T extends number | string | undefined>(nodes: TreeNodesType, value: T, valueKey: string): T extends undefined ? undefined : TreeNodeType | undefined;
+export { getTreeActiveNode };
 /**
  * toggle tree node
  * @param param0
  */
-export declare function toggleExpand({ node, isExpand, expandItemValues, valueKey }: any): unknown[];
-export declare function getTreeNodeTitle(label: any): string;
+export declare function toggleExpand({ node, isExpand, expandItemValues, valueKey }: any): ItemDataType<string | number>[];
+export declare function getTreeNodeTitle(label: any): string | undefined;
 /**
  * get all children from flattenNodes object by given parent node
  * @param nodes
@@ -158,14 +159,14 @@ export declare function getTreeNodeTitle(label: any): string;
  */
 export declare function getChildrenByFlattenNodes(nodes: TreeNodesType, parent: TreeNodeType): TreeNodeType[];
 export declare function useTreeDrag(): {
-    dragNode: any;
-    dragOverNodeKey: any;
-    dragNodeKeys: any[];
-    dropNodePosition: TREE_NODE_DROP_POSITION;
-    setDragNode: (node: ItemDataType) => void;
-    setDragOverNodeKey: React.Dispatch<any>;
-    setDragNodeKeys: React.Dispatch<React.SetStateAction<any[]>>;
-    setDropNodePosition: React.Dispatch<React.SetStateAction<TREE_NODE_DROP_POSITION>>;
+    dragNode: ItemDataType<string | number> | null;
+    dragOverNodeKey: null;
+    dragNodeKeys: (string | number)[];
+    dropNodePosition: TREE_NODE_DROP_POSITION | null;
+    setDragNode: (node: ItemDataType | null) => void;
+    setDragOverNodeKey: React.Dispatch<React.SetStateAction<null>>;
+    setDragNodeKeys: React.Dispatch<React.SetStateAction<(string | number)[]>>;
+    setDropNodePosition: React.Dispatch<React.SetStateAction<TREE_NODE_DROP_POSITION | null>>;
 };
 interface FlattenTreeDataProps {
     data: TreeNodeType[];
@@ -189,44 +190,44 @@ interface UnSerializeListProps {
 export declare function useFlattenTreeData({ data, labelKey, valueKey, childrenKey, uncheckableItemValues, callback }: FlattenTreeDataProps): {
     forceUpdate: () => void;
     flattenNodes: TreeNodesType;
-    flattenTreeData: (treeData: TreeNodeType[], ref: string, parent?: TreeNodeType, layer?: any) => any[];
-    serializeListOnlyParent: (nodes: TreeNodesType, key: string) => any[];
+    flattenTreeData: (treeData: TreeNodeType[], ref: string, parent?: TreeNodeType | undefined, layer?: any) => never[] | undefined;
+    serializeListOnlyParent: (nodes: TreeNodesType, key: string) => (string | number)[];
     unSerializeList: ({ nodes, key, value, cascade, uncheckableItemValues }: UnSerializeListProps) => void;
     formatVirtualizedTreeData: (nodes: TreeNodesType, data: any[], expandItemValues: ItemDataType[], options: {
         cascade?: boolean;
         searchKeyword?: string;
-    }) => any[];
+    }) => TreeNodeType[];
 };
 /**
  * A hook that saving every tree node ref
  */
 export declare function useTreeNodeRefs(): {
     treeNodesRefs: {};
-    saveTreeNodeRef: (refKey: string, ref: React.Ref<any>) => void;
+    saveTreeNodeRef: (ref: React.Ref<any>, refKey?: string | undefined) => void;
 };
 interface TreeSearchProps {
     labelKey: string;
     childrenKey: string;
-    searchKeyword: string;
+    searchKeyword?: 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;
 }
 /**
  * A hook that handles tree search filter options
  * @param props
  */
-export declare function useTreeSearch(props: TreeSearchProps): {
+export declare function useTreeSearch<T extends HTMLElement = HTMLInputElement>(props: TreeSearchProps): {
     searchKeywordState: string;
-    filteredData: ItemDataType[];
+    filteredData: ItemDataType<string | number>[];
     setFilteredData: (data: ItemDataType[], searchKeyword: string) => void;
     setSearchKeyword: React.Dispatch<React.SetStateAction<string>>;
-    handleSearch: (searchKeyword: string, event: React.SyntheticEvent) => void;
+    handleSearch: (searchKeyword: string, event: React.ChangeEvent<T>) => void;
 };
 export declare function useGetTreeNodeChildren(treeData: ItemDataType[], valueKey: string, childrenKey: string): {
-    data: ItemDataType[];
-    setData: React.Dispatch<React.SetStateAction<ItemDataType[]>>;
-    loadingNodeValues: any[];
+    data: ItemDataType<string | number>[];
+    setData: React.Dispatch<React.SetStateAction<ItemDataType<string | number>[]>>;
+    loadingNodeValues: never[];
     loadChildren: (node: any, getChildren: any) => void;
 };
 export interface FocusToTreeNodeProps {
@@ -236,7 +237,7 @@ export interface FocusToTreeNodeProps {
     virtualized: boolean;
     container: HTMLDivElement;
     list: ListInstance;
-    formattedNodes: TreeNodesType[];
+    formattedNodes: TreeNodeType[];
 }
 /**
  * Focus to active tree node.
@@ -244,4 +245,6 @@ export interface FocusToTreeNodeProps {
  */
 export declare function focusToActiveTreeNode({ list, valueKey, activeNode, virtualized, container, selector, formattedNodes }: FocusToTreeNodeProps): void;
 export declare function isSearching(searchKeyword?: string): boolean;
-export {};
+export declare function getTreeNodeIndent(rtl: any, layer: any, absolute?: boolean): {
+    [x: string]: number;
+};