rsuite 5.76.1 → 5.76.2

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## [5.76.2](https://github.com/rsuite/rsuite/compare/v5.76.1...v5.76.2) (2025-01-01)
+
+
+### Bug Fixes
+
+* **ToastContainer:** fix the server-side rendering error ([#4099](https://github.com/rsuite/rsuite/issues/4099)) ([e5113a2](https://github.com/rsuite/rsuite/commit/e5113a2478fce93ea45353c8e808c0691eed02ee))
+
+
+
 ## [5.76.1](https://github.com/rsuite/rsuite/compare/v5.76.0...v5.76.1) (2024-12-30)
 
 

package/cjs/toaster/ToastContainer.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
-export declare const defaultToasterContainer: HTMLElement;
+export declare const defaultToasterContainer: () => HTMLElement | null;
 export type PlacementType = 'topCenter' | 'bottomCenter' | 'topStart' | 'topEnd' | 'bottomStart' | 'bottomEnd';
 export declare const toastPlacements: PlacementType[];
 export interface ToastContainerProps extends WithAsProps {
@@ -38,7 +38,7 @@ export interface NodeProps extends WithAsProps {
     onClose?: (event?: React.MouseEvent<HTMLDivElement>) => void;
 }
 export type GetInstancePropsType = Omit<ToastContainerProps, 'container' | 'placement'> & {
-    container: HTMLElement;
+    container: HTMLElement | null;
     placement: PlacementType;
 };
 interface ToastContainerComponent extends RsRefForwardingComponent<'div', ToastContainerProps> {

package/cjs/toaster/ToastContainer.js

@@ -12,16 +12,19 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _Transition = _interopRequireDefault(require("../Animation/Transition"));
+var _ToastContext = _interopRequireDefault(require("./ToastContext"));
+var _canUseDOM = _interopRequireDefault(require("dom-lib/canUseDOM"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
-var _ToastContext = _interopRequireDefault(require("./ToastContext"));
 var _render = require("./render");
 var _excluded = ["as", "className", "classPrefix", "placement"],
   _excluded2 = ["className"],
   _excluded3 = ["container"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var defaultToasterContainer = exports.defaultToasterContainer = document.body;
+var defaultToasterContainer = exports.defaultToasterContainer = function defaultToasterContainer() {
+  return _canUseDOM.default ? document.body : null;
+};
 var toastPlacements = exports.toastPlacements = ['topCenter', 'bottomCenter', 'topStart', 'topEnd', 'bottomStart', 'bottomEnd'];
 var useMessages = function useMessages() {
   var _useState = (0, _react.useState)([]),

package/cjs/toaster/render.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 export declare const toasterKeyOfContainerElement = "toasterId";
-export declare function render(element: React.ReactElement<any>, container: HTMLElement): string;
+export declare function render(element: React.ReactElement<any>, container: HTMLElement | null): string;

package/cjs/toaster/toaster.js

@@ -63,10 +63,11 @@ _toaster.push = function (message, options) {
   var _options = options,
     _options$placement = _options.placement,
     placement = _options$placement === void 0 ? 'topCenter' : _options$placement,
-    container = _options.container,
+    _options$container = _options.container,
+    container = _options$container === void 0 ? _ToastContainer.defaultToasterContainer : _options$container,
     restOptions = (0, _objectWithoutPropertiesLoose2.default)(_options, _excluded);
-  var containerElement = (typeof container === 'function' ? container() : container) || _ToastContainer.defaultToasterContainer;
-  var containerElementId = containerElement[_render.toasterKeyOfContainerElement];
+  var containerElement = typeof container === 'function' ? container() : container;
+  var containerElementId = containerElement ? containerElement[_render.toasterKeyOfContainerElement] : null;
   if (containerElementId) {
     var existedContainer = getContainer(containerElementId, placement);
     if (existedContainer) {

package/dist/rsuite.js

@@ -7473,7 +7473,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.toastPlacements = exports.defaultToasterContainer = exports[\"default\"] = void 0;\nvar _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\"));\nvar _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/asyncToGenerator.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\nvar _Transition = _interopRequireDefault(__webpack_require__(/*! ../Animation/Transition */ \"./src/Animation/Transition.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _ToastContext = _interopRequireDefault(__webpack_require__(/*! ./ToastContext */ \"./src/toaster/ToastContext.ts\"));\nvar _render = __webpack_require__(/*! ./render */ \"./src/toaster/render.ts\");\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"placement\"],\n  _excluded2 = [\"className\"],\n  _excluded3 = [\"container\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/toaster/ToastContainer.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nvar defaultToasterContainer = exports.defaultToasterContainer = document.body;\nvar toastPlacements = exports.toastPlacements = ['topCenter', 'bottomCenter', 'topStart', 'topEnd', 'bottomStart', 'bottomEnd'];\nvar useMessages = function useMessages() {\n  var _useState = (0, _react.useState)([]),\n    messages = _useState[0],\n    setMessages = _useState[1];\n  var getKey = (0, _react.useCallback)(function (key) {\n    if (typeof key === 'undefined' && messages.length) {\n      return messages[messages.length - 1].key;\n    }\n    return key;\n  }, [messages]);\n  var push = (0, _react.useCallback)(function (message, options) {\n    var _ref = options || {},\n      duration = _ref.duration,\n      _ref$mouseReset = _ref.mouseReset,\n      mouseReset = _ref$mouseReset === void 0 ? true : _ref$mouseReset,\n      container = _ref.container;\n    var key = (0, _utils.guid)();\n    setMessages(function (prevMessages) {\n      return [].concat(prevMessages, [{\n        key: key,\n        visible: true,\n        node: message,\n        duration: duration,\n        mouseReset: mouseReset,\n        container: container\n      }]);\n    });\n    return key;\n  }, []);\n  var clear = (0, _react.useCallback)(function () {\n    // Set all existing messages to be invisible.\n    setMessages(messages.map(function (msg) {\n      return (0, _extends2.default)({}, msg, {\n        visible: false\n      });\n    }));\n\n    // Remove all invisible messages after 400ms.\n    // The delay removal here is to preserve the animation.\n    setTimeout(function () {\n      setMessages([]);\n    }, 400);\n  }, [messages]);\n  var remove = (0, _react.useCallback)(function (key) {\n    // Set the message of the specified key to invisible.\n    setMessages(messages.map(function (n) {\n      if (n.key === getKey(key)) {\n        n.visible = false;\n      }\n      return n;\n    }));\n\n    // Remove invisible messages after 400ms.\n    setTimeout(function () {\n      setMessages(messages.filter(function (msg) {\n        return msg.visible;\n      }));\n    }, 400);\n  }, [messages, getKey]);\n  return {\n    messages: messages,\n    push: push,\n    clear: clear,\n    remove: remove\n  };\n};\nvar ToastContainer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'toast-container' : _props$classPrefix,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'topCenter' : _props$placement,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    rootPrefix = _useClassNames.rootPrefix;\n  var classes = merge(className, withClassPrefix((0, _kebabCase.default)(placement)));\n  var _useMessages = useMessages(),\n    push = _useMessages.push,\n    clear = _useMessages.clear,\n    remove = _useMessages.remove,\n    messages = _useMessages.messages;\n  (0, _react.useImperativeHandle)(ref, function () {\n    return {\n      push: push,\n      clear: clear,\n      remove: remove\n    };\n  });\n  var elements = messages.map(function (item) {\n    var mouseReset = item.mouseReset,\n      duration = item.duration,\n      node = item.node;\n    return /*#__PURE__*/_react.default.createElement(_ToastContext.default.Provider, {\n      value: {\n        usedToaster: true,\n        mouseReset: mouseReset,\n        duration: duration\n      },\n      key: item.key,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 165,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Transition.default, {\n      in: item.visible,\n      exitedClassName: rootPrefix('toast-fade-exited'),\n      exitingClassName: rootPrefix('toast-fade-exiting'),\n      enteringClassName: rootPrefix('toast-fade-entering'),\n      enteredClassName: rootPrefix('toast-fade-entered'),\n      timeout: 300,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 166,\n        columnNumber: 11\n      }\n    }, function (transitionProps, ref) {\n      var _node$props, _node$props2;\n      var transitionClassName = transitionProps.className,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, _excluded2);\n      return /*#__PURE__*/_react.default.cloneElement(node, (0, _extends2.default)({}, rest, {\n        ref: ref,\n        duration: duration,\n        onClose: (0, _utils.createChainedFunction)((_node$props = node.props) === null || _node$props === void 0 ? void 0 : _node$props.onClose, function () {\n          return remove(item.key);\n        }),\n        className: merge(rootPrefix('toast'), (_node$props2 = node.props) === null || _node$props2 === void 0 ? void 0 : _node$props2.className, transitionClassName)\n      }));\n    }));\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 190,\n      columnNumber: 7\n    }\n  }), elements);\n});\nToastContainer.getInstance = /*#__PURE__*/function () {\n  var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(props) {\n    var container, rest, getRefResolve, getRefPromise, containerRef, containerId;\n    return _regenerator.default.wrap(function _callee$(_context) {\n      while (1) switch (_context.prev = _context.next) {\n        case 0:\n          container = props.container, rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded3);\n          getRefResolve = null;\n          getRefPromise = new Promise(function (res) {\n            getRefResolve = res;\n          });\n          containerRef = /*#__PURE__*/_react.default.createRef(); // promise containerId & containerRef all have value\n          containerId = (0, _render.render)(/*#__PURE__*/_react.default.createElement(ToastContainer, (0, _extends2.default)({}, rest, {\n            ref: function ref(_ref3) {\n              containerRef.current = _ref3;\n              getRefResolve && getRefResolve();\n            },\n            __self: _this,\n            __source: {\n              fileName: _jsxFileName,\n              lineNumber: 208,\n              columnNumber: 5\n            }\n          })), container);\n          _context.next = 7;\n          return getRefPromise;\n        case 7:\n          return _context.abrupt(\"return\", [containerRef, containerId]);\n        case 8:\n        case \"end\":\n          return _context.stop();\n      }\n    }, _callee);\n  }));\n  return function (_x) {\n    return _ref2.apply(this, arguments);\n  };\n}();\nToastContainer.displayName = 'ToastContainer';\nToastContainer.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  placement: _propTypes.default.elementType,\n  container: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),\n  callback: _propTypes.default.func\n};\nvar _default = exports[\"default\"] = ToastContainer;\n\n//# sourceURL=webpack://rsuite/./src/toaster/ToastContainer.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.toastPlacements = exports.defaultToasterContainer = exports[\"default\"] = void 0;\nvar _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\"));\nvar _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/asyncToGenerator.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\nvar _Transition = _interopRequireDefault(__webpack_require__(/*! ../Animation/Transition */ \"./src/Animation/Transition.tsx\"));\nvar _ToastContext = _interopRequireDefault(__webpack_require__(/*! ./ToastContext */ \"./src/toaster/ToastContext.ts\"));\nvar _canUseDOM = _interopRequireDefault(__webpack_require__(/*! dom-lib/canUseDOM */ \"./node_modules/dom-lib/esm/canUseDOM.js\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _render = __webpack_require__(/*! ./render */ \"./src/toaster/render.ts\");\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"placement\"],\n  _excluded2 = [\"className\"],\n  _excluded3 = [\"container\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/toaster/ToastContainer.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nvar defaultToasterContainer = exports.defaultToasterContainer = function defaultToasterContainer() {\n  return _canUseDOM.default ? document.body : null;\n};\nvar toastPlacements = exports.toastPlacements = ['topCenter', 'bottomCenter', 'topStart', 'topEnd', 'bottomStart', 'bottomEnd'];\nvar useMessages = function useMessages() {\n  var _useState = (0, _react.useState)([]),\n    messages = _useState[0],\n    setMessages = _useState[1];\n  var getKey = (0, _react.useCallback)(function (key) {\n    if (typeof key === 'undefined' && messages.length) {\n      return messages[messages.length - 1].key;\n    }\n    return key;\n  }, [messages]);\n  var push = (0, _react.useCallback)(function (message, options) {\n    var _ref = options || {},\n      duration = _ref.duration,\n      _ref$mouseReset = _ref.mouseReset,\n      mouseReset = _ref$mouseReset === void 0 ? true : _ref$mouseReset,\n      container = _ref.container;\n    var key = (0, _utils.guid)();\n    setMessages(function (prevMessages) {\n      return [].concat(prevMessages, [{\n        key: key,\n        visible: true,\n        node: message,\n        duration: duration,\n        mouseReset: mouseReset,\n        container: container\n      }]);\n    });\n    return key;\n  }, []);\n  var clear = (0, _react.useCallback)(function () {\n    // Set all existing messages to be invisible.\n    setMessages(messages.map(function (msg) {\n      return (0, _extends2.default)({}, msg, {\n        visible: false\n      });\n    }));\n\n    // Remove all invisible messages after 400ms.\n    // The delay removal here is to preserve the animation.\n    setTimeout(function () {\n      setMessages([]);\n    }, 400);\n  }, [messages]);\n  var remove = (0, _react.useCallback)(function (key) {\n    // Set the message of the specified key to invisible.\n    setMessages(messages.map(function (n) {\n      if (n.key === getKey(key)) {\n        n.visible = false;\n      }\n      return n;\n    }));\n\n    // Remove invisible messages after 400ms.\n    setTimeout(function () {\n      setMessages(messages.filter(function (msg) {\n        return msg.visible;\n      }));\n    }, 400);\n  }, [messages, getKey]);\n  return {\n    messages: messages,\n    push: push,\n    clear: clear,\n    remove: remove\n  };\n};\nvar ToastContainer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'toast-container' : _props$classPrefix,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'topCenter' : _props$placement,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    rootPrefix = _useClassNames.rootPrefix;\n  var classes = merge(className, withClassPrefix((0, _kebabCase.default)(placement)));\n  var _useMessages = useMessages(),\n    push = _useMessages.push,\n    clear = _useMessages.clear,\n    remove = _useMessages.remove,\n    messages = _useMessages.messages;\n  (0, _react.useImperativeHandle)(ref, function () {\n    return {\n      push: push,\n      clear: clear,\n      remove: remove\n    };\n  });\n  var elements = messages.map(function (item) {\n    var mouseReset = item.mouseReset,\n      duration = item.duration,\n      node = item.node;\n    return /*#__PURE__*/_react.default.createElement(_ToastContext.default.Provider, {\n      value: {\n        usedToaster: true,\n        mouseReset: mouseReset,\n        duration: duration\n      },\n      key: item.key,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 169,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Transition.default, {\n      in: item.visible,\n      exitedClassName: rootPrefix('toast-fade-exited'),\n      exitingClassName: rootPrefix('toast-fade-exiting'),\n      enteringClassName: rootPrefix('toast-fade-entering'),\n      enteredClassName: rootPrefix('toast-fade-entered'),\n      timeout: 300,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 170,\n        columnNumber: 11\n      }\n    }, function (transitionProps, ref) {\n      var _node$props, _node$props2;\n      var transitionClassName = transitionProps.className,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, _excluded2);\n      return /*#__PURE__*/_react.default.cloneElement(node, (0, _extends2.default)({}, rest, {\n        ref: ref,\n        duration: duration,\n        onClose: (0, _utils.createChainedFunction)((_node$props = node.props) === null || _node$props === void 0 ? void 0 : _node$props.onClose, function () {\n          return remove(item.key);\n        }),\n        className: merge(rootPrefix('toast'), (_node$props2 = node.props) === null || _node$props2 === void 0 ? void 0 : _node$props2.className, transitionClassName)\n      }));\n    }));\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 194,\n      columnNumber: 7\n    }\n  }), elements);\n});\nToastContainer.getInstance = /*#__PURE__*/function () {\n  var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(props) {\n    var container, rest, getRefResolve, getRefPromise, containerRef, containerId;\n    return _regenerator.default.wrap(function _callee$(_context) {\n      while (1) switch (_context.prev = _context.next) {\n        case 0:\n          container = props.container, rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded3);\n          getRefResolve = null;\n          getRefPromise = new Promise(function (res) {\n            getRefResolve = res;\n          });\n          containerRef = /*#__PURE__*/_react.default.createRef(); // promise containerId & containerRef all have value\n          containerId = (0, _render.render)(/*#__PURE__*/_react.default.createElement(ToastContainer, (0, _extends2.default)({}, rest, {\n            ref: function ref(_ref3) {\n              containerRef.current = _ref3;\n              getRefResolve && getRefResolve();\n            },\n            __self: _this,\n            __source: {\n              fileName: _jsxFileName,\n              lineNumber: 212,\n              columnNumber: 5\n            }\n          })), container);\n          _context.next = 7;\n          return getRefPromise;\n        case 7:\n          return _context.abrupt(\"return\", [containerRef, containerId]);\n        case 8:\n        case \"end\":\n          return _context.stop();\n      }\n    }, _callee);\n  }));\n  return function (_x) {\n    return _ref2.apply(this, arguments);\n  };\n}();\nToastContainer.displayName = 'ToastContainer';\nToastContainer.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  placement: _propTypes.default.elementType,\n  container: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),\n  callback: _propTypes.default.func\n};\nvar _default = exports[\"default\"] = ToastContainer;\n\n//# sourceURL=webpack://rsuite/./src/toaster/ToastContainer.tsx?");
 
 /***/ }),
 
@@ -7528,7 +7528,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/asyncToGenerator.js\"));\nvar _ToastContainer = _interopRequireWildcard(__webpack_require__(/*! ./ToastContainer */ \"./src/toaster/ToastContainer.tsx\"));\nvar _render = __webpack_require__(/*! ./render */ \"./src/toaster/render.ts\");\nvar _excluded = [\"placement\", \"container\"];\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nvar containers = new Map();\n\n/**\n * Create a container instance.\n * @param placement\n * @param props\n */\nfunction createContainer(_x, _x2) {\n  return _createContainer.apply(this, arguments);\n}\n/**\n * Get the container by ID. Use default ID when ID is not available.\n * @param containerId\n * @param placement\n */\nfunction _createContainer() {\n  _createContainer = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(placement, props) {\n    var _yield$ToastContainer, container, containerId;\n    return _regenerator.default.wrap(function _callee$(_context) {\n      while (1) switch (_context.prev = _context.next) {\n        case 0:\n          _context.next = 2;\n          return _ToastContainer.default.getInstance(props);\n        case 2:\n          _yield$ToastContainer = _context.sent;\n          container = _yield$ToastContainer[0];\n          containerId = _yield$ToastContainer[1];\n          containers.set(containerId + \"_\" + placement, container);\n          return _context.abrupt(\"return\", container);\n        case 7:\n        case \"end\":\n          return _context.stop();\n      }\n    }, _callee);\n  }));\n  return _createContainer.apply(this, arguments);\n}\nfunction getContainer(containerId, placement) {\n  return containers.get(containerId + \"_\" + placement);\n}\nvar _toaster = function toaster(message) {\n  return _toaster.push(message);\n};\n_toaster.push = function (message, options) {\n  if (options === void 0) {\n    options = {};\n  }\n  var _options = options,\n    _options$placement = _options.placement,\n    placement = _options$placement === void 0 ? 'topCenter' : _options$placement,\n    container = _options.container,\n    restOptions = (0, _objectWithoutPropertiesLoose2.default)(_options, _excluded);\n  var containerElement = (typeof container === 'function' ? container() : container) || _ToastContainer.defaultToasterContainer;\n  var containerElementId = containerElement[_render.toasterKeyOfContainerElement];\n  if (containerElementId) {\n    var existedContainer = getContainer(containerElementId, placement);\n    if (existedContainer) {\n      var _existedContainer$cur;\n      return (_existedContainer$cur = existedContainer.current) === null || _existedContainer$cur === void 0 ? void 0 : _existedContainer$cur.push(message, restOptions);\n    }\n  }\n  var newOptions = (0, _extends2.default)({}, options, {\n    container: containerElement,\n    placement: placement\n  });\n  return createContainer(placement, newOptions).then(function (ref) {\n    var _ref$current;\n    return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.push(message, restOptions);\n  });\n};\n_toaster.remove = function (key) {\n  containers.forEach(function (c) {\n    var _c$current;\n    return (_c$current = c.current) === null || _c$current === void 0 ? void 0 : _c$current.remove(key);\n  });\n};\n_toaster.clear = function () {\n  containers.forEach(function (c) {\n    var _c$current2;\n    return (_c$current2 = c.current) === null || _c$current2 === void 0 ? void 0 : _c$current2.clear();\n  });\n};\nvar _default = exports[\"default\"] = _toaster;\n\n//# sourceURL=webpack://rsuite/./src/toaster/toaster.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/asyncToGenerator.js\"));\nvar _ToastContainer = _interopRequireWildcard(__webpack_require__(/*! ./ToastContainer */ \"./src/toaster/ToastContainer.tsx\"));\nvar _render = __webpack_require__(/*! ./render */ \"./src/toaster/render.ts\");\nvar _excluded = [\"placement\", \"container\"];\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nvar containers = new Map();\n\n/**\n * Create a container instance.\n * @param placement\n * @param props\n */\nfunction createContainer(_x, _x2) {\n  return _createContainer.apply(this, arguments);\n}\n/**\n * Get the container by ID. Use default ID when ID is not available.\n * @param containerId\n * @param placement\n */\nfunction _createContainer() {\n  _createContainer = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(placement, props) {\n    var _yield$ToastContainer, container, containerId;\n    return _regenerator.default.wrap(function _callee$(_context) {\n      while (1) switch (_context.prev = _context.next) {\n        case 0:\n          _context.next = 2;\n          return _ToastContainer.default.getInstance(props);\n        case 2:\n          _yield$ToastContainer = _context.sent;\n          container = _yield$ToastContainer[0];\n          containerId = _yield$ToastContainer[1];\n          containers.set(containerId + \"_\" + placement, container);\n          return _context.abrupt(\"return\", container);\n        case 7:\n        case \"end\":\n          return _context.stop();\n      }\n    }, _callee);\n  }));\n  return _createContainer.apply(this, arguments);\n}\nfunction getContainer(containerId, placement) {\n  return containers.get(containerId + \"_\" + placement);\n}\nvar _toaster = function toaster(message) {\n  return _toaster.push(message);\n};\n_toaster.push = function (message, options) {\n  if (options === void 0) {\n    options = {};\n  }\n  var _options = options,\n    _options$placement = _options.placement,\n    placement = _options$placement === void 0 ? 'topCenter' : _options$placement,\n    _options$container = _options.container,\n    container = _options$container === void 0 ? _ToastContainer.defaultToasterContainer : _options$container,\n    restOptions = (0, _objectWithoutPropertiesLoose2.default)(_options, _excluded);\n  var containerElement = typeof container === 'function' ? container() : container;\n  var containerElementId = containerElement ? containerElement[_render.toasterKeyOfContainerElement] : null;\n  if (containerElementId) {\n    var existedContainer = getContainer(containerElementId, placement);\n    if (existedContainer) {\n      var _existedContainer$cur;\n      return (_existedContainer$cur = existedContainer.current) === null || _existedContainer$cur === void 0 ? void 0 : _existedContainer$cur.push(message, restOptions);\n    }\n  }\n  var newOptions = (0, _extends2.default)({}, options, {\n    container: containerElement,\n    placement: placement\n  });\n  return createContainer(placement, newOptions).then(function (ref) {\n    var _ref$current;\n    return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.push(message, restOptions);\n  });\n};\n_toaster.remove = function (key) {\n  containers.forEach(function (c) {\n    var _c$current;\n    return (_c$current = c.current) === null || _c$current === void 0 ? void 0 : _c$current.remove(key);\n  });\n};\n_toaster.clear = function () {\n  containers.forEach(function (c) {\n    var _c$current2;\n    return (_c$current2 = c.current) === null || _c$current2 === void 0 ? void 0 : _c$current2.clear();\n  });\n};\nvar _default = exports[\"default\"] = _toaster;\n\n//# sourceURL=webpack://rsuite/./src/toaster/toaster.tsx?");
 
 /***/ }),