rsuite 5.1.0 → 5.2.3

package/cjs/Sidenav/SidenavDropdownItem.js

@@ -29,6 +29,8 @@ var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
 
 var _DropdownContext = _interopRequireDefault(require("../Dropdown/DropdownContext"));
 
+var _useRenderDropdownItem = require("../Dropdown/useRenderDropdownItem");
+
 /**
  * Tree View Node
  * @see https://www.w3.org/TR/wai-aria-practices-1.2/#TreeView
@@ -78,34 +80,39 @@ var SidenavDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props
   var menuitemEventHandlers = {
     onClick: (0, _utils.createChainedFunction)(handleClick, onClick)
   };
+  var renderDropdownItem = (0, _useRenderDropdownItem.useRenderDropdownItem)(Component);
 
   if (divider) {
-    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    return renderDropdownItem((0, _extends2.default)({
       ref: ref,
-      role: "separator",
+      role: 'separator',
       style: style,
       className: merge(prefix('divider'), className)
     }, rest));
   }
 
   if (panel) {
-    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    return renderDropdownItem((0, _extends2.default)({
       ref: ref,
-      role: "none presentation",
+      role: 'none presentation',
       style: style,
       className: merge(prefix('panel'), className)
-    }, rest), children);
+    }, rest, {
+      children: children
+    }));
   }
 
-  return /*#__PURE__*/_react.default.createElement(_SafeAnchor.default, (0, _extends2.default)({
+  return renderDropdownItem((0, _extends2.default)({
     ref: ref
   }, rest, {
     style: style,
     className: classes,
-    "aria-current": selected || undefined
-  }, menuitemEventHandlers), icon && /*#__PURE__*/_react.default.cloneElement(icon, {
-    className: prefix('menu-icon')
-  }), children, /*#__PURE__*/_react.default.createElement(_Ripple.default, null));
+    'aria-current': selected || undefined
+  }, menuitemEventHandlers, {
+    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {
+      className: prefix('menu-icon')
+    }), children, /*#__PURE__*/_react.default.createElement(_Ripple.default, null))
+  }), _SafeAnchor.default);
 });
 
 SidenavDropdownItem.displayName = 'Sidenav.Dropdown.Item';

package/cjs/Sidenav/SidenavDropdownMenu.d.ts

@@ -15,7 +15,7 @@ export interface SidenavDropdownMenuProps<T = any> extends WithAsProps, Omit<Rea
     /** Whether the submenu is expanded, used in Sidenav. */
     expanded?: boolean;
     /** Select the callback function for the current option  */
-    onSelect?: (eventKey: T, event: React.SyntheticEvent<HTMLElement>) => void;
+    onSelect?: (eventKey: T, event: React.SyntheticEvent) => void;
     title?: React.ReactNode;
 }
 /**

package/cjs/Slider/Graduated.js

@@ -77,7 +77,7 @@ var Graduated = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(Component, {
     ref: ref,
     className: classes
-  }, /*#__PURE__*/_react.default.createElement("ul", null, graduatedItems));
+  }, /*#__PURE__*/_react.default.createElement("ol", null, graduatedItems));
 });
 
 Graduated.displayName = 'Graduated';

package/cjs/Slider/Handle.js

@@ -15,7 +15,11 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _domLib = require("dom-lib");
+var _DOMMouseMoveTracker = _interopRequireDefault(require("dom-lib/DOMMouseMoveTracker"));
+
+var _addStyle = _interopRequireDefault(require("dom-lib/addStyle"));
+
+var _getWidth = _interopRequireDefault(require("dom-lib/getWidth"));
 
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 
@@ -56,7 +60,7 @@ var Handle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
   var rootRef = (0, _react.useRef)();
   var horizontalKey = rtl ? 'right' : 'left';
-  var direction = vertical ? 'top' : horizontalKey;
+  var direction = vertical ? 'bottom' : horizontalKey;
   var styles = (0, _extends3.default)({}, style, (_extends2 = {}, _extends2[direction] = position + "%", _extends2));
 
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
@@ -78,8 +82,8 @@ var Handle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var tooltipElement = tooltipRef.current;
 
     if (tooltip && tooltipElement) {
-      var width = (0, _domLib.getWidth)(tooltipElement);
-      (0, _domLib.addStyle)(tooltipElement, 'left', "-" + width / 2 + "px");
+      var width = (0, _getWidth.default)(tooltipElement);
+      (0, _addStyle.default)(tooltipElement, 'left', "-" + width / 2 + "px");
     }
   }, [tooltip]);
   var handleDragMove = (0, _react.useCallback)(function (_deltaX, _deltaY, event) {
@@ -96,7 +100,7 @@ var Handle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(event, rootRef.current.dataset);
   }, [onDragEnd, releaseMouseMoves]);
   var getMouseMoveTracker = (0, _react.useCallback)(function () {
-    return mouseMoveTracker.current || new _domLib.DOMMouseMoveTracker(handleDragMove, handleDragEnd, document.body);
+    return mouseMoveTracker.current || new _DOMMouseMoveTracker.default(handleDragMove, handleDragEnd, document.body);
   }, [handleDragEnd, handleDragMove]);
   var handleMouseDown = (0, _react.useCallback)(function (event) {
     var _mouseMoveTracker$cur3, _rootRef$current;
@@ -135,6 +139,7 @@ var Handle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     ref: tooltipRef,
     className: merge(prefix('tooltip'), 'placement-top')
   }, renderTooltip ? renderTooltip(value) : value), /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends3.default)({
+    tabIndex: -1,
     value: value
   }, rest)), children);
 });

package/cjs/Slider/ProgressBar.js

@@ -35,7 +35,7 @@ var ProgressBar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
   var sizeKey = vertical ? 'height' : 'width';
   var dirKey = rtl ? 'right' : 'left';
-  var startKey = vertical ? 'top' : dirKey;
+  var startKey = vertical ? 'bottom' : dirKey;
   var styles = (0, _extends3.default)({}, style, (_extends2 = {}, _extends2[startKey] = start + "%", _extends2[sizeKey] = end - start + "%", _extends2));
   var classes = merge(className, withClassPrefix());
   return /*#__PURE__*/_react.default.createElement(Component, {

package/cjs/Slider/Slider.js

@@ -15,7 +15,11 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _domLib = require("dom-lib");
+var _getWidth = _interopRequireDefault(require("dom-lib/getWidth"));
+
+var _getHeight = _interopRequireDefault(require("dom-lib/getHeight"));
+
+var _getOffset = _interopRequireDefault(require("dom-lib/getOffset"));
 
 var _ProgressBar = _interopRequireDefault(require("./ProgressBar"));
 
@@ -129,11 +133,11 @@ var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, [max, min, step]); // Get the height of the progress bar
 
   var getBarHeight = (0, _react.useCallback)(function () {
-    return barRef.current ? (0, _domLib.getHeight)(barRef.current) : 0;
+    return barRef.current ? (0, _getHeight.default)(barRef.current) : 0;
   }, []); // Get the width of the progress bar
 
   var getBarWidth = (0, _react.useCallback)(function () {
-    return barRef.current ? (0, _domLib.getWidth)(barRef.current) : 0;
+    return barRef.current ? (0, _getWidth.default)(barRef.current) : 0;
   }, []);
   var getValueByOffset = (0, _react.useCallback)(function (offset) {
     var value = 0;
@@ -157,8 +161,8 @@ var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    */
 
   var getValueByPosition = (0, _react.useCallback)(function (event) {
-    var barOffset = (0, _domLib.getOffset)(barRef.current);
-    var offset = vertical ? event.pageY - barOffset.top : event.pageX - barOffset.left;
+    var barOffset = (0, _getOffset.default)(barRef.current);
+    var offset = vertical ? barOffset.top + barOffset.height - event.pageY : event.pageX - barOffset.left;
     var offsetValue = rtl && !vertical ? barOffset.width - offset : offset;
     return getValueByOffset(offsetValue) + min;
   }, [getValueByOffset, min, rtl, vertical]);

package/cjs/Toggle/Toggle.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, TypeAttributes } from '../@types/common';
+import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../@types/common';
 import { ToggleLocale } from '../locales';
 export interface ToggleProps extends WithAsProps {
     /** Wheather to disabled toggle */
@@ -23,10 +23,7 @@ export interface ToggleProps extends WithAsProps {
     /** Custom locale */
     locale?: ToggleLocale;
     /** Callback function when state changes */
-    onChange?: (checked: boolean, event: React.SyntheticEvent) => void;
+    onChange?: (checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;
 }
-/**
- * fixme: Should contain an input[type=checkbox]
- */
-declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<unknown>>;
+declare const Toggle: RsRefForwardingComponent<'label', ToggleProps>;
 export default Toggle;

package/cjs/Toggle/Toggle.js

@@ -21,9 +21,6 @@ var _Plaintext = _interopRequireDefault(require("../Plaintext"));
 
 var _Loader = _interopRequireDefault(require("../Loader"));
 
-/**
- * fixme: Should contain an input[type=checkbox]
- */
 var Toggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
       Component = _props$as === void 0 ? 'span' : _props$as,
@@ -36,13 +33,14 @@ var Toggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       checkedChildren = props.checkedChildren,
       unCheckedChildren = props.unCheckedChildren,
       _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'btn-toggle' : _props$classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'toggle' : _props$classPrefix,
       checkedProp = props.checked,
       defaultChecked = props.defaultChecked,
       size = props.size,
       localeProp = props.locale,
       onChange = props.onChange,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "disabled", "readOnly", "loading", "plaintext", "className", "checkedChildren", "unCheckedChildren", "classPrefix", "checked", "defaultChecked", "size", "locale", "onChange"]);
+  var inputRef = (0, _react.useRef)();
 
   var _useControlled = (0, _utils.useControlled)(checkedProp, defaultChecked),
       checked = _useControlled[0],
@@ -63,49 +61,50 @@ var Toggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }));
   var inner = checked ? checkedChildren : unCheckedChildren;
   var label = checked ? locale.on : locale.off;
-  var handleChange = (0, _react.useCallback)(function (event) {
+  var handleInputChange = (0, _react.useCallback)(function (e) {
     if (disabled || readOnly) {
       return;
     }
 
-    setChecked(!checked);
-    onChange === null || onChange === void 0 ? void 0 : onChange(!checked, event);
-  }, [checked, disabled, onChange, readOnly, setChecked]);
-  var handleKeyDown = (0, _react.useCallback)(function (event) {
-    if (event.key !== ' ') {
-      return;
-    }
-
-    handleChange(event);
-    event.preventDefault();
-  }, [handleChange]);
+    var checked = e.target.checked;
+    setChecked(checked);
+    onChange === null || onChange === void 0 ? void 0 : onChange(checked, e);
+  }, [disabled, readOnly, setChecked, onChange]);
 
   if (plaintext) {
     return /*#__PURE__*/_react.default.createElement(_Plaintext.default, null, inner || label);
   }
 
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement("label", (0, _extends2.default)({
+    ref: ref,
+    className: classes
+  }, rest), /*#__PURE__*/_react.default.createElement("input", {
+    ref: inputRef,
+    type: "checkbox",
+    checked: checked,
+    disabled: disabled,
+    readOnly: readOnly,
+    onChange: handleInputChange,
+    className: prefix('input'),
     role: "switch",
     "aria-checked": checked,
     "aria-disabled": disabled,
     "aria-label": typeof inner === 'string' ? inner : label,
-    "aria-busy": loading || undefined,
-    tabIndex: 0
-  }, rest, {
-    ref: ref,
-    className: classes,
-    onClick: handleChange,
-    onKeyDown: handleKeyDown
-  }), /*#__PURE__*/_react.default.createElement("span", {
+    "aria-busy": loading || undefined
+  }), /*#__PURE__*/_react.default.createElement(Component, {
+    className: prefix('presentation')
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: prefix('inner')
   }, inner), loading && /*#__PURE__*/_react.default.createElement(_Loader.default, {
     className: prefix('loader')
-  }));
+  })));
 });
 
 Toggle.displayName = 'Toggle';
 Toggle.propTypes = {
   disabled: _propTypes.default.bool,
+  readOnly: _propTypes.default.bool,
+  plaintext: _propTypes.default.bool,
   checked: _propTypes.default.bool,
   defaultChecked: _propTypes.default.bool,
   checkedChildren: _propTypes.default.node,
@@ -113,7 +112,13 @@ Toggle.propTypes = {
   loading: _propTypes.default.bool,
   classPrefix: _propTypes.default.string,
   className: _propTypes.default.string,
-  onChange: _propTypes.default.func
+  onChange: _propTypes.default.func,
+  as: _propTypes.default.elementType,
+  size: _propTypes.default.oneOf(['sm', 'md', 'lg']),
+  locale: _propTypes.default.shape({
+    on: _propTypes.default.string,
+    off: _propTypes.default.string
+  })
 };
 var _default = Toggle;
 exports.default = _default;

package/cjs/Tree/Tree.d.ts

@@ -23,7 +23,7 @@ export interface TreeDragProps<ItemDataType = Record<string, any>> {
     /** Whether the node can  be dragged */
     draggable?: boolean;
     /** Called when scrolling */
-    onScroll?: (event: React.SyntheticEvent<HTMLElement>) => void;
+    onScroll?: (event: React.SyntheticEvent) => void;
     /** Called when node drag start */
     onDragStart?: (nodeData: ItemDataType, e: React.DragEvent) => void;
     /** Called when node drag enter */
@@ -61,7 +61,7 @@ export interface TreeBaseProps<ValueType = string | number, ItemDataType = Recor
     /** Callback function for data change */
     onExpand?: (expandItemValues: ItemDataType[], activeNode: ItemDataType, concat: (data: ItemDataType[], children: React.ReactNode) => ItemDataType[]) => void;
     /** Callback function after selecting tree node */
-    onSelect?: (activeNode: ItemDataType, value: ValueType, event: React.SyntheticEvent<any>) => void;
+    onSelect?: (activeNode: ItemDataType, value: ValueType, event: React.SyntheticEvent) => void;
     /** Custom Render tree Node */
     renderTreeNode?: (nodeData: ItemDataType) => React.ReactNode;
     /** Custom Render icon */
@@ -69,7 +69,7 @@ export interface TreeBaseProps<ValueType = string | number, ItemDataType = Recor
     /** callback fired when search */
     onSearch?: (searchKeyword: string, event: React.KeyboardEvent<HTMLInputElement>) => void;
     /** Called when clean */
-    onClean?: (event: React.SyntheticEvent<any>) => void;
+    onClean?: (event: React.SyntheticEvent) => void;
     /** Custom search rules. */
     searchBy?: (keyword: string, label: React.ReactNode, item: any) => boolean;
     /** Customizing the Rendering Menu list */

package/cjs/TreePicker/TreeNode.d.ts

@@ -22,7 +22,7 @@ export interface TreeNodeProps extends WithAsProps {
     classPrefix?: string;
     style?: React.CSSProperties;
     onExpand?: (nodeData: any) => void;
-    onSelect?: (nodeData: any, event: React.SyntheticEvent<any>) => void;
+    onSelect?: (nodeData: any, event: React.SyntheticEvent) => void;
     onRenderTreeIcon?: (nodeData: any) => React.ReactNode;
     onRenderTreeNode?: (nodeData: any) => React.ReactNode;
     onDragStart?: (data: any, event: React.DragEvent<any>) => void;

package/cjs/TreePicker/TreeNode.js

@@ -15,7 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _domLib = require("dom-lib");
+var _hasClass = _interopRequireDefault(require("dom-lib/hasClass"));
 
 var _ArrowDown = _interopRequireDefault(require("@rsuite/icons/legacy/ArrowDown"));
 
@@ -94,7 +94,7 @@ var TreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     }
 
     if (event.target instanceof HTMLElement) {
-      if ((0, _domLib.hasClass)(event.target.parentNode, prefix('expand-icon-wrapper'))) {
+      if ((0, _hasClass.default)(event.target.parentNode, prefix('expand-icon-wrapper'))) {
         return;
       }
     }

package/cjs/TreePicker/TreePicker.d.ts

@@ -22,7 +22,7 @@ export interface TreePickerProps<T = number | string> extends TreeBaseProps<T, I
     /** Custom render selected items */
     renderValue?: (value: T, selectedItems: ItemDataType, selectedElement: React.ReactNode) => React.ReactNode;
     /** Called when scrolling */
-    onScroll?: (event: React.SyntheticEvent<HTMLElement>) => void;
+    onScroll?: (event: React.SyntheticEvent) => void;
 }
 declare const TreePicker: PickerComponent<TreePickerProps>;
 export default TreePicker;

package/cjs/Uploader/Uploader.d.ts

@@ -82,13 +82,13 @@ export interface UploaderProps extends WithAsProps {
     /** In the file list, for uploading failed files, click the callback function to upload */
     onReupload?: (file: FileType) => void;
     /** In the file list, click the callback function for the uploaded file */
-    onPreview?: (file: FileType, event: React.SyntheticEvent<any>) => void;
+    onPreview?: (file: FileType, event: React.SyntheticEvent) => void;
     /** Upload callback function with erro */
-    onError?: (status: any, file: FileType, event: React.SyntheticEvent<any>, xhr: XMLHttpRequest) => void;
+    onError?: (status: any, file: FileType, event: React.SyntheticEvent, xhr: XMLHttpRequest) => void;
     /** callback function after successful upload */
-    onSuccess?: (response: any, file: FileType, event: React.SyntheticEvent<any>, xhr: XMLHttpRequest) => void;
+    onSuccess?: (response: any, file: FileType, event: React.SyntheticEvent, xhr: XMLHttpRequest) => void;
     /** Callback functions that upload progress change */
-    onProgress?: (percent: number, file: FileType, event: React.SyntheticEvent<any>, xhr: XMLHttpRequest) => void;
+    onProgress?: (percent: number, file: FileType, event: React.SyntheticEvent, xhr: XMLHttpRequest) => void;
     /** In the file list, click the callback function to delete a file */
     onRemove?: (file: FileType) => void;
     /** Custom render file information */

package/cjs/locales/fa_IR.js

@@ -10,14 +10,14 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _faIR = _interopRequireDefault(require("date-fns/locale/fa-IR"));
 
 var Calendar = {
-  sunday: 'یکشنبه',
-  monday: 'دوشنبه',
-  tuesday: 'سه شنبه',
-  wednesday: 'چهارشنبه',
-  thursday: 'پنجشنبه',
-  friday: 'جمعه',
-  saturday: 'شنبه',
-  ok: 'خوب',
+  sunday: 'ی',
+  monday: 'د',
+  tuesday: 'س',
+  wednesday: 'چ',
+  thursday: 'پ',
+  friday: 'ج',
+  saturday: 'ش',
+  ok: 'تایید',
   today: 'امروز',
   yesterday: 'دیروز',
   hours: 'ساعت',

package/cjs/utils/BrowserDetection.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.isEdge = exports.isIE11 = exports.isIE10 = exports.isIE = void 0;
 
-var _canUseDOM = _interopRequireDefault(require("dom-lib/lib/query/canUseDOM"));
+var _canUseDOM = _interopRequireDefault(require("dom-lib/canUseDOM"));
 
 // from http://stackoverflow.com/questions/9847580/how-to-detect-safari-chrome-ie-firefox-and-opera-browser
 // Internet Explorer 6-11

package/cjs/utils/index.d.ts

@@ -39,3 +39,4 @@ export { default as useEventCallback } from './useEventCallback';
 export { default as useUpdatedRef } from './useUpdatedRef';
 export { default as useWillUnmount } from './useWillUnmount';
 export { default as useUpdateEffect } from './useUpdateEffect';
+export { default as useIsMounted } from './useIsMounted';

package/cjs/utils/index.js

@@ -40,13 +40,14 @@ var _exportNames = {
   useUpdatedRef: true,
   useWillUnmount: true,
   useUpdateEffect: true,
+  useIsMounted: true,
   defaultClassPrefix: true,
   getClassNamePrefix: true,
   globalKey: true,
   DateUtils: true,
   TypeChecker: true
 };
-exports.TypeChecker = exports.DateUtils = exports.globalKey = exports.getClassNamePrefix = exports.defaultClassPrefix = exports.useUpdateEffect = exports.useWillUnmount = exports.useUpdatedRef = exports.useEventCallback = exports.stringToObject = exports.getSafeRegExpString = exports.useRootClose = exports.useControlled = exports.useTimeout = exports.createComponent = exports.usePortal = exports.useCustom = exports.useElementResize = exports.useEventListener = exports.useClassNames = exports.appendTooltip = exports.scrollTopAnimation = exports.reactToString = exports.composeFunctions = exports.shallowEqualArray = exports.shallowEqual = exports.mergeRefs = exports.getDOMNode = exports.placementPolyfill = exports.clone = exports.getDataGroupBy = exports.previewFile = exports.ajaxUpload = exports.tplTransform = exports.ReactChildren = exports.isOneOf = exports.createChainedFunction = exports.prefix = exports.guid = void 0;
+exports.TypeChecker = exports.DateUtils = exports.globalKey = exports.getClassNamePrefix = exports.defaultClassPrefix = exports.useIsMounted = exports.useUpdateEffect = exports.useWillUnmount = exports.useUpdatedRef = exports.useEventCallback = exports.stringToObject = exports.getSafeRegExpString = exports.useRootClose = exports.useControlled = exports.useTimeout = exports.createComponent = exports.usePortal = exports.useCustom = exports.useElementResize = exports.useEventListener = exports.useClassNames = exports.appendTooltip = exports.scrollTopAnimation = exports.reactToString = exports.composeFunctions = exports.shallowEqualArray = exports.shallowEqual = exports.mergeRefs = exports.getDOMNode = exports.placementPolyfill = exports.clone = exports.getDataGroupBy = exports.previewFile = exports.ajaxUpload = exports.tplTransform = exports.ReactChildren = exports.isOneOf = exports.createChainedFunction = exports.prefix = exports.guid = void 0;
 
 var _BrowserDetection = require("./BrowserDetection");
 
@@ -229,4 +230,8 @@ exports.useWillUnmount = _useWillUnmount.default;
 
 var _useUpdateEffect = _interopRequireDefault(require("./useUpdateEffect"));
 
-exports.useUpdateEffect = _useUpdateEffect.default;
+exports.useUpdateEffect = _useUpdateEffect.default;
+
+var _useIsMounted = _interopRequireDefault(require("./useIsMounted"));
+
+exports.useIsMounted = _useIsMounted.default;

package/cjs/utils/scrollTopAnimation.js

@@ -5,19 +5,19 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = scrollTopAnimation;
 
-var _domLib = require("dom-lib");
+var _scrollTop = _interopRequireDefault(require("dom-lib/scrollTop"));
 
-var _requestAnimationFramePolyfill = _interopRequireDefault(require("dom-lib/lib/animation/requestAnimationFramePolyfill"));
+var _requestAnimationFramePolyfill = _interopRequireDefault(require("dom-lib/requestAnimationFramePolyfill"));
 
 function scrollTopAnimation(target, nextTop, animation, callback) {
   if (animation === void 0) {
     animation = true;
   }
 
-  var top = (0, _domLib.scrollTop)(target);
+  var top = (0, _scrollTop.default)(target);
 
   var step = function step() {
-    (0, _domLib.scrollTop)(target, top > nextTop ? nextTop : top);
+    (0, _scrollTop.default)(target, top > nextTop ? nextTop : top);
 
     if (top <= nextTop) {
       (0, _requestAnimationFramePolyfill.default)(step);
@@ -30,6 +30,6 @@ function scrollTopAnimation(target, nextTop, animation, callback) {
   if (animation) {
     (0, _requestAnimationFramePolyfill.default)(step);
   } else {
-    (0, _domLib.scrollTop)(target, nextTop);
+    (0, _scrollTop.default)(target, nextTop);
   }
 }

package/cjs/utils/treeUtils.d.ts

@@ -210,7 +210,7 @@ interface TreeSearchProps {
     searchKeyword: string;
     data: ItemDataType[];
     searchBy: (keyword: any, label: any, item: any) => boolean;
-    callback?: (keyword: string, data: ItemDataType[], event: React.SyntheticEvent<any>) => void;
+    callback?: (keyword: string, data: ItemDataType[], event: React.SyntheticEvent) => void;
 }
 /**
  * A hook that handles tree search filter options
@@ -221,7 +221,7 @@ export declare function useTreeSearch(props: TreeSearchProps): {
     filteredData: ItemDataType[];
     setFilteredData: (data: ItemDataType[], searchKeyword: string) => void;
     setSearchKeyword: React.Dispatch<React.SetStateAction<string>>;
-    handleSearch: (searchKeyword: string, event: React.SyntheticEvent<any>) => void;
+    handleSearch: (searchKeyword: string, event: React.SyntheticEvent) => void;
 };
 export declare function useGetTreeNodeChildren(treeData: ItemDataType[], valueKey: string, childrenKey: string): {
     data: ItemDataType[];

package/cjs/utils/useElementResize.d.ts

@@ -5,4 +5,4 @@
  * @param eventTarget The target to listen for events on
  * @param listener An event handler
  */
-export default function useElementResize(eventTarget: EventTarget | (() => EventTarget), listener: EventListenerOrEventListenerObject): void;
+export default function useElementResize(eventTarget: Element | (() => Element), listener: ResizeObserverCallback): void;

package/cjs/utils/useElementResize.js

@@ -1,13 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
 exports.default = useElementResize;
 
 var _react = require("react");
 
-var _elementResizeEvent = _interopRequireWildcard(require("element-resize-event"));
+var _resizeObserver = require("@juggle/resize-observer");
 
 /**
  * Attach the event handler directly to the specified DOM element,
@@ -17,11 +15,18 @@ var _elementResizeEvent = _interopRequireWildcard(require("element-resize-event"
  * @param listener An event handler
  */
 function useElementResize(eventTarget, listener) {
+  var resizeObserver = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
-    var target = typeof eventTarget === 'function' ? eventTarget() : eventTarget;
-    (0, _elementResizeEvent.default)(target, listener);
+    if (!resizeObserver.current) {
+      var target = typeof eventTarget === 'function' ? eventTarget() : eventTarget;
+      resizeObserver.current = new _resizeObserver.ResizeObserver(listener);
+      resizeObserver.current.observe(target);
+    }
+
     return function () {
-      return (0, _elementResizeEvent.unbind)(target);
+      var _resizeObserver$curre;
+
+      (_resizeObserver$curre = resizeObserver.current) === null || _resizeObserver$curre === void 0 ? void 0 : _resizeObserver$curre.disconnect();
     };
   }, [eventTarget, listener]);
 }

package/cjs/utils/useEventListener.js

@@ -1,11 +1,13 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.default = useEventListener;
 
 var _react = require("react");
 
-var _domLib = require("dom-lib");
+var _on = _interopRequireDefault(require("dom-lib/on"));
 
 /**
  * Attach the event handler directly to the specified DOM element.
@@ -22,7 +24,7 @@ function useEventListener(eventTarget, event, listener, capture) {
 
   (0, _react.useEffect)(function () {
     var target = typeof eventTarget === 'function' ? eventTarget() : eventTarget;
-    var controller = target ? (0, _domLib.on)(target, event, listener, capture) : null;
+    var controller = target ? (0, _on.default)(target, event, listener, capture) : null;
     return function () {
       controller === null || controller === void 0 ? void 0 : controller.off();
     };

package/cjs/utils/useIsMounted.d.ts

@@ -0,0 +1,2 @@
+declare function useIsMounted(): () => boolean;
+export default useIsMounted;

package/cjs/utils/useIsMounted.js

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = require("react");
+
+function useIsMounted() {
+  var isMounted = (0, _react.useRef)(false);
+  (0, _react.useEffect)(function () {
+    isMounted.current = true;
+    return function () {
+      isMounted.current = false;
+    };
+  }, []);
+  return (0, _react.useCallback)(function () {
+    return isMounted.current;
+  }, []);
+}
+
+var _default = useIsMounted;
+exports.default = _default;

package/cjs/utils/usePortal.js

@@ -9,7 +9,7 @@ var _react = require("react");
 
 var _reactDom = require("react-dom");
 
-var _DOMHelper = _interopRequireDefault(require("../DOMHelper"));
+var _canUseDOM = _interopRequireDefault(require("dom-lib/canUseDOM"));
 
 function usePortal(props) {
   if (props === void 0) {
@@ -19,7 +19,7 @@ function usePortal(props) {
   var _props = props,
       id = _props.id,
       container = _props.container;
-  var rootElemRef = (0, _react.useRef)(_DOMHelper.default.canUseDOM ? document.body : null);
+  var rootElemRef = (0, _react.useRef)(_canUseDOM.default ? document.body : null);
   (0, _react.useEffect)(function () {
     var containerElement = typeof container === 'function' ? container() : container; // Look for existing target dom element to append to