rsuite 5.1.0 → 5.2.0

package/cjs/DOMHelper/index.d.ts

@@ -2,34 +2,17 @@ import * as helpers from 'dom-lib';
 export * from 'dom-lib';
 declare const DOMHelper: {
     isElement: (node: HTMLElement) => boolean;
-    animation: typeof helpers.animation;
-    transition: () => {
-        end: any;
-        backfaceVisibility: string;
-        transform: string;
-        property: string;
-        timing: string;
-        delay: string;
-        duration: string;
-    };
-    translateDOMPositionXY: (style: CSSStyleDeclaration, x?: number, y?: number) => CSSStyleDeclaration;
-    getVendorPrefixedName: typeof helpers.getVendorPrefixedName;
-    BrowserSupportCore: {
-        hasCSSAnimations: () => boolean;
-        hasCSSTransforms: () => boolean;
-        hasCSS3DTransforms: () => boolean;
-        hasCSSTransitions: () => boolean;
-    };
-    DOMMouseMoveTracker: typeof helpers.DOMMouseMoveTracker;
+    on: typeof helpers.on;
+    off: typeof helpers.off;
     WheelHandler: typeof helpers.WheelHandler;
+    DOMMouseMoveTracker: typeof helpers.DOMMouseMoveTracker;
     addClass: (target: Element, className: string) => Element;
-    hasClass: (target: Element, className: string) => boolean;
     removeClass: (target: Element, className: string) => Element;
+    hasClass: (target: Element, className: string) => boolean;
     toggleClass: (target: Element, className: string) => Element;
-    getStyle: (node: Element, property?: string) => string | CSSStyleDeclaration;
-    removeStyle: (node: Element, keys: string | string[]) => void;
-    addStyle: (node: Element, property: string | import("dom-lib/lib/style/addStyle").CSSProperty, value?: string | number) => void;
-    getComputedStyle: (node: Element) => CSSStyleDeclaration;
+    cancelAnimationFramePolyfill: typeof clearTimeout;
+    requestAnimationFramePolyfill: typeof requestAnimationFrame;
+    getAnimationEnd: typeof helpers.getAnimationEnd;
     ownerDocument: (node: Element) => Document;
     ownerWindow: (componentOrElement: Element) => Window;
     getWindow: (node: any) => Window;
@@ -53,11 +36,13 @@ declare const DOMHelper: {
         width: number;
     };
     isOverflowing: (container: Element) => boolean;
-    activeElement: (doc?: Document) => Element;
     getScrollbarSize: (recalc?: boolean) => number | void;
     getHeight: (node: Element | Window, client?: Element) => number;
     getWidth: (node: Element | Window, client?: Element) => number;
-    on: typeof helpers.on;
-    off: typeof helpers.off;
+    isFocusable: typeof helpers.isFocusable;
+    getStyle: (node: Element, property?: string) => string | CSSStyleDeclaration;
+    removeStyle: (node: Element, keys: string | string[]) => void;
+    addStyle: (node: Element, property: string | import("dom-lib/esm/addStyle").CSSProperty, value?: string | number) => void;
+    translateDOMPositionXY: (style: CSSStyleDeclaration, x?: number, y?: number) => CSSStyleDeclaration;
 };
 export default DOMHelper;

package/cjs/DOMHelper/index.js

@@ -18,10 +18,11 @@ Object.keys(helpers).forEach(function (key) {
   if (key in exports && exports[key] === helpers[key]) return;
   exports[key] = helpers[key];
 });
+
+var _isElement = _interopRequireDefault(require("./isElement"));
+
 var DOMHelper = (0, _extends2.default)({}, helpers, {
-  isElement: function isElement(node) {
-    return (node === null || node === void 0 ? void 0 : node.nodeType) && typeof (node === null || node === void 0 ? void 0 : node.nodeName) === 'string';
-  }
+  isElement: _isElement.default
 });
 var _default = DOMHelper;
 exports.default = _default;

package/cjs/DOMHelper/isElement.d.ts

@@ -0,0 +1,2 @@
+declare const isElement: (node: HTMLElement) => boolean;
+export default isElement;

package/cjs/DOMHelper/isElement.js

@@ -0,0 +1,11 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var isElement = function isElement(node) {
+  return (node === null || node === void 0 ? void 0 : node.nodeType) === 1 && typeof (node === null || node === void 0 ? void 0 : node.nodeName) === 'string';
+};
+
+var _default = isElement;
+exports.default = _default;

package/cjs/DatePicker/DatePicker.d.ts

@@ -41,19 +41,19 @@ export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, Form
     /** Hidden seconds */
     hideSeconds?: (second: number, date: Date) => boolean;
     /** Called when the calendar panel date changes */
-    onChangeCalendarDate?: (date: Date, event?: React.SyntheticEvent<HTMLElement>) => void;
+    onChangeCalendarDate?: (date: Date, event?: React.SyntheticEvent) => void;
     /** Called when opening the month view */
     onToggleMonthDropdown?: (toggle: boolean) => void;
     /** Called when opening the time view */
     onToggleTimeDropdown?: (toggle: boolean) => void;
     /** Called when the option is selected */
-    onSelect?: (date: Date, event?: React.SyntheticEvent<HTMLElement>) => void;
+    onSelect?: (date: Date, event?: React.SyntheticEvent) => void;
     /** Called after the prev month */
     onPrevMonth?: (date: Date) => void;
     /** Called after the next month */
     onNextMonth?: (date: Date) => void;
     /** Called after clicking the OK button */
-    onOk?: (date: Date, event: React.SyntheticEvent<HTMLElement>) => void;
+    onOk?: (date: Date, event: React.SyntheticEvent) => void;
     /** Called when clean */
     onClean?: (event: React.MouseEvent) => void;
     /** Custom render value */

package/cjs/DateRangePicker/Calendar.d.ts

@@ -16,7 +16,7 @@ export interface CalendarProps extends WithAsProps, Omit<CalendarCoreProps, Omit
     onChangeCalendarDate?: (index: number, date: Date) => void;
     onChangeCalendarTime?: (index: number, date: Date) => void;
     onMouseMove?: (date: Date) => void;
-    onSelect?: (date: Date, event?: React.SyntheticEvent<any>) => void;
+    onSelect?: (date: Date, event?: React.SyntheticEvent) => void;
     showOneCalendar?: boolean;
     showWeekNumbers?: boolean;
     value?: ValueType;

package/cjs/DateRangePicker/DateRangePicker.d.ts

@@ -26,9 +26,9 @@ export interface DateRangePickerProps extends PickerBaseProps, FormControlBasePr
     /** Disabled date */
     disabledDate?: DisabledDateFunction;
     /** Called when the option is selected */
-    onSelect?: (date: Date, event?: React.SyntheticEvent<HTMLElement>) => void;
+    onSelect?: (date: Date, event?: React.SyntheticEvent) => void;
     /** Called after clicking the OK button */
-    onOk?: (date: ValueType, event: React.SyntheticEvent<HTMLElement>) => void;
+    onOk?: (date: ValueType, event: React.SyntheticEvent) => void;
     /** Called when clean */
     onClean?: (event: React.MouseEvent) => void;
     /** Custom render value */

package/cjs/Disclosure/Disclosure.d.ts

@@ -12,7 +12,7 @@ export interface DisclosureProps {
     defaultOpen?: boolean;
     hideOnClickOutside?: boolean;
     /** Callback when disclosure button is being activated to update the open state */
-    onToggle?: (open: boolean, event: React.SyntheticEvent<HTMLElement>) => void;
+    onToggle?: (open: boolean, event: React.SyntheticEvent) => void;
 }
 declare function Disclosure(props: DisclosureProps): JSX.Element;
 declare namespace Disclosure {

package/cjs/Disclosure/DisclosureContext.d.ts

@@ -13,7 +13,7 @@ export declare type DisclosureContextProps = [
     DisclosureState,
     Dispatch<DisclosureAction>,
     {
-        onToggle: (open: boolean, event?: React.SyntheticEvent<HTMLElement>) => void;
+        onToggle: (open: boolean, event?: React.SyntheticEvent) => void;
     }
 ];
 declare const DisclosureContext: React.Context<DisclosureContextProps>;

package/cjs/Dropdown/DropdownItem.d.ts

@@ -32,7 +32,7 @@ export interface DropdownMenuItemProps<T = any> extends WithAsProps, Omit<React.
      */
     open?: boolean;
     /** Select the callback function for the current option  */
-    onSelect?: (eventKey: T, event: React.SyntheticEvent<HTMLElement>) => void;
+    onSelect?: (eventKey: T, event: React.SyntheticEvent) => void;
 }
 /**
  * The <Dropdown.Item> API

package/cjs/Dropdown/DropdownMenu.d.ts

@@ -19,8 +19,8 @@ export interface DropdownMenuProps<T = string> extends StandardProps {
     disabled?: boolean;
     activeKey?: T;
     trigger?: 'hover' | 'click';
-    onSelect?: (eventKey: T, event: React.SyntheticEvent<Element>) => void;
-    onToggle?: (eventKey: T, event: React.SyntheticEvent<Element>) => void;
+    onSelect?: (eventKey: T, event: React.SyntheticEvent) => void;
+    onToggle?: (eventKey: T, event: React.SyntheticEvent) => void;
 }
 /**
  * The <Dropdown.Menu> API

package/cjs/Form/Form.d.ts

@@ -33,7 +33,7 @@ export interface FormProps<T = Record<string, any>, errorMsgType = any, E = {
     /** The error message comes from context */
     errorFromContext?: boolean;
     /** Callback fired when data changing */
-    onChange?: (formValue: T, event: React.SyntheticEvent<HTMLElement>) => void;
+    onChange?: (formValue: T, event: React.SyntheticEvent) => void;
     /** Callback fired when error checking */
     onError?: (formError: E) => void;
     /** Callback fired when data cheking */

package/cjs/FormControl/FormControl.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { TypeAttributes, FormControlBaseProps, WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import Input from '../Input';
+import { TypeAttributes, FormControlBaseProps, WithAsProps } from '../@types/common';
 /**
  * Props that FormControl passes to its accepter
  */
@@ -12,7 +13,7 @@ export interface FormControlProps<P = any, ValueType = any> extends WithAsProps,
     /** Value */
     value?: ValueType;
     /** Callback fired when data changing */
-    onChange?(value: ValueType, event: React.SyntheticEvent<HTMLElement>): void;
+    onChange?(value: ValueType, event: React.SyntheticEvent): void;
     /** The data validation trigger type, and it wiill overrides the setting on <Form> */
     checkTrigger?: TypeAttributes.CheckTrigger;
     /** Show error messages */
@@ -28,5 +29,10 @@ export interface FormControlProps<P = any, ValueType = any> extends WithAsProps,
     /** Asynchronous check value */
     checkAsync?: boolean;
 }
-declare const FormControl: RsRefForwardingComponent<'div', FormControlProps>;
+interface FormControlComponent extends React.FC<FormControlProps> {
+    <Accepter extends React.ElementType = typeof Input>(props: FormControlProps & {
+        accepter?: Accepter;
+    } & React.ComponentPropsWithRef<Accepter>): React.ReactElement;
+}
+declare const FormControl: FormControlComponent;
 export default FormControl;

package/cjs/Input/Input.d.ts

@@ -3,7 +3,7 @@ import { WithAsProps, RsRefForwardingComponent, TypeAttributes, FormControlBaseP
 export interface LocaleType {
     unfilled: string;
 }
-export interface InputProps extends WithAsProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size'>, FormControlBaseProps<string | number | ReadonlyArray<string>> {
+export interface InputProps extends WithAsProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size'>, FormControlBaseProps {
     /** The HTML input type */
     type?: string;
     /** The HTML input id */
@@ -12,6 +12,7 @@ export interface InputProps extends WithAsProps, Omit<React.InputHTMLAttributes<
     size?: TypeAttributes.Size;
     /** Ref of input element */
     inputRef?: React.Ref<any>;
+    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
     /** Called on press enter */
     onPressEnter?: React.KeyboardEventHandler<HTMLInputElement>;
 }

package/cjs/InputNumber/InputNumber.js

@@ -21,7 +21,7 @@ var _AngleUp = _interopRequireDefault(require("@rsuite/icons/legacy/AngleUp"));
 
 var _AngleDown = _interopRequireDefault(require("@rsuite/icons/legacy/AngleDown"));
 
-var _DOMHelper = _interopRequireDefault(require("../DOMHelper"));
+var _on = _interopRequireDefault(require("dom-lib/on"));
 
 var _InputGroup = _interopRequireDefault(require("../InputGroup/InputGroup"));
 
@@ -216,7 +216,7 @@ var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var wheelListener;
 
     if (inputRef.current && scrollable) {
-      wheelListener = _DOMHelper.default.on(inputRef.current, 'wheel', handleWheel, {
+      wheelListener = (0, _on.default)(inputRef.current, 'wheel', handleWheel, {
         passive: false
       });
     }

package/cjs/InputPicker/InputPicker.js

@@ -33,7 +33,7 @@ var _omit = _interopRequireDefault(require("lodash/omit"));
 
 var _pick = _interopRequireDefault(require("lodash/pick"));
 
-var _domLib = require("dom-lib");
+var _getWidth = _interopRequireDefault(require("dom-lib/getWidth"));
 
 var _shallowEqual = _interopRequireDefault(require("../utils/shallowEqual"));
 
@@ -232,7 +232,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
     // In multiple selection, you need to set a maximum width for the input.
     if ((_triggerRef$current2 = triggerRef.current) !== null && _triggerRef$current2 !== void 0 && _triggerRef$current2.root) {
-      setMaxWidth((0, _domLib.getWidth)(triggerRef.current.root));
+      setMaxWidth((0, _getWidth.default)(triggerRef.current.root));
     }
   }, []); // Update the position of the menu when the search keyword and value change
 

package/cjs/List/helper/useSortHelper.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 
-var _domLib = require("dom-lib");
+var _on = _interopRequireDefault(require("dom-lib/on"));
 
 var _react = require("react");
 
@@ -13,6 +13,8 @@ var _AutoScroller = _interopRequireDefault(require("./AutoScroller"));
 
 var _utils = require("./utils");
 
+var _utils2 = require("../../utils");
+
 var _useManager2 = _interopRequireDefault(require("./useManager"));
 
 function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -41,14 +43,16 @@ var useSortHelper = function useSortHelper(config) {
       listItemRegister = _useManager.listItemRegister,
       getManagedItem = _useManager.getManagedItem,
       getOrderedItems = _useManager.getOrderedItems;
+
+  var isMounted = (0, _utils2.useIsMounted)();
   /**
    * start dragging
    * */
 
-
   var handlePress = (0, _react.useCallback)(function (mouseDownEvent, targetNode, curManagedItem) {
     var _activeNodeHelper;
 
+    if (!isMounted()) return;
     var listItemBaseClassName = targetNode.classList[0]; // get list item base className
 
     var helperElementClass = listItemBaseClassName + "-helper";
@@ -108,7 +112,7 @@ var useSortHelper = function useSortHelper(config) {
       });
     };
 
-    var sortMouseMoveListener = (0, _domLib.on)(window, 'mousemove', function (mouseOverEvent) {
+    var sortMouseMoveListener = (0, _on.default)(window, 'mousemove', function (mouseOverEvent) {
       // Update helper position
       var offset = {
         x: (mouseOverEvent === null || mouseOverEvent === void 0 ? void 0 : mouseOverEvent.pageX) || 0,
@@ -213,7 +217,7 @@ var useSortHelper = function useSortHelper(config) {
     }, {
       passive: false
     });
-    var sortMouseEndListener = (0, _domLib.on)(window, 'mouseup', function (event) {
+    var sortMouseEndListener = (0, _on.default)(window, 'mouseup', function (event) {
       // Remove the event listeners
       sortMouseMoveListener.off();
       sortMouseEndListener.off();
@@ -228,7 +232,8 @@ var useSortHelper = function useSortHelper(config) {
       setTimeout(function () {
         var _activeNodeHelper2, _activeNodeHelper2$pa;
 
-        // Remove the helper from the DOM
+        if (!isMounted()) return; // Remove the helper from the DOM
+
         (_activeNodeHelper2 = activeNodeHelper) === null || _activeNodeHelper2 === void 0 ? void 0 : (_activeNodeHelper2$pa = _activeNodeHelper2.parentNode) === null || _activeNodeHelper2$pa === void 0 ? void 0 : _activeNodeHelper2$pa.removeChild(activeNodeHelper);
         activeNodeHelper = null; // Remove redundant styles
 
@@ -271,7 +276,7 @@ var useSortHelper = function useSortHelper(config) {
       oldIndex: activeNodeOldIndex,
       newIndex: activeNodeNextIndex
     }, mouseDownEvent.nativeEvent);
-  }, [autoScroll, getOrderedItems, onSort, onSortEnd, onSortMove, onSortStart, transitionDuration]);
+  }, [autoScroll, getOrderedItems, isMounted, onSort, onSortEnd, onSortMove, onSortStart, transitionDuration]);
   /**
    * Determine whether to start dragging
    * */

package/cjs/Menu/MenuItem.d.ts

@@ -8,7 +8,7 @@ export interface MenuItemProps {
     /** Render prop */
     children: (menuitem: React.LiHTMLAttributes<HTMLLIElement> & MenuitemRenderProps, ref: React.Ref<HTMLLIElement>) => React.ReactElement;
     /** Callback when menuitem is being activated */
-    onActivate?: (event: React.SyntheticEvent<HTMLElement>) => void;
+    onActivate?: (event: React.SyntheticEvent) => void;
 }
 export interface MenuitemRenderProps {
     selected: boolean;

package/cjs/Menu/Menubar.d.ts

@@ -5,6 +5,6 @@ export interface MenubarProps {
     /** Render prop */
     children: (menubar: React.HTMLAttributes<HTMLUListElement>, ref: React.Ref<HTMLUListElement>) => React.ReactElement;
     /** Callback triggered when an item is being activated */
-    onActivateItem?: (event: React.SyntheticEvent<HTMLElement>) => void;
+    onActivateItem?: (event: React.SyntheticEvent) => void;
 }
 export default function Menubar({ vertical, children, onActivateItem }: MenubarProps): JSX.Element;

package/cjs/Message/Message.js

@@ -50,12 +50,24 @@ var Message = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
       withClassPrefix = _useClassNames.withClassPrefix,
       merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix; // Timed close message
+      prefix = _useClassNames.prefix;
 
+  var isMounted = (0, _utils.useIsMounted)(); // Timed close message
 
   var _useTimeout = (0, _utils.useTimeout)(onClose, duration, duration > 0),
       clear = _useTimeout.clear;
 
+  var handleClose = (0, _react.useCallback)(function (event) {
+    setDisplay('hiding');
+    onClose === null || onClose === void 0 ? void 0 : onClose(event);
+    clear();
+    setTimeout(function () {
+      if (isMounted()) {
+        setDisplay('hide');
+      }
+    }, 1000);
+  }, [clear, isMounted, onClose]);
+
   if (display === 'hide') {
     return null;
   }
@@ -63,16 +75,6 @@ var Message = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var classes = merge(className, withClassPrefix(type, display, (_withClassPrefix = {
     full: full
   }, _withClassPrefix['has-title'] = header, _withClassPrefix['has-icon'] = showIcon, _withClassPrefix)));
-
-  var handleClose = function handleClose(event) {
-    setDisplay('hiding');
-    onClose === null || onClose === void 0 ? void 0 : onClose(event);
-    clear();
-    setTimeout(function () {
-      setDisplay('hide');
-    }, 1000);
-  };
-
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     role: "alert"
   }, rest, {

package/cjs/Modal/Modal.js

@@ -19,6 +19,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _pick = _interopRequireDefault(require("lodash/pick"));
 
+var _on = _interopRequireDefault(require("dom-lib/on"));
+
+var _getTransitionEnd = _interopRequireDefault(require("dom-lib/getTransitionEnd"));
+
 var _Modal = _interopRequireWildcard(require("../Overlay/Modal"));
 
 var _Bounce = _interopRequireDefault(require("../Animation/Bounce"));
@@ -37,8 +41,6 @@ var _ModalTitle = _interopRequireDefault(require("./ModalTitle"));
 
 var _ModalFooter = _interopRequireDefault(require("./ModalFooter"));
 
-var _DOMHelper = _interopRequireDefault(require("../DOMHelper"));
-
 var _utils2 = require("./utils");
 
 var _useUniqueId = _interopRequireDefault(require("../utils/useUniqueId"));
@@ -122,7 +124,7 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     // When the value of `backdrop` is `static`, a jitter animation will be added to the dialog when clicked.
     if (backdrop === 'static') {
       setShake(true);
-      transitionEndListener.current = _DOMHelper.default.on(dialogRef.current, _DOMHelper.default.animation.events().end, function () {
+      transitionEndListener.current = (0, _on.default)(dialogRef.current, (0, _getTransitionEnd.default)(), function () {
         setShake(false);
       });
     }

package/cjs/Modal/utils.js

@@ -11,7 +11,9 @@ var _react = require("react");
 
 var _elementResizeEvent = _interopRequireWildcard(require("element-resize-event"));
 
-var _DOMHelper = _interopRequireDefault(require("../DOMHelper"));
+var _getHeight = _interopRequireDefault(require("dom-lib/getHeight"));
+
+var _on = _interopRequireDefault(require("dom-lib/on"));
 
 var useBodyStyles = function useBodyStyles(ref, options) {
   var _useState = (0, _react.useState)({}),
@@ -36,14 +38,14 @@ var useBodyStyles = function useBodyStyles(ref, options) {
       var footerHeight = 46;
       var headerDOM = dialog.querySelector("." + prefix('header'));
       var footerDOM = dialog.querySelector("." + prefix('footer'));
-      headerHeight = headerDOM ? _DOMHelper.default.getHeight(headerDOM) + headerHeight : headerHeight;
-      footerHeight = footerDOM ? _DOMHelper.default.getHeight(footerDOM) + footerHeight : footerHeight;
+      headerHeight = headerDOM ? (0, _getHeight.default)(headerDOM) + headerHeight : headerHeight;
+      footerHeight = footerDOM ? (0, _getHeight.default)(footerDOM) + footerHeight : footerHeight;
       /**
        * Header height + Footer height + Dialog margin
        */
 
       var excludeHeight = headerHeight + footerHeight + (entering ? 70 : 60);
-      var bodyHeight = _DOMHelper.default.getHeight(window) - excludeHeight;
+      var bodyHeight = (0, _getHeight.default)(window) - excludeHeight;
       var maxHeight = scrollHeight >= bodyHeight ? bodyHeight : scrollHeight;
       styles.maxHeight = maxHeight;
     }
@@ -65,7 +67,7 @@ var useBodyStyles = function useBodyStyles(ref, options) {
 
       updateBodyStyles(null, entering);
       contentElement.current = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector("." + prefix('content'));
-      windowResizeListener.current = _DOMHelper.default.on(window, 'resize', updateBodyStyles);
+      windowResizeListener.current = (0, _on.default)(window, 'resize', updateBodyStyles);
       (0, _elementResizeEvent.default)(contentElement.current, updateBodyStyles);
     }
   }, [drawer, overflow, prefix, ref, updateBodyStyles]);

package/cjs/Notification/Notification.js

@@ -45,8 +45,9 @@ var Notification = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
       withClassPrefix = _useClassNames.withClassPrefix,
       merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix; // Timed close message
+      prefix = _useClassNames.prefix;
 
+  var isMounted = (0, _utils.useIsMounted)(); // Timed close message
 
   var _useTimeout = (0, _utils.useTimeout)(onClose, duration, duration > 0),
       clear = _useTimeout.clear; // Click to trigger to close the message
@@ -57,9 +58,11 @@ var Notification = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     onClose === null || onClose === void 0 ? void 0 : onClose(event);
     clear();
     setTimeout(function () {
-      setDisplay('hide');
+      if (isMounted()) {
+        setDisplay('hide');
+      }
     }, 1000);
-  }, [onClose, clear]);
+  }, [onClose, clear, isMounted]);
   var renderHeader = (0, _react.useCallback)(function () {
     if (!header) {
       return null;

package/cjs/Overlay/Modal.js

@@ -17,7 +17,13 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _DOMHelper = _interopRequireDefault(require("../DOMHelper"));
+var _canUseDOM = _interopRequireDefault(require("dom-lib/canUseDOM"));
+
+var _contains = _interopRequireDefault(require("dom-lib/contains"));
+
+var _getContainer = _interopRequireDefault(require("dom-lib/getContainer"));
+
+var _on = _interopRequireDefault(require("dom-lib/on"));
 
 var _ModalManager = _interopRequireDefault(require("./ModalManager"));
 
@@ -121,8 +127,8 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
   }, [keyboard, modal, onEscapeKeyUp, onClose]);
   var checkForFocus = (0, _react.useCallback)(function () {
-    if (_DOMHelper.default.canUseDOM) {
-      lastFocus.current = _DOMHelper.default.activeElement();
+    if (_canUseDOM.default) {
+      lastFocus.current = document.activeElement;
     }
   }, []);
   var restoreLastFocus = (0, _react.useCallback)(function () {
@@ -141,11 +147,10 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       return;
     }
 
-    var currentActiveElement = _DOMHelper.default.activeElement();
-
+    var currentActiveElement = document.activeElement;
     var dialog = getDialogElement();
 
-    if (dialog && dialog !== currentActiveElement && !_DOMHelper.default.contains(dialog, currentActiveElement)) {
+    if (dialog && dialog !== currentActiveElement && !(0, _contains.default)(dialog, currentActiveElement)) {
       dialog.focus();
     }
   }, [enforceFocus, getDialogElement, modal]);
@@ -164,12 +169,10 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var docusinListener = (0, _react.useRef)();
   var handleOpen = (0, _react.useCallback)(function () {
     var dialog = getDialogElement();
-
-    var containerElement = _DOMHelper.default.getContainer(container, document.body);
-
+    var containerElement = (0, _getContainer.default)(container, document.body);
     modal.add(containerElement, containerClassName);
-    documentKeyupListener.current = _DOMHelper.default.on(document, 'keydown', handleDocumentKeyUp);
-    docusinListener.current = _DOMHelper.default.on(document, 'focus', handleEnforceFocus, true);
+    documentKeyupListener.current = (0, _on.default)(document, 'keydown', handleDocumentKeyUp);
+    docusinListener.current = (0, _on.default)(document, 'focus', handleEnforceFocus, true);
     onOpen === null || onOpen === void 0 ? void 0 : onOpen();
     checkForFocus();
 

package/cjs/Overlay/ModalManager.js

@@ -1,9 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.default = void 0;
 
-var _domLib = require("dom-lib");
+var _addClass = _interopRequireDefault(require("dom-lib/addClass"));
+
+var _removeClass = _interopRequireDefault(require("dom-lib/removeClass"));
+
+var _addStyle = _interopRequireDefault(require("dom-lib/addStyle"));
+
+var _getStyle = _interopRequireDefault(require("dom-lib/getStyle"));
+
+var _getScrollbarSize = _interopRequireDefault(require("dom-lib/getScrollbarSize"));
+
+var _isOverflowing = _interopRequireDefault(require("dom-lib/isOverflowing"));
 
 function findIndexOf(arr, cb) {
   var index = -1;
@@ -65,18 +77,18 @@ var ModalManager = /*#__PURE__*/function () {
         overflow: container.style.overflow,
         paddingRight: container.style.paddingRight
       },
-      overflowing: (0, _domLib.isOverflowing)(container)
+      overflowing: (0, _isOverflowing.default)(container)
     };
 
     if (data.overflowing) {
-      var paddingRight = parseInt((0, _domLib.getStyle)(container, 'paddingRight') || 0, 10);
-      var barSize = (0, _domLib.getScrollbarSize)();
-      (0, _domLib.addStyle)(container, {
+      var paddingRight = parseInt((0, _getStyle.default)(container, 'paddingRight') || 0, 10);
+      var barSize = (0, _getScrollbarSize.default)();
+      (0, _addStyle.default)(container, {
         paddingRight: (barSize ? paddingRight + barSize : paddingRight) + 'px'
       });
     }
 
-    data.classes.forEach(_domLib.addClass.bind(null, container));
+    data.classes.forEach(_addClass.default.bind(null, container));
     this.containers.push(container);
     this.data.push(data);
     return modalIndex;
@@ -99,7 +111,7 @@ var ModalManager = /*#__PURE__*/function () {
       Object.keys(data.style).forEach(function (key) {
         return container.style[key] = data.style[key];
       });
-      data.classes.forEach(_domLib.removeClass.bind(null, container));
+      data.classes.forEach(_removeClass.default.bind(null, container));
       this.containers.splice(containerIndex, 1);
       this.data.splice(containerIndex, 1);
     }

package/cjs/Overlay/OverlayTrigger.js

@@ -19,7 +19,7 @@ var _get = _interopRequireDefault(require("lodash/get"));
 
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 
-var _domLib = require("dom-lib");
+var _contains = _interopRequireDefault(require("dom-lib/contains"));
 
 var _Overlay = _interopRequireDefault(require("./Overlay"));
 
@@ -58,7 +58,7 @@ function onMouseEventHandler(handler, event, delay) {
   var target = event.currentTarget;
   var related = event.relatedTarget || (0, _get.default)(event, ['nativeEvent', 'toElement']);
 
-  if ((!related || related !== target) && !(0, _domLib.contains)(target, related)) {
+  if ((!related || related !== target) && !(0, _contains.default)(target, related)) {
     handler(event, delay);
   }
 }