rsuite 4.10.1 → 4.10.5

package/dist/rsuite.js

@@ -118,42 +118,6 @@ eval("function _defineProperties(target, props) {\n  for (var i = 0; i < props.l
 
 /***/ }),
 
-/***/ "./node_modules/@babel/runtime/helpers/esm/extends.js":
-/*!************************************************************!*\
-  !*** ./node_modules/@babel/runtime/helpers/esm/extends.js ***!
-  \************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return _extends; });\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/esm/extends.js?");
-
-/***/ }),
-
-/***/ "./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js":
-/*!******************************************************************!*\
-  !*** ./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js ***!
-  \******************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return _inheritsLoose; });\nfunction _inheritsLoose(subClass, superClass) {\n  subClass.prototype = Object.create(superClass.prototype);\n  subClass.prototype.constructor = subClass;\n  subClass.__proto__ = superClass;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js?");
-
-/***/ }),
-
-/***/ "./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js":
-/*!*********************************************************************************!*\
-  !*** ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js ***!
-  \*********************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return _objectWithoutPropertiesLoose; });\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js?");
-
-/***/ }),
-
 /***/ "./node_modules/@babel/runtime/helpers/extends.js":
 /*!********************************************************!*\
   !*** ./node_modules/@babel/runtime/helpers/extends.js ***!
@@ -425,18 +389,6 @@ eval("\n\nexports.__esModule = true;\n\nvar _iterator = __webpack_require__(/*!
 
 /***/ }),
 
-/***/ "./node_modules/change-emitter/lib/index.js":
-/*!**************************************************!*\
-  !*** ./node_modules/change-emitter/lib/index.js ***!
-  \**************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nvar createChangeEmitter = exports.createChangeEmitter = function createChangeEmitter() {\n  var currentListeners = [];\n  var nextListeners = currentListeners;\n\n  function ensureCanMutateNextListeners() {\n    if (nextListeners === currentListeners) {\n      nextListeners = currentListeners.slice();\n    }\n  }\n\n  function listen(listener) {\n    if (typeof listener !== 'function') {\n      throw new Error('Expected listener to be a function.');\n    }\n\n    var isSubscribed = true;\n\n    ensureCanMutateNextListeners();\n    nextListeners.push(listener);\n\n    return function () {\n      if (!isSubscribed) {\n        return;\n      }\n\n      isSubscribed = false;\n\n      ensureCanMutateNextListeners();\n      var index = nextListeners.indexOf(listener);\n      nextListeners.splice(index, 1);\n    };\n  }\n\n  function emit() {\n    currentListeners = nextListeners;\n    var listeners = currentListeners;\n    for (var i = 0; i < listeners.length; i++) {\n      listeners[i].apply(listeners, arguments);\n    }\n  }\n\n  return {\n    listen: listen,\n    emit: emit\n  };\n};\n\n//# sourceURL=webpack://rsuite/./node_modules/change-emitter/lib/index.js?");
-
-/***/ }),
-
 /***/ "./node_modules/classnames/index.js":
 /*!******************************************!*\
   !*** ./node_modules/classnames/index.js ***!
@@ -2839,31 +2791,7 @@ eval("\n\nexports.__esModule = true;\nexports.underscore = underscore;\nexports.
 /*! no static exports found */
 /***/ (function(module, exports) {
 
-eval("function resizeListener(e) {\r\n  var win = e.target || e.srcElement\r\n  if (win.__resizeRAF__) {\r\n    cancelAnimationFrame(win.__resizeRAF__)\r\n  }\r\n  win.__resizeRAF__ = requestAnimationFrame(function () {\r\n    var trigger = win.__resizeTrigger__\r\n    var listeners = trigger &&  trigger.__resizeListeners__\r\n    if (listeners) {\r\n      listeners.forEach(function (fn) {\r\n        fn.call(trigger, e)\r\n      })\r\n    }\r\n  })\r\n}\r\n\r\nvar exports = function exports(element, fn) {\r\n  var window = this\r\n  var document = window.document\r\n  var isIE\r\n\r\n  var attachEvent = document.attachEvent\r\n  if (typeof navigator !== 'undefined') {\r\n    isIE = navigator.userAgent.match(/Trident/) ||\r\n      navigator.userAgent.match(/Edge/)\r\n  }\r\n\r\n  function objectLoad() {\r\n    this.contentDocument.defaultView.__resizeTrigger__ = this.__resizeElement__\r\n    this.contentDocument.defaultView.addEventListener('resize', resizeListener)\r\n  }\r\n\r\n  if (!element.__resizeListeners__) {\r\n    element.__resizeListeners__ = []\r\n    if (attachEvent) {\r\n      element.__resizeTrigger__ = element\r\n      element.attachEvent('onresize', resizeListener)\r\n    } else {\r\n      if (getComputedStyle(element).position === 'static') {\r\n        element.style.position = 'relative'\r\n      }\r\n      var obj = (element.__resizeTrigger__ = document.createElement('object'))\r\n      obj.setAttribute(\r\n        'style',\r\n        'position: absolute; top: 0; left: 0; height: 100%; width: 100%; pointer-events: none; z-index: -1; opacity: 0;'\r\n      )\r\n      obj.setAttribute('class', 'resize-sensor')\r\n\r\n      // prevent <object> from stealing keyboard focus\r\n      obj.setAttribute('tabindex', '-1');\r\n\r\n      obj.__resizeElement__ = element\r\n      obj.onload = objectLoad\r\n      obj.type = 'text/html'\r\n      if (isIE) {\r\n        element.appendChild(obj)\r\n      }\r\n      obj.data = 'about:blank'\r\n      if (!isIE) {\r\n        element.appendChild(obj)\r\n      }\r\n    }\r\n  }\r\n  element.__resizeListeners__.push(fn)\r\n}\r\n\r\nmodule.exports = typeof window === 'undefined' ? exports : exports.bind(window)\r\n\r\nmodule.exports.unbind = function (element, fn) {\r\n  var attachEvent = document.attachEvent\r\n  var listeners = element.__resizeListeners__ || []\r\n  if (fn) {\r\n    var index = listeners.indexOf(fn)\r\n    if (index !== -1) {\r\n      listeners.splice(index, 1)\r\n    }\r\n  } else {\r\n    listeners = element.__resizeListeners__ = []\r\n  }\r\n  if (!listeners.length) {\r\n    if (attachEvent) {\r\n      element.detachEvent('onresize', resizeListener)\r\n    } else if (element.__resizeTrigger__) {\r\n      var contentDocument = element.__resizeTrigger__.contentDocument;\r\n      var defaultView = contentDocument && contentDocument.defaultView;\r\n      if (defaultView) {\r\n        defaultView.removeEventListener('resize', resizeListener);\r\n        delete defaultView.__resizeTrigger__;\r\n      }\r\n      element.__resizeTrigger__ = !element.removeChild(\r\n        element.__resizeTrigger__\r\n      )\r\n    }\r\n    delete element.__resizeListeners__\r\n  }\r\n}\r\n\n\n//# sourceURL=webpack://rsuite/./node_modules/element-resize-event/index.js?");
-
-/***/ }),
-
-/***/ "./node_modules/fbjs/lib/shallowEqual.js":
-/*!***********************************************!*\
-  !*** ./node_modules/fbjs/lib/shallowEqual.js ***!
-  \***********************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-eval("/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n * @typechecks\n * \n */\n\n/*eslint-disable no-self-compare */\n\n\n\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\n\n/**\n * inlined Object.is polyfill to avoid requiring consumers ship their own\n * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is\n */\nfunction is(x, y) {\n  // SameValue algorithm\n  if (x === y) {\n    // Steps 1-5, 7-10\n    // Steps 6.b-6.e: +0 != -0\n    // Added the nonzero y check to make Flow happy, but it is redundant\n    return x !== 0 || y !== 0 || 1 / x === 1 / y;\n  } else {\n    // Step 6.a: NaN == NaN\n    return x !== x && y !== y;\n  }\n}\n\n/**\n * Performs equality by iterating through keys on an object and returning false\n * when any key has values which are not strictly equal between the arguments.\n * Returns true when the values of all keys are strictly equal.\n */\nfunction shallowEqual(objA, objB) {\n  if (is(objA, objB)) {\n    return true;\n  }\n\n  if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {\n    return false;\n  }\n\n  var keysA = Object.keys(objA);\n  var keysB = Object.keys(objB);\n\n  if (keysA.length !== keysB.length) {\n    return false;\n  }\n\n  // Test for A's keys different from B.\n  for (var i = 0; i < keysA.length; i++) {\n    if (!hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\nmodule.exports = shallowEqual;\n\n//# sourceURL=webpack://rsuite/./node_modules/fbjs/lib/shallowEqual.js?");
-
-/***/ }),
-
-/***/ "./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js":
-/*!**********************************************************************************!*\
-  !*** ./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js ***!
-  \**********************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-eval("\n\n/**\n * Copyright 2015, Yahoo! Inc.\n * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.\n */\nvar REACT_STATICS = {\n    childContextTypes: true,\n    contextTypes: true,\n    defaultProps: true,\n    displayName: true,\n    getDefaultProps: true,\n    getDerivedStateFromProps: true,\n    mixins: true,\n    propTypes: true,\n    type: true\n};\n\nvar KNOWN_STATICS = {\n    name: true,\n    length: true,\n    prototype: true,\n    caller: true,\n    callee: true,\n    arguments: true,\n    arity: true\n};\n\nvar defineProperty = Object.defineProperty;\nvar getOwnPropertyNames = Object.getOwnPropertyNames;\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;\nvar getPrototypeOf = Object.getPrototypeOf;\nvar objectPrototype = getPrototypeOf && getPrototypeOf(Object);\n\nfunction hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {\n    if (typeof sourceComponent !== 'string') { // don't hoist over string (html) components\n\n        if (objectPrototype) {\n            var inheritedComponent = getPrototypeOf(sourceComponent);\n            if (inheritedComponent && inheritedComponent !== objectPrototype) {\n                hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);\n            }\n        }\n\n        var keys = getOwnPropertyNames(sourceComponent);\n\n        if (getOwnPropertySymbols) {\n            keys = keys.concat(getOwnPropertySymbols(sourceComponent));\n        }\n\n        for (var i = 0; i < keys.length; ++i) {\n            var key = keys[i];\n            if (!REACT_STATICS[key] && !KNOWN_STATICS[key] && (!blacklist || !blacklist[key])) {\n                var descriptor = getOwnPropertyDescriptor(sourceComponent, key);\n                try { // Avoid failures from read-only properties\n                    defineProperty(targetComponent, key, descriptor);\n                } catch (e) {}\n            }\n        }\n\n        return targetComponent;\n    }\n\n    return targetComponent;\n}\n\nmodule.exports = hoistNonReactStatics;\n\n\n//# sourceURL=webpack://rsuite/./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js?");
+eval("function resizeListener(e) {\n  var win = e.target || e.srcElement\n  if (win.__resizeRAF__) {\n    cancelAnimationFrame(win.__resizeRAF__)\n  }\n  win.__resizeRAF__ = requestAnimationFrame(function () {\n    var trigger = win.__resizeTrigger__\n    var listeners = trigger && trigger.__resizeListeners__\n    if (listeners) {\n      listeners.forEach(function (fn) {\n        fn.call(trigger, e)\n      })\n    }\n  })\n}\n\nvar _exports = function exports(element, fn) {\n  var window = this\n  var document = window.document\n  var isIE\n\n  var attachEvent = document.attachEvent\n  if (typeof navigator !== \"undefined\") {\n    isIE =\n      navigator.userAgent.match(/Trident/) || navigator.userAgent.match(/Edge/)\n  }\n\n  function objectLoad() {\n    this.contentDocument.defaultView.__resizeTrigger__ = this.__resizeElement__\n    this.contentDocument.defaultView.addEventListener(\"resize\", resizeListener)\n  }\n\n  if (!element.__resizeListeners__) {\n    element.__resizeListeners__ = []\n    if (attachEvent) {\n      element.__resizeTrigger__ = element\n      element.attachEvent(\"onresize\", resizeListener)\n    } else {\n      if (getComputedStyle(element).position === \"static\") {\n        element.style.position = \"relative\"\n      }\n      var obj = (element.__resizeTrigger__ = document.createElement(\"object\"))\n      obj.setAttribute(\n        \"style\",\n        \"position: absolute; top: 0; left: 0; height: 100%; width: 100%; pointer-events: none; z-index: -1; opacity: 0;\"\n      )\n      obj.setAttribute(\"class\", \"resize-sensor\")\n\n      // prevent <object> from stealing keyboard focus\n      obj.setAttribute(\"tabindex\", \"-1\")\n\n      // prevent screenreaders to see this object\n      obj.setAttribute(\"title\", \"\")\n\n      obj.__resizeElement__ = element\n      obj.onload = objectLoad\n      obj.type = \"text/html\"\n      if (isIE) {\n        element.appendChild(obj)\n      }\n      obj.data = \"about:blank\"\n      if (!isIE) {\n        element.appendChild(obj)\n      }\n    }\n  }\n  element.__resizeListeners__.push(fn)\n}\n\nmodule.exports =\n  typeof window === \"undefined\" ? _exports : _exports.bind(window)\n\nmodule.exports.unbind = function (element, fn) {\n  var attachEvent = document.attachEvent\n  var listeners = element.__resizeListeners__ || []\n  if (fn) {\n    var index = listeners.indexOf(fn)\n    if (index !== -1) {\n      listeners.splice(index, 1)\n    }\n  } else {\n    listeners = element.__resizeListeners__ = []\n  }\n  if (!listeners.length) {\n    if (attachEvent) {\n      element.detachEvent(\"onresize\", resizeListener)\n    } else if (element.__resizeTrigger__) {\n      var contentDocument = element.__resizeTrigger__.contentDocument\n      var defaultView = contentDocument && contentDocument.defaultView\n      if (defaultView) {\n        defaultView.removeEventListener(\"resize\", resizeListener)\n        delete defaultView.__resizeTrigger__\n      }\n      element.__resizeTrigger__ = !element.removeChild(\n        element.__resizeTrigger__\n      )\n    }\n    delete element.__resizeListeners__\n  }\n}\n\n\n//# sourceURL=webpack://rsuite/./node_modules/element-resize-event/index.js?");
 
 /***/ }),
 
@@ -5043,18 +4971,6 @@ eval("/* WEBPACK VAR INJECTION */(function(global) {\n\nObject.defineProperty(ex
 
 /***/ }),
 
-/***/ "./node_modules/recompose/dist/Recompose.esm.js":
-/*!******************************************************!*\
-  !*** ./node_modules/recompose/dist/Recompose.esm.js ***!
-  \******************************************************/
-/*! exports provided: mapProps, withProps, withPropsOnChange, withHandlers, defaultProps, renameProp, renameProps, flattenProp, withState, withStateHandlers, withReducer, branch, renderComponent, renderNothing, shouldUpdate, pure, onlyUpdateForKeys, onlyUpdateForPropTypes, withContext, getContext, lifecycle, toClass, toRenderProps, fromRenderProps, setStatic, setPropTypes, setDisplayName, compose, getDisplayName, wrapDisplayName, shallowEqual, isClassComponent, createSink, componentFromProp, nest, hoistStatics, componentFromStream, componentFromStreamWithConfig, mapPropsStream, mapPropsStreamWithConfig, createEventHandler, createEventHandlerWithConfig, setObservableConfig */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"mapProps\", function() { return mapProps; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"withProps\", function() { return withProps; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"withPropsOnChange\", function() { return withPropsOnChange; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"withHandlers\", function() { return withHandlers; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"defaultProps\", function() { return defaultProps; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"renameProp\", function() { return renameProp; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"renameProps\", function() { return renameProps; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"flattenProp\", function() { return flattenProp; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"withState\", function() { return withState; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"withStateHandlers\", function() { return withStateHandlers; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"withReducer\", function() { return withReducer; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"branch\", function() { return branch; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"renderComponent\", function() { return renderComponent; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"renderNothing\", function() { return renderNothing; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shouldUpdate\", function() { return shouldUpdate; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"pure\", function() { return pure; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onlyUpdateForKeys\", function() { return onlyUpdateForKeys; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onlyUpdateForPropTypes\", function() { return onlyUpdateForPropTypes; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"withContext\", function() { return withContext; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getContext\", function() { return getContext; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"lifecycle\", function() { return lifecycle; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"toClass\", function() { return toClass; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"toRenderProps\", function() { return toRenderProps; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"fromRenderProps\", function() { return fromRenderProps; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"setStatic\", function() { return setStatic; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"setPropTypes\", function() { return setPropTypes; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"setDisplayName\", function() { return setDisplayName; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"compose\", function() { return compose; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getDisplayName\", function() { return getDisplayName; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"wrapDisplayName\", function() { return wrapDisplayName; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isClassComponent\", function() { return isClassComponent; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"createSink\", function() { return createSink; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"componentFromProp\", function() { return componentFromProp; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"nest\", function() { return nest; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"hoistStatics\", function() { return hoistStatics; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"componentFromStream\", function() { return componentFromStream; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"componentFromStreamWithConfig\", function() { return componentFromStreamWithConfig; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"mapPropsStream\", function() { return mapPropsStream; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"mapPropsStreamWithConfig\", function() { return mapPropsStreamWithConfig; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"createEventHandler\", function() { return createEventHandler; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"createEventHandlerWithConfig\", function() { return createEventHandlerWithConfig; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"setObservableConfig\", function() { return configureObservable; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"./node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var fbjs_lib_shallowEqual__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! fbjs/lib/shallowEqual */ \"./node_modules/fbjs/lib/shallowEqual.js\");\n/* harmony import */ var fbjs_lib_shallowEqual__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(fbjs_lib_shallowEqual__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony reexport (default from non-harmony) */ __webpack_require__.d(__webpack_exports__, \"shallowEqual\", function() { return fbjs_lib_shallowEqual__WEBPACK_IMPORTED_MODULE_2___default.a; });\n/* harmony import */ var _babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js\");\n/* harmony import */ var react_lifecycles_compat__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-lifecycles-compat */ \"./node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js\");\n/* harmony import */ var hoist_non_react_statics__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! hoist-non-react-statics */ \"./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js\");\n/* harmony import */ var hoist_non_react_statics__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(hoist_non_react_statics__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var change_emitter__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! change-emitter */ \"./node_modules/change-emitter/lib/index.js\");\n/* harmony import */ var change_emitter__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(change_emitter__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var symbol_observable__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! symbol-observable */ \"./node_modules/symbol-observable/es/index.js\");\n\n\n\n\n\n\n\n\n\n\nvar setStatic = function setStatic(key, value) {\n  return function (BaseComponent) {\n    /* eslint-disable no-param-reassign */\n    BaseComponent[key] = value;\n    /* eslint-enable no-param-reassign */\n\n    return BaseComponent;\n  };\n};\n\nvar setDisplayName = function setDisplayName(displayName) {\n  return setStatic('displayName', displayName);\n};\n\nvar getDisplayName = function getDisplayName(Component$$1) {\n  if (typeof Component$$1 === 'string') {\n    return Component$$1;\n  }\n\n  if (!Component$$1) {\n    return undefined;\n  }\n\n  return Component$$1.displayName || Component$$1.name || 'Component';\n};\n\nvar wrapDisplayName = function wrapDisplayName(BaseComponent, hocName) {\n  return hocName + \"(\" + getDisplayName(BaseComponent) + \")\";\n};\n\nvar mapProps = function mapProps(propsMapper) {\n  return function (BaseComponent) {\n    var factory = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"createFactory\"])(BaseComponent);\n\n    var MapProps = function MapProps(props) {\n      return factory(propsMapper(props));\n    };\n\n    if (true) {\n      return setDisplayName(wrapDisplayName(BaseComponent, 'mapProps'))(MapProps);\n    }\n\n    return MapProps;\n  };\n};\n\nvar withProps = function withProps(input) {\n  var hoc = mapProps(function (props) {\n    return Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, props, typeof input === 'function' ? input(props) : input);\n  });\n\n  if (true) {\n    return function (BaseComponent) {\n      return setDisplayName(wrapDisplayName(BaseComponent, 'withProps'))(hoc(BaseComponent));\n    };\n  }\n\n  return hoc;\n};\n\nvar pick = function pick(obj, keys) {\n  var result = {};\n\n  for (var i = 0; i < keys.length; i++) {\n    var key = keys[i];\n\n    if (obj.hasOwnProperty(key)) {\n      result[key] = obj[key];\n    }\n  }\n\n  return result;\n};\n\nvar withPropsOnChange = function withPropsOnChange(shouldMapOrKeys, propsMapper) {\n  return function (BaseComponent) {\n    var factory = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"createFactory\"])(BaseComponent);\n    var shouldMap = typeof shouldMapOrKeys === 'function' ? shouldMapOrKeys : function (props, nextProps) {\n      return !fbjs_lib_shallowEqual__WEBPACK_IMPORTED_MODULE_2___default()(pick(props, shouldMapOrKeys), pick(nextProps, shouldMapOrKeys));\n    };\n\n    var WithPropsOnChange =\n    /*#__PURE__*/\n    function (_Component) {\n      Object(_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(WithPropsOnChange, _Component);\n\n      function WithPropsOnChange() {\n        var _this;\n\n        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n          args[_key] = arguments[_key];\n        }\n\n        _this = _Component.call.apply(_Component, [this].concat(args)) || this;\n        _this.state = {\n          computedProps: propsMapper(_this.props),\n          prevProps: _this.props\n        };\n        return _this;\n      }\n\n      WithPropsOnChange.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n        if (shouldMap(prevState.prevProps, nextProps)) {\n          return {\n            computedProps: propsMapper(nextProps),\n            prevProps: nextProps\n          };\n        }\n\n        return {\n          prevProps: nextProps\n        };\n      };\n\n      var _proto = WithPropsOnChange.prototype;\n\n      _proto.render = function render() {\n        return factory(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, this.props, this.state.computedProps));\n      };\n\n      return WithPropsOnChange;\n    }(react__WEBPACK_IMPORTED_MODULE_0__[\"Component\"]);\n\n    Object(react_lifecycles_compat__WEBPACK_IMPORTED_MODULE_4__[\"polyfill\"])(WithPropsOnChange);\n\n    if (true) {\n      return setDisplayName(wrapDisplayName(BaseComponent, 'withPropsOnChange'))(WithPropsOnChange);\n    }\n\n    return WithPropsOnChange;\n  };\n};\n\nvar mapValues = function mapValues(obj, func) {\n  var result = {};\n  /* eslint-disable no-restricted-syntax */\n\n  for (var key in obj) {\n    if (obj.hasOwnProperty(key)) {\n      result[key] = func(obj[key], key);\n    }\n  }\n  /* eslint-enable no-restricted-syntax */\n\n\n  return result;\n};\n\nvar withHandlers = function withHandlers(handlers) {\n  return function (BaseComponent) {\n    var factory = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"createFactory\"])(BaseComponent);\n\n    var WithHandlers =\n    /*#__PURE__*/\n    function (_Component) {\n      Object(_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(WithHandlers, _Component);\n\n      function WithHandlers() {\n        var _this;\n\n        for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {\n          _args[_key] = arguments[_key];\n        }\n\n        _this = _Component.call.apply(_Component, [this].concat(_args)) || this;\n        _this.handlers = mapValues(typeof handlers === 'function' ? handlers(_this.props) : handlers, function (createHandler) {\n          return function () {\n            var handler = createHandler(_this.props);\n\n            if ( true && typeof handler !== 'function') {\n              console.error( // eslint-disable-line no-console\n              'withHandlers(): Expected a map of higher-order functions. ' + 'Refer to the docs for more info.');\n            }\n\n            return handler.apply(void 0, arguments);\n          };\n        });\n        return _this;\n      }\n\n      var _proto = WithHandlers.prototype;\n\n      _proto.render = function render() {\n        return factory(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, this.props, this.handlers));\n      };\n\n      return WithHandlers;\n    }(react__WEBPACK_IMPORTED_MODULE_0__[\"Component\"]);\n\n    if (true) {\n      return setDisplayName(wrapDisplayName(BaseComponent, 'withHandlers'))(WithHandlers);\n    }\n\n    return WithHandlers;\n  };\n};\n\nvar defaultProps = function defaultProps(props) {\n  return function (BaseComponent) {\n    var factory = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"createFactory\"])(BaseComponent);\n\n    var DefaultProps = function DefaultProps(ownerProps) {\n      return factory(ownerProps);\n    };\n\n    DefaultProps.defaultProps = props;\n\n    if (true) {\n      return setDisplayName(wrapDisplayName(BaseComponent, 'defaultProps'))(DefaultProps);\n    }\n\n    return DefaultProps;\n  };\n};\n\nvar omit = function omit(obj, keys) {\n  var rest = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, obj);\n\n  for (var i = 0; i < keys.length; i++) {\n    var key = keys[i];\n\n    if (rest.hasOwnProperty(key)) {\n      delete rest[key];\n    }\n  }\n\n  return rest;\n};\n\nvar renameProp = function renameProp(oldName, newName) {\n  var hoc = mapProps(function (props) {\n    var _extends2;\n\n    return Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, omit(props, [oldName]), (_extends2 = {}, _extends2[newName] = props[oldName], _extends2));\n  });\n\n  if (true) {\n    return function (BaseComponent) {\n      return setDisplayName(wrapDisplayName(BaseComponent, 'renameProp'))(hoc(BaseComponent));\n    };\n  }\n\n  return hoc;\n};\n\nvar keys = Object.keys;\n\nvar mapKeys = function mapKeys(obj, func) {\n  return keys(obj).reduce(function (result, key) {\n    var val = obj[key];\n    /* eslint-disable no-param-reassign */\n\n    result[func(val, key)] = val;\n    /* eslint-enable no-param-reassign */\n\n    return result;\n  }, {});\n};\n\nvar renameProps = function renameProps(nameMap) {\n  var hoc = mapProps(function (props) {\n    return Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, omit(props, keys(nameMap)), mapKeys(pick(props, keys(nameMap)), function (_, oldName) {\n      return nameMap[oldName];\n    }));\n  });\n\n  if (true) {\n    return function (BaseComponent) {\n      return setDisplayName(wrapDisplayName(BaseComponent, 'renameProps'))(hoc(BaseComponent));\n    };\n  }\n\n  return hoc;\n};\n\nvar flattenProp = function flattenProp(propName) {\n  return function (BaseComponent) {\n    var factory = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"createFactory\"])(BaseComponent);\n\n    var FlattenProp = function FlattenProp(props) {\n      return factory(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, props, props[propName]));\n    };\n\n    if (true) {\n      return setDisplayName(wrapDisplayName(BaseComponent, 'flattenProp'))(FlattenProp);\n    }\n\n    return FlattenProp;\n  };\n};\n\nvar withState = function withState(stateName, stateUpdaterName, initialState) {\n  return function (BaseComponent) {\n    var factory = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"createFactory\"])(BaseComponent);\n\n    var WithState =\n    /*#__PURE__*/\n    function (_Component) {\n      Object(_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(WithState, _Component);\n\n      function WithState() {\n        var _this;\n\n        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n          args[_key] = arguments[_key];\n        }\n\n        _this = _Component.call.apply(_Component, [this].concat(args)) || this;\n        _this.state = {\n          stateValue: typeof initialState === 'function' ? initialState(_this.props) : initialState\n        };\n\n        _this.updateStateValue = function (updateFn, callback) {\n          return _this.setState(function (_ref) {\n            var stateValue = _ref.stateValue;\n            return {\n              stateValue: typeof updateFn === 'function' ? updateFn(stateValue) : updateFn\n            };\n          }, callback);\n        };\n\n        return _this;\n      }\n\n      var _proto = WithState.prototype;\n\n      _proto.render = function render() {\n        var _extends2;\n\n        return factory(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, this.props, (_extends2 = {}, _extends2[stateName] = this.state.stateValue, _extends2[stateUpdaterName] = this.updateStateValue, _extends2)));\n      };\n\n      return WithState;\n    }(react__WEBPACK_IMPORTED_MODULE_0__[\"Component\"]);\n\n    if (true) {\n      return setDisplayName(wrapDisplayName(BaseComponent, 'withState'))(WithState);\n    }\n\n    return WithState;\n  };\n};\n\nvar withStateHandlers = function withStateHandlers(initialState, stateUpdaters) {\n  return function (BaseComponent) {\n    var factory = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"createFactory\"])(BaseComponent);\n\n    var WithStateHandlers =\n    /*#__PURE__*/\n    function (_Component) {\n      Object(_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(WithStateHandlers, _Component);\n\n      function WithStateHandlers() {\n        var _this;\n\n        for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {\n          _args[_key] = arguments[_key];\n        }\n\n        _this = _Component.call.apply(_Component, [this].concat(_args)) || this;\n        _this.state = typeof initialState === 'function' ? initialState(_this.props) : initialState;\n        _this.stateUpdaters = mapValues(stateUpdaters, function (handler) {\n          return function (mayBeEvent) {\n            for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n              args[_key2 - 1] = arguments[_key2];\n            }\n\n            // Having that functional form of setState can be called async\n            // we need to persist SyntheticEvent\n            if (mayBeEvent && typeof mayBeEvent.persist === 'function') {\n              mayBeEvent.persist();\n            }\n\n            _this.setState(function (state, props) {\n              return handler(state, props).apply(void 0, [mayBeEvent].concat(args));\n            });\n          };\n        });\n        return _this;\n      }\n\n      var _proto = WithStateHandlers.prototype;\n\n      _proto.render = function render() {\n        return factory(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, this.props, this.state, this.stateUpdaters));\n      };\n\n      return WithStateHandlers;\n    }(react__WEBPACK_IMPORTED_MODULE_0__[\"Component\"]);\n\n    if (true) {\n      return setDisplayName(wrapDisplayName(BaseComponent, 'withStateHandlers'))(WithStateHandlers);\n    }\n\n    return WithStateHandlers;\n  };\n};\n\nvar noop = function noop() {};\n\nvar withReducer = function withReducer(stateName, dispatchName, reducer, initialState) {\n  return function (BaseComponent) {\n    var factory = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"createFactory\"])(BaseComponent);\n\n    var WithReducer =\n    /*#__PURE__*/\n    function (_Component) {\n      Object(_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(WithReducer, _Component);\n\n      function WithReducer() {\n        var _this;\n\n        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n          args[_key] = arguments[_key];\n        }\n\n        _this = _Component.call.apply(_Component, [this].concat(args)) || this;\n        _this.state = {\n          stateValue: _this.initializeStateValue()\n        };\n\n        _this.dispatch = function (action, callback) {\n          if (callback === void 0) {\n            callback = noop;\n          }\n\n          return _this.setState(function (_ref) {\n            var stateValue = _ref.stateValue;\n            return {\n              stateValue: reducer(stateValue, action)\n            };\n          }, function () {\n            return callback(_this.state.stateValue);\n          });\n        };\n\n        return _this;\n      }\n\n      var _proto = WithReducer.prototype;\n\n      _proto.initializeStateValue = function initializeStateValue() {\n        if (initialState !== undefined) {\n          return typeof initialState === 'function' ? initialState(this.props) : initialState;\n        }\n\n        return reducer(undefined, {\n          type: '@@recompose/INIT'\n        });\n      };\n\n      _proto.render = function render() {\n        var _extends2;\n\n        return factory(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, this.props, (_extends2 = {}, _extends2[stateName] = this.state.stateValue, _extends2[dispatchName] = this.dispatch, _extends2)));\n      };\n\n      return WithReducer;\n    }(react__WEBPACK_IMPORTED_MODULE_0__[\"Component\"]);\n\n    if (true) {\n      return setDisplayName(wrapDisplayName(BaseComponent, 'withReducer'))(WithReducer);\n    }\n\n    return WithReducer;\n  };\n};\n\nvar identity = function identity(Component$$1) {\n  return Component$$1;\n};\n\nvar branch = function branch(test, left, right) {\n  if (right === void 0) {\n    right = identity;\n  }\n\n  return function (BaseComponent) {\n    var leftFactory;\n    var rightFactory;\n\n    var Branch = function Branch(props) {\n      if (test(props)) {\n        leftFactory = leftFactory || Object(react__WEBPACK_IMPORTED_MODULE_0__[\"createFactory\"])(left(BaseComponent));\n        return leftFactory(props);\n      }\n\n      rightFactory = rightFactory || Object(react__WEBPACK_IMPORTED_MODULE_0__[\"createFactory\"])(right(BaseComponent));\n      return rightFactory(props);\n    };\n\n    if (true) {\n      return setDisplayName(wrapDisplayName(BaseComponent, 'branch'))(Branch);\n    }\n\n    return Branch;\n  };\n};\n\nvar renderComponent = function renderComponent(Component$$1) {\n  return function (_) {\n    var factory = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"createFactory\"])(Component$$1);\n\n    var RenderComponent = function RenderComponent(props) {\n      return factory(props);\n    };\n\n    if (true) {\n      RenderComponent.displayName = wrapDisplayName(Component$$1, 'renderComponent');\n    }\n\n    return RenderComponent;\n  };\n};\n\nvar Nothing =\n/*#__PURE__*/\nfunction (_Component) {\n  Object(_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(Nothing, _Component);\n\n  function Nothing() {\n    return _Component.apply(this, arguments) || this;\n  }\n\n  var _proto = Nothing.prototype;\n\n  _proto.render = function render() {\n    return null;\n  };\n\n  return Nothing;\n}(react__WEBPACK_IMPORTED_MODULE_0__[\"Component\"]);\n\nvar renderNothing = function renderNothing(_) {\n  return Nothing;\n};\n\nvar shouldUpdate = function shouldUpdate(test) {\n  return function (BaseComponent) {\n    var factory = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"createFactory\"])(BaseComponent);\n\n    var ShouldUpdate =\n    /*#__PURE__*/\n    function (_Component) {\n      Object(_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(ShouldUpdate, _Component);\n\n      function ShouldUpdate() {\n        return _Component.apply(this, arguments) || this;\n      }\n\n      var _proto = ShouldUpdate.prototype;\n\n      _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {\n        return test(this.props, nextProps);\n      };\n\n      _proto.render = function render() {\n        return factory(this.props);\n      };\n\n      return ShouldUpdate;\n    }(react__WEBPACK_IMPORTED_MODULE_0__[\"Component\"]);\n\n    if (true) {\n      return setDisplayName(wrapDisplayName(BaseComponent, 'shouldUpdate'))(ShouldUpdate);\n    }\n\n    return ShouldUpdate;\n  };\n};\n\nvar pure = function pure(BaseComponent) {\n  var hoc = shouldUpdate(function (props, nextProps) {\n    return !fbjs_lib_shallowEqual__WEBPACK_IMPORTED_MODULE_2___default()(props, nextProps);\n  });\n\n  if (true) {\n    return setDisplayName(wrapDisplayName(BaseComponent, 'pure'))(hoc(BaseComponent));\n  }\n\n  return hoc(BaseComponent);\n};\n\nvar onlyUpdateForKeys = function onlyUpdateForKeys(propKeys) {\n  var hoc = shouldUpdate(function (props, nextProps) {\n    return !fbjs_lib_shallowEqual__WEBPACK_IMPORTED_MODULE_2___default()(pick(nextProps, propKeys), pick(props, propKeys));\n  });\n\n  if (true) {\n    return function (BaseComponent) {\n      return setDisplayName(wrapDisplayName(BaseComponent, 'onlyUpdateForKeys'))(hoc(BaseComponent));\n    };\n  }\n\n  return hoc;\n};\n\nvar onlyUpdateForPropTypes = function onlyUpdateForPropTypes(BaseComponent) {\n  var propTypes = BaseComponent.propTypes;\n\n  if (true) {\n    if (!propTypes) {\n      /* eslint-disable */\n      console.error('A component without any `propTypes` was passed to ' + '`onlyUpdateForPropTypes()`. Check the implementation of the ' + (\"component with display name \\\"\" + getDisplayName(BaseComponent) + \"\\\".\"));\n      /* eslint-enable */\n    }\n  }\n\n  var propKeys = Object.keys(propTypes || {});\n  var OnlyUpdateForPropTypes = onlyUpdateForKeys(propKeys)(BaseComponent);\n\n  if (true) {\n    return setDisplayName(wrapDisplayName(BaseComponent, 'onlyUpdateForPropTypes'))(OnlyUpdateForPropTypes);\n  }\n\n  return OnlyUpdateForPropTypes;\n};\n\nvar withContext = function withContext(childContextTypes, getChildContext) {\n  return function (BaseComponent) {\n    var factory = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"createFactory\"])(BaseComponent);\n\n    var WithContext =\n    /*#__PURE__*/\n    function (_Component) {\n      Object(_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(WithContext, _Component);\n\n      function WithContext() {\n        var _this;\n\n        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n          args[_key] = arguments[_key];\n        }\n\n        _this = _Component.call.apply(_Component, [this].concat(args)) || this;\n\n        _this.getChildContext = function () {\n          return getChildContext(_this.props);\n        };\n\n        return _this;\n      }\n\n      var _proto = WithContext.prototype;\n\n      _proto.render = function render() {\n        return factory(this.props);\n      };\n\n      return WithContext;\n    }(react__WEBPACK_IMPORTED_MODULE_0__[\"Component\"]);\n\n    WithContext.childContextTypes = childContextTypes;\n\n    if (true) {\n      return setDisplayName(wrapDisplayName(BaseComponent, 'withContext'))(WithContext);\n    }\n\n    return WithContext;\n  };\n};\n\nvar getContext = function getContext(contextTypes) {\n  return function (BaseComponent) {\n    var factory = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"createFactory\"])(BaseComponent);\n\n    var GetContext = function GetContext(ownerProps, context) {\n      return factory(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, ownerProps, context));\n    };\n\n    GetContext.contextTypes = contextTypes;\n\n    if (true) {\n      return setDisplayName(wrapDisplayName(BaseComponent, 'getContext'))(GetContext);\n    }\n\n    return GetContext;\n  };\n};\n\nvar lifecycle = function lifecycle(spec) {\n  return function (BaseComponent) {\n    var factory = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"createFactory\"])(BaseComponent);\n\n    if ( true && spec.hasOwnProperty('render')) {\n      console.error('lifecycle() does not support the render method; its behavior is to ' + 'pass all props and state to the base component.');\n    }\n\n    var Lifecycle =\n    /*#__PURE__*/\n    function (_Component) {\n      Object(_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(Lifecycle, _Component);\n\n      function Lifecycle() {\n        return _Component.apply(this, arguments) || this;\n      }\n\n      var _proto = Lifecycle.prototype;\n\n      _proto.render = function render() {\n        return factory(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, this.props, this.state));\n      };\n\n      return Lifecycle;\n    }(react__WEBPACK_IMPORTED_MODULE_0__[\"Component\"]);\n\n    Object.keys(spec).forEach(function (hook) {\n      return Lifecycle.prototype[hook] = spec[hook];\n    });\n\n    if (true) {\n      return setDisplayName(wrapDisplayName(BaseComponent, 'lifecycle'))(Lifecycle);\n    }\n\n    return Lifecycle;\n  };\n};\n\nvar isClassComponent = function isClassComponent(Component$$1) {\n  return Boolean(Component$$1 && Component$$1.prototype && typeof Component$$1.prototype.render === 'function');\n};\n\nvar toClass = function toClass(baseComponent) {\n  var _class, _temp;\n\n  return isClassComponent(baseComponent) ? baseComponent : (_temp = _class =\n  /*#__PURE__*/\n  function (_Component) {\n    Object(_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(ToClass, _Component);\n\n    function ToClass() {\n      return _Component.apply(this, arguments) || this;\n    }\n\n    var _proto = ToClass.prototype;\n\n    _proto.render = function render() {\n      if (typeof baseComponent === 'string') {\n        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(baseComponent, this.props);\n      }\n\n      return baseComponent(this.props, this.context);\n    };\n\n    return ToClass;\n  }(react__WEBPACK_IMPORTED_MODULE_0__[\"Component\"]), _class.displayName = getDisplayName(baseComponent), _class.propTypes = baseComponent.propTypes, _class.contextTypes = baseComponent.contextTypes, _class.defaultProps = baseComponent.defaultProps, _temp);\n};\n\nfunction toRenderProps(hoc) {\n  var RenderPropsComponent = function RenderPropsComponent(props) {\n    return props.children(props);\n  };\n\n  return hoc(RenderPropsComponent);\n}\n\nvar fromRenderProps = function fromRenderProps(RenderPropsComponent, propsMapper, renderPropName) {\n  if (renderPropName === void 0) {\n    renderPropName = 'children';\n  }\n\n  return function (BaseComponent) {\n    var baseFactory = react__WEBPACK_IMPORTED_MODULE_0___default.a.createFactory(BaseComponent);\n    var renderPropsFactory = react__WEBPACK_IMPORTED_MODULE_0___default.a.createFactory(RenderPropsComponent);\n\n    var FromRenderProps = function FromRenderProps(ownerProps) {\n      var _renderPropsFactory;\n\n      return renderPropsFactory((_renderPropsFactory = {}, _renderPropsFactory[renderPropName] = function () {\n        return baseFactory(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, ownerProps, propsMapper.apply(void 0, arguments)));\n      }, _renderPropsFactory));\n    };\n\n    if (true) {\n      return setDisplayName(wrapDisplayName(BaseComponent, 'fromRenderProps'))(FromRenderProps);\n    }\n\n    return FromRenderProps;\n  };\n};\n\nvar setPropTypes = function setPropTypes(propTypes) {\n  return setStatic('propTypes', propTypes);\n};\n\nvar compose = function compose() {\n  for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {\n    funcs[_key] = arguments[_key];\n  }\n\n  return funcs.reduce(function (a, b) {\n    return function () {\n      return a(b.apply(void 0, arguments));\n    };\n  }, function (arg) {\n    return arg;\n  });\n};\n\nvar createSink = function createSink(callback) {\n  var Sink =\n  /*#__PURE__*/\n  function (_Component) {\n    Object(_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(Sink, _Component);\n\n    function Sink() {\n      var _this;\n\n      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n        args[_key] = arguments[_key];\n      }\n\n      _this = _Component.call.apply(_Component, [this].concat(args)) || this;\n      _this.state = {};\n      return _this;\n    }\n\n    Sink.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps) {\n      callback(nextProps);\n      return null;\n    };\n\n    var _proto = Sink.prototype;\n\n    _proto.render = function render() {\n      return null;\n    };\n\n    return Sink;\n  }(react__WEBPACK_IMPORTED_MODULE_0__[\"Component\"]);\n\n  Object(react_lifecycles_compat__WEBPACK_IMPORTED_MODULE_4__[\"polyfill\"])(Sink);\n  return Sink;\n};\n\nvar componentFromProp = function componentFromProp(propName) {\n  var Component$$1 = function Component$$1(props) {\n    return Object(react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"])(props[propName], omit(props, [propName]));\n  };\n\n  Component$$1.displayName = \"componentFromProp(\" + propName + \")\";\n  return Component$$1;\n};\n\nvar nest = function nest() {\n  for (var _len = arguments.length, Components = new Array(_len), _key = 0; _key < _len; _key++) {\n    Components[_key] = arguments[_key];\n  }\n\n  var factories = Components.map(react__WEBPACK_IMPORTED_MODULE_0__[\"createFactory\"]);\n\n  var Nest = function Nest(_ref) {\n    var children = _ref.children,\n        props = Object(_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(_ref, [\"children\"]);\n\n    return factories.reduceRight(function (child, factory) {\n      return factory(props, child);\n    }, children);\n  };\n\n  if (true) {\n    var displayNames = Components.map(getDisplayName);\n    Nest.displayName = \"nest(\" + displayNames.join(', ') + \")\";\n  }\n\n  return Nest;\n};\n\nvar hoistStatics = function hoistStatics(higherOrderComponent, blacklist) {\n  return function (BaseComponent) {\n    var NewComponent = higherOrderComponent(BaseComponent);\n    hoist_non_react_statics__WEBPACK_IMPORTED_MODULE_6___default()(NewComponent, BaseComponent, blacklist);\n    return NewComponent;\n  };\n};\n\nvar _config = {\n  fromESObservable: null,\n  toESObservable: null\n};\n\nvar configureObservable = function configureObservable(c) {\n  _config = c;\n};\n\nvar config = {\n  fromESObservable: function fromESObservable(observable) {\n    return typeof _config.fromESObservable === 'function' ? _config.fromESObservable(observable) : observable;\n  },\n  toESObservable: function toESObservable(stream) {\n    return typeof _config.toESObservable === 'function' ? _config.toESObservable(stream) : stream;\n  }\n};\n\nvar componentFromStreamWithConfig = function componentFromStreamWithConfig(config$$1) {\n  return function (propsToVdom) {\n    return (\n      /*#__PURE__*/\n      function (_Component) {\n        Object(_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(ComponentFromStream, _Component);\n\n        function ComponentFromStream() {\n          var _config$fromESObserva;\n\n          var _this;\n\n          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n            args[_key] = arguments[_key];\n          }\n\n          _this = _Component.call.apply(_Component, [this].concat(args)) || this;\n          _this.state = {\n            vdom: null\n          };\n          _this.propsEmitter = Object(change_emitter__WEBPACK_IMPORTED_MODULE_7__[\"createChangeEmitter\"])();\n          _this.props$ = config$$1.fromESObservable((_config$fromESObserva = {\n            subscribe: function subscribe(observer) {\n              var unsubscribe = _this.propsEmitter.listen(function (props) {\n                if (props) {\n                  observer.next(props);\n                } else {\n                  observer.complete();\n                }\n              });\n\n              return {\n                unsubscribe: unsubscribe\n              };\n            }\n          }, _config$fromESObserva[symbol_observable__WEBPACK_IMPORTED_MODULE_8__[\"default\"]] = function () {\n            return this;\n          }, _config$fromESObserva));\n          _this.vdom$ = config$$1.toESObservable(propsToVdom(_this.props$));\n          return _this;\n        }\n\n        var _proto = ComponentFromStream.prototype;\n\n        _proto.componentWillMount = function componentWillMount() {\n          var _this2 = this;\n\n          // Subscribe to child prop changes so we know when to re-render\n          this.subscription = this.vdom$.subscribe({\n            next: function next(vdom) {\n              _this2.setState({\n                vdom: vdom\n              });\n            }\n          });\n          this.propsEmitter.emit(this.props);\n        };\n\n        _proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n          // Receive new props from the owner\n          this.propsEmitter.emit(nextProps);\n        };\n\n        _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps, nextState) {\n          return nextState.vdom !== this.state.vdom;\n        };\n\n        _proto.componentWillUnmount = function componentWillUnmount() {\n          // Call without arguments to complete stream\n          this.propsEmitter.emit(); // Clean-up subscription before un-mounting\n\n          this.subscription.unsubscribe();\n        };\n\n        _proto.render = function render() {\n          return this.state.vdom;\n        };\n\n        return ComponentFromStream;\n      }(react__WEBPACK_IMPORTED_MODULE_0__[\"Component\"])\n    );\n  };\n};\n\nvar componentFromStream = function componentFromStream(propsToVdom) {\n  return componentFromStreamWithConfig(config)(propsToVdom);\n};\n\nvar identity$1 = function identity(t) {\n  return t;\n};\n\nvar mapPropsStreamWithConfig = function mapPropsStreamWithConfig(config$$1) {\n  var componentFromStream$$1 = componentFromStreamWithConfig({\n    fromESObservable: identity$1,\n    toESObservable: identity$1\n  });\n  return function (transform) {\n    return function (BaseComponent) {\n      var factory = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"createFactory\"])(BaseComponent);\n      var fromESObservable = config$$1.fromESObservable,\n          toESObservable = config$$1.toESObservable;\n      return componentFromStream$$1(function (props$) {\n        var _ref;\n\n        return _ref = {\n          subscribe: function subscribe(observer) {\n            var subscription = toESObservable(transform(fromESObservable(props$))).subscribe({\n              next: function next(childProps) {\n                return observer.next(factory(childProps));\n              }\n            });\n            return {\n              unsubscribe: function unsubscribe() {\n                return subscription.unsubscribe();\n              }\n            };\n          }\n        }, _ref[symbol_observable__WEBPACK_IMPORTED_MODULE_8__[\"default\"]] = function () {\n          return this;\n        }, _ref;\n      });\n    };\n  };\n};\n\nvar mapPropsStream = function mapPropsStream(transform) {\n  var hoc = mapPropsStreamWithConfig(config)(transform);\n\n  if (true) {\n    return function (BaseComponent) {\n      return setDisplayName(wrapDisplayName(BaseComponent, 'mapPropsStream'))(hoc(BaseComponent));\n    };\n  }\n\n  return hoc;\n};\n\nvar createEventHandlerWithConfig = function createEventHandlerWithConfig(config$$1) {\n  return function () {\n    var _config$fromESObserva;\n\n    var emitter = Object(change_emitter__WEBPACK_IMPORTED_MODULE_7__[\"createChangeEmitter\"])();\n    var stream = config$$1.fromESObservable((_config$fromESObserva = {\n      subscribe: function subscribe(observer) {\n        var unsubscribe = emitter.listen(function (value) {\n          return observer.next(value);\n        });\n        return {\n          unsubscribe: unsubscribe\n        };\n      }\n    }, _config$fromESObserva[symbol_observable__WEBPACK_IMPORTED_MODULE_8__[\"default\"]] = function () {\n      return this;\n    }, _config$fromESObserva));\n    return {\n      handler: emitter.emit,\n      stream: stream\n    };\n  };\n};\nvar createEventHandler = createEventHandlerWithConfig(config);\n\n// Higher-order component helpers\n\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/recompose/dist/Recompose.esm.js?");
-
-/***/ }),
-
 /***/ "./node_modules/regenerator-runtime/runtime.js":
 /*!*****************************************************!*\
   !*** ./node_modules/regenerator-runtime/runtime.js ***!
@@ -7078,30 +6994,6 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n
 
 /***/ }),
 
-/***/ "./node_modules/symbol-observable/es/index.js":
-/*!****************************************************!*\
-  !*** ./node_modules/symbol-observable/es/index.js ***!
-  \****************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(global, module) {/* harmony import */ var _ponyfill_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ponyfill.js */ \"./node_modules/symbol-observable/es/ponyfill.js\");\n/* global window */\n\n\nvar root;\n\nif (typeof self !== 'undefined') {\n  root = self;\n} else if (typeof window !== 'undefined') {\n  root = window;\n} else if (typeof global !== 'undefined') {\n  root = global;\n} else if (true) {\n  root = module;\n} else {}\n\nvar result = Object(_ponyfill_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(root);\n/* harmony default export */ __webpack_exports__[\"default\"] = (result);\n\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ \"./node_modules/webpack/buildin/global.js\"), __webpack_require__(/*! ./../../webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://rsuite/./node_modules/symbol-observable/es/index.js?");
-
-/***/ }),
-
-/***/ "./node_modules/symbol-observable/es/ponyfill.js":
-/*!*******************************************************!*\
-  !*** ./node_modules/symbol-observable/es/ponyfill.js ***!
-  \*******************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return symbolObservablePonyfill; });\nfunction symbolObservablePonyfill(root) {\n\tvar result;\n\tvar Symbol = root.Symbol;\n\n\tif (typeof Symbol === 'function') {\n\t\tif (Symbol.observable) {\n\t\t\tresult = Symbol.observable;\n\t\t} else {\n\t\t\tresult = Symbol('observable');\n\t\t\tSymbol.observable = result;\n\t\t}\n\t} else {\n\t\tresult = '@@observable';\n\t}\n\n\treturn result;\n};\n\n\n//# sourceURL=webpack://rsuite/./node_modules/symbol-observable/es/ponyfill.js?");
-
-/***/ }),
-
 /***/ "./node_modules/webpack/buildin/global.js":
 /*!***********************************!*\
   !*** (webpack)/buildin/global.js ***!
@@ -7113,17 +7005,6 @@ eval("var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn th
 
 /***/ }),
 
-/***/ "./node_modules/webpack/buildin/harmony-module.js":
-/*!*******************************************!*\
-  !*** (webpack)/buildin/harmony-module.js ***!
-  \*******************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-eval("module.exports = function(originalModule) {\n\tif (!originalModule.webpackPolyfill) {\n\t\tvar module = Object.create(originalModule);\n\t\t// module.parent = undefined by default\n\t\tif (!module.children) module.children = [];\n\t\tObject.defineProperty(module, \"loaded\", {\n\t\t\tenumerable: true,\n\t\t\tget: function() {\n\t\t\t\treturn module.l;\n\t\t\t}\n\t\t});\n\t\tObject.defineProperty(module, \"id\", {\n\t\t\tenumerable: true,\n\t\t\tget: function() {\n\t\t\t\treturn module.i;\n\t\t\t}\n\t\t});\n\t\tObject.defineProperty(module, \"exports\", {\n\t\t\tenumerable: true\n\t\t});\n\t\tmodule.webpackPolyfill = 1;\n\t}\n\treturn module;\n};\n\n\n//# sourceURL=webpack://rsuite/(webpack)/buildin/harmony-module.js?");
-
-/***/ }),
-
 /***/ "./node_modules/webpack/buildin/module.js":
 /*!***********************************!*\
   !*** (webpack)/buildin/module.js ***!
@@ -7299,7 +7180,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _trim2 = _interopRequireDefault(__webpack_require__(/*! lodash/trim */ \"./node_modules/lodash/trim.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\n\nvar _AutoCompleteItem = _interopRequireDefault(__webpack_require__(/*! ./AutoCompleteItem */ \"./src/AutoComplete/AutoCompleteItem.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _propTypes2 = __webpack_require__(/*! ../Animation/propTypes */ \"./src/Animation/propTypes.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/AutoComplete/AutoComplete.tsx\";\n\nvar AutoComplete =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(AutoComplete, _React$Component);\n\n  function AutoComplete(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.menuContainerRef = void 0;\n    _this.triggerRef = void 0;\n\n    _this.getFocusableMenuItems = function () {\n      var data = _this.getData();\n\n      if (!data) {\n        return [];\n      }\n\n      return data.filter(_this.shouldDisplay);\n    };\n\n    _this.shouldDisplay = function (item) {\n      var filterBy = _this.props.filterBy;\n\n      var value = _this.getValue();\n\n      if (typeof filterBy === 'function') {\n        return filterBy(value, item);\n      }\n\n      if (!(0, _trim2.default)(value)) {\n        return false;\n      }\n\n      var keyword = (value || '').toLocaleLowerCase();\n      return item.label.toLocaleLowerCase().indexOf(keyword) >= 0;\n    };\n\n    _this.handleChange = function (value, event) {\n      var nextState = {\n        focus: true,\n        focusItemValue: '',\n        value: value\n      };\n\n      _this.setState(nextState);\n\n      _this.handleChangeValue(value, event);\n    };\n\n    _this.handleInputFocus = function (event) {\n      var _this$props$onFocus, _this$props;\n\n      _this.open();\n\n      (_this$props$onFocus = (_this$props = _this.props).onFocus) === null || _this$props$onFocus === void 0 ? void 0 : _this$props$onFocus.call(_this$props, event);\n    };\n\n    _this.handleInputBlur = function (event) {\n      var _this$props$onBlur, _this$props2;\n\n      setTimeout(_this.close, 300);\n      (_this$props$onBlur = (_this$props2 = _this.props).onBlur) === null || _this$props$onBlur === void 0 ? void 0 : _this$props$onBlur.call(_this$props2, event);\n    };\n\n    _this.focusNextMenuItem = function (event) {\n      _this.findNode(function (items, index) {\n        var item = items[index + 1];\n\n        if (!(0, _isUndefined2.default)(item)) {\n          var _this$props$onMenuFoc, _this$props3;\n\n          var focusItemValue = item.value;\n\n          _this.setState({\n            focusItemValue: focusItemValue\n          });\n\n          (_this$props$onMenuFoc = (_this$props3 = _this.props).onMenuFocus) === null || _this$props$onMenuFoc === void 0 ? void 0 : _this$props$onMenuFoc.call(_this$props3, focusItemValue, event);\n        }\n      });\n    };\n\n    _this.focusPrevMenuItem = function (event) {\n      _this.findNode(function (items, index) {\n        var item = items[index - 1];\n\n        if (!(0, _isUndefined2.default)(item)) {\n          var _this$props$onMenuFoc2, _this$props4;\n\n          var focusItemValue = item.value;\n\n          _this.setState({\n            focusItemValue: focusItemValue\n          });\n\n          (_this$props$onMenuFoc2 = (_this$props4 = _this.props).onMenuFocus) === null || _this$props$onMenuFoc2 === void 0 ? void 0 : _this$props$onMenuFoc2.call(_this$props4, focusItemValue, event);\n        }\n      });\n    };\n\n    _this.selectFocusMenuItem = function (event) {\n      var _this$state = _this.state,\n          focusItemValue = _this$state.focusItemValue,\n          prevValue = _this$state.value;\n\n      if (!focusItemValue) {\n        return;\n      }\n\n      var nextState = {\n        value: focusItemValue,\n        focusItemValue: focusItemValue\n      };\n\n      var data = _this.getData();\n\n      var focusItem = data.find(function (item) {\n        return (item === null || item === void 0 ? void 0 : item.value) === focusItemValue;\n      });\n\n      _this.setState(nextState);\n\n      _this.handleSelect(focusItem, event);\n\n      if (prevValue !== focusItemValue) {\n        _this.handleChangeValue(focusItemValue, event);\n      }\n\n      _this.close();\n    };\n\n    _this.close = function () {\n      _this.setState({\n        focus: false\n      }, _this.props.onClose);\n    };\n\n    _this.open = function () {\n      _this.setState({\n        focus: true\n      }, _this.props.onOpen);\n    };\n\n    _this.handleKeyDown = function (event) {\n      if (!_this.menuContainerRef.current) {\n        return;\n      }\n\n      var _this$props5 = _this.props,\n          onKeyDown = _this$props5.onKeyDown,\n          selectOnEnter = _this$props5.selectOnEnter;\n      (0, _Picker.onMenuKeyDown)(event, {\n        down: _this.focusNextMenuItem,\n        up: _this.focusPrevMenuItem,\n        enter: selectOnEnter ? _this.selectFocusMenuItem : undefined,\n        esc: _this.close\n      });\n      onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);\n    };\n\n    _this.handleChangeValue = function (value, event) {\n      var _this$props$onChange, _this$props6;\n\n      (_this$props$onChange = (_this$props6 = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props6, value, event);\n    };\n\n    _this.handleSelect = function (item, event) {\n      var _this$props$onSelect, _this$props7;\n\n      (_this$props$onSelect = (_this$props7 = _this.props).onSelect) === null || _this$props$onSelect === void 0 ? void 0 : _this$props$onSelect.call(_this$props7, item, event);\n    };\n\n    _this.handleItemSelect = function (item, event) {\n      var value = item.value;\n      var prevValue = _this.state.value;\n      var nextState = {\n        value: value,\n        focusItemValue: value\n      };\n\n      _this.setState(nextState);\n\n      _this.handleSelect(item, event);\n\n      if (prevValue !== value) {\n        _this.handleChangeValue(value, event);\n      }\n\n      _this.close();\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    var defaultValue = props.defaultValue;\n    _this.state = {\n      value: defaultValue || '',\n      focus: false,\n      focusItemValue: defaultValue\n    };\n    _this.menuContainerRef = React.createRef();\n    _this.triggerRef = React.createRef();\n    return _this;\n  }\n\n  var _proto = AutoComplete.prototype;\n\n  _proto.getValue = function getValue() {\n    var value = this.props.value;\n    return (0, _isUndefined2.default)(value) ? this.state.value : value;\n  };\n\n  _proto.getData = function getData(props) {\n    var _ref = props || this.props,\n        data = _ref.data;\n\n    if (!data) {\n      return [];\n    }\n\n    return data.map(function (item) {\n      if (typeof item === 'string') {\n        return {\n          value: item,\n          label: item\n        };\n      }\n\n      if (typeof item === 'object') {\n        return item;\n      }\n    });\n  };\n\n  _proto.findNode = function findNode(focus) {\n    var items = this.getFocusableMenuItems();\n    var focusItemValue = this.state.focusItemValue;\n\n    for (var i = 0; i < items.length; i += 1) {\n      if ((0, _shallowEqual.default)(focusItemValue, items[i].value)) {\n        focus(items, i);\n        return;\n      }\n    }\n\n    focus(items, -1);\n  };\n\n  _proto.renderDropdownMenu = function renderDropdownMenu() {\n    var _this2 = this;\n\n    var _this$props8 = this.props,\n        renderItem = _this$props8.renderItem,\n        menuClassName = _this$props8.menuClassName;\n    var data = this.getData();\n    var focusItemValue = this.state.focusItemValue;\n    var classes = (0, _classnames.default)(this.addPrefix('menu'), menuClassName);\n    var items = data.filter(this.shouldDisplay);\n    return React.createElement(_Picker.MenuWrapper, {\n      className: classes,\n      onKeyDown: this.handleKeyDown,\n      ref: this.menuContainerRef,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 253\n      },\n      __self: this\n    }, React.createElement(\"ul\", {\n      role: \"menu\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 254\n      },\n      __self: this\n    }, items.map(function (item) {\n      return React.createElement(_AutoCompleteItem.default, {\n        key: item.value,\n        focus: focusItemValue === item.value,\n        itemData: item,\n        onSelect: _this2.handleItemSelect,\n        renderItem: renderItem,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 256\n        },\n        __self: this\n      }, item.label);\n    })));\n  };\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props9 = this.props,\n        disabled = _this$props9.disabled,\n        className = _this$props9.className,\n        classPrefix = _this$props9.classPrefix,\n        open = _this$props9.open,\n        style = _this$props9.style,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props9, [\"disabled\", \"className\", \"classPrefix\", \"open\", \"style\"]);\n    var data = this.getData();\n    var value = this.getValue();\n    var unhandled = (0, _utils.getUnhandledProps)(AutoComplete, rest);\n    var classes = (0, _classnames.default)(classPrefix, className, (_classNames = {}, _classNames[this.addPrefix('disabled')] = disabled, _classNames));\n    var hasItems = data.filter(this.shouldDisplay).length > 0;\n    return React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 283\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggleTrigger, {\n      pickerProps: this.props,\n      ref: this.triggerRef,\n      trigger: ['click', 'focus'],\n      open: open || this.state.focus && hasItems,\n      speaker: this.renderDropdownMenu(),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 284\n      },\n      __self: this\n    }, React.createElement(_Input.default, (0, _extends2.default)({}, unhandled, {\n      disabled: disabled,\n      value: value,\n      onBlur: this.handleInputBlur,\n      onFocus: this.handleInputFocus,\n      onChange: this.handleChange,\n      onKeyDown: this.handleKeyDown,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 291\n      },\n      __self: this\n    }))));\n  };\n\n  return AutoComplete;\n}(React.Component);\n\nAutoComplete.propTypes = (0, _extends2.default)({}, _propTypes2.animationPropTypes, {\n  data: _propTypes.default.array,\n  disabled: _propTypes.default.bool,\n  onSelect: _propTypes.default.func,\n  onChange: _propTypes.default.func,\n  classPrefix: _propTypes.default.string,\n  value: _propTypes.default.string,\n  defaultValue: _propTypes.default.string,\n  className: _propTypes.default.string,\n  menuClassName: _propTypes.default.string,\n  placement: _propTypes.default.oneOf(_constants.PLACEMENT),\n  onFocus: _propTypes.default.func,\n  onMenuFocus: _propTypes.default.func,\n  onBlur: _propTypes.default.func,\n  onKeyDown: _propTypes.default.func,\n  onOpen: _propTypes.default.func,\n  onClose: _propTypes.default.func,\n\n  /** @deprecated Use `onClose` instead */\n  onHide: _propTypes.default.func,\n  renderItem: _propTypes.default.func,\n  style: _propTypes.default.object,\n  open: _propTypes.default.bool,\n  selectOnEnter: _propTypes.default.bool,\n  filterBy: _propTypes.default.func,\n  positionRef: _utils.refType\n});\nAutoComplete.defaultProps = {\n  data: [],\n  placement: 'bottomStart',\n  selectOnEnter: true\n};\nvar EnhancedAutoComplete = (0, _utils.defaultProps)({\n  classPrefix: 'auto-complete'\n})(AutoComplete);\n(0, _recompose.setStatic)('Item', _AutoCompleteItem.default)(AutoComplete);\nvar _default = EnhancedAutoComplete;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/AutoComplete/AutoComplete.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _trim2 = _interopRequireDefault(__webpack_require__(/*! lodash/trim */ \"./node_modules/lodash/trim.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\n\nvar _AutoCompleteItem = _interopRequireDefault(__webpack_require__(/*! ./AutoCompleteItem */ \"./src/AutoComplete/AutoCompleteItem.tsx\"));\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _propTypes2 = __webpack_require__(/*! ../Animation/propTypes */ \"./src/Animation/propTypes.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/AutoComplete/AutoComplete.tsx\";\n\nvar AutoComplete =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(AutoComplete, _React$Component);\n\n  function AutoComplete(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.menuContainerRef = void 0;\n    _this.triggerRef = void 0;\n\n    _this.getFocusableMenuItems = function () {\n      var data = _this.getData();\n\n      if (!data) {\n        return [];\n      }\n\n      return data.filter(_this.shouldDisplay);\n    };\n\n    _this.shouldDisplay = function (item) {\n      var filterBy = _this.props.filterBy;\n\n      var value = _this.getValue();\n\n      if (typeof filterBy === 'function') {\n        return filterBy(value, item);\n      }\n\n      if (!(0, _trim2.default)(value)) {\n        return false;\n      }\n\n      var keyword = (value || '').toLocaleLowerCase();\n      return item.label.toLocaleLowerCase().indexOf(keyword) >= 0;\n    };\n\n    _this.handleChange = function (value, event) {\n      var nextState = {\n        focus: true,\n        focusItemValue: '',\n        value: value\n      };\n\n      _this.setState(nextState);\n\n      _this.handleChangeValue(value, event);\n    };\n\n    _this.handleInputFocus = function (event) {\n      var _this$props$onFocus, _this$props;\n\n      _this.open();\n\n      (_this$props$onFocus = (_this$props = _this.props).onFocus) === null || _this$props$onFocus === void 0 ? void 0 : _this$props$onFocus.call(_this$props, event);\n    };\n\n    _this.handleInputBlur = function (event) {\n      var _this$props$onBlur, _this$props2;\n\n      setTimeout(_this.close, 300);\n      (_this$props$onBlur = (_this$props2 = _this.props).onBlur) === null || _this$props$onBlur === void 0 ? void 0 : _this$props$onBlur.call(_this$props2, event);\n    };\n\n    _this.focusNextMenuItem = function (event) {\n      _this.findNode(function (items, index) {\n        var item = items[index + 1];\n\n        if (!(0, _isUndefined2.default)(item)) {\n          var _this$props$onMenuFoc, _this$props3;\n\n          var focusItemValue = item.value;\n\n          _this.setState({\n            focusItemValue: focusItemValue\n          });\n\n          (_this$props$onMenuFoc = (_this$props3 = _this.props).onMenuFocus) === null || _this$props$onMenuFoc === void 0 ? void 0 : _this$props$onMenuFoc.call(_this$props3, focusItemValue, event);\n        }\n      });\n    };\n\n    _this.focusPrevMenuItem = function (event) {\n      _this.findNode(function (items, index) {\n        var item = items[index - 1];\n\n        if (!(0, _isUndefined2.default)(item)) {\n          var _this$props$onMenuFoc2, _this$props4;\n\n          var focusItemValue = item.value;\n\n          _this.setState({\n            focusItemValue: focusItemValue\n          });\n\n          (_this$props$onMenuFoc2 = (_this$props4 = _this.props).onMenuFocus) === null || _this$props$onMenuFoc2 === void 0 ? void 0 : _this$props$onMenuFoc2.call(_this$props4, focusItemValue, event);\n        }\n      });\n    };\n\n    _this.selectFocusMenuItem = function (event) {\n      var _this$state = _this.state,\n          focusItemValue = _this$state.focusItemValue,\n          prevValue = _this$state.value;\n\n      if (!focusItemValue) {\n        return;\n      }\n\n      var nextState = {\n        value: focusItemValue,\n        focusItemValue: focusItemValue\n      };\n\n      var data = _this.getData();\n\n      var focusItem = data.find(function (item) {\n        return (item === null || item === void 0 ? void 0 : item.value) === focusItemValue;\n      });\n\n      _this.setState(nextState);\n\n      _this.handleSelect(focusItem, event);\n\n      if (prevValue !== focusItemValue) {\n        _this.handleChangeValue(focusItemValue, event);\n      }\n\n      _this.close();\n    };\n\n    _this.close = function () {\n      _this.setState({\n        focus: false\n      }, _this.props.onClose);\n    };\n\n    _this.open = function () {\n      _this.setState({\n        focus: true\n      }, _this.props.onOpen);\n    };\n\n    _this.handleKeyDown = function (event) {\n      if (!_this.menuContainerRef.current) {\n        return;\n      }\n\n      var _this$props5 = _this.props,\n          onKeyDown = _this$props5.onKeyDown,\n          selectOnEnter = _this$props5.selectOnEnter;\n      (0, _Picker.onMenuKeyDown)(event, {\n        down: _this.focusNextMenuItem,\n        up: _this.focusPrevMenuItem,\n        enter: selectOnEnter ? _this.selectFocusMenuItem : undefined,\n        esc: _this.close\n      });\n      onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);\n    };\n\n    _this.handleChangeValue = function (value, event) {\n      var _this$props$onChange, _this$props6;\n\n      (_this$props$onChange = (_this$props6 = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props6, value, event);\n    };\n\n    _this.handleSelect = function (item, event) {\n      var _this$props$onSelect, _this$props7;\n\n      (_this$props$onSelect = (_this$props7 = _this.props).onSelect) === null || _this$props$onSelect === void 0 ? void 0 : _this$props$onSelect.call(_this$props7, item, event);\n    };\n\n    _this.handleItemSelect = function (item, event) {\n      var value = item.value;\n      var prevValue = _this.state.value;\n      var nextState = {\n        value: value,\n        focusItemValue: value\n      };\n\n      _this.setState(nextState);\n\n      _this.handleSelect(item, event);\n\n      if (prevValue !== value) {\n        _this.handleChangeValue(value, event);\n      }\n\n      _this.close();\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    var defaultValue = props.defaultValue;\n    _this.state = {\n      value: defaultValue || '',\n      focus: false,\n      focusItemValue: defaultValue\n    };\n    _this.menuContainerRef = React.createRef();\n    _this.triggerRef = React.createRef();\n    return _this;\n  }\n\n  var _proto = AutoComplete.prototype;\n\n  _proto.getValue = function getValue() {\n    var value = this.props.value;\n    return (0, _isUndefined2.default)(value) ? this.state.value : value;\n  };\n\n  _proto.getData = function getData(props) {\n    var _ref = props || this.props,\n        data = _ref.data;\n\n    if (!data) {\n      return [];\n    }\n\n    return data.map(function (item) {\n      if (typeof item === 'string') {\n        return {\n          value: item,\n          label: item\n        };\n      }\n\n      if (typeof item === 'object') {\n        return item;\n      }\n    });\n  };\n\n  _proto.findNode = function findNode(focus) {\n    var items = this.getFocusableMenuItems();\n    var focusItemValue = this.state.focusItemValue;\n\n    for (var i = 0; i < items.length; i += 1) {\n      if ((0, _shallowEqual.default)(focusItemValue, items[i].value)) {\n        focus(items, i);\n        return;\n      }\n    }\n\n    focus(items, -1);\n  };\n\n  _proto.renderDropdownMenu = function renderDropdownMenu() {\n    var _this2 = this;\n\n    var _this$props8 = this.props,\n        renderItem = _this$props8.renderItem,\n        menuClassName = _this$props8.menuClassName;\n    var data = this.getData();\n    var focusItemValue = this.state.focusItemValue;\n    var classes = (0, _classnames.default)(this.addPrefix('menu'), menuClassName);\n    var items = data.filter(this.shouldDisplay);\n    return React.createElement(_Picker.MenuWrapper, {\n      className: classes,\n      onKeyDown: this.handleKeyDown,\n      ref: this.menuContainerRef,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 253\n      },\n      __self: this\n    }, React.createElement(\"ul\", {\n      role: \"menu\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 254\n      },\n      __self: this\n    }, items.map(function (item) {\n      return React.createElement(_AutoCompleteItem.default, {\n        key: item.value,\n        focus: focusItemValue === item.value,\n        itemData: item,\n        onSelect: _this2.handleItemSelect,\n        renderItem: renderItem,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 256\n        },\n        __self: this\n      }, item.label);\n    })));\n  };\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props9 = this.props,\n        disabled = _this$props9.disabled,\n        className = _this$props9.className,\n        classPrefix = _this$props9.classPrefix,\n        open = _this$props9.open,\n        style = _this$props9.style,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props9, [\"disabled\", \"className\", \"classPrefix\", \"open\", \"style\"]);\n    var data = this.getData();\n    var value = this.getValue();\n    var unhandled = (0, _utils.getUnhandledProps)(AutoComplete, rest);\n    var classes = (0, _classnames.default)(classPrefix, className, (_classNames = {}, _classNames[this.addPrefix('disabled')] = disabled, _classNames));\n    var hasItems = data.filter(this.shouldDisplay).length > 0;\n    return React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 283\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggleTrigger, {\n      pickerProps: this.props,\n      ref: this.triggerRef,\n      trigger: ['click', 'focus'],\n      open: open || this.state.focus && hasItems,\n      speaker: this.renderDropdownMenu(),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 284\n      },\n      __self: this\n    }, React.createElement(_Input.default, (0, _extends2.default)({}, unhandled, {\n      disabled: disabled,\n      value: value,\n      onBlur: this.handleInputBlur,\n      onFocus: this.handleInputFocus,\n      onChange: this.handleChange,\n      onKeyDown: this.handleKeyDown,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 291\n      },\n      __self: this\n    }))));\n  };\n\n  return AutoComplete;\n}(React.Component);\n\nAutoComplete.propTypes = (0, _extends2.default)({}, _propTypes2.animationPropTypes, {\n  data: _propTypes.default.array,\n  disabled: _propTypes.default.bool,\n  onSelect: _propTypes.default.func,\n  onChange: _propTypes.default.func,\n  classPrefix: _propTypes.default.string,\n  value: _propTypes.default.string,\n  defaultValue: _propTypes.default.string,\n  className: _propTypes.default.string,\n  menuClassName: _propTypes.default.string,\n  placement: _propTypes.default.oneOf(_constants.PLACEMENT),\n  onFocus: _propTypes.default.func,\n  onMenuFocus: _propTypes.default.func,\n  onBlur: _propTypes.default.func,\n  onKeyDown: _propTypes.default.func,\n  onOpen: _propTypes.default.func,\n  onClose: _propTypes.default.func,\n\n  /** @deprecated Use `onClose` instead */\n  onHide: _propTypes.default.func,\n  renderItem: _propTypes.default.func,\n  style: _propTypes.default.object,\n  open: _propTypes.default.bool,\n  selectOnEnter: _propTypes.default.bool,\n  filterBy: _propTypes.default.func,\n  positionRef: _utils.refType\n});\nAutoComplete.defaultProps = {\n  data: [],\n  placement: 'bottomStart',\n  selectOnEnter: true\n};\nvar EnhancedAutoComplete = (0, _utils.defaultProps)({\n  classPrefix: 'auto-complete'\n})(AutoComplete);\n(0, _utils.setStatic)('Item', _AutoCompleteItem.default)(AutoComplete);\nvar _default = EnhancedAutoComplete;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/AutoComplete/AutoComplete.tsx?");
 
 /***/ }),
 
@@ -7335,7 +7216,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Avatar/Avatar.tsx\";\n\nvar Avatar =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Avatar, _React$Component);\n\n  function Avatar() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = Avatar.prototype;\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props = this.props,\n        classPrefix = _this$props.classPrefix,\n        className = _this$props.className,\n        children = _this$props.children,\n        src = _this$props.src,\n        circle = _this$props.circle,\n        alt = _this$props.alt,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"classPrefix\", \"className\", \"children\", \"src\", \"circle\", \"alt\"]);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames.default)(classPrefix, className, (_classNames = {}, _classNames[addPrefix('circle')] = circle, _classNames));\n    return React.createElement(\"div\", (0, _extends2.default)({}, rest, {\n      className: classes,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 27\n      },\n      __self: this\n    }), src ? React.createElement(\"img\", {\n      className: addPrefix('image'),\n      src: src,\n      alt: alt,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 28\n      },\n      __self: this\n    }) : children);\n  };\n\n  return Avatar;\n}(React.Component);\n\nAvatar.propTypes = {\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  size: _propTypes.default.oneOf(_constants.SIZE),\n  src: _propTypes.default.string,\n  circle: _propTypes.default.bool,\n  alt: _propTypes.default.string\n};\n\nvar _default = (0, _recompose.compose)((0, _utils.withStyleProps)({\n  hasSize: true\n}), (0, _utils.defaultProps)({\n  classPrefix: 'avatar'\n}))(Avatar);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Avatar/Avatar.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Avatar/Avatar.tsx\";\n\nvar Avatar =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Avatar, _React$Component);\n\n  function Avatar() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = Avatar.prototype;\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props = this.props,\n        classPrefix = _this$props.classPrefix,\n        className = _this$props.className,\n        children = _this$props.children,\n        src = _this$props.src,\n        circle = _this$props.circle,\n        alt = _this$props.alt,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"classPrefix\", \"className\", \"children\", \"src\", \"circle\", \"alt\"]);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames.default)(classPrefix, className, (_classNames = {}, _classNames[addPrefix('circle')] = circle, _classNames));\n    return React.createElement(\"div\", (0, _extends2.default)({}, rest, {\n      className: classes,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 26\n      },\n      __self: this\n    }), src ? React.createElement(\"img\", {\n      className: addPrefix('image'),\n      src: src,\n      alt: alt,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 27\n      },\n      __self: this\n    }) : children);\n  };\n\n  return Avatar;\n}(React.Component);\n\nAvatar.propTypes = {\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  size: _propTypes.default.oneOf(_constants.SIZE),\n  src: _propTypes.default.string,\n  circle: _propTypes.default.bool,\n  alt: _propTypes.default.string\n};\n\nvar _default = (0, _utils.compose)((0, _utils.withStyleProps)({\n  hasSize: true\n}), (0, _utils.defaultProps)({\n  classPrefix: 'avatar'\n}))(Avatar);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Avatar/Avatar.tsx?");
 
 /***/ }),
 
@@ -7383,7 +7264,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _BreadcrumbItem = _interopRequireDefault(__webpack_require__(/*! ./BreadcrumbItem */ \"./src/Breadcrumb/BreadcrumbItem.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Breadcrumb/Breadcrumb.tsx\";\n\nvar Breadcrumb =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Breadcrumb, _React$Component);\n\n  function Breadcrumb() {\n    var _this;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n    _this.state = {\n      ellipsis: true\n    };\n\n    _this.addPrefix = function (className) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(className);\n    };\n\n    _this.handleClickEllipsis = function (event) {\n      var _this$props$onExpand, _this$props;\n\n      _this.setState({\n        ellipsis: false\n      });\n\n      (_this$props$onExpand = (_this$props = _this.props).onExpand) === null || _this$props$onExpand === void 0 ? void 0 : _this$props$onExpand.call(_this$props, event);\n    };\n\n    return _this;\n  }\n\n  var _proto = Breadcrumb.prototype;\n\n  _proto.getSeparatorNode = function getSeparatorNode(key) {\n    return React.createElement(\"li\", {\n      key: key,\n      className: this.addPrefix('separator'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 37\n      },\n      __self: this\n    }, this.props.separator);\n  };\n\n  _proto.getCollapseItems = function getCollapseItems(items, total) {\n    if (total > this.props.maxItems && total > 2 && this.state.ellipsis) {\n      return [items[0], items[1], [React.createElement(_BreadcrumbItem.default, {\n        key: \"2\",\n        onClick: this.handleClickEllipsis,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 48\n        },\n        __self: this\n      }, React.createElement(\"span\", {\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 49\n        },\n        __self: this\n      }, \"...\"))], items[items.length - 2], items[items.length - 1]];\n    }\n\n    return items;\n  };\n\n  _proto.render = function render() {\n    var _this2 = this;\n\n    var _this$props2 = this.props,\n        classPrefix = _this$props2.classPrefix,\n        Component = _this$props2.componentClass,\n        className = _this$props2.className,\n        children = _this$props2.children,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props2, [\"classPrefix\", \"componentClass\", \"className\", \"children\"]);\n    var unhandledProps = (0, _utils.getUnhandledProps)(Breadcrumb, rest);\n    var total = React.Children.count(children);\n    var items = [];\n\n    if (total) {\n      React.Children.forEach(children, function (item, index) {\n        items.push(item);\n\n        if (index < total - 1) {\n          items.push(_this2.getSeparatorNode(index));\n        }\n      });\n    }\n\n    return React.createElement(Component, (0, _extends2.default)({}, unhandledProps, {\n      role: \"navigation\",\n      \"aria-label\": \"breadcrumbs\",\n      className: (0, _classnames.default)(classPrefix, className),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 79\n      },\n      __self: this\n    }), this.getCollapseItems(items, total));\n  };\n\n  return Breadcrumb;\n}(React.Component);\n\nBreadcrumb.propTypes = {\n  separator: _propTypes.default.node,\n  componentClass: _propTypes.default.elementType,\n  children: _propTypes.default.node,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  maxItems: _propTypes.default.number,\n  onExpand: _propTypes.default.func\n};\nBreadcrumb.defaultProps = {\n  separator: '/',\n  maxItems: 5\n};\nvar EnhancedBreadcrumb = (0, _utils.defaultProps)({\n  classPrefix: 'breadcrumb',\n  componentClass: 'ol'\n})(Breadcrumb);\n(0, _recompose.setStatic)('Item', _BreadcrumbItem.default)(EnhancedBreadcrumb);\nvar _default = EnhancedBreadcrumb;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Breadcrumb/Breadcrumb.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _BreadcrumbItem = _interopRequireDefault(__webpack_require__(/*! ./BreadcrumbItem */ \"./src/Breadcrumb/BreadcrumbItem.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Breadcrumb/Breadcrumb.tsx\";\n\nvar Breadcrumb =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Breadcrumb, _React$Component);\n\n  function Breadcrumb() {\n    var _this;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n    _this.state = {\n      ellipsis: true\n    };\n\n    _this.addPrefix = function (className) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(className);\n    };\n\n    _this.handleClickEllipsis = function (event) {\n      var _this$props$onExpand, _this$props;\n\n      _this.setState({\n        ellipsis: false\n      });\n\n      (_this$props$onExpand = (_this$props = _this.props).onExpand) === null || _this$props$onExpand === void 0 ? void 0 : _this$props$onExpand.call(_this$props, event);\n    };\n\n    return _this;\n  }\n\n  var _proto = Breadcrumb.prototype;\n\n  _proto.getSeparatorNode = function getSeparatorNode(key) {\n    return React.createElement(\"li\", {\n      key: key,\n      className: this.addPrefix('separator'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 36\n      },\n      __self: this\n    }, this.props.separator);\n  };\n\n  _proto.getCollapseItems = function getCollapseItems(items, total) {\n    if (total > this.props.maxItems && total > 2 && this.state.ellipsis) {\n      return [items[0], items[1], [React.createElement(_BreadcrumbItem.default, {\n        key: \"2\",\n        onClick: this.handleClickEllipsis,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 47\n        },\n        __self: this\n      }, React.createElement(\"span\", {\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 48\n        },\n        __self: this\n      }, \"...\"))], items[items.length - 2], items[items.length - 1]];\n    }\n\n    return items;\n  };\n\n  _proto.render = function render() {\n    var _this2 = this;\n\n    var _this$props2 = this.props,\n        classPrefix = _this$props2.classPrefix,\n        Component = _this$props2.componentClass,\n        className = _this$props2.className,\n        children = _this$props2.children,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props2, [\"classPrefix\", \"componentClass\", \"className\", \"children\"]);\n    var unhandledProps = (0, _utils.getUnhandledProps)(Breadcrumb, rest);\n    var total = React.Children.count(children);\n    var items = [];\n\n    if (total) {\n      React.Children.forEach(children, function (item, index) {\n        items.push(item);\n\n        if (index < total - 1) {\n          items.push(_this2.getSeparatorNode(index));\n        }\n      });\n    }\n\n    return React.createElement(Component, (0, _extends2.default)({}, unhandledProps, {\n      role: \"navigation\",\n      \"aria-label\": \"breadcrumbs\",\n      className: (0, _classnames.default)(classPrefix, className),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 78\n      },\n      __self: this\n    }), this.getCollapseItems(items, total));\n  };\n\n  return Breadcrumb;\n}(React.Component);\n\nBreadcrumb.propTypes = {\n  separator: _propTypes.default.node,\n  componentClass: _propTypes.default.elementType,\n  children: _propTypes.default.node,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  maxItems: _propTypes.default.number,\n  onExpand: _propTypes.default.func\n};\nBreadcrumb.defaultProps = {\n  separator: '/',\n  maxItems: 5\n};\nvar EnhancedBreadcrumb = (0, _utils.defaultProps)({\n  classPrefix: 'breadcrumb',\n  componentClass: 'ol'\n})(Breadcrumb);\n(0, _utils.setStatic)('Item', _BreadcrumbItem.default)(EnhancedBreadcrumb);\nvar _default = EnhancedBreadcrumb;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Breadcrumb/Breadcrumb.tsx?");
 
 /***/ }),
 
@@ -7419,7 +7300,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\n\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../Ripple */ \"./src/Ripple/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Button/Button.tsx\";\n\nvar Button =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Button, _React$Component);\n\n  function Button() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = Button.prototype;\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props = this.props,\n        active = _this$props.active,\n        disabled = _this$props.disabled,\n        loading = _this$props.loading,\n        block = _this$props.block,\n        className = _this$props.className,\n        classPrefix = _this$props.classPrefix,\n        appearance = _this$props.appearance,\n        children = _this$props.children,\n        ripple = _this$props.ripple,\n        Component = _this$props.componentClass,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"active\", \"disabled\", \"loading\", \"block\", \"className\", \"classPrefix\", \"appearance\", \"children\", \"ripple\", \"componentClass\"]);\n    var unhandled = (0, _utils.getUnhandledProps)(Button, props);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames.default)(classPrefix, addPrefix(appearance), className, (_classNames = {}, _classNames[addPrefix('active')] = active, _classNames[addPrefix('disabled')] = disabled, _classNames[addPrefix('loading')] = loading, _classNames[addPrefix('block')] = block, _classNames));\n    var rippleElement = ripple && !(0, _utils.isOneOf)(appearance, ['link', 'ghost']) ? React.createElement(_Ripple.default, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 52\n      },\n      __self: this\n    }) : null;\n    var spin = React.createElement(\"span\", {\n      className: addPrefix('spin'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 53\n      },\n      __self: this\n    });\n\n    if (Component === 'button') {\n      if (unhandled.href) {\n        return React.createElement(_SafeAnchor.default, (0, _extends2.default)({}, unhandled, {\n          \"aria-disabled\": disabled,\n          disabled: disabled,\n          className: classes,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 58\n          },\n          __self: this\n        }), loading && spin, children, rippleElement);\n      }\n\n      unhandled.type = unhandled.type || 'button';\n    }\n\n    return React.createElement(Component, (0, _extends2.default)({}, unhandled, {\n      disabled: disabled,\n      className: classes,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 74\n      },\n      __self: this\n    }), loading && spin, children, rippleElement);\n  };\n\n  return Button;\n}(React.Component);\n\nButton.propTypes = {\n  appearance: _propTypes.default.oneOf(['default', 'primary', 'link', 'subtle', 'ghost']),\n  active: _propTypes.default.bool,\n  componentClass: _propTypes.default.elementType,\n  children: _propTypes.default.node,\n  block: _propTypes.default.bool,\n  loading: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  ripple: _propTypes.default.bool\n};\nButton.defaultProps = {\n  appearance: 'default',\n  ripple: true\n};\n\nvar _default = (0, _recompose.compose)((0, _utils.withStyleProps)({\n  hasSize: true,\n  hasColor: true\n}), (0, _utils.defaultProps)({\n  classPrefix: 'btn',\n  componentClass: 'button'\n}))(Button);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Button/Button.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\n\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../Ripple */ \"./src/Ripple/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Button/Button.tsx\";\n\nvar Button =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Button, _React$Component);\n\n  function Button() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = Button.prototype;\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props = this.props,\n        active = _this$props.active,\n        disabled = _this$props.disabled,\n        loading = _this$props.loading,\n        block = _this$props.block,\n        className = _this$props.className,\n        classPrefix = _this$props.classPrefix,\n        appearance = _this$props.appearance,\n        children = _this$props.children,\n        ripple = _this$props.ripple,\n        Component = _this$props.componentClass,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"active\", \"disabled\", \"loading\", \"block\", \"className\", \"classPrefix\", \"appearance\", \"children\", \"ripple\", \"componentClass\"]);\n    var unhandled = (0, _utils.getUnhandledProps)(Button, props);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames.default)(classPrefix, addPrefix(appearance), className, (_classNames = {}, _classNames[addPrefix('active')] = active, _classNames[addPrefix('disabled')] = disabled, _classNames[addPrefix('loading')] = loading, _classNames[addPrefix('block')] = block, _classNames));\n    var rippleElement = ripple && !(0, _utils.isOneOf)(appearance, ['link', 'ghost']) ? React.createElement(_Ripple.default, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 58\n      },\n      __self: this\n    }) : null;\n    var spin = React.createElement(\"span\", {\n      className: addPrefix('spin'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 59\n      },\n      __self: this\n    });\n\n    if (Component === 'button') {\n      if (unhandled.href) {\n        return React.createElement(_SafeAnchor.default, (0, _extends2.default)({}, unhandled, {\n          \"aria-disabled\": disabled,\n          disabled: disabled,\n          className: classes,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 64\n          },\n          __self: this\n        }), loading && spin, children, rippleElement);\n      }\n\n      unhandled.type = unhandled.type || 'button';\n    }\n\n    return React.createElement(Component, (0, _extends2.default)({}, unhandled, {\n      disabled: disabled,\n      className: classes,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 80\n      },\n      __self: this\n    }), loading && spin, children, rippleElement);\n  };\n\n  return Button;\n}(React.Component);\n\nButton.propTypes = {\n  appearance: _propTypes.default.oneOf(['default', 'primary', 'link', 'subtle', 'ghost']),\n  active: _propTypes.default.bool,\n  componentClass: _propTypes.default.elementType,\n  children: _propTypes.default.node,\n  block: _propTypes.default.bool,\n  loading: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  ripple: _propTypes.default.bool\n};\nButton.defaultProps = {\n  appearance: 'default',\n  ripple: true\n};\n\nvar _default = (0, _utils.compose)((0, _utils.withStyleProps)({\n  hasSize: true,\n  hasColor: true\n}), (0, _utils.defaultProps)({\n  classPrefix: 'btn',\n  componentClass: 'button'\n}))(Button);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Button/Button.tsx?");
 
 /***/ }),
 
@@ -7443,7 +7324,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/ButtonGroup/ButtonGroup.tsx\";\n\nvar ButtonGroup =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(ButtonGroup, _React$Component);\n\n  function ButtonGroup() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = ButtonGroup.prototype;\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props = this.props,\n        className = _this$props.className,\n        vertical = _this$props.vertical,\n        children = _this$props.children,\n        block = _this$props.block,\n        justified = _this$props.justified,\n        classPrefix = _this$props.classPrefix,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"className\", \"vertical\", \"children\", \"block\", \"justified\", \"classPrefix\"]);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames.default)(classPrefix, className, (_classNames = {}, _classNames[addPrefix('block')] = block, _classNames[addPrefix('vertical')] = vertical, _classNames[addPrefix('justified')] = justified, _classNames));\n    return React.createElement(\"div\", (0, _extends2.default)({\n      role: \"group\"\n    }, props, {\n      className: classes,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 29\n      },\n      __self: this\n    }), children);\n  };\n\n  return ButtonGroup;\n}(React.Component);\n\nButtonGroup.propTypes = {\n  className: _propTypes.default.string,\n  vertical: _propTypes.default.bool,\n  justified: _propTypes.default.bool,\n  block: _propTypes.default.bool,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node\n};\n\nvar _default = (0, _recompose.compose)((0, _utils.withStyleProps)({\n  hasSize: true\n}), (0, _utils.defaultProps)({\n  classPrefix: 'btn-group'\n}))(ButtonGroup);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/ButtonGroup/ButtonGroup.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/ButtonGroup/ButtonGroup.tsx\";\n\nvar ButtonGroup =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(ButtonGroup, _React$Component);\n\n  function ButtonGroup() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = ButtonGroup.prototype;\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props = this.props,\n        className = _this$props.className,\n        vertical = _this$props.vertical,\n        children = _this$props.children,\n        block = _this$props.block,\n        justified = _this$props.justified,\n        classPrefix = _this$props.classPrefix,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"className\", \"vertical\", \"children\", \"block\", \"justified\", \"classPrefix\"]);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames.default)(classPrefix, className, (_classNames = {}, _classNames[addPrefix('block')] = block, _classNames[addPrefix('vertical')] = vertical, _classNames[addPrefix('justified')] = justified, _classNames));\n    return React.createElement(\"div\", (0, _extends2.default)({\n      role: \"group\"\n    }, props, {\n      className: classes,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 28\n      },\n      __self: this\n    }), children);\n  };\n\n  return ButtonGroup;\n}(React.Component);\n\nButtonGroup.propTypes = {\n  className: _propTypes.default.string,\n  vertical: _propTypes.default.bool,\n  justified: _propTypes.default.bool,\n  block: _propTypes.default.bool,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node\n};\n\nvar _default = (0, _utils.compose)((0, _utils.withStyleProps)({\n  hasSize: true\n}), (0, _utils.defaultProps)({\n  classPrefix: 'btn-group'\n}))(ButtonGroup);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/ButtonGroup/ButtonGroup.tsx?");
 
 /***/ }),
 
@@ -7587,7 +7468,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.getMeridianHours = getMeridianHours;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _camelCase2 = _interopRequireDefault(__webpack_require__(/*! lodash/camelCase */ \"./node_modules/lodash/camelCase.js\"));\n\nvar _isNumber2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNumber */ \"./node_modules/lodash/isNumber.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n\nvar _FormattedMessage = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/FormattedMessage */ \"./src/IntlProvider/FormattedMessage.tsx\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _scrollTopAnimation = _interopRequireDefault(__webpack_require__(/*! ../utils/scrollTopAnimation */ \"./src/utils/scrollTopAnimation.ts\"));\n\nvar _set_hours = _interopRequireDefault(__webpack_require__(/*! date-fns/set_hours */ \"./node_modules/date-fns/set_hours/index.js\"));\n\nvar _set_minutes = _interopRequireDefault(__webpack_require__(/*! date-fns/set_minutes */ \"./node_modules/date-fns/set_minutes/index.js\"));\n\nvar _set_seconds = _interopRequireDefault(__webpack_require__(/*! date-fns/set_seconds */ \"./node_modules/date-fns/set_seconds/index.js\"));\n\nvar _get_seconds = _interopRequireDefault(__webpack_require__(/*! date-fns/get_seconds */ \"./node_modules/date-fns/get_seconds/index.js\"));\n\nvar _get_minutes = _interopRequireDefault(__webpack_require__(/*! date-fns/get_minutes */ \"./node_modules/date-fns/get_minutes/index.js\"));\n\nvar _get_hours = _interopRequireDefault(__webpack_require__(/*! date-fns/get_hours */ \"./node_modules/date-fns/get_hours/index.js\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/TimeDropdown.tsx\";\n\nfunction getRanges(meridian) {\n  return {\n    hours: {\n      start: 0,\n      end: meridian ? 11 : 23\n    },\n    minutes: {\n      start: 0,\n      end: 59\n    },\n    seconds: {\n      start: 0,\n      end: 59\n    }\n  };\n}\n\nfunction getMeridianHours(hours) {\n  return hours >= 12 ? hours - 12 : hours;\n}\n\nvar TimeDropdown =\n/*#__PURE__*/\nfunction (_React$PureComponent) {\n  (0, _inheritsLoose2.default)(TimeDropdown, _React$PureComponent);\n\n  function TimeDropdown() {\n    var _this;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;\n    _this.container = {};\n\n    _this.scrollTo = function (time) {\n      Object.entries(time).forEach(function (item) {\n        var container = _this.container[item[0]];\n        var node = container.querySelector(\"[data-key=\\\"\" + item[0] + \"-\" + item[1] + \"\\\"]\");\n\n        if (node && container) {\n          var _getPosition = (0, _domLib.getPosition)(node, container),\n              top = _getPosition.top;\n\n          (0, _scrollTopAnimation.default)(_this.container[item[0]], top, (0, _domLib.scrollTop)(_this.container[item[0]]) !== 0);\n        }\n      });\n    };\n\n    _this.handleClick = function (type, d, event) {\n      var _this$props = _this.props,\n          onSelect = _this$props.onSelect,\n          date = _this$props.date; // $FlowFixMe\n\n      var nextDate = date || new Date();\n\n      switch (type) {\n        case 'hours':\n          nextDate = (0, _set_hours.default)(date, d);\n          break;\n\n        case 'minutes':\n          nextDate = (0, _set_minutes.default)(date, d);\n          break;\n\n        case 'seconds':\n          nextDate = (0, _set_seconds.default)(date, d);\n          break;\n      }\n\n      onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextDate, event);\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    return _this;\n  }\n\n  var _proto = TimeDropdown.prototype;\n\n  _proto.componentDidMount = function componentDidMount() {\n    this.updatePosition();\n  };\n\n  _proto.componentDidUpdate = function componentDidUpdate() {\n    this.updatePosition();\n  };\n\n  _proto.getTime = function getTime(props) {\n    var _ref = props || this.props,\n        format = _ref.format,\n        date = _ref.date,\n        showMeridian = _ref.showMeridian;\n\n    var time = date || new Date();\n    var nextTime = {};\n\n    if (!format) {\n      return nextTime;\n    }\n\n    if (/(H|h)/.test(format)) {\n      var hours = (0, _get_hours.default)(time);\n      nextTime.hours = showMeridian ? getMeridianHours(hours) : hours;\n    }\n\n    if (/m/.test(format)) {\n      nextTime.minutes = (0, _get_minutes.default)(time);\n    }\n\n    if (/s/.test(format)) {\n      nextTime.seconds = (0, _get_seconds.default)(time);\n    }\n\n    return nextTime;\n  };\n\n  _proto.updatePosition = function updatePosition(props) {\n    var _ref2 = props || this.props,\n        show = _ref2.show;\n\n    var time = this.getTime(props);\n    show && this.scrollTo(time);\n  };\n\n  _proto.renderColumn = function renderColumn(type, active) {\n    var _this2 = this;\n\n    var showMeridian = this.props.showMeridian;\n\n    if (!(0, _isNumber2.default)(active)) {\n      return null;\n    }\n\n    var date = this.props.date;\n    var _getRanges$type = getRanges(showMeridian)[type],\n        start = _getRanges$type.start,\n        end = _getRanges$type.end;\n    var items = [];\n    var hideFunc = this.props[(0, _camelCase2.default)(\"hide_\" + type)];\n    var disabledFunc = this.props[(0, _camelCase2.default)(\"disabled_\" + type)];\n\n    for (var i = start; i <= end; i += 1) {\n      if (!(hideFunc === null || hideFunc === void 0 ? void 0 : hideFunc(i, date))) {\n        var _classNames;\n\n        var disabled = disabledFunc === null || disabledFunc === void 0 ? void 0 : disabledFunc(i, date);\n        var itemClasses = (0, _classnames.default)(this.addPrefix('cell'), (_classNames = {}, _classNames[this.addPrefix('cell-active')] = active === i, _classNames[this.addPrefix('cell-disabled')] = disabled, _classNames));\n        items.push(React.createElement(\"li\", {\n          key: i,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 156\n          },\n          __self: this\n        }, React.createElement(\"a\", {\n          role: \"menu\",\n          className: itemClasses,\n          tabIndex: -1,\n          \"data-key\": type + \"-\" + i,\n          onClick: !disabled ? this.handleClick.bind(this, type, i) : null,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 157\n          },\n          __self: this\n        }, showMeridian && type === 'hours' && i === 0 ? '12' : i)));\n      }\n    }\n\n    return React.createElement(\"div\", {\n      className: this.addPrefix('column'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 172\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: this.addPrefix('column-title'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 173\n      },\n      __self: this\n    }, React.createElement(_FormattedMessage.default, {\n      id: type,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 174\n      },\n      __self: this\n    })), React.createElement(\"ul\", {\n      ref: function ref(_ref3) {\n        _this2.container[type] = _ref3;\n      },\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 176\n      },\n      __self: this\n    }, items));\n  };\n\n  _proto.render = function render() {\n    var _this$props2 = this.props,\n        className = _this$props2.className,\n        classPrefix = _this$props2.classPrefix,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props2, [\"className\", \"classPrefix\"]);\n    var time = this.getTime();\n    var classes = (0, _classnames.default)(classPrefix, className);\n    var unhandled = (0, _utils.getUnhandledProps)(TimeDropdown, rest);\n    return React.createElement(\"div\", (0, _extends2.default)({}, unhandled, {\n      className: classes,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 194\n      },\n      __self: this\n    }), React.createElement(\"div\", {\n      className: this.addPrefix('content'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 195\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: this.addPrefix('row'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 196\n      },\n      __self: this\n    }, this.renderColumn('hours', time.hours), this.renderColumn('minutes', time.minutes), this.renderColumn('seconds', time.seconds))));\n  };\n\n  return TimeDropdown;\n}(React.PureComponent);\n\nTimeDropdown.propTypes = {\n  date: _propTypes.default.instanceOf(Date),\n  show: _propTypes.default.bool,\n  showMeridian: _propTypes.default.bool,\n  format: _propTypes.default.string,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  disabledDate: _propTypes.default.func,\n  disabledHours: _propTypes.default.func,\n  disabledMinutes: _propTypes.default.func,\n  disabledSeconds: _propTypes.default.func,\n  hideHours: _propTypes.default.func,\n  hideMinutes: _propTypes.default.func,\n  hideSeconds: _propTypes.default.func,\n  onSelect: _propTypes.default.func\n};\nTimeDropdown.defaultProps = {\n  show: false\n};\nvar enhance = (0, _utils.defaultProps)({\n  classPrefix: 'calendar-time-dropdown'\n});\n\nvar _default = enhance(TimeDropdown);\n\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/TimeDropdown.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.getMeridianHours = getMeridianHours;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _camelCase2 = _interopRequireDefault(__webpack_require__(/*! lodash/camelCase */ \"./node_modules/lodash/camelCase.js\"));\n\nvar _isNumber2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNumber */ \"./node_modules/lodash/isNumber.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n\nvar _FormattedMessage = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/FormattedMessage */ \"./src/IntlProvider/FormattedMessage.tsx\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _scrollTopAnimation = _interopRequireDefault(__webpack_require__(/*! ../utils/scrollTopAnimation */ \"./src/utils/scrollTopAnimation.ts\"));\n\nvar _set_hours = _interopRequireDefault(__webpack_require__(/*! date-fns/set_hours */ \"./node_modules/date-fns/set_hours/index.js\"));\n\nvar _set_minutes = _interopRequireDefault(__webpack_require__(/*! date-fns/set_minutes */ \"./node_modules/date-fns/set_minutes/index.js\"));\n\nvar _set_seconds = _interopRequireDefault(__webpack_require__(/*! date-fns/set_seconds */ \"./node_modules/date-fns/set_seconds/index.js\"));\n\nvar _get_seconds = _interopRequireDefault(__webpack_require__(/*! date-fns/get_seconds */ \"./node_modules/date-fns/get_seconds/index.js\"));\n\nvar _get_minutes = _interopRequireDefault(__webpack_require__(/*! date-fns/get_minutes */ \"./node_modules/date-fns/get_minutes/index.js\"));\n\nvar _get_hours = _interopRequireDefault(__webpack_require__(/*! date-fns/get_hours */ \"./node_modules/date-fns/get_hours/index.js\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/TimeDropdown.tsx\";\n\nfunction getRanges(meridian) {\n  return {\n    hours: {\n      start: 0,\n      end: meridian ? 11 : 23\n    },\n    minutes: {\n      start: 0,\n      end: 59\n    },\n    seconds: {\n      start: 0,\n      end: 59\n    }\n  };\n}\n\nfunction getMeridianHours(hours) {\n  return hours >= 12 ? hours - 12 : hours;\n}\n\nvar TimeDropdown =\n/*#__PURE__*/\nfunction (_React$PureComponent) {\n  (0, _inheritsLoose2.default)(TimeDropdown, _React$PureComponent);\n\n  function TimeDropdown() {\n    var _this;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;\n    _this.container = {};\n\n    _this.scrollTo = function (time) {\n      Object.entries(time).forEach(function (item) {\n        var container = _this.container[item[0]];\n        var node = container.querySelector(\"[data-key=\\\"\" + item[0] + \"-\" + item[1] + \"\\\"]\");\n\n        if (node && container) {\n          var _getPosition = (0, _domLib.getPosition)(node, container),\n              top = _getPosition.top;\n\n          (0, _scrollTopAnimation.default)(_this.container[item[0]], top, (0, _domLib.scrollTop)(_this.container[item[0]]) !== 0);\n        }\n      });\n    };\n\n    _this.handleClick = function (type, d, event) {\n      var _this$props = _this.props,\n          onSelect = _this$props.onSelect,\n          date = _this$props.date,\n          showMeridian = _this$props.showMeridian;\n      var nextDate = date || new Date();\n\n      switch (type) {\n        case 'hours':\n          nextDate = (0, _set_hours.default)(date, showMeridian && (0, _get_hours.default)(nextDate) >= 12 ? d + 12 : d);\n          break;\n\n        case 'minutes':\n          nextDate = (0, _set_minutes.default)(date, d);\n          break;\n\n        case 'seconds':\n          nextDate = (0, _set_seconds.default)(date, d);\n          break;\n      }\n\n      onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextDate, event);\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    return _this;\n  }\n\n  var _proto = TimeDropdown.prototype;\n\n  _proto.componentDidMount = function componentDidMount() {\n    this.updatePosition();\n  };\n\n  _proto.componentDidUpdate = function componentDidUpdate() {\n    this.updatePosition();\n  };\n\n  _proto.getTime = function getTime(props) {\n    var _ref = props || this.props,\n        format = _ref.format,\n        date = _ref.date,\n        showMeridian = _ref.showMeridian;\n\n    var time = date || new Date();\n    var nextTime = {};\n\n    if (!format) {\n      return nextTime;\n    }\n\n    if (/(H|h)/.test(format)) {\n      var hours = (0, _get_hours.default)(time);\n      nextTime.hours = showMeridian ? getMeridianHours(hours) : hours;\n    }\n\n    if (/m/.test(format)) {\n      nextTime.minutes = (0, _get_minutes.default)(time);\n    }\n\n    if (/s/.test(format)) {\n      nextTime.seconds = (0, _get_seconds.default)(time);\n    }\n\n    return nextTime;\n  };\n\n  _proto.updatePosition = function updatePosition(props) {\n    var _ref2 = props || this.props,\n        show = _ref2.show;\n\n    var time = this.getTime(props);\n    show && this.scrollTo(time);\n  };\n\n  _proto.renderColumn = function renderColumn(type, active) {\n    var _this2 = this;\n\n    var showMeridian = this.props.showMeridian;\n\n    if (!(0, _isNumber2.default)(active)) {\n      return null;\n    }\n\n    var date = this.props.date;\n    var _getRanges$type = getRanges(showMeridian)[type],\n        start = _getRanges$type.start,\n        end = _getRanges$type.end;\n    var items = [];\n    var hideFunc = this.props[(0, _camelCase2.default)(\"hide_\" + type)];\n    var disabledFunc = this.props[(0, _camelCase2.default)(\"disabled_\" + type)];\n\n    for (var i = start; i <= end; i += 1) {\n      if (!(hideFunc === null || hideFunc === void 0 ? void 0 : hideFunc(i, date))) {\n        var _classNames;\n\n        var disabled = disabledFunc === null || disabledFunc === void 0 ? void 0 : disabledFunc(i, date);\n        var itemClasses = (0, _classnames.default)(this.addPrefix('cell'), (_classNames = {}, _classNames[this.addPrefix('cell-active')] = active === i, _classNames[this.addPrefix('cell-disabled')] = disabled, _classNames));\n        items.push(React.createElement(\"li\", {\n          key: i,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 155\n          },\n          __self: this\n        }, React.createElement(\"a\", {\n          role: \"menu\",\n          className: itemClasses,\n          tabIndex: -1,\n          \"data-key\": type + \"-\" + i,\n          onClick: !disabled ? this.handleClick.bind(this, type, i) : null,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 156\n          },\n          __self: this\n        }, showMeridian && type === 'hours' && i === 0 ? '12' : i)));\n      }\n    }\n\n    return React.createElement(\"div\", {\n      className: this.addPrefix('column'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 171\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: this.addPrefix('column-title'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 172\n      },\n      __self: this\n    }, React.createElement(_FormattedMessage.default, {\n      id: type,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 173\n      },\n      __self: this\n    })), React.createElement(\"ul\", {\n      ref: function ref(_ref3) {\n        _this2.container[type] = _ref3;\n      },\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 175\n      },\n      __self: this\n    }, items));\n  };\n\n  _proto.render = function render() {\n    var _this$props2 = this.props,\n        className = _this$props2.className,\n        classPrefix = _this$props2.classPrefix,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props2, [\"className\", \"classPrefix\"]);\n    var time = this.getTime();\n    var classes = (0, _classnames.default)(classPrefix, className);\n    var unhandled = (0, _utils.getUnhandledProps)(TimeDropdown, rest);\n    return React.createElement(\"div\", (0, _extends2.default)({}, unhandled, {\n      className: classes,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 193\n      },\n      __self: this\n    }), React.createElement(\"div\", {\n      className: this.addPrefix('content'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 194\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: this.addPrefix('row'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 195\n      },\n      __self: this\n    }, this.renderColumn('hours', time.hours), this.renderColumn('minutes', time.minutes), this.renderColumn('seconds', time.seconds))));\n  };\n\n  return TimeDropdown;\n}(React.PureComponent);\n\nTimeDropdown.propTypes = {\n  date: _propTypes.default.instanceOf(Date),\n  show: _propTypes.default.bool,\n  showMeridian: _propTypes.default.bool,\n  format: _propTypes.default.string,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  disabledDate: _propTypes.default.func,\n  disabledHours: _propTypes.default.func,\n  disabledMinutes: _propTypes.default.func,\n  disabledSeconds: _propTypes.default.func,\n  hideHours: _propTypes.default.func,\n  hideMinutes: _propTypes.default.func,\n  hideSeconds: _propTypes.default.func,\n  onSelect: _propTypes.default.func\n};\nTimeDropdown.defaultProps = {\n  show: false\n};\nvar enhance = (0, _utils.defaultProps)({\n  classPrefix: 'calendar-time-dropdown'\n});\n\nvar _default = enhance(TimeDropdown);\n\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/TimeDropdown.tsx?");
 
 /***/ }),
 
@@ -7647,7 +7528,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isFunction2 = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _pick2 = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _reactLifecyclesCompat = __webpack_require__(/*! react-lifecycles-compat */ \"./node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js\");\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _IntlContext = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/IntlContext */ \"./src/IntlProvider/IntlContext.ts\"));\n\nvar _FormattedMessage = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/FormattedMessage */ \"./src/IntlProvider/FormattedMessage.tsx\"));\n\nvar _DropdownMenu = _interopRequireWildcard(__webpack_require__(/*! ./DropdownMenu */ \"./src/Cascader/DropdownMenu.tsx\"));\n\nvar _stringToObject2 = _interopRequireDefault(__webpack_require__(/*! ../utils/stringToObject */ \"./src/utils/stringToObject.ts\"));\n\nvar _getSafeRegExpString = _interopRequireDefault(__webpack_require__(/*! ../utils/getSafeRegExpString */ \"./src/utils/getSafeRegExpString.ts\"));\n\nvar _utils = __webpack_require__(/*! ./utils */ \"./src/Cascader/utils.ts\");\n\nvar _utils2 = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _propTypes2 = __webpack_require__(/*! ../Picker/propTypes */ \"./src/Picker/propTypes.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Cascader/Cascader.tsx\";\n\nvar Cascader =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Cascader, _React$Component);\n\n  function Cascader(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.triggerRef = void 0;\n    _this.containerRef = void 0;\n    _this.positionRef = void 0;\n    _this.menuContainerRef = void 0;\n    _this.isControlled = void 0;\n\n    _this.handleSelect = function (node, cascadeItems, activePaths, isLeafNode, event) {\n      var _this$props = _this.props,\n          onChange = _this$props.onChange,\n          onSelect = _this$props.onSelect,\n          valueKey = _this$props.valueKey,\n          childrenKey = _this$props.childrenKey,\n          parentSelectable = _this$props.parentSelectable;\n\n      var prevValue = _this.getValue();\n\n      var value = node[valueKey];\n      onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, activePaths, (0, _Picker.createConcatChildrenFunction)(node, value, {\n        valueKey: valueKey,\n        childrenKey: childrenKey\n      }), event);\n      /**\n       Determines whether the option is a leaf node, and if so, closes the picker.\n       */\n\n      if (isLeafNode) {\n        _this.handleCloseDropdown();\n\n        var _nextState = {\n          selectNode: node\n        };\n\n        if (!_this.isControlled) {\n          _nextState = (0, _extends3.default)({}, _nextState, {\n            value: value\n          }, (0, _utils.getDerivedStateForCascade)(_this.props, _this.state, value));\n        }\n\n        _this.setState(_nextState);\n\n        if (!(0, _shallowEqual.default)(value, prevValue)) {\n          onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n        }\n\n        return;\n      }\n\n      var nextState = {\n        selectNode: node,\n        items: cascadeItems,\n        tempActivePaths: activePaths\n      };\n      /** When the parent is optional, the value and the displayed path are updated. */\n\n      if (parentSelectable) {\n        nextState.value = value;\n        nextState.activePaths = activePaths;\n\n        if (!(0, _shallowEqual.default)(value, prevValue)) {\n          onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n        }\n      }\n\n      _this.setState(nextState, function () {\n        var _this$positionRef$cur, _this$positionRef$cur2;\n\n        // Update menu position\n        (_this$positionRef$cur = _this.positionRef.current) === null || _this$positionRef$cur === void 0 ? void 0 : (_this$positionRef$cur2 = _this$positionRef$cur.updatePosition) === null || _this$positionRef$cur2 === void 0 ? void 0 : _this$positionRef$cur2.call(_this$positionRef$cur);\n      });\n    };\n\n    _this.handleSearchRowSelect = function (item, event) {\n      var _this$props2 = _this.props,\n          valueKey = _this$props2.valueKey,\n          onChange = _this$props2.onChange,\n          onSelect = _this$props2.onSelect;\n      var value = item[valueKey];\n\n      _this.handleCloseDropdown();\n\n      var nextState = {\n        selectNode: item,\n        searchKeyword: ''\n      };\n\n      if (!_this.isControlled) {\n        nextState = (0, _extends3.default)({}, nextState, {}, (0, _utils.getDerivedStateForCascade)(_this.props, _this.state, value), {\n          value: value\n        });\n      }\n\n      _this.setState(nextState);\n\n      onSelect === null || onSelect === void 0 ? void 0 : onSelect(item, null, null, event);\n      onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n    };\n\n    _this.handleCloseDropdown = function () {\n      var _this$triggerRef$curr, _this$triggerRef$curr2;\n\n      (_this$triggerRef$curr = _this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : (_this$triggerRef$curr2 = _this$triggerRef$curr.hide) === null || _this$triggerRef$curr2 === void 0 ? void 0 : _this$triggerRef$curr2.call(_this$triggerRef$curr);\n    };\n\n    _this.handleOpenDropdown = function () {\n      var _this$triggerRef$curr3, _this$triggerRef$curr4;\n\n      (_this$triggerRef$curr3 = _this.triggerRef.current) === null || _this$triggerRef$curr3 === void 0 ? void 0 : (_this$triggerRef$curr4 = _this$triggerRef$curr3.show) === null || _this$triggerRef$curr4 === void 0 ? void 0 : _this$triggerRef$curr4.call(_this$triggerRef$curr3);\n    };\n\n    _this.open = function () {\n      var _this$handleOpenDropd, _this2;\n\n      (_this$handleOpenDropd = (_this2 = _this).handleOpenDropdown) === null || _this$handleOpenDropd === void 0 ? void 0 : _this$handleOpenDropd.call(_this2);\n    };\n\n    _this.close = function () {\n      var _this$handleCloseDrop, _this3;\n\n      (_this$handleCloseDrop = (_this3 = _this).handleCloseDropdown) === null || _this$handleCloseDrop === void 0 ? void 0 : _this$handleCloseDrop.call(_this3);\n    };\n\n    _this.handleClean = function (event) {\n      var _this$props3 = _this.props,\n          disabled = _this$props3.disabled,\n          onChange = _this$props3.onChange,\n          data = _this$props3.data;\n\n      if (disabled) {\n        return;\n      }\n\n      var nextState = {\n        items: [data],\n        value: null,\n        selectNode: null,\n        activePaths: [],\n        tempActivePaths: []\n      };\n\n      _this.setState(nextState, function () {\n        onChange === null || onChange === void 0 ? void 0 : onChange(null, event);\n      });\n    };\n\n    _this.handleSearch = function (searchKeyword, event) {\n      var _this$props$onSearch, _this$props4;\n\n      _this.setState({\n        searchKeyword: searchKeyword\n      });\n\n      (_this$props$onSearch = (_this$props4 = _this.props).onSearch) === null || _this$props$onSearch === void 0 ? void 0 : _this$props$onSearch.call(_this$props4, searchKeyword, event);\n    };\n\n    _this.handleEntered = function () {\n      var _this$props$onOpen, _this$props5;\n\n      (_this$props$onOpen = (_this$props5 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props5);\n\n      _this.setState({\n        active: true\n      });\n    };\n\n    _this.handleExit = function () {\n      var _this$props$onClose, _this$props6;\n\n      (_this$props$onClose = (_this$props6 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props6);\n\n      _this.setState({\n        searchKeyword: '',\n        active: false\n      });\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils2.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.renderSearchRow = function (item, key) {\n      var _classNames;\n\n      var _this$props7 = _this.props,\n          labelKey = _this$props7.labelKey,\n          valueKey = _this$props7.valueKey,\n          _this$props7$disabled = _this$props7.disabledItemValues,\n          disabledItemValues = _this$props7$disabled === void 0 ? [] : _this$props7$disabled;\n      var searchKeyword = _this.state.searchKeyword;\n      var regx = new RegExp((0, _getSafeRegExpString.default)(searchKeyword), 'ig');\n      var nodes = (0, _treeUtils.getNodeParents)(item);\n      nodes.push(item);\n      nodes = nodes.map(function (node) {\n        var _extends2;\n\n        var labelElements = [];\n        var a = node[labelKey].split(regx);\n        var b = node[labelKey].match(regx);\n\n        for (var i = 0; i < a.length; i++) {\n          labelElements.push(a[i]);\n\n          if (b && b[i]) {\n            labelElements.push(React.createElement(\"strong\", {\n              key: i,\n              __source: {\n                fileName: _jsxFileName,\n                lineNumber: 330\n              },\n              __self: this\n            }, b[i]));\n          }\n        }\n\n        return (0, _extends3.default)({}, node, (_extends2 = {}, _extends2[labelKey] = labelElements, _extends2));\n      });\n      var disabled = disabledItemValues.some(function (value) {\n        return nodes.some(function (node) {\n          return node[valueKey] === value;\n        });\n      });\n      var itemClasses = (0, _classnames.default)(_this.addPrefix('cascader-row'), (_classNames = {}, _classNames[_this.addPrefix('cascader-row-disabled')] = disabled, _classNames));\n      return React.createElement(\"div\", {\n        key: key,\n        className: itemClasses,\n        onClick: function onClick(event) {\n          if (!disabled) {\n            _this.handleSearchRowSelect(item, event);\n          }\n        },\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 345\n        },\n        __self: this\n      }, nodes.map(function (node, index) {\n        return React.createElement(\"span\", {\n          key: \"col-\" + index,\n          className: _this.addPrefix('cascader-col'),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 355\n          },\n          __self: this\n        }, node[labelKey]);\n      }));\n    };\n\n    var initState = {\n      searchKeyword: '',\n      selectNode: null,\n      data: props.data,\n      value: props.defaultValue,\n\n      /**\n       * 选中值的路径\n       */\n      activePaths: [],\n\n      /**\n       * 用于展示面板的数据列表，是一个二维的数组\n       * 是通过 data 树结构转换成的二维的数组，其中只包含页面上展示的数据\n       */\n      items: []\n    };\n    _this.state = (0, _extends3.default)({}, initState, {}, (0, _utils.getDerivedStateForCascade)(props, initState), {\n      flattenData: (0, _treeUtils.flattenTree)(props.data)\n    });\n    _this.isControlled = !(0, _isUndefined2.default)(props.value);\n    _this.triggerRef = React.createRef();\n    _this.containerRef = React.createRef();\n    _this.positionRef = React.createRef(); // for test\n\n    _this.menuContainerRef = React.createRef();\n    return _this;\n  }\n\n  Cascader.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n    var value = nextProps.value,\n        data = nextProps.data,\n        labelKey = nextProps.labelKey,\n        valueKey = nextProps.valueKey;\n\n    if (data !== prevState.data) {\n      var _prevState$selectNode;\n\n      // First get the value of the clicked node `selectNodeValue`, and then get the new `newChildren`.\n      var selectNodeValue = prevState === null || prevState === void 0 ? void 0 : (_prevState$selectNode = prevState.selectNode) === null || _prevState$selectNode === void 0 ? void 0 : _prevState$selectNode[valueKey];\n\n      if (selectNodeValue) {\n        var _findNodeOfTree;\n\n        var newChildren = ((_findNodeOfTree = (0, _treeUtils.findNodeOfTree)(data, function (item) {\n          return (0, _shallowEqual.default)(item[valueKey], selectNodeValue);\n        })) === null || _findNodeOfTree === void 0 ? void 0 : _findNodeOfTree.children) || [];\n        return (0, _extends3.default)({}, (0, _utils.getDerivedStateForCascade)(nextProps, prevState, selectNodeValue, newChildren.map(function (item) {\n          return (0, _stringToObject2.default)(item, labelKey, valueKey);\n        })), {\n          data: data,\n          flattenData: (0, _treeUtils.flattenTree)(data)\n        });\n      }\n\n      return (0, _extends3.default)({}, (0, _utils.getDerivedStateForCascade)(nextProps, prevState), {\n        flattenData: (0, _treeUtils.flattenTree)(data),\n        data: data\n      });\n    }\n\n    if (typeof value !== 'undefined' && !(0, _shallowEqual.default)(value, prevState.value)) {\n      return (0, _extends3.default)({}, (0, _utils.getDerivedStateForCascade)(nextProps, prevState), {\n        value: value\n      });\n    }\n\n    return null;\n  };\n\n  var _proto = Cascader.prototype;\n\n  _proto.getValue = function getValue(nextProps) {\n    var _ref = nextProps || this.props,\n        value = _ref.value;\n\n    return (0, _isUndefined2.default)(value) ? this.state.value : value;\n  };\n\n  /**\n   * 在 data 对象中的数据类型是字符串比如: ['foo']\n   * 通过这个行数可以把值转换成 [{name:'foo':value:'foo'}]\n   */\n  _proto.stringToObject = function stringToObject(value) {\n    var _this$props8 = this.props,\n        labelKey = _this$props8.labelKey,\n        valueKey = _this$props8.valueKey;\n    return (0, _stringToObject2.default)(value, labelKey, valueKey);\n  };\n\n  _proto.someKeyword = function someKeyword(item) {\n    var labelKey = this.props.labelKey;\n    var searchKeyword = this.state.searchKeyword;\n\n    if (item[labelKey].match(new RegExp((0, _getSafeRegExpString.default)(searchKeyword), 'i'))) {\n      return true;\n    }\n\n    if (item.parent && this.someKeyword(item.parent)) {\n      return true;\n    }\n\n    return false;\n  };\n\n  _proto.getSearchResult = function getSearchResult() {\n    var _this4 = this;\n\n    var childrenKey = this.props.childrenKey;\n    var flattenData = this.state.flattenData;\n    var items = [];\n    var result = flattenData.filter(function (item) {\n      if (item[childrenKey]) {\n        return false;\n      }\n\n      return _this4.someKeyword(item);\n    });\n\n    for (var i = 0; i < result.length; i++) {\n      items.push(result[i]);\n\n      if (i === 99) {\n        return items;\n      }\n    }\n\n    return items;\n  };\n\n  _proto.renderSearchResultPanel = function renderSearchResultPanel() {\n    var locale = this.props.locale;\n    var searchKeyword = this.state.searchKeyword;\n\n    if (searchKeyword === '') {\n      return null;\n    }\n\n    var items = this.getSearchResult();\n    return React.createElement(\"div\", {\n      className: this.addPrefix('cascader-search-panel'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 410\n      },\n      __self: this\n    }, items.length ? items.map(this.renderSearchRow) : React.createElement(\"div\", {\n      className: this.addPrefix('none'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 414\n      },\n      __self: this\n    }, locale.noResultsText));\n  };\n\n  _proto.renderDropdownMenu = function renderDropdownMenu() {\n    var _classNames2;\n\n    var _this$state = this.state,\n        items = _this$state.items,\n        tempActivePaths = _this$state.tempActivePaths,\n        activePaths = _this$state.activePaths,\n        searchKeyword = _this$state.searchKeyword;\n    var _this$props9 = this.props,\n        renderMenu = _this$props9.renderMenu,\n        renderExtraFooter = _this$props9.renderExtraFooter,\n        menuClassName = _this$props9.menuClassName,\n        menuStyle = _this$props9.menuStyle,\n        searchable = _this$props9.searchable,\n        locale = _this$props9.locale,\n        inline = _this$props9.inline;\n    var classes = (0, _classnames.default)(this.addPrefix('cascader-menu'), menuClassName, (_classNames2 = {}, _classNames2[this.addPrefix('inline')] = inline, _classNames2));\n    var menuProps = (0, _pick2.default)(this.props, Object.keys((0, _omit2.default)(_DropdownMenu.dropdownMenuPropTypes, ['classPrefix'])));\n    return React.createElement(_Picker.MenuWrapper, {\n      className: classes,\n      style: menuStyle,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 442\n      },\n      __self: this\n    }, searchable && React.createElement(_Picker.SearchBar, {\n      placeholder: locale.searchPlaceholder,\n      onChange: this.handleSearch,\n      value: searchKeyword,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 444\n      },\n      __self: this\n    }), this.renderSearchResultPanel(), searchKeyword === '' && React.createElement(_DropdownMenu.default, (0, _extends3.default)({}, menuProps, {\n      classPrefix: this.addPrefix('cascader-menu'),\n      ref: this.menuContainerRef,\n      cascadeItems: items,\n      cascadePathItems: tempActivePaths || activePaths,\n      activeItemValue: this.getValue(),\n      onSelect: this.handleSelect,\n      renderMenu: renderMenu,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 453\n      },\n      __self: this\n    })), renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  _proto.render = function render() {\n    var _this$props10 = this.props,\n        valueKey = _this$props10.valueKey,\n        labelKey = _this$props10.labelKey,\n        placeholder = _this$props10.placeholder,\n        renderValue = _this$props10.renderValue,\n        disabled = _this$props10.disabled,\n        cleanable = _this$props10.cleanable,\n        locale = _this$props10.locale,\n        toggleComponentClass = _this$props10.toggleComponentClass,\n        style = _this$props10.style,\n        onEnter = _this$props10.onEnter,\n        onExited = _this$props10.onExited,\n        onClean = _this$props10.onClean,\n        inline = _this$props10.inline,\n        positionRef = _this$props10.positionRef,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props10, [\"valueKey\", \"labelKey\", \"placeholder\", \"renderValue\", \"disabled\", \"cleanable\", \"locale\", \"toggleComponentClass\", \"style\", \"onEnter\", \"onExited\", \"onClean\", \"inline\", \"positionRef\"]);\n\n    if (inline) {\n      return this.renderDropdownMenu();\n    }\n\n    var _this$state2 = this.state,\n        activePaths = _this$state2.activePaths,\n        active = _this$state2.active;\n    var unhandled = (0, _utils2.getUnhandledProps)(Cascader, rest);\n    var value = this.getValue();\n    /**\n     * 1.Have a value and the value is valid.\n     * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.\n     */\n\n    var hasValue = activePaths.length > 0 || !(0, _isNil2.default)(value) && (0, _isFunction2.default)(renderValue);\n    var activeItemLabel = placeholder;\n\n    if (activePaths.length > 0) {\n      activeItemLabel = [];\n      activePaths.forEach(function (item, index) {\n        var key = item[valueKey] || item[labelKey];\n        activeItemLabel.push(React.createElement(\"span\", {\n          key: key,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 508\n          },\n          __self: this\n        }, item[labelKey]));\n\n        if (index < activePaths.length - 1) {\n          activeItemLabel.push(React.createElement(\"span\", {\n            className: \"separator\",\n            key: key + \"-separator\",\n            __source: {\n              fileName: _jsxFileName,\n              lineNumber: 511\n            },\n            __self: this\n          }, ' / '));\n        }\n      });\n    }\n\n    if (!(0, _isNil2.default)(value) && (0, _isFunction2.default)(renderValue)) {\n      activeItemLabel = renderValue(value, activePaths, activeItemLabel);\n\n      if ((0, _isNil2.default)(activeItemLabel)) {\n        hasValue = false;\n      }\n    }\n\n    var classes = (0, _Picker.getToggleWrapperClassName)('cascader', this.addPrefix, this.props, hasValue);\n    return React.createElement(_IntlContext.default.Provider, {\n      value: locale,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 529\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      tabIndex: -1,\n      role: \"menu\",\n      ref: this.containerRef,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 530\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggleTrigger, {\n      pickerProps: this.props,\n      ref: this.triggerRef,\n      positionRef: (0, _utils2.mergeRefs)(this.positionRef, positionRef),\n      onEnter: (0, _utils2.createChainedFunction)(this.handleEntered, onEnter),\n      onExited: (0, _utils2.createChainedFunction)(this.handleExit, onExited),\n      speaker: this.renderDropdownMenu(),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 531\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggle, (0, _extends3.default)({}, unhandled, {\n      componentClass: toggleComponentClass,\n      onClean: (0, _utils2.createChainedFunction)(this.handleClean, onClean),\n      cleanable: cleanable && !disabled,\n      hasValue: hasValue,\n      active: active,\n      \"aria-disabled\": disabled,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 539\n      },\n      __self: this\n    }), activeItemLabel || React.createElement(_FormattedMessage.default, {\n      id: \"placeholder\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 548\n      },\n      __self: this\n    })))));\n  };\n\n  return Cascader;\n}(React.Component);\n\nCascader.propTypes = (0, _extends3.default)({}, _propTypes2.listPickerPropTypes, {\n  renderMenu: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onSearch: _propTypes.default.func,\n  cleanable: _propTypes.default.bool,\n  renderMenuItem: _propTypes.default.func,\n  menuWidth: _propTypes.default.number,\n  menuHeight: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  searchable: _propTypes.default.bool,\n  inline: _propTypes.default.bool,\n  parentSelectable: _propTypes.default.bool\n});\nCascader.defaultProps = (0, _extends3.default)({}, _propTypes2.listPickerDefaultProps, {\n  searchable: true,\n  locale: {\n    placeholder: 'Select',\n    searchPlaceholder: 'Search',\n    noResultsText: 'No results found'\n  }\n});\n(0, _reactLifecyclesCompat.polyfill)(Cascader);\n\nvar _default = (0, _utils2.defaultProps)({\n  classPrefix: 'picker'\n})(Cascader);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Cascader/Cascader.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isFunction2 = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _pick2 = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _reactLifecyclesCompat = __webpack_require__(/*! react-lifecycles-compat */ \"./node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js\");\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _IntlContext = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/IntlContext */ \"./src/IntlProvider/IntlContext.ts\"));\n\nvar _FormattedMessage = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/FormattedMessage */ \"./src/IntlProvider/FormattedMessage.tsx\"));\n\nvar _DropdownMenu = _interopRequireWildcard(__webpack_require__(/*! ./DropdownMenu */ \"./src/Cascader/DropdownMenu.tsx\"));\n\nvar _stringToObject2 = _interopRequireDefault(__webpack_require__(/*! ../utils/stringToObject */ \"./src/utils/stringToObject.ts\"));\n\nvar _getSafeRegExpString = _interopRequireDefault(__webpack_require__(/*! ../utils/getSafeRegExpString */ \"./src/utils/getSafeRegExpString.ts\"));\n\nvar _utils = __webpack_require__(/*! ./utils */ \"./src/Cascader/utils.ts\");\n\nvar _utils2 = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _propTypes2 = __webpack_require__(/*! ../Picker/propTypes */ \"./src/Picker/propTypes.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Cascader/Cascader.tsx\";\n\nvar Cascader =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Cascader, _React$Component);\n\n  function Cascader(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.toggleRef = void 0;\n    _this.triggerRef = void 0;\n    _this.containerRef = void 0;\n    _this.positionRef = void 0;\n    _this.menuWrapperRef = void 0;\n    _this.menuContainerRef = void 0;\n    _this.isControlled = void 0;\n\n    _this.handleSelect = function (node, cascadeItems, activePaths, isLeafNode, event) {\n      var _this$props = _this.props,\n          onChange = _this$props.onChange,\n          onSelect = _this$props.onSelect,\n          valueKey = _this$props.valueKey,\n          childrenKey = _this$props.childrenKey,\n          parentSelectable = _this$props.parentSelectable;\n\n      var prevValue = _this.getValue();\n\n      var value = node[valueKey];\n      onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, activePaths, (0, _Picker.createConcatChildrenFunction)(node, value, {\n        valueKey: valueKey,\n        childrenKey: childrenKey\n      }), event);\n      /**\n       Determines whether the option is a leaf node, and if so, closes the picker.\n       */\n\n      if (isLeafNode) {\n        _this.handleCloseDropdown();\n\n        var _nextState = {\n          selectNode: node\n        };\n\n        if (!_this.isControlled) {\n          _nextState = (0, _extends3.default)({}, _nextState, {\n            value: value\n          }, (0, _utils.getDerivedStateForCascade)(_this.props, _this.state, value));\n        }\n\n        _this.setState(_nextState);\n\n        if (!(0, _shallowEqual.default)(value, prevValue)) {\n          onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n        }\n\n        return;\n      }\n\n      var nextState = {\n        selectNode: node,\n        items: cascadeItems,\n        tempActivePaths: activePaths\n      };\n      /** When the parent is optional, the value and the displayed path are updated. */\n\n      if (parentSelectable) {\n        nextState.value = value;\n        nextState.activePaths = activePaths;\n\n        if (!(0, _shallowEqual.default)(value, prevValue)) {\n          onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n        }\n      }\n\n      _this.setState(nextState, function () {\n        var _this$positionRef$cur, _this$positionRef$cur2;\n\n        // Update menu position\n        (_this$positionRef$cur = _this.positionRef.current) === null || _this$positionRef$cur === void 0 ? void 0 : (_this$positionRef$cur2 = _this$positionRef$cur.updatePosition) === null || _this$positionRef$cur2 === void 0 ? void 0 : _this$positionRef$cur2.call(_this$positionRef$cur);\n      });\n    };\n\n    _this.handleSearchRowSelect = function (item, event) {\n      var _this$props2 = _this.props,\n          valueKey = _this$props2.valueKey,\n          onChange = _this$props2.onChange,\n          onSelect = _this$props2.onSelect;\n      var value = item[valueKey];\n\n      _this.handleCloseDropdown();\n\n      var nextState = {\n        selectNode: item,\n        searchKeyword: ''\n      };\n\n      if (!_this.isControlled) {\n        nextState = (0, _extends3.default)({}, nextState, {}, (0, _utils.getDerivedStateForCascade)(_this.props, _this.state, value), {\n          value: value\n        });\n      }\n\n      _this.setState(nextState);\n\n      onSelect === null || onSelect === void 0 ? void 0 : onSelect(item, null, null, event);\n      onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n    };\n\n    _this.handleCloseDropdown = function () {\n      var _this$triggerRef$curr, _this$triggerRef$curr2;\n\n      (_this$triggerRef$curr = _this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : (_this$triggerRef$curr2 = _this$triggerRef$curr.hide) === null || _this$triggerRef$curr2 === void 0 ? void 0 : _this$triggerRef$curr2.call(_this$triggerRef$curr);\n    };\n\n    _this.handleOpenDropdown = function () {\n      var _this$triggerRef$curr3, _this$triggerRef$curr4;\n\n      (_this$triggerRef$curr3 = _this.triggerRef.current) === null || _this$triggerRef$curr3 === void 0 ? void 0 : (_this$triggerRef$curr4 = _this$triggerRef$curr3.show) === null || _this$triggerRef$curr4 === void 0 ? void 0 : _this$triggerRef$curr4.call(_this$triggerRef$curr3);\n    };\n\n    _this.open = function () {\n      var _this$handleOpenDropd, _this2;\n\n      (_this$handleOpenDropd = (_this2 = _this).handleOpenDropdown) === null || _this$handleOpenDropd === void 0 ? void 0 : _this$handleOpenDropd.call(_this2);\n    };\n\n    _this.close = function () {\n      var _this$handleCloseDrop, _this3;\n\n      (_this$handleCloseDrop = (_this3 = _this).handleCloseDropdown) === null || _this$handleCloseDrop === void 0 ? void 0 : _this$handleCloseDrop.call(_this3);\n    };\n\n    _this.handleClean = function (event) {\n      var _this$props3 = _this.props,\n          disabled = _this$props3.disabled,\n          onChange = _this$props3.onChange,\n          data = _this$props3.data;\n\n      if (disabled) {\n        return;\n      }\n\n      var nextState = {\n        items: [data],\n        value: null,\n        selectNode: null,\n        activePaths: [],\n        tempActivePaths: []\n      };\n\n      _this.setState(nextState, function () {\n        onChange === null || onChange === void 0 ? void 0 : onChange(null, event);\n      });\n    };\n\n    _this.handleSearch = function (searchKeyword, event) {\n      var _this$props$onSearch, _this$props4;\n\n      _this.setState({\n        searchKeyword: searchKeyword\n      });\n\n      (_this$props$onSearch = (_this$props4 = _this.props).onSearch) === null || _this$props$onSearch === void 0 ? void 0 : _this$props$onSearch.call(_this$props4, searchKeyword, event);\n    };\n\n    _this.handleEntered = function () {\n      var _this$props$onOpen, _this$props5;\n\n      (_this$props$onOpen = (_this$props5 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props5);\n\n      _this.setState({\n        active: true\n      });\n    };\n\n    _this.handleExit = function () {\n      var _this$props$onClose, _this$props6;\n\n      (_this$props$onClose = (_this$props6 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props6);\n\n      _this.setState({\n        searchKeyword: '',\n        active: false\n      });\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils2.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.renderSearchRow = function (item, key) {\n      var _classNames;\n\n      var _this$props7 = _this.props,\n          labelKey = _this$props7.labelKey,\n          valueKey = _this$props7.valueKey,\n          _this$props7$disabled = _this$props7.disabledItemValues,\n          disabledItemValues = _this$props7$disabled === void 0 ? [] : _this$props7$disabled;\n      var searchKeyword = _this.state.searchKeyword;\n      var regx = new RegExp((0, _getSafeRegExpString.default)(searchKeyword), 'ig');\n      var nodes = (0, _treeUtils.getNodeParents)(item);\n      nodes.push(item);\n      nodes = nodes.map(function (node) {\n        var _extends2;\n\n        var labelElements = [];\n        var a = node[labelKey].split(regx);\n        var b = node[labelKey].match(regx);\n\n        for (var i = 0; i < a.length; i++) {\n          labelElements.push(a[i]);\n\n          if (b && b[i]) {\n            labelElements.push(React.createElement(\"strong\", {\n              key: i,\n              __source: {\n                fileName: _jsxFileName,\n                lineNumber: 334\n              },\n              __self: this\n            }, b[i]));\n          }\n        }\n\n        return (0, _extends3.default)({}, node, (_extends2 = {}, _extends2[labelKey] = labelElements, _extends2));\n      });\n      var disabled = disabledItemValues.some(function (value) {\n        return nodes.some(function (node) {\n          return node[valueKey] === value;\n        });\n      });\n      var itemClasses = (0, _classnames.default)(_this.addPrefix('cascader-row'), (_classNames = {}, _classNames[_this.addPrefix('cascader-row-disabled')] = disabled, _classNames));\n      return React.createElement(\"div\", {\n        key: key,\n        className: itemClasses,\n        onClick: function onClick(event) {\n          if (!disabled) {\n            _this.handleSearchRowSelect(item, event);\n          }\n        },\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 349\n        },\n        __self: this\n      }, nodes.map(function (node, index) {\n        return React.createElement(\"span\", {\n          key: \"col-\" + index,\n          className: _this.addPrefix('cascader-col'),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 359\n          },\n          __self: this\n        }, node[labelKey]);\n      }));\n    };\n\n    _this.getPositionInstance = function () {\n      return _this.positionRef.current;\n    };\n\n    _this.getToggleInstance = function () {\n      return _this.toggleRef.current;\n    };\n\n    var initState = {\n      searchKeyword: '',\n      selectNode: null,\n      data: props.data,\n      value: props.defaultValue,\n\n      /**\n       * 选中值的路径\n       */\n      activePaths: [],\n\n      /**\n       * 用于展示面板的数据列表，是一个二维的数组\n       * 是通过 data 树结构转换成的二维的数组，其中只包含页面上展示的数据\n       */\n      items: []\n    };\n    _this.state = (0, _extends3.default)({}, initState, {}, (0, _utils.getDerivedStateForCascade)(props, initState), {\n      flattenData: (0, _treeUtils.flattenTree)(props.data, props.childrenKey)\n    });\n    _this.isControlled = !(0, _isUndefined2.default)(props.value);\n    _this.triggerRef = React.createRef();\n    _this.containerRef = React.createRef();\n    _this.positionRef = React.createRef();\n    _this.toggleRef = React.createRef(); // for test\n\n    _this.menuWrapperRef = React.createRef();\n    _this.menuContainerRef = React.createRef();\n    return _this;\n  }\n\n  Cascader.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n    var value = nextProps.value,\n        data = nextProps.data,\n        labelKey = nextProps.labelKey,\n        valueKey = nextProps.valueKey,\n        childrenKey = nextProps.childrenKey;\n\n    if (data !== prevState.data) {\n      var _prevState$selectNode;\n\n      // First get the value of the clicked node `selectNodeValue`, and then get the new `newChildren`.\n      var selectNodeValue = prevState === null || prevState === void 0 ? void 0 : (_prevState$selectNode = prevState.selectNode) === null || _prevState$selectNode === void 0 ? void 0 : _prevState$selectNode[valueKey];\n\n      if (selectNodeValue) {\n        var _findNodeOfTree;\n\n        var newChildren = ((_findNodeOfTree = (0, _treeUtils.findNodeOfTree)(data, function (item) {\n          return (0, _shallowEqual.default)(item[valueKey], selectNodeValue);\n        })) === null || _findNodeOfTree === void 0 ? void 0 : _findNodeOfTree.children) || [];\n        return (0, _extends3.default)({}, (0, _utils.getDerivedStateForCascade)(nextProps, prevState, selectNodeValue, newChildren.map(function (item) {\n          return (0, _stringToObject2.default)(item, labelKey, valueKey);\n        })), {\n          data: data,\n          flattenData: (0, _treeUtils.flattenTree)(data, childrenKey)\n        });\n      }\n\n      return (0, _extends3.default)({}, (0, _utils.getDerivedStateForCascade)(nextProps, prevState), {\n        flattenData: (0, _treeUtils.flattenTree)(data, childrenKey),\n        data: data\n      });\n    }\n\n    if (typeof value !== 'undefined' && !(0, _shallowEqual.default)(value, prevState.value)) {\n      return (0, _extends3.default)({}, (0, _utils.getDerivedStateForCascade)(nextProps, prevState), {\n        value: value\n      });\n    }\n\n    return null;\n  };\n\n  var _proto = Cascader.prototype;\n\n  _proto.getValue = function getValue(nextProps) {\n    var _ref = nextProps || this.props,\n        value = _ref.value;\n\n    return (0, _isUndefined2.default)(value) ? this.state.value : value;\n  };\n\n  /**\n   * 在 data 对象中的数据类型是字符串比如: ['foo']\n   * 通过这个行数可以把值转换成 [{name:'foo':value:'foo'}]\n   */\n  _proto.stringToObject = function stringToObject(value) {\n    var _this$props8 = this.props,\n        labelKey = _this$props8.labelKey,\n        valueKey = _this$props8.valueKey;\n    return (0, _stringToObject2.default)(value, labelKey, valueKey);\n  };\n\n  _proto.someKeyword = function someKeyword(item) {\n    var labelKey = this.props.labelKey;\n    var searchKeyword = this.state.searchKeyword;\n\n    if (item[labelKey].match(new RegExp((0, _getSafeRegExpString.default)(searchKeyword), 'i'))) {\n      return true;\n    }\n\n    if (item.parent && this.someKeyword(item.parent)) {\n      return true;\n    }\n\n    return false;\n  };\n\n  _proto.getSearchResult = function getSearchResult() {\n    var _this4 = this;\n\n    var childrenKey = this.props.childrenKey;\n    var flattenData = this.state.flattenData;\n    var items = [];\n    var result = flattenData.filter(function (item) {\n      if (item[childrenKey]) {\n        return false;\n      }\n\n      return _this4.someKeyword(item);\n    });\n\n    for (var i = 0; i < result.length; i++) {\n      items.push(result[i]);\n\n      if (i === 99) {\n        return items;\n      }\n    }\n\n    return items;\n  };\n\n  _proto.renderSearchResultPanel = function renderSearchResultPanel() {\n    var locale = this.props.locale;\n    var searchKeyword = this.state.searchKeyword;\n\n    if (searchKeyword === '') {\n      return null;\n    }\n\n    var items = this.getSearchResult();\n    return React.createElement(\"div\", {\n      className: this.addPrefix('cascader-search-panel'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 422\n      },\n      __self: this\n    }, items.length ? items.map(this.renderSearchRow) : React.createElement(\"div\", {\n      className: this.addPrefix('none'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 426\n      },\n      __self: this\n    }, locale.noResultsText));\n  };\n\n  _proto.renderDropdownMenu = function renderDropdownMenu() {\n    var _classNames2;\n\n    var _this$state = this.state,\n        items = _this$state.items,\n        tempActivePaths = _this$state.tempActivePaths,\n        activePaths = _this$state.activePaths,\n        searchKeyword = _this$state.searchKeyword;\n    var _this$props9 = this.props,\n        renderMenu = _this$props9.renderMenu,\n        renderExtraFooter = _this$props9.renderExtraFooter,\n        menuClassName = _this$props9.menuClassName,\n        menuStyle = _this$props9.menuStyle,\n        searchable = _this$props9.searchable,\n        locale = _this$props9.locale,\n        inline = _this$props9.inline;\n    var classes = (0, _classnames.default)(this.addPrefix('cascader-menu'), menuClassName, (_classNames2 = {}, _classNames2[this.addPrefix('inline')] = inline, _classNames2));\n    var menuProps = (0, _pick2.default)(this.props, Object.keys((0, _omit2.default)(_DropdownMenu.dropdownMenuPropTypes, ['classPrefix'])));\n    return React.createElement(_Picker.MenuWrapper, {\n      ref: this.menuWrapperRef,\n      className: classes,\n      style: menuStyle,\n      getToggleInstance: this.getToggleInstance,\n      getPositionInstance: this.getPositionInstance,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 454\n      },\n      __self: this\n    }, searchable && React.createElement(_Picker.SearchBar, {\n      placeholder: locale.searchPlaceholder,\n      onChange: this.handleSearch,\n      value: searchKeyword,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 462\n      },\n      __self: this\n    }), this.renderSearchResultPanel(), searchKeyword === '' && React.createElement(_DropdownMenu.default, (0, _extends3.default)({}, menuProps, {\n      classPrefix: this.addPrefix('cascader-menu'),\n      ref: this.menuContainerRef,\n      cascadeItems: items,\n      cascadePathItems: tempActivePaths || activePaths,\n      activeItemValue: this.getValue(),\n      onSelect: this.handleSelect,\n      renderMenu: renderMenu,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 471\n      },\n      __self: this\n    })), renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  _proto.render = function render() {\n    var _this$props10 = this.props,\n        valueKey = _this$props10.valueKey,\n        labelKey = _this$props10.labelKey,\n        placeholder = _this$props10.placeholder,\n        renderValue = _this$props10.renderValue,\n        disabled = _this$props10.disabled,\n        cleanable = _this$props10.cleanable,\n        locale = _this$props10.locale,\n        toggleComponentClass = _this$props10.toggleComponentClass,\n        style = _this$props10.style,\n        onEnter = _this$props10.onEnter,\n        onExited = _this$props10.onExited,\n        onClean = _this$props10.onClean,\n        inline = _this$props10.inline,\n        positionRef = _this$props10.positionRef,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props10, [\"valueKey\", \"labelKey\", \"placeholder\", \"renderValue\", \"disabled\", \"cleanable\", \"locale\", \"toggleComponentClass\", \"style\", \"onEnter\", \"onExited\", \"onClean\", \"inline\", \"positionRef\"]);\n\n    if (inline) {\n      return this.renderDropdownMenu();\n    }\n\n    var _this$state2 = this.state,\n        activePaths = _this$state2.activePaths,\n        active = _this$state2.active;\n    var unhandled = (0, _utils2.getUnhandledProps)(Cascader, rest);\n    var value = this.getValue();\n    /**\n     * 1.Have a value and the value is valid.\n     * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.\n     */\n\n    var hasValue = activePaths.length > 0 || !(0, _isNil2.default)(value) && (0, _isFunction2.default)(renderValue);\n    var activeItemLabel = placeholder;\n\n    if (activePaths.length > 0) {\n      activeItemLabel = [];\n      activePaths.forEach(function (item, index) {\n        var key = item[valueKey] || item[labelKey];\n        activeItemLabel.push(React.createElement(\"span\", {\n          key: key,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 526\n          },\n          __self: this\n        }, item[labelKey]));\n\n        if (index < activePaths.length - 1) {\n          activeItemLabel.push(React.createElement(\"span\", {\n            className: \"separator\",\n            key: key + \"-separator\",\n            __source: {\n              fileName: _jsxFileName,\n              lineNumber: 529\n            },\n            __self: this\n          }, ' / '));\n        }\n      });\n    }\n\n    if (!(0, _isNil2.default)(value) && (0, _isFunction2.default)(renderValue)) {\n      activeItemLabel = renderValue(value, activePaths, activeItemLabel);\n\n      if ((0, _isNil2.default)(activeItemLabel)) {\n        hasValue = false;\n      }\n    }\n\n    var classes = (0, _Picker.getToggleWrapperClassName)('cascader', this.addPrefix, this.props, hasValue);\n    return React.createElement(_IntlContext.default.Provider, {\n      value: locale,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 547\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      tabIndex: -1,\n      role: \"menu\",\n      ref: this.containerRef,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 548\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggleTrigger, {\n      pickerProps: this.props,\n      ref: this.triggerRef,\n      positionRef: (0, _utils2.mergeRefs)(this.positionRef, positionRef),\n      onEnter: (0, _utils2.createChainedFunction)(this.handleEntered, onEnter),\n      onExited: (0, _utils2.createChainedFunction)(this.handleExit, onExited),\n      speaker: this.renderDropdownMenu(),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 549\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggle, (0, _extends3.default)({}, unhandled, {\n      ref: this.toggleRef,\n      componentClass: toggleComponentClass,\n      onClean: (0, _utils2.createChainedFunction)(this.handleClean, onClean),\n      cleanable: cleanable && !disabled,\n      hasValue: hasValue,\n      active: active,\n      \"aria-disabled\": disabled,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 557\n      },\n      __self: this\n    }), activeItemLabel || React.createElement(_FormattedMessage.default, {\n      id: \"placeholder\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 567\n      },\n      __self: this\n    })))));\n  };\n\n  return Cascader;\n}(React.Component);\n\nCascader.propTypes = (0, _extends3.default)({}, _propTypes2.listPickerPropTypes, {\n  renderMenu: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onSearch: _propTypes.default.func,\n  cleanable: _propTypes.default.bool,\n  renderMenuItem: _propTypes.default.func,\n  menuWidth: _propTypes.default.number,\n  menuHeight: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  searchable: _propTypes.default.bool,\n  inline: _propTypes.default.bool,\n  parentSelectable: _propTypes.default.bool\n});\nCascader.defaultProps = (0, _extends3.default)({}, _propTypes2.listPickerDefaultProps, {\n  searchable: true,\n  locale: {\n    placeholder: 'Select',\n    searchPlaceholder: 'Search',\n    noResultsText: 'No results found'\n  }\n});\n(0, _reactLifecyclesCompat.polyfill)(Cascader);\n\nvar _default = (0, _utils2.defaultProps)({\n  classPrefix: 'picker'\n})(Cascader);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Cascader/Cascader.tsx?");
 
 /***/ }),
 
@@ -7743,7 +7624,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _isFunction2 = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _isNumber2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNumber */ \"./node_modules/lodash/isNumber.js\"));\n\nvar _isString2 = _interopRequireDefault(__webpack_require__(/*! lodash/isString */ \"./node_modules/lodash/isString.js\"));\n\nvar _isEmpty2 = _interopRequireDefault(__webpack_require__(/*! lodash/isEmpty */ \"./node_modules/lodash/isEmpty.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _isArray2 = _interopRequireDefault(__webpack_require__(/*! lodash/isArray */ \"./node_modules/lodash/isArray.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _List = _interopRequireDefault(__webpack_require__(/*! react-virtualized/dist/commonjs/List */ \"./node_modules/react-virtualized/dist/commonjs/List/index.js\"));\n\nvar _AutoSizer = _interopRequireDefault(__webpack_require__(/*! react-virtualized/dist/commonjs/AutoSizer */ \"./node_modules/react-virtualized/dist/commonjs/AutoSizer/index.js\"));\n\nvar _CellMeasurer = __webpack_require__(/*! react-virtualized/dist/commonjs/CellMeasurer */ \"./node_modules/react-virtualized/dist/commonjs/CellMeasurer/index.js\");\n\nvar _reactLifecyclesCompat = __webpack_require__(/*! react-lifecycles-compat */ \"./node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js\");\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _CheckTreeNode = _interopRequireDefault(__webpack_require__(/*! ./CheckTreeNode */ \"./src/CheckTreePicker/CheckTreeNode.tsx\"));\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/CheckTreePicker/utils.ts\");\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _propTypes2 = __webpack_require__(/*! ../Picker/propTypes */ \"./src/Picker/propTypes.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CheckTreePicker/CheckTreePicker.tsx\";\n// default value for virtualized\nvar defaultHeight = 360;\nvar defaultWidth = 200;\n\nvar CheckTreePicker =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(CheckTreePicker, _React$Component);\n\n  function CheckTreePicker(_props) {\n    var _this;\n\n    _this = _React$Component.call(this, _props) || this;\n    _this.menuRef = void 0;\n    _this.treeViewRef = void 0;\n    _this.positionRef = void 0;\n    _this.listRef = void 0;\n    _this.triggerRef = void 0;\n    _this.toggleRef = void 0;\n\n    _this.getValue = function (props) {\n      if (props === void 0) {\n        props = _this.props;\n      }\n\n      var _props2 = props,\n          value = _props2.value,\n          defaultValue = _props2.defaultValue,\n          _props2$uncheckableIt = _props2.uncheckableItemValues,\n          uncheckableItemValues = _props2$uncheckableIt === void 0 ? [] : _props2$uncheckableIt;\n\n      if (value && value.length) {\n        return value.filter(function (v) {\n          return !uncheckableItemValues.includes(v);\n        });\n      }\n\n      if (defaultValue && defaultValue.length > 0) {\n        return defaultValue.filter(function (v) {\n          return !uncheckableItemValues.includes(v);\n        });\n      }\n\n      return [];\n    };\n\n    _this.getElementByDataKey = function (dataKey) {\n      var ele = _this.nodeRefs[dataKey];\n\n      if (ele instanceof Element) {\n        return ele.querySelector(\".\" + _this.addTreePrefix('node-label'));\n      }\n\n      return null;\n    };\n\n    _this.getFocusableMenuItems = function () {\n      var filterData = _this.state.filterData;\n      var childrenKey = _this.props.childrenKey;\n      var items = [];\n\n      var loop = function loop(treeNodes) {\n        treeNodes.forEach(function (node) {\n          var nodeData = (0, _extends2.default)({}, node, {}, _this.nodes[node.refKey]);\n\n          if (!(0, _utils2.getDisabledState)(_this.nodes, node, _this.props) && node.visible) {\n            items.push(node);\n          }\n\n          if (node[childrenKey] && (0, _treeUtils.getExpandState)(nodeData, _this.props)) {\n            loop(node[childrenKey]);\n          }\n        });\n      };\n\n      loop(filterData);\n      return items;\n    };\n\n    _this.nodes = {};\n    _this.activeNode = null;\n    _this.cache = new _CellMeasurer.CellMeasurerCache({\n      fixedWidth: true,\n      minHeight: 20\n    });\n    _this.nodeRefs = {};\n\n    _this.bindNodeRefs = function (refKey, ref) {\n      _this.nodeRefs[refKey] = ref;\n    };\n\n    _this.getPositionInstance = function () {\n      return _this.positionRef.current;\n    };\n\n    _this.getToggleInstance = function () {\n      return _this.toggleRef.current;\n    };\n\n    _this.selectActiveItem = function (event) {\n      var _this$getActiveItem = _this.getActiveItem(),\n          nodeData = _this$getActiveItem.nodeData;\n\n      _this.handleSelect(nodeData, event);\n    };\n\n    _this.focusNextItem = function () {\n      var _node$focus;\n\n      var _this$getItemsAndActi = _this.getItemsAndActiveIndex(),\n          items = _this$getItemsAndActi.items,\n          activeIndex = _this$getItemsAndActi.activeIndex;\n\n      if (items.length === 0) {\n        return;\n      }\n\n      var nextIndex = activeIndex === items.length - 1 ? 0 : activeIndex + 1;\n\n      var node = _this.getElementByDataKey(items[nextIndex].refKey);\n\n      node === null || node === void 0 ? void 0 : (_node$focus = node.focus) === null || _node$focus === void 0 ? void 0 : _node$focus.call(node);\n    };\n\n    _this.focusPreviousItem = function () {\n      var _node$focus2;\n\n      var _this$getItemsAndActi2 = _this.getItemsAndActiveIndex(),\n          items = _this$getItemsAndActi2.items,\n          activeIndex = _this$getItemsAndActi2.activeIndex;\n\n      if (items.length === 0) {\n        return;\n      }\n\n      var prevIndex = activeIndex === 0 ? items.length - 1 : activeIndex - 1;\n      prevIndex = prevIndex >= 0 ? prevIndex : 0;\n\n      var node = _this.getElementByDataKey(items[prevIndex].refKey);\n\n      node === null || node === void 0 ? void 0 : (_node$focus2 = node.focus) === null || _node$focus2 === void 0 ? void 0 : _node$focus2.call(node);\n    };\n\n    _this.handleCloseDropdown = function () {\n      var _this$triggerRef$curr, _this$triggerRef$curr2;\n\n      (_this$triggerRef$curr = _this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : (_this$triggerRef$curr2 = _this$triggerRef$curr.hide) === null || _this$triggerRef$curr2 === void 0 ? void 0 : _this$triggerRef$curr2.call(_this$triggerRef$curr);\n    };\n\n    _this.handleOpenDropdown = function () {\n      var _this$triggerRef$curr3, _this$triggerRef$curr4;\n\n      (_this$triggerRef$curr3 = _this.triggerRef.current) === null || _this$triggerRef$curr3 === void 0 ? void 0 : (_this$triggerRef$curr4 = _this$triggerRef$curr3.show) === null || _this$triggerRef$curr4 === void 0 ? void 0 : _this$triggerRef$curr4.call(_this$triggerRef$curr3);\n    };\n\n    _this.open = function () {\n      var _this$handleOpenDropd, _this2;\n\n      (_this$handleOpenDropd = (_this2 = _this).handleOpenDropdown) === null || _this$handleOpenDropd === void 0 ? void 0 : _this$handleOpenDropd.call(_this2);\n    };\n\n    _this.close = function () {\n      var _this$handleCloseDrop, _this3;\n\n      (_this$handleCloseDrop = (_this3 = _this).handleCloseDropdown) === null || _this$handleCloseDrop === void 0 ? void 0 : _this$handleCloseDrop.call(_this3);\n    };\n\n    _this.handleToggleDropdown = function () {\n      var active = _this.state.active;\n\n      if (active) {\n        _this.handleCloseDropdown();\n\n        return;\n      }\n\n      _this.handleOpenDropdown();\n    };\n\n    _this.everyChildChecked = function (nodes, node) {\n      var list = [];\n      Object.keys(nodes).forEach(function (refKey) {\n        var _curNode$parentNode;\n\n        var curNode = nodes[refKey];\n\n        if (((_curNode$parentNode = curNode.parentNode) === null || _curNode$parentNode === void 0 ? void 0 : _curNode$parentNode.refKey) === node.refKey && !curNode.uncheckable) {\n          list.push(curNode);\n        }\n      });\n      return list.every(function (l) {\n        return l.check;\n      });\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.addTreePrefix = function (name) {\n      return (0, _utils.prefix)((0, _utils.defaultClassPrefix)('check-tree'))(name);\n    };\n\n    _this.handleSelect = function (activeNode, event) {\n      var _this$props = _this.props,\n          onChange = _this$props.onChange,\n          onSelect = _this$props.onSelect,\n          value = _this$props.value;\n\n      var selectedValues = _this.toggleChecked(activeNode, !_this.nodes[activeNode.refKey].check);\n\n      if (!(0, _isUndefined2.default)(value)) {\n        _this.activeNode = activeNode;\n      } else {\n        _this.unserializeLists({\n          check: selectedValues\n        });\n\n        _this.setState({\n          activeNode: activeNode,\n          selectedValues: selectedValues,\n          hasValue: !!selectedValues.length\n        });\n      }\n\n      onChange === null || onChange === void 0 ? void 0 : onChange(selectedValues, event);\n      onSelect === null || onSelect === void 0 ? void 0 : onSelect(activeNode, selectedValues, event);\n    };\n\n    _this.handleToggle = function (node) {\n      var _this$props2 = _this.props,\n          valueKey = _this$props2.valueKey,\n          childrenKey = _this$props2.childrenKey,\n          onExpand = _this$props2.onExpand,\n          expandItemValues = _this$props2.expandItemValues;\n\n      var nextExpandItemValues = _this.toggleExpand(node, !node.expand);\n\n      if ((0, _isUndefined2.default)(expandItemValues)) {\n        _this.unserializeLists({\n          expand: nextExpandItemValues\n        });\n\n        _this.setState({\n          expandItemValues: nextExpandItemValues\n        });\n      }\n\n      onExpand === null || onExpand === void 0 ? void 0 : onExpand(nextExpandItemValues, node, (0, _Picker.createConcatChildrenFunction)(node, node[valueKey], {\n        valueKey: valueKey,\n        childrenKey: childrenKey\n      }));\n    };\n\n    _this.handleKeyDown = function (event) {\n      (0, _Picker.onMenuKeyDown)(event, {\n        down: _this.focusNextItem,\n        up: _this.focusPreviousItem,\n        enter: _this.selectActiveItem,\n        del: _this.handleClean\n      });\n    };\n\n    _this.handleToggleKeyDown = function (event) {\n      var _this$state = _this.state,\n          activeNode = _this$state.activeNode,\n          active = _this$state.active; // enter\n\n      if ((!activeNode || !active) && event.keyCode === 13) {\n        _this.handleToggleDropdown();\n      } // delete\n\n\n      if (event.keyCode === 8) {\n        _this.handleClean(event);\n      }\n\n      if (!_this.treeViewRef.current) {\n        return;\n      }\n\n      if (event.target instanceof HTMLElement) {\n        var className = event.target.className;\n\n        if (className.includes(_this.addPrefix('toggle')) || className.includes(_this.addPrefix('toggle-custom')) || className.includes(_this.addPrefix('search-bar-input'))) {\n          (0, _Picker.onMenuKeyDown)(event, {\n            down: _this.focusNextItem\n          });\n        }\n      }\n    };\n\n    _this.handleSearch = function (value, event) {\n      var filterData = _this.state.filterData;\n      var _this$props3 = _this.props,\n          onSearch = _this$props3.onSearch,\n          searchKeyword = _this$props3.searchKeyword;\n\n      if ((0, _isUndefined2.default)(searchKeyword)) {\n        _this.setState({\n          filterData: _this.getFilterData(value, filterData),\n          searchKeyword: value\n        });\n      }\n\n      onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);\n    };\n\n    _this.handleClean = function (evnet) {\n      var _this$props$onChange, _this$props4;\n\n      _this.setState({\n        selectedValues: [],\n        hasValue: false,\n        activeNode: {}\n      });\n\n      _this.unserializeLists({\n        check: []\n      });\n\n      (_this$props$onChange = (_this$props4 = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props4, [], evnet);\n    };\n\n    _this.handleOnOpen = function () {\n      var _this$props$onOpen, _this$props5;\n\n      var activeNode = _this.state.activeNode;\n\n      if (activeNode) {\n        var _node$focus3;\n\n        var node = _this.getElementByDataKey(activeNode.refKey);\n\n        node === null || node === void 0 ? void 0 : (_node$focus3 = node.focus) === null || _node$focus3 === void 0 ? void 0 : _node$focus3.call(node);\n      }\n\n      (_this$props$onOpen = (_this$props5 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props5);\n\n      _this.setState({\n        active: true\n      });\n    };\n\n    _this.handleOnClose = function () {\n      var filterData = _this.state.filterData;\n      var _this$props6 = _this.props,\n          onClose = _this$props6.onClose,\n          searchKeyword = _this$props6.searchKeyword;\n\n      if ((0, _isUndefined2.default)(searchKeyword)) {\n        _this.setState({\n          filterData: _this.getFilterData('', filterData),\n          searchKeyword: ''\n        });\n      }\n\n      onClose === null || onClose === void 0 ? void 0 : onClose();\n\n      _this.setState({\n        active: false\n      });\n    };\n\n    _this.measureRowRenderer = function (nodes) {\n      return function (_ref) {\n        var key = _ref.key,\n            index = _ref.index,\n            style = _ref.style,\n            parent = _ref.parent;\n        var node = nodes[index];\n        return React.createElement(_CellMeasurer.CellMeasurer, {\n          cache: _this.cache,\n          columnIndex: 0,\n          key: key,\n          rowIndex: index,\n          parent: parent,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 1065\n          },\n          __self: this\n        }, function () {\n          return _this.renderVirtualNode(node, {\n            key: key,\n            style: style\n          });\n        });\n      };\n    };\n\n    var _value = _props.value,\n        data = _props.data,\n        cascade = _props.cascade,\n        _childrenKey = _props.childrenKey,\n        _searchKeyword = _props.searchKeyword;\n    _this.nodes = {};\n\n    var nextValue = _this.getValue(_props);\n\n    var _nextExpandItemValues = (0, _treeUtils.getExpandItemValues)(_props);\n\n    var nextData = [].concat(data);\n\n    _this.flattenNodes(nextData, _props);\n\n    _this.unserializeLists({\n      check: nextValue,\n      expand: _nextExpandItemValues\n    }, _props);\n\n    _this.state = {\n      data: data,\n      value: _value,\n      cascade: cascade,\n      hasValue: _this.hasValue(nextValue),\n      expandAll: (0, _treeUtils.getExpandAll)(_props),\n      filterData: _this.getFilterData(_searchKeyword, nextData, _props),\n      searchKeyword: _searchKeyword || '',\n      selectedValues: nextValue,\n      expandItemValues: _this.serializeList('expand'),\n      uncheckableItemValues: _props.uncheckableItemValues,\n      isSomeNodeHasChildren: (0, _utils2.isSomeNodeHasChildren)(data, _childrenKey)\n    };\n    _this.treeViewRef = React.createRef();\n    _this.positionRef = React.createRef();\n    _this.listRef = React.createRef();\n    _this.triggerRef = React.createRef();\n    _this.toggleRef = React.createRef(); // for test\n\n    _this.menuRef = React.createRef();\n    (0, _treeUtils.treeDeprecatedWarning)(_props, ['expandAll']);\n    return _this;\n  }\n\n  CheckTreePicker.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n    var value = nextProps.value,\n        data = nextProps.data,\n        cascade = nextProps.cascade,\n        expandAll = nextProps.expandAll,\n        searchKeyword = nextProps.searchKeyword,\n        uncheckableItemValues = nextProps.uncheckableItemValues,\n        expandItemValues = nextProps.expandItemValues;\n    var nextState = {};\n\n    if ((0, _isArray2.default)(data) && (0, _isArray2.default)(prevState.data) && prevState.data !== data) {\n      nextState.data = data;\n    }\n\n    if ((0, _treeUtils.compareArray)(value, prevState.value)) {\n      nextState.value = value;\n    }\n\n    if ((0, _treeUtils.compareArray)(expandItemValues, prevState.expandItemValues)) {\n      nextState.expandItemValues = expandItemValues;\n    }\n\n    if ((0, _treeUtils.compareArray)(uncheckableItemValues, prevState.uncheckableItemValues)) {\n      nextState.uncheckableItemValues = uncheckableItemValues;\n    }\n\n    if (!(0, _isUndefined2.default)(searchKeyword) && searchKeyword !== prevState.searchKeyword) {\n      nextState.searchKeyword = searchKeyword;\n    }\n\n    if (cascade !== prevState.cascade) {\n      nextState.cascade = cascade;\n    }\n\n    if (expandAll !== prevState.expandAll) {\n      nextState.expandAll = expandAll;\n    }\n\n    return Object.keys(nextState).length ? nextState : null;\n  };\n\n  var _proto = CheckTreePicker.prototype;\n\n  _proto.componentDidUpdate = function componentDidUpdate(_prevProps, prevState) {\n    this.updateDataChange(prevState);\n    this.updateValueChange(prevState);\n    this.updateExpandItemValuesChange(prevState);\n    this.updateUncheckableItemValuesChange(prevState);\n    this.updateCascadeChange(prevState);\n    this.updateSearchKeywordChange(prevState);\n\n    if (this.listRef.current) {\n      this.listRef.current.forceUpdateGrid();\n    }\n  };\n\n  _proto.updateDataChange = function updateDataChange(prevState) {\n    var _this$state2 = this.state,\n        searchKeyword = _this$state2.searchKeyword,\n        expandItemValues = _this$state2.expandItemValues;\n    var _this$props7 = this.props,\n        _this$props7$data = _this$props7.data,\n        data = _this$props7$data === void 0 ? [] : _this$props7$data,\n        childrenKey = _this$props7.childrenKey;\n\n    if (prevState.data !== data) {\n      var nextData = [].concat(data);\n      this.nodes = {};\n      this.flattenNodes(nextData);\n      this.unserializeLists({\n        check: this.getValue(),\n        expand: expandItemValues\n      });\n      this.setState({\n        data: nextData,\n        filterData: this.getFilterData(searchKeyword, nextData),\n        isSomeNodeHasChildren: (0, _utils2.isSomeNodeHasChildren)(nextData, childrenKey),\n        hasValue: this.hasValue(),\n        expandItemValues: this.serializeList('expand')\n      });\n    }\n  };\n\n  _proto.updateValueChange = function updateValueChange(prevState) {\n    var expandItemValues = this.state.expandItemValues;\n    var value = this.props.value;\n\n    if ((0, _treeUtils.compareArray)(value, prevState.value)) {\n      this.unserializeLists({\n        check: value,\n        expand: expandItemValues\n      });\n      this.setState({\n        selectedValues: value,\n        hasValue: this.hasValue(value),\n        activeNode: value.length ? this.activeNode : null\n      });\n    }\n  };\n\n  _proto.updateExpandItemValuesChange = function updateExpandItemValuesChange(prevState) {\n    var expandItemValues = this.props.expandItemValues;\n\n    if ((0, _treeUtils.compareArray)(expandItemValues, prevState.expandItemValues)) {\n      this.unserializeLists({\n        expand: expandItemValues\n      });\n      this.setState({\n        expandItemValues: expandItemValues\n      });\n    }\n  };\n\n  _proto.updateUncheckableItemValuesChange = function updateUncheckableItemValuesChange(prevState) {\n    var _this$state3 = this.state,\n        data = _this$state3.data,\n        selectedValues = _this$state3.selectedValues,\n        expandItemValues = _this$state3.expandItemValues;\n    var uncheckableItemValues = this.props.uncheckableItemValues;\n\n    if ((0, _treeUtils.compareArray)(uncheckableItemValues, prevState.uncheckableItemValues)) {\n      this.flattenNodes(data);\n      this.unserializeLists({\n        check: selectedValues,\n        expand: expandItemValues\n      });\n      this.setState({\n        hasValue: this.hasValue()\n      });\n    }\n  };\n\n  _proto.updateCascadeChange = function updateCascadeChange(prevState) {\n    var _this$state4 = this.state,\n        data = _this$state4.data,\n        selectedValues = _this$state4.selectedValues,\n        expandItemValues = _this$state4.expandItemValues;\n    var cascade = this.props.cascade; // cascade 改变时，重新初始化\n\n    if (cascade !== prevState.cascade && cascade) {\n      this.flattenNodes(data);\n      this.unserializeLists({\n        check: selectedValues,\n        expand: expandItemValues\n      });\n      this.setState({\n        cascade: cascade\n      });\n    }\n  };\n\n  _proto.updateSearchKeywordChange = function updateSearchKeywordChange(prevState) {\n    var filterData = this.state.filterData;\n    var searchKeyword = this.props.searchKeyword;\n\n    if (!(0, _isUndefined2.default)(searchKeyword) && prevState.searchKeyword !== searchKeyword) {\n      this.setState({\n        filterData: this.getFilterData(searchKeyword, filterData)\n      });\n    }\n  };\n\n  _proto.getNodeCheckState = function getNodeCheckState(node, cascade) {\n    var childrenKey = this.props.childrenKey;\n\n    if (!node[childrenKey] || !node[childrenKey].length || !cascade) {\n      this.nodes[node.refKey].checkAll = false;\n      return node.check ? _constants.CHECK_STATE.CHECK : _constants.CHECK_STATE.UNCHECK;\n    }\n\n    if ((0, _utils2.isEveryChildChecked)(node, this.nodes, this.props)) {\n      this.nodes[node.refKey].checkAll = true;\n      return _constants.CHECK_STATE.CHECK;\n    }\n\n    if ((0, _utils2.isSomeChildChecked)(node, this.nodes, this.props)) {\n      this.nodes[node.refKey].checkAll = false;\n      return _constants.CHECK_STATE.INDETERMINATE;\n    }\n\n    return _constants.CHECK_STATE.UNCHECK;\n  };\n\n  _proto.getFilterData = function getFilterData(searchKeyword, data, props) {\n    if (searchKeyword === void 0) {\n      searchKeyword = '';\n    }\n\n    if (props === void 0) {\n      props = this.props;\n    }\n\n    var _props3 = props,\n        labelKey = _props3.labelKey,\n        childrenKey = _props3.childrenKey,\n        searchBy = _props3.searchBy;\n\n    var setVisible = function setVisible(nodes) {\n      if (nodes === void 0) {\n        nodes = [];\n      }\n\n      return nodes.forEach(function (item) {\n        item.visible = searchBy ? searchBy(searchKeyword, item[labelKey], item) : (0, _Picker.shouldDisplay)(item[labelKey], searchKeyword);\n\n        if ((0, _isArray2.default)(item[childrenKey])) {\n          setVisible(item[childrenKey]);\n          item[childrenKey].forEach(function (child) {\n            if (child.visible) {\n              item.visible = child.visible;\n            }\n          });\n        }\n      });\n    };\n\n    setVisible(data);\n    return data;\n  };\n\n  _proto.getActiveElementOption = function getActiveElementOption(options, refKey) {\n    var childrenKey = this.props.childrenKey;\n\n    for (var i = 0; i < options.length; i += 1) {\n      var _options$i$childrenKe;\n\n      if (options[i].refKey === refKey) {\n        return options[i];\n      } else if ((_options$i$childrenKe = options[i][childrenKey]) === null || _options$i$childrenKe === void 0 ? void 0 : _options$i$childrenKe.length) {\n        var active = this.getActiveElementOption(options[i][childrenKey], refKey);\n\n        if (!(0, _isEmpty2.default)(active)) {\n          return active;\n        }\n      }\n    }\n\n    return {};\n  };\n\n  _proto.getFlattenTreeData = function getFlattenTreeData(nodes) {\n    var _this4 = this;\n\n    var expandItemValues = this.state.expandItemValues;\n    var _this$props8 = this.props,\n        childrenKey = _this$props8.childrenKey,\n        valueKey = _this$props8.valueKey;\n    return (0, _treeUtils.flattenTree)(nodes, childrenKey, function (node) {\n      var formatted = {};\n      var curNode = _this4.nodes[node.refKey];\n      var parentKeys = (0, _treeUtils.getNodeParents)(curNode, 'parentNode', valueKey);\n\n      if (curNode) {\n        formatted = (0, _extends2.default)({}, node, {\n          check: curNode.check,\n          expand: curNode.expand,\n          uncheckable: curNode.uncheckable,\n          layer: curNode.layer,\n          parentNode: curNode.parentNode,\n          showNode: (0, _treeUtils.shouldShowNodeByExpanded)(expandItemValues, parentKeys)\n        });\n      }\n\n      return formatted;\n    });\n  };\n\n  _proto.getItemsAndActiveIndex = function getItemsAndActiveIndex() {\n    var items = this.getFocusableMenuItems();\n    var activeIndex = -1;\n    items.forEach(function (item, index) {\n      if (document.activeElement !== null) {\n        if (item.refKey === document.activeElement.getAttribute('data-key')) {\n          activeIndex = index;\n        }\n      }\n    });\n    return {\n      items: items,\n      activeIndex: activeIndex\n    };\n  };\n\n  _proto.getActiveItem = function getActiveItem() {\n    var filterData = this.state.filterData;\n    var activeItem = document.activeElement;\n\n    if (activeItem !== null) {\n      var _activeItem$dataset, _activeItem$dataset2, _this$nodes$nodeData$, _this$nodes$nodeData$2;\n\n      var key = activeItem === null || activeItem === void 0 ? void 0 : (_activeItem$dataset = activeItem.dataset) === null || _activeItem$dataset === void 0 ? void 0 : _activeItem$dataset.key;\n      var layer = activeItem === null || activeItem === void 0 ? void 0 : (_activeItem$dataset2 = activeItem.dataset) === null || _activeItem$dataset2 === void 0 ? void 0 : _activeItem$dataset2.layer;\n      var nodeData = this.getActiveElementOption(filterData, key);\n      nodeData.check = !((_this$nodes$nodeData$ = this.nodes[nodeData.refKey]) === null || _this$nodes$nodeData$ === void 0 ? void 0 : _this$nodes$nodeData$.check);\n      nodeData.parentNode = (_this$nodes$nodeData$2 = this.nodes[nodeData.refKey]) === null || _this$nodes$nodeData$2 === void 0 ? void 0 : _this$nodes$nodeData$2.parentNode;\n      return {\n        nodeData: nodeData,\n        layer: layer\n      };\n    }\n\n    return {};\n  }\n  /**\n   * 获取已选择的items，用于显示在placeholder\n   */\n  ;\n\n  _proto.getSelectedItems = function getSelectedItems(selectedValues) {\n    var _this5 = this;\n\n    var valueKey = this.props.valueKey;\n    var checkItems = [];\n    Object.keys(this.nodes).map(function (refKey) {\n      var node = _this5.nodes[refKey];\n\n      if (selectedValues.some(function (value) {\n        return (0, _shallowEqual.default)(node[valueKey], value);\n      })) {\n        checkItems.push(node);\n      }\n    });\n    return checkItems;\n  }\n  /**\n   * 判断传入的 value 是否存在于data 中\n   * @param {*} values\n   */\n  ;\n\n  _proto.hasValue = function hasValue(values) {\n    var _this6 = this;\n\n    if (values === void 0) {\n      values = this.state.selectedValues;\n    }\n\n    var valueKey = this.props.valueKey;\n    var selectedValues = Object.keys(this.nodes).map(function (refKey) {\n      return _this6.nodes[refKey][valueKey];\n    }).filter(function (item) {\n      return values.some(function (v) {\n        return (0, _shallowEqual.default)(v, item);\n      });\n    });\n    return !!selectedValues.length;\n  }\n  /**\n   * 拍平数组，将tree 转换为一维对象\n   * @param {*} nodes tree data\n   * @param {*} ref 当前层级\n   */\n  ;\n\n  _proto.flattenNodes = function flattenNodes(nodes, props, ref, parentNode, layer) {\n    var _this7 = this;\n\n    if (ref === void 0) {\n      ref = '0';\n    }\n\n    if (layer === void 0) {\n      layer = 0;\n    }\n\n    var _ref2 = props || this.props,\n        labelKey = _ref2.labelKey,\n        valueKey = _ref2.valueKey,\n        childrenKey = _ref2.childrenKey;\n\n    if (!Array.isArray(nodes) || nodes.length === 0) {\n      return;\n    }\n\n    nodes.forEach(function (node, index) {\n      var _this7$nodes$refKey;\n\n      var refKey = ref + \"-\" + index;\n      node.refKey = refKey;\n      _this7.nodes[refKey] = (_this7$nodes$refKey = {\n        layer: layer\n      }, _this7$nodes$refKey[labelKey] = node[labelKey], _this7$nodes$refKey[valueKey] = node[valueKey], _this7$nodes$refKey.expand = (0, _treeUtils.getExpandState)(node, props || _this7.props), _this7$nodes$refKey.uncheckable = (0, _utils2.getUncheckableState)(node, props || _this7.props), _this7$nodes$refKey.refKey = refKey, _this7$nodes$refKey);\n\n      if (parentNode) {\n        _this7.nodes[refKey].parentNode = parentNode;\n      }\n\n      _this7.flattenNodes(node[childrenKey], props, refKey, _this7.nodes[refKey], layer + 1);\n    });\n  }\n  /**\n   * 过滤选中的values中不包含 uncheckableItemValues 的那些值\n   * @param {*} values\n   */\n  ;\n\n  _proto.filterSelectedValues = function filterSelectedValues(values) {\n    var _this$props$uncheckab = this.props.uncheckableItemValues,\n        uncheckableItemValues = _this$props$uncheckab === void 0 ? [] : _this$props$uncheckab;\n    return values.filter(function (value) {\n      return !uncheckableItemValues.includes(value);\n    });\n  };\n\n  _proto.serializeList = function serializeList(key, nodes) {\n    if (nodes === void 0) {\n      nodes = this.nodes;\n    }\n\n    var valueKey = this.props.valueKey;\n    var list = [];\n    Object.keys(nodes).forEach(function (refKey) {\n      if (nodes[refKey][key]) {\n        list.push(nodes[refKey][valueKey]);\n      }\n    });\n    return list;\n  };\n\n  _proto.serializeListOnlyParent = function serializeListOnlyParent(key, nodes) {\n    if (nodes === void 0) {\n      nodes = this.nodes;\n    }\n\n    var valueKey = this.props.valueKey;\n    var list = [];\n    Object.keys(nodes).forEach(function (refKey) {\n      var currentNode = nodes[refKey];\n\n      if (currentNode.parentNode) {\n        var _currentNode$parentNo;\n\n        var parentNode = nodes[(_currentNode$parentNo = currentNode.parentNode) === null || _currentNode$parentNo === void 0 ? void 0 : _currentNode$parentNo.refKey];\n\n        if (currentNode[key]) {\n          if (!(parentNode === null || parentNode === void 0 ? void 0 : parentNode.checkAll)) {\n            list.push(nodes[refKey][valueKey]);\n          } else if (parentNode === null || parentNode === void 0 ? void 0 : parentNode.uncheckable) {\n            list.push(nodes[refKey][valueKey]);\n          }\n        }\n      } else {\n        if (currentNode[key]) {\n          list.push(nodes[refKey][valueKey]);\n        }\n      }\n    });\n    return list;\n  };\n\n  _proto.unserializeLists = function unserializeLists(lists, nextProps) {\n    var _this8 = this;\n\n    if (nextProps === void 0) {\n      nextProps = this.props;\n    }\n\n    var _nextProps = nextProps,\n        valueKey = _nextProps.valueKey,\n        cascade = _nextProps.cascade,\n        _nextProps$uncheckabl = _nextProps.uncheckableItemValues,\n        uncheckableItemValues = _nextProps$uncheckabl === void 0 ? [] : _nextProps$uncheckabl;\n    var expandAll = (0, _treeUtils.getExpandAll)(nextProps); // Reset values to false\n\n    Object.keys(this.nodes).forEach(function (refKey) {\n      Object.keys(lists).forEach(function (listKey) {\n        if (listKey === 'check') {\n          var node = _this8.nodes[refKey];\n\n          if (cascade && 'parentNode' in node) {\n            node[listKey] = node.parentNode[listKey];\n          } else {\n            node[listKey] = false;\n          }\n\n          lists[listKey].forEach(function (value) {\n            if ((0, _shallowEqual.default)(_this8.nodes[refKey][valueKey], value) && !uncheckableItemValues.some(function (uncheckableValue) {\n              return (0, _shallowEqual.default)(value, uncheckableValue);\n            })) {\n              _this8.nodes[refKey][listKey] = true;\n            }\n          });\n        }\n\n        if (listKey === 'expand') {\n          _this8.nodes[refKey][listKey] = false;\n\n          if (lists[listKey].length) {\n            lists[listKey].forEach(function (value) {\n              if ((0, _shallowEqual.default)(_this8.nodes[refKey][valueKey], value)) {\n                _this8.nodes[refKey][listKey] = true;\n              }\n            });\n          } else {\n            _this8.nodes[refKey][listKey] = expandAll;\n          }\n        }\n      });\n    });\n  };\n\n  _proto.toggleChecked = function toggleChecked(node, isChecked) {\n    var nodes = (0, _utils.clone)(this.nodes);\n    this.toggleDownChecked(nodes, node, isChecked);\n    node.parentNode && this.toggleUpChecked(nodes, node.parentNode, isChecked);\n    var values = this.serializeListOnlyParent('check', nodes);\n    return this.filterSelectedValues(values);\n  };\n\n  _proto.toggleUpChecked = function toggleUpChecked(nodes, node, checked) {\n    var cascade = this.props.cascade;\n    var currentNode = nodes[node.refKey];\n\n    if (cascade) {\n      if (!checked) {\n        currentNode.check = checked;\n        currentNode.checkAll = checked;\n      } else {\n        if (this.everyChildChecked(nodes, node)) {\n          currentNode.check = true;\n          currentNode.checkAll = true;\n        } else {\n          currentNode.check = false;\n          currentNode.checkAll = false;\n        }\n      }\n\n      if (node.parentNode) {\n        this.toggleUpChecked(nodes, node.parentNode, checked);\n      }\n    }\n  };\n\n  _proto.toggleDownChecked = function toggleDownChecked(nodes, node, isChecked) {\n    var _this9 = this;\n\n    var _this$props9 = this.props,\n        childrenKey = _this$props9.childrenKey,\n        cascade = _this$props9.cascade;\n    nodes[node.refKey].check = isChecked;\n\n    if (!node[childrenKey] || !node[childrenKey].length || !cascade) {\n      nodes[node.refKey].checkAll = false;\n    } else {\n      nodes[node.refKey].checkAll = isChecked;\n      node[childrenKey].forEach(function (child) {\n        _this9.toggleDownChecked(nodes, child, isChecked);\n      });\n    }\n  };\n\n  _proto.toggleNode = function toggleNode(key, node, toggleValue) {\n    // 如果该节点处于 disabledChecbox，则忽略该值\n    if (!node.uncheckable) {\n      this.nodes[node.refKey][key] = toggleValue;\n    }\n  };\n\n  _proto.toggleExpand = function toggleExpand(node, isExpand) {\n    var valueKey = this.props.valueKey;\n    var expandItemValues = new Set(this.serializeList('expand'));\n\n    if (isExpand) {\n      expandItemValues.add(node[valueKey]);\n    } else {\n      expandItemValues.delete(node[valueKey]);\n    }\n\n    return Array.from(expandItemValues);\n  };\n\n  _proto.renderDropdownMenu = function renderDropdownMenu() {\n    var _this$props10 = this.props,\n        _this$props10$height = _this$props10.height,\n        height = _this$props10$height === void 0 ? defaultHeight : _this$props10$height,\n        locale = _this$props10.locale,\n        menuStyle = _this$props10.menuStyle,\n        searchable = _this$props10.searchable,\n        renderMenu = _this$props10.renderMenu,\n        virtualized = _this$props10.virtualized,\n        searchKeyword = _this$props10.searchKeyword,\n        renderExtraFooter = _this$props10.renderExtraFooter,\n        menuClassName = _this$props10.menuClassName,\n        menuAutoWidth = _this$props10.menuAutoWidth;\n    var keyword = !(0, _isUndefined2.default)(searchKeyword) ? searchKeyword : this.state.searchKeyword;\n    var classes = (0, _classnames.default)(menuClassName, this.addPrefix('check-tree-menu'));\n    var menu = this.renderCheckTree();\n    var styles = virtualized ? (0, _extends2.default)({\n      height: height\n    }, menuStyle) : menuStyle;\n    return React.createElement(_Picker.MenuWrapper, {\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: styles,\n      ref: this.menuRef,\n      getToggleInstance: this.getToggleInstance,\n      getPositionInstance: this.getPositionInstance,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 917\n      },\n      __self: this\n    }, searchable ? React.createElement(_Picker.SearchBar, {\n      placeholder: locale.searchPlaceholder,\n      key: \"searchBar\",\n      onChange: this.handleSearch,\n      value: keyword,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 926\n      },\n      __self: this\n    }) : null, renderMenu ? renderMenu(menu) : menu, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  _proto.renderNode = function renderNode(node, layer) {\n    var _this10 = this;\n\n    var _this$state5 = this.state,\n        activeNode = _this$state5.activeNode,\n        searchKeyword = _this$state5.searchKeyword;\n    var _this$props11 = this.props,\n        valueKey = _this$props11.valueKey,\n        labelKey = _this$props11.labelKey,\n        childrenKey = _this$props11.childrenKey,\n        renderTreeNode = _this$props11.renderTreeNode,\n        renderTreeIcon = _this$props11.renderTreeIcon,\n        cascade = _this$props11.cascade,\n        locale = _this$props11.locale;\n    var visible = node.visible,\n        refKey = node.refKey; // 当处于搜索时，需要将所有节点都展开\n\n    var expand = (0, _treeUtils.getExpandWhenSearching)(searchKeyword, node.expand);\n\n    if (!visible) {\n      return null;\n    }\n\n    var key = (0, _isString2.default)(node[valueKey]) || (0, _isNumber2.default)(node[valueKey]) ? node[valueKey] : refKey;\n    var children = node[childrenKey]; // 当用户进行搜索时，hasChildren的判断要变成判断是否存在 visible 为 true 的子节点\n\n    var visibleChildren = (0, _isUndefined2.default)(searchKeyword) || searchKeyword.length === 0 ? !!children : (0, _treeUtils.hasVisibleChildren)(node, childrenKey);\n    var props = {\n      value: node[valueKey],\n      label: node[labelKey],\n      layer: layer,\n      expand: expand,\n      rtl: locale.rtl,\n      focus: activeNode ? (0, _shallowEqual.default)(activeNode[valueKey], node[valueKey]) : false,\n      visible: node.visible,\n      disabled: (0, _utils2.getDisabledState)(this.nodes, node, this.props),\n      nodeData: node,\n      checkState: this.getNodeCheckState(node, cascade),\n      hasChildren: visibleChildren,\n      uncheckable: node.uncheckable,\n      allUncheckable: (0, _utils2.getSiblingNodeUncheckable)(node, this.nodes),\n      onSelect: this.handleSelect,\n      onTreeToggle: this.handleToggle,\n      onRenderTreeNode: renderTreeNode,\n      onRenderTreeIcon: renderTreeIcon\n    };\n\n    if (props.hasChildren) {\n      var _classNames;\n\n      layer += 1; // 是否展开树节点且子节点不为空\n\n      var openClass = this.addTreePrefix('open');\n      var childrenClass = (0, _classnames.default)(this.addTreePrefix('node-children'), (_classNames = {}, _classNames[openClass] = expand && visibleChildren, _classNames));\n      var nodes = children || [];\n      return React.createElement(\"div\", {\n        className: childrenClass,\n        key: key,\n        ref: this.bindNodeRefs.bind(this, refKey),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 997\n        },\n        __self: this\n      }, React.createElement(_CheckTreeNode.default, (0, _extends2.default)({}, props, {\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 998\n        },\n        __self: this\n      })), React.createElement(\"div\", {\n        className: this.addTreePrefix('children'),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 999\n        },\n        __self: this\n      }, nodes.map(function (child) {\n        return _this10.renderNode(child, layer);\n      })));\n    }\n\n    return React.createElement(_CheckTreeNode.default, (0, _extends2.default)({\n      key: key,\n      innerRef: this.bindNodeRefs.bind(this, refKey)\n    }, props, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1006\n      },\n      __self: this\n    }));\n  };\n\n  _proto.renderVirtualNode = function renderVirtualNode(node, options) {\n    var _this$state6 = this.state,\n        activeNode = _this$state6.activeNode,\n        expandAll = _this$state6.expandAll,\n        searchKeyword = _this$state6.searchKeyword;\n    var _this$props12 = this.props,\n        valueKey = _this$props12.valueKey,\n        labelKey = _this$props12.labelKey,\n        childrenKey = _this$props12.childrenKey,\n        renderTreeNode = _this$props12.renderTreeNode,\n        renderTreeIcon = _this$props12.renderTreeIcon,\n        cascade = _this$props12.cascade,\n        locale = _this$props12.locale;\n    var key = options.key,\n        style = options.style;\n    var layer = node.layer,\n        refKey = node.refKey,\n        showNode = node.showNode;\n    var expand = (0, _treeUtils.getExpandWhenSearching)(searchKeyword, node.expand);\n    var children = node[childrenKey];\n    var props = {\n      value: node[valueKey],\n      label: node[labelKey],\n      layer: layer,\n      expand: expand,\n      rtl: locale.rtl,\n      focus: activeNode ? (0, _shallowEqual.default)(activeNode[valueKey], node[valueKey]) : false,\n      visible: node.visible,\n      disabled: (0, _utils2.getDisabledState)(this.nodes, node, this.props),\n      nodeData: node,\n      children: children,\n      expandAll: expandAll,\n      checkState: this.getNodeCheckState(node, cascade),\n      parentNode: node.parentNode,\n      hasChildren: !!children,\n      uncheckable: node.uncheckable,\n      allUncheckable: (0, _utils2.getSiblingNodeUncheckable)(node, this.nodes),\n      onSelect: this.handleSelect,\n      onTreeToggle: this.handleToggle,\n      onRenderTreeNode: renderTreeNode,\n      onRenderTreeIcon: renderTreeIcon\n    };\n    return showNode && React.createElement(_CheckTreeNode.default, (0, _extends2.default)({\n      style: style,\n      key: key,\n      innerRef: this.bindNodeRefs.bind(this, refKey)\n    }, props, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1051\n      },\n      __self: this\n    }));\n  };\n\n  _proto.renderCheckTree = function renderCheckTree() {\n    var _classNames2,\n        _this11 = this,\n        _classNames3;\n\n    var _this$state7 = this.state,\n        filterData = _this$state7.filterData,\n        isSomeNodeHasChildren = _this$state7.isSomeNodeHasChildren;\n    var _this$props13 = this.props,\n        inline = _this$props13.inline,\n        style = _this$props13.style,\n        height = _this$props13.height,\n        className = _this$props13.className,\n        onScroll = _this$props13.onScroll,\n        locale = _this$props13.locale,\n        virtualized = _this$props13.virtualized,\n        searchable = _this$props13.searchable; // 树节点的层级\n\n    var layer = 0;\n    var classes = (0, _classnames.default)((0, _utils.defaultClassPrefix)('check-tree'), (_classNames2 = {}, _classNames2[className] = inline, _classNames2['without-children'] = !isSomeNodeHasChildren, _classNames2));\n    var formattedNodes = [];\n\n    if (!virtualized) {\n      formattedNodes = (0, _utils2.getFormattedTree)(filterData, this.nodes, this.props).map(function (node) {\n        return _this11.renderNode(node, layer);\n      });\n\n      if (!formattedNodes.some(function (v) {\n        return v !== null;\n      })) {\n        return React.createElement(\"div\", {\n          className: this.addPrefix('none'),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 1099\n          },\n          __self: this\n        }, locale.noResultsText);\n      }\n    } else {\n      formattedNodes = this.getFlattenTreeData(filterData).filter(function (n) {\n        return n.showNode && n.visible;\n      });\n\n      if (!formattedNodes.length) {\n        return React.createElement(\"div\", {\n          className: this.addPrefix('none'),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 1104\n          },\n          __self: this\n        }, locale.noResultsText);\n      }\n    } // 当未定义 height 且 设置了 virtualized 为 true，treeHeight 设置默认高度\n\n\n    var treeHeight = (0, _isUndefined2.default)(height) && virtualized ? defaultHeight : height;\n    var treeWidth = (0, _isUndefined2.default)(style === null || style === void 0 ? void 0 : style.width) ? defaultWidth : style.width;\n    var styles = inline ? (0, _extends2.default)({\n      height: treeHeight\n    }, style) : {};\n    var treeNodesClass = (0, _classnames.default)(this.addTreePrefix('nodes'), (_classNames3 = {}, _classNames3[this.addTreePrefix('all-uncheckable')] = (0, _utils2.getEveryFisrtLevelNodeUncheckable)(this.nodes), _classNames3));\n    var listHeight = (0, _treeUtils.getVirtualLisHeight)(inline, searchable, treeHeight);\n    return React.createElement(\"div\", {\n      ref: this.treeViewRef,\n      className: classes,\n      style: styles,\n      onScroll: onScroll,\n      onKeyDown: this.handleKeyDown,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1118\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: treeNodesClass,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1125\n      },\n      __self: this\n    }, virtualized ? React.createElement(_AutoSizer.default, {\n      defaultHeight: listHeight,\n      defaultWidth: treeWidth,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1127\n      },\n      __self: this\n    }, function (_ref3) {\n      var height = _ref3.height,\n          width = _ref3.width;\n      return React.createElement(_List.default, {\n        ref: _this11.listRef,\n        width: width || treeWidth,\n        height: height || listHeight,\n        rowHeight: 36,\n        rowCount: formattedNodes.length,\n        rowRenderer: _this11.measureRowRenderer(formattedNodes),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 1129\n        },\n        __self: this\n      });\n    }) : formattedNodes));\n  };\n\n  _proto.render = function render() {\n    var _this$props14 = this.props,\n        cascade = _this$props14.cascade,\n        style = _this$props14.style,\n        locale = _this$props14.locale,\n        inline = _this$props14.inline,\n        disabled = _this$props14.disabled,\n        valueKey = _this$props14.valueKey,\n        labelKey = _this$props14.labelKey,\n        cleanable = _this$props14.cleanable,\n        countable = _this$props14.countable,\n        placeholder = _this$props14.placeholder,\n        toggleComponentClass = _this$props14.toggleComponentClass,\n        onExited = _this$props14.onExited,\n        onEntered = _this$props14.onEntered,\n        onClean = _this$props14.onClean,\n        renderValue = _this$props14.renderValue,\n        positionRef = _this$props14.positionRef,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props14, [\"cascade\", \"style\", \"locale\", \"inline\", \"disabled\", \"valueKey\", \"labelKey\", \"cleanable\", \"countable\", \"placeholder\", \"toggleComponentClass\", \"onExited\", \"onEntered\", \"onClean\", \"renderValue\", \"positionRef\"]);\n    var _this$state8 = this.state,\n        hasValue = _this$state8.hasValue,\n        selectedValues = _this$state8.selectedValues;\n    var hasValidValue = hasValue || selectedValues.length > 0 && (0, _isFunction2.default)(renderValue);\n    var selectedItems = this.getSelectedItems(selectedValues);\n    var selectedElement = placeholder;\n    /**\n     * if value is invalid and renderValue is undefined, then using placeholder.\n     * if value is valid and renderValue is't undefined, then using renderValue()\n     */\n\n    if (selectedValues.length) {\n      if (hasValue) {\n        selectedElement = React.createElement(_Picker.SelectedElement, {\n          selectedItems: selectedItems,\n          countable: countable,\n          valueKey: valueKey,\n          labelKey: labelKey,\n          prefix: this.addPrefix,\n          cascade: cascade,\n          locale: locale,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 1180\n          },\n          __self: this\n        });\n      }\n\n      if ((0, _isFunction2.default)(renderValue)) {\n        selectedElement = renderValue(selectedValues, selectedItems, selectedElement);\n\n        if ((0, _isNil2.default)(selectedElement)) {\n          hasValidValue = false;\n        }\n      }\n    }\n\n    var unhandled = (0, _utils.getUnhandledProps)(CheckTreePicker, rest);\n    var classes = (0, _Picker.getToggleWrapperClassName)('check-tree', this.addPrefix, this.props, hasValidValue);\n\n    if (inline) {\n      return this.renderCheckTree();\n    }\n\n    return React.createElement(_Picker.PickerToggleTrigger, {\n      pickerProps: this.props,\n      ref: this.triggerRef,\n      positionRef: (0, _utils.mergeRefs)(this.positionRef, positionRef),\n      onEntered: (0, _utils.createChainedFunction)(this.handleOnOpen, onEntered),\n      onExited: (0, _utils.createChainedFunction)(this.handleOnClose, onExited),\n      speaker: this.renderDropdownMenu(),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1211\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1219\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, unhandled, {\n      ref: this.toggleRef,\n      onKeyDown: this.handleToggleKeyDown,\n      onClean: (0, _utils.createChainedFunction)(this.handleClean, onClean),\n      componentClass: toggleComponentClass,\n      cleanable: cleanable && !disabled,\n      hasValue: hasValidValue,\n      active: this.state.active,\n      \"aria-disabled\": disabled,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1220\n      },\n      __self: this\n    }), selectedElement || locale.placeholder)));\n  };\n\n  return CheckTreePicker;\n}(React.Component);\n\nCheckTreePicker.propTypes = (0, _extends2.default)({}, _propTypes2.listPickerPropTypes, {\n  height: _propTypes.default.number,\n  inline: _propTypes.default.bool,\n  cascade: _propTypes.default.bool,\n  countable: _propTypes.default.bool,\n  expandAll: _propTypes.default.bool,\n  searchable: _propTypes.default.bool,\n  virtualized: _propTypes.default.bool,\n  searchKeyword: _propTypes.default.string,\n  menuAutoWidth: _propTypes.default.bool,\n  defaultExpandAll: _propTypes.default.bool,\n  containerPadding: _propTypes.default.number,\n  disabledItemValues: _propTypes.default.array,\n  expandItemValues: _propTypes.default.array,\n  defaultExpandItemValues: _propTypes.default.array,\n  uncheckableItemValues: _propTypes.default.array,\n  onSearch: _propTypes.default.func,\n  onExpand: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onScroll: _propTypes.default.func,\n  renderMenu: _propTypes.default.func,\n  renderTreeNode: _propTypes.default.func,\n  renderTreeIcon: _propTypes.default.func,\n  searchBy: _propTypes.default.func\n});\nCheckTreePicker.defaultProps = (0, _extends2.default)({}, _propTypes2.listPickerDefaultProps, {\n  cascade: true,\n  countable: true,\n  searchable: true,\n  menuAutoWidth: true,\n  defaultValue: [],\n  uncheckableItemValues: [],\n  locale: {\n    placeholder: 'Select',\n    searchPlaceholder: 'Search',\n    noResultsText: 'No results found',\n    checkAll: 'All'\n  }\n});\n(0, _reactLifecyclesCompat.polyfill)(CheckTreePicker);\n\nvar _default = (0, _utils.defaultProps)({\n  classPrefix: 'picker'\n})(CheckTreePicker);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/CheckTreePicker/CheckTreePicker.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _isFunction2 = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _isNumber2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNumber */ \"./node_modules/lodash/isNumber.js\"));\n\nvar _isString2 = _interopRequireDefault(__webpack_require__(/*! lodash/isString */ \"./node_modules/lodash/isString.js\"));\n\nvar _isEmpty2 = _interopRequireDefault(__webpack_require__(/*! lodash/isEmpty */ \"./node_modules/lodash/isEmpty.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _isArray2 = _interopRequireDefault(__webpack_require__(/*! lodash/isArray */ \"./node_modules/lodash/isArray.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _List = _interopRequireDefault(__webpack_require__(/*! react-virtualized/dist/commonjs/List */ \"./node_modules/react-virtualized/dist/commonjs/List/index.js\"));\n\nvar _AutoSizer = _interopRequireDefault(__webpack_require__(/*! react-virtualized/dist/commonjs/AutoSizer */ \"./node_modules/react-virtualized/dist/commonjs/AutoSizer/index.js\"));\n\nvar _CellMeasurer = __webpack_require__(/*! react-virtualized/dist/commonjs/CellMeasurer */ \"./node_modules/react-virtualized/dist/commonjs/CellMeasurer/index.js\");\n\nvar _reactLifecyclesCompat = __webpack_require__(/*! react-lifecycles-compat */ \"./node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js\");\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _CheckTreeNode = _interopRequireDefault(__webpack_require__(/*! ./CheckTreeNode */ \"./src/CheckTreePicker/CheckTreeNode.tsx\"));\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/CheckTreePicker/utils.ts\");\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _propTypes2 = __webpack_require__(/*! ../Picker/propTypes */ \"./src/Picker/propTypes.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CheckTreePicker/CheckTreePicker.tsx\";\n// default value for virtualized\nvar defaultHeight = 360;\nvar defaultWidth = 200;\n\nvar CheckTreePicker =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(CheckTreePicker, _React$Component);\n\n  function CheckTreePicker(_props) {\n    var _this;\n\n    _this = _React$Component.call(this, _props) || this;\n    _this.menuRef = void 0;\n    _this.treeViewRef = void 0;\n    _this.positionRef = void 0;\n    _this.listRef = void 0;\n    _this.triggerRef = void 0;\n    _this.toggleRef = void 0;\n\n    _this.getValue = function (props) {\n      if (props === void 0) {\n        props = _this.props;\n      }\n\n      var _props2 = props,\n          value = _props2.value,\n          defaultValue = _props2.defaultValue,\n          _props2$uncheckableIt = _props2.uncheckableItemValues,\n          uncheckableItemValues = _props2$uncheckableIt === void 0 ? [] : _props2$uncheckableIt;\n\n      if (value && value.length) {\n        return value.filter(function (v) {\n          return !uncheckableItemValues.includes(v);\n        });\n      }\n\n      if (defaultValue && defaultValue.length > 0) {\n        return defaultValue.filter(function (v) {\n          return !uncheckableItemValues.includes(v);\n        });\n      }\n\n      return [];\n    };\n\n    _this.getElementByDataKey = function (dataKey) {\n      var ele = _this.nodeRefs[dataKey];\n\n      if (ele instanceof Element) {\n        return ele.querySelector(\".\" + _this.addTreePrefix('node-label'));\n      }\n\n      return null;\n    };\n\n    _this.getFocusableMenuItems = function () {\n      var filterData = _this.state.filterData;\n      var childrenKey = _this.props.childrenKey;\n      var items = [];\n\n      var loop = function loop(treeNodes) {\n        treeNodes.forEach(function (node) {\n          var nodeData = (0, _extends2.default)({}, node, {}, _this.nodes[node.refKey]);\n\n          if (!(0, _utils2.getDisabledState)(_this.nodes, node, _this.props) && node.visible) {\n            items.push(node);\n          }\n\n          if (node[childrenKey] && (0, _treeUtils.getExpandState)(nodeData, _this.props)) {\n            loop(node[childrenKey]);\n          }\n        });\n      };\n\n      loop(filterData);\n      return items;\n    };\n\n    _this.nodes = {};\n    _this.activeNode = null;\n    _this.cache = new _CellMeasurer.CellMeasurerCache({\n      fixedWidth: true,\n      minHeight: 20\n    });\n    _this.nodeRefs = {};\n\n    _this.bindNodeRefs = function (refKey, ref) {\n      _this.nodeRefs[refKey] = ref;\n    };\n\n    _this.getPositionInstance = function () {\n      return _this.positionRef.current;\n    };\n\n    _this.getToggleInstance = function () {\n      return _this.toggleRef.current;\n    };\n\n    _this.selectActiveItem = function (event) {\n      var _this$getActiveItem = _this.getActiveItem(),\n          nodeData = _this$getActiveItem.nodeData;\n\n      _this.handleSelect(nodeData, event);\n    };\n\n    _this.focusNextItem = function () {\n      var _node$focus;\n\n      var _this$getItemsAndActi = _this.getItemsAndActiveIndex(),\n          items = _this$getItemsAndActi.items,\n          activeIndex = _this$getItemsAndActi.activeIndex;\n\n      if (items.length === 0) {\n        return;\n      }\n\n      var nextIndex = activeIndex === items.length - 1 ? 0 : activeIndex + 1;\n\n      var node = _this.getElementByDataKey(items[nextIndex].refKey);\n\n      node === null || node === void 0 ? void 0 : (_node$focus = node.focus) === null || _node$focus === void 0 ? void 0 : _node$focus.call(node);\n    };\n\n    _this.focusPreviousItem = function () {\n      var _node$focus2;\n\n      var _this$getItemsAndActi2 = _this.getItemsAndActiveIndex(),\n          items = _this$getItemsAndActi2.items,\n          activeIndex = _this$getItemsAndActi2.activeIndex;\n\n      if (items.length === 0) {\n        return;\n      }\n\n      var prevIndex = activeIndex === 0 ? items.length - 1 : activeIndex - 1;\n      prevIndex = prevIndex >= 0 ? prevIndex : 0;\n\n      var node = _this.getElementByDataKey(items[prevIndex].refKey);\n\n      node === null || node === void 0 ? void 0 : (_node$focus2 = node.focus) === null || _node$focus2 === void 0 ? void 0 : _node$focus2.call(node);\n    };\n\n    _this.handleCloseDropdown = function () {\n      var _this$triggerRef$curr, _this$triggerRef$curr2;\n\n      (_this$triggerRef$curr = _this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : (_this$triggerRef$curr2 = _this$triggerRef$curr.hide) === null || _this$triggerRef$curr2 === void 0 ? void 0 : _this$triggerRef$curr2.call(_this$triggerRef$curr);\n    };\n\n    _this.handleOpenDropdown = function () {\n      var _this$triggerRef$curr3, _this$triggerRef$curr4;\n\n      (_this$triggerRef$curr3 = _this.triggerRef.current) === null || _this$triggerRef$curr3 === void 0 ? void 0 : (_this$triggerRef$curr4 = _this$triggerRef$curr3.show) === null || _this$triggerRef$curr4 === void 0 ? void 0 : _this$triggerRef$curr4.call(_this$triggerRef$curr3);\n    };\n\n    _this.open = function () {\n      var _this$handleOpenDropd, _this2;\n\n      (_this$handleOpenDropd = (_this2 = _this).handleOpenDropdown) === null || _this$handleOpenDropd === void 0 ? void 0 : _this$handleOpenDropd.call(_this2);\n    };\n\n    _this.close = function () {\n      var _this$handleCloseDrop, _this3;\n\n      (_this$handleCloseDrop = (_this3 = _this).handleCloseDropdown) === null || _this$handleCloseDrop === void 0 ? void 0 : _this$handleCloseDrop.call(_this3);\n    };\n\n    _this.handleToggleDropdown = function () {\n      var active = _this.state.active;\n\n      if (active) {\n        _this.handleCloseDropdown();\n\n        return;\n      }\n\n      _this.handleOpenDropdown();\n    };\n\n    _this.everyChildChecked = function (nodes, node) {\n      var list = [];\n      Object.keys(nodes).forEach(function (refKey) {\n        var _curNode$parentNode;\n\n        var curNode = nodes[refKey];\n\n        if (((_curNode$parentNode = curNode.parentNode) === null || _curNode$parentNode === void 0 ? void 0 : _curNode$parentNode.refKey) === node.refKey && !curNode.uncheckable) {\n          list.push(curNode);\n        }\n      });\n      return list.every(function (l) {\n        return l.check;\n      });\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.addTreePrefix = function (name) {\n      return (0, _utils.prefix)((0, _utils.defaultClassPrefix)('check-tree'))(name);\n    };\n\n    _this.handleSelect = function (activeNode, event) {\n      var _this$props = _this.props,\n          onChange = _this$props.onChange,\n          onSelect = _this$props.onSelect,\n          value = _this$props.value;\n\n      var selectedValues = _this.toggleChecked(activeNode, !_this.nodes[activeNode.refKey].check);\n\n      if (!(0, _isUndefined2.default)(value)) {\n        _this.activeNode = activeNode;\n      } else {\n        _this.unserializeLists({\n          check: selectedValues\n        });\n\n        _this.setState({\n          activeNode: activeNode,\n          selectedValues: selectedValues,\n          hasValue: !!selectedValues.length\n        });\n      }\n\n      onChange === null || onChange === void 0 ? void 0 : onChange(selectedValues, event);\n      onSelect === null || onSelect === void 0 ? void 0 : onSelect(activeNode, selectedValues, event);\n    };\n\n    _this.handleToggle = function (node) {\n      var _this$props2 = _this.props,\n          valueKey = _this$props2.valueKey,\n          childrenKey = _this$props2.childrenKey,\n          onExpand = _this$props2.onExpand,\n          expandItemValues = _this$props2.expandItemValues;\n\n      var nextExpandItemValues = _this.toggleExpand(node, !node.expand);\n\n      if ((0, _isUndefined2.default)(expandItemValues)) {\n        _this.unserializeLists({\n          expand: nextExpandItemValues\n        });\n\n        _this.setState({\n          expandItemValues: nextExpandItemValues\n        });\n      }\n\n      onExpand === null || onExpand === void 0 ? void 0 : onExpand(nextExpandItemValues, node, (0, _Picker.createConcatChildrenFunction)(node, node[valueKey], {\n        valueKey: valueKey,\n        childrenKey: childrenKey\n      }));\n    };\n\n    _this.handleKeyDown = function (event) {\n      (0, _Picker.onMenuKeyDown)(event, {\n        down: _this.focusNextItem,\n        up: _this.focusPreviousItem,\n        enter: _this.selectActiveItem,\n        del: _this.handleClean\n      });\n    };\n\n    _this.handleToggleKeyDown = function (event) {\n      var _this$state = _this.state,\n          activeNode = _this$state.activeNode,\n          active = _this$state.active; // enter\n\n      if ((!activeNode || !active) && event.keyCode === 13) {\n        _this.handleToggleDropdown();\n      } // delete\n\n\n      if (event.keyCode === 8) {\n        _this.handleClean(event);\n      }\n\n      if (!_this.treeViewRef.current) {\n        return;\n      }\n\n      if (event.target instanceof HTMLElement) {\n        var className = event.target.className;\n\n        if (className.includes(_this.addPrefix('toggle')) || className.includes(_this.addPrefix('toggle-custom')) || className.includes(_this.addPrefix('search-bar-input'))) {\n          (0, _Picker.onMenuKeyDown)(event, {\n            down: _this.focusNextItem\n          });\n        }\n      }\n    };\n\n    _this.handleSearch = function (value, event) {\n      var filterData = _this.state.filterData;\n      var _this$props3 = _this.props,\n          onSearch = _this$props3.onSearch,\n          searchKeyword = _this$props3.searchKeyword;\n\n      if ((0, _isUndefined2.default)(searchKeyword)) {\n        _this.setState({\n          filterData: _this.getFilterData(value, filterData),\n          searchKeyword: value\n        });\n      }\n\n      onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);\n    };\n\n    _this.handleClean = function (evnet) {\n      var _this$props$onChange, _this$props4;\n\n      _this.setState({\n        selectedValues: [],\n        hasValue: false,\n        activeNode: {}\n      });\n\n      _this.unserializeLists({\n        check: []\n      });\n\n      (_this$props$onChange = (_this$props4 = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props4, [], evnet);\n    };\n\n    _this.handleOnOpen = function () {\n      var _this$props$onOpen, _this$props5;\n\n      var activeNode = _this.state.activeNode;\n\n      if (activeNode) {\n        var _node$focus3;\n\n        var node = _this.getElementByDataKey(activeNode.refKey);\n\n        node === null || node === void 0 ? void 0 : (_node$focus3 = node.focus) === null || _node$focus3 === void 0 ? void 0 : _node$focus3.call(node);\n      }\n\n      (_this$props$onOpen = (_this$props5 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props5);\n\n      _this.setState({\n        active: true\n      });\n    };\n\n    _this.handleOnClose = function () {\n      var filterData = _this.state.filterData;\n      var _this$props6 = _this.props,\n          onClose = _this$props6.onClose,\n          searchKeyword = _this$props6.searchKeyword;\n\n      if ((0, _isUndefined2.default)(searchKeyword)) {\n        _this.setState({\n          filterData: _this.getFilterData('', filterData),\n          searchKeyword: ''\n        });\n      }\n\n      onClose === null || onClose === void 0 ? void 0 : onClose();\n\n      _this.setState({\n        active: false\n      });\n    };\n\n    _this.measureRowRenderer = function (nodes) {\n      return function (_ref) {\n        var key = _ref.key,\n            index = _ref.index,\n            style = _ref.style,\n            parent = _ref.parent;\n        var node = nodes[index];\n        return React.createElement(_CellMeasurer.CellMeasurer, {\n          cache: _this.cache,\n          columnIndex: 0,\n          key: key,\n          rowIndex: index,\n          parent: parent,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 1073\n          },\n          __self: this\n        }, function () {\n          return _this.renderVirtualNode(node, {\n            key: key,\n            style: style\n          });\n        });\n      };\n    };\n\n    var _value = _props.value,\n        data = _props.data,\n        cascade = _props.cascade,\n        _childrenKey = _props.childrenKey,\n        _searchKeyword = _props.searchKeyword;\n    _this.nodes = {};\n\n    var nextValue = _this.getValue(_props);\n\n    var _nextExpandItemValues = (0, _treeUtils.getExpandItemValues)(_props);\n\n    var nextData = [].concat(data);\n\n    _this.flattenNodes(nextData, _props);\n\n    _this.unserializeLists({\n      check: nextValue,\n      expand: _nextExpandItemValues\n    }, _props);\n\n    _this.state = {\n      data: data,\n      value: _value,\n      cascade: cascade,\n      hasValue: _this.hasValue(nextValue),\n      expandAll: (0, _treeUtils.getExpandAll)(_props),\n      filterData: _this.getFilterData(_searchKeyword, nextData, _props),\n      searchKeyword: _searchKeyword || '',\n      selectedValues: nextValue,\n      expandItemValues: _this.serializeList('expand'),\n      uncheckableItemValues: _props.uncheckableItemValues,\n      isSomeNodeHasChildren: (0, _utils2.isSomeNodeHasChildren)(data, _childrenKey)\n    };\n    _this.treeViewRef = React.createRef();\n    _this.positionRef = React.createRef();\n    _this.listRef = React.createRef();\n    _this.triggerRef = React.createRef();\n    _this.toggleRef = React.createRef(); // for test\n\n    _this.menuRef = React.createRef();\n    (0, _treeUtils.treeDeprecatedWarning)(_props, ['expandAll']);\n    return _this;\n  }\n\n  CheckTreePicker.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n    var value = nextProps.value,\n        data = nextProps.data,\n        cascade = nextProps.cascade,\n        expandAll = nextProps.expandAll,\n        searchKeyword = nextProps.searchKeyword,\n        uncheckableItemValues = nextProps.uncheckableItemValues,\n        expandItemValues = nextProps.expandItemValues;\n    var nextState = {};\n\n    if ((0, _isArray2.default)(data) && (0, _isArray2.default)(prevState.data) && prevState.data !== data) {\n      nextState.data = data;\n    }\n\n    if ((0, _treeUtils.compareArray)(value, prevState.value)) {\n      nextState.value = value;\n    }\n\n    if ((0, _treeUtils.compareArray)(expandItemValues, prevState.expandItemValues) && (0, _isArray2.default)(expandItemValues)) {\n      nextState.expandItemValues = expandItemValues;\n    }\n\n    if ((0, _treeUtils.compareArray)(uncheckableItemValues, prevState.uncheckableItemValues) && (0, _isArray2.default)(uncheckableItemValues)) {\n      nextState.uncheckableItemValues = uncheckableItemValues;\n    }\n\n    if (!(0, _isUndefined2.default)(searchKeyword) && searchKeyword !== prevState.searchKeyword) {\n      nextState.searchKeyword = searchKeyword;\n    }\n\n    if (cascade !== prevState.cascade) {\n      nextState.cascade = cascade;\n    }\n\n    if (expandAll !== prevState.expandAll) {\n      nextState.expandAll = expandAll;\n    }\n\n    return Object.keys(nextState).length ? nextState : null;\n  };\n\n  var _proto = CheckTreePicker.prototype;\n\n  _proto.componentDidUpdate = function componentDidUpdate(_prevProps, prevState) {\n    this.updateDataChange(prevState);\n    this.updateValueChange(prevState);\n    this.updateExpandItemValuesChange(prevState);\n    this.updateUncheckableItemValuesChange(prevState);\n    this.updateCascadeChange(prevState);\n    this.updateSearchKeywordChange(prevState);\n\n    if (this.listRef.current) {\n      this.listRef.current.forceUpdateGrid();\n    }\n  };\n\n  _proto.updateDataChange = function updateDataChange(prevState) {\n    var _this$state2 = this.state,\n        searchKeyword = _this$state2.searchKeyword,\n        expandItemValues = _this$state2.expandItemValues;\n    var _this$props7 = this.props,\n        _this$props7$data = _this$props7.data,\n        data = _this$props7$data === void 0 ? [] : _this$props7$data,\n        childrenKey = _this$props7.childrenKey;\n\n    if (prevState.data !== data) {\n      var nextData = [].concat(data);\n      this.nodes = {};\n      this.flattenNodes(nextData);\n      this.unserializeLists({\n        check: this.getValue(),\n        expand: expandItemValues\n      });\n      this.setState({\n        data: nextData,\n        filterData: this.getFilterData(searchKeyword, nextData),\n        isSomeNodeHasChildren: (0, _utils2.isSomeNodeHasChildren)(nextData, childrenKey),\n        hasValue: this.hasValue(),\n        expandItemValues: this.serializeList('expand')\n      });\n    }\n  };\n\n  _proto.updateValueChange = function updateValueChange(prevState) {\n    var expandItemValues = this.state.expandItemValues;\n    var value = this.props.value;\n\n    if ((0, _treeUtils.compareArray)(value, prevState.value)) {\n      this.unserializeLists({\n        check: value !== null && value !== void 0 ? value : [],\n        expand: expandItemValues\n      });\n      this.setState({\n        selectedValues: value,\n        hasValue: this.hasValue(value),\n        activeNode: value.length ? this.activeNode : null\n      });\n    }\n  };\n\n  _proto.updateExpandItemValuesChange = function updateExpandItemValuesChange(prevState) {\n    var expandItemValues = this.props.expandItemValues;\n\n    if ((0, _treeUtils.compareArray)(expandItemValues, prevState.expandItemValues) && (0, _isArray2.default)(expandItemValues)) {\n      this.unserializeLists({\n        expand: expandItemValues\n      });\n      this.setState({\n        expandItemValues: expandItemValues\n      });\n    }\n  };\n\n  _proto.updateUncheckableItemValuesChange = function updateUncheckableItemValuesChange(prevState) {\n    var _this$state3 = this.state,\n        data = _this$state3.data,\n        selectedValues = _this$state3.selectedValues,\n        expandItemValues = _this$state3.expandItemValues;\n    var uncheckableItemValues = this.props.uncheckableItemValues;\n\n    if ((0, _treeUtils.compareArray)(uncheckableItemValues, prevState.uncheckableItemValues) && (0, _isArray2.default)(uncheckableItemValues)) {\n      this.flattenNodes(data);\n      this.unserializeLists({\n        check: selectedValues,\n        expand: expandItemValues\n      });\n      this.setState({\n        hasValue: this.hasValue()\n      });\n    }\n  };\n\n  _proto.updateCascadeChange = function updateCascadeChange(prevState) {\n    var _this$state4 = this.state,\n        data = _this$state4.data,\n        selectedValues = _this$state4.selectedValues,\n        expandItemValues = _this$state4.expandItemValues;\n    var cascade = this.props.cascade; // cascade 改变时，重新初始化\n\n    if (cascade !== prevState.cascade && cascade) {\n      this.flattenNodes(data);\n      this.unserializeLists({\n        check: selectedValues,\n        expand: expandItemValues\n      });\n      this.setState({\n        cascade: cascade\n      });\n    }\n  };\n\n  _proto.updateSearchKeywordChange = function updateSearchKeywordChange(prevState) {\n    var filterData = this.state.filterData;\n    var searchKeyword = this.props.searchKeyword;\n\n    if (!(0, _isUndefined2.default)(searchKeyword) && prevState.searchKeyword !== searchKeyword) {\n      this.setState({\n        filterData: this.getFilterData(searchKeyword, filterData)\n      });\n    }\n  };\n\n  _proto.getNodeCheckState = function getNodeCheckState(node, cascade) {\n    var childrenKey = this.props.childrenKey;\n\n    if (!node[childrenKey] || !node[childrenKey].length || !cascade) {\n      this.nodes[node.refKey].checkAll = false;\n      return node.check ? _constants.CHECK_STATE.CHECK : _constants.CHECK_STATE.UNCHECK;\n    }\n\n    if ((0, _utils2.isEveryChildChecked)(node, this.nodes, this.props)) {\n      this.nodes[node.refKey].checkAll = true;\n      this.nodes[node.refKey].check = true;\n      return _constants.CHECK_STATE.CHECK;\n    }\n\n    if ((0, _utils2.isSomeChildChecked)(node, this.nodes, this.props)) {\n      this.nodes[node.refKey].checkAll = false;\n      return _constants.CHECK_STATE.INDETERMINATE;\n    }\n\n    return _constants.CHECK_STATE.UNCHECK;\n  };\n\n  _proto.getFilterData = function getFilterData(searchKeyword, data, props) {\n    if (searchKeyword === void 0) {\n      searchKeyword = '';\n    }\n\n    if (props === void 0) {\n      props = this.props;\n    }\n\n    var _props3 = props,\n        labelKey = _props3.labelKey,\n        childrenKey = _props3.childrenKey,\n        searchBy = _props3.searchBy;\n\n    var setVisible = function setVisible(nodes) {\n      if (nodes === void 0) {\n        nodes = [];\n      }\n\n      return nodes.forEach(function (item) {\n        item.visible = searchBy ? searchBy(searchKeyword, item[labelKey], item) : (0, _Picker.shouldDisplay)(item[labelKey], searchKeyword);\n\n        if ((0, _isArray2.default)(item[childrenKey])) {\n          setVisible(item[childrenKey]);\n          item[childrenKey].forEach(function (child) {\n            if (child.visible) {\n              item.visible = child.visible;\n            }\n          });\n        }\n      });\n    };\n\n    setVisible(data);\n    return data;\n  };\n\n  _proto.getActiveElementOption = function getActiveElementOption(options, refKey) {\n    var childrenKey = this.props.childrenKey;\n\n    for (var i = 0; i < options.length; i += 1) {\n      var _options$i$childrenKe;\n\n      if (options[i].refKey === refKey) {\n        return options[i];\n      } else if ((_options$i$childrenKe = options[i][childrenKey]) === null || _options$i$childrenKe === void 0 ? void 0 : _options$i$childrenKe.length) {\n        var active = this.getActiveElementOption(options[i][childrenKey], refKey);\n\n        if (!(0, _isEmpty2.default)(active)) {\n          return active;\n        }\n      }\n    }\n\n    return {};\n  };\n\n  _proto.getFlattenTreeData = function getFlattenTreeData(nodes) {\n    var _this4 = this;\n\n    var expandItemValues = this.state.expandItemValues;\n    var _this$props8 = this.props,\n        childrenKey = _this$props8.childrenKey,\n        valueKey = _this$props8.valueKey;\n    return (0, _treeUtils.flattenTree)(nodes, childrenKey, function (node) {\n      var formatted = {};\n      var curNode = _this4.nodes[node.refKey];\n      var parentKeys = (0, _treeUtils.getNodeParents)(curNode, 'parentNode', valueKey);\n\n      if (curNode) {\n        formatted = (0, _extends2.default)({}, node, {\n          check: curNode.check,\n          expand: curNode.expand,\n          uncheckable: curNode.uncheckable,\n          layer: curNode.layer,\n          parentNode: curNode.parentNode,\n          showNode: (0, _treeUtils.shouldShowNodeByExpanded)(expandItemValues, parentKeys)\n        });\n      }\n\n      return formatted;\n    });\n  };\n\n  _proto.getItemsAndActiveIndex = function getItemsAndActiveIndex() {\n    var items = this.getFocusableMenuItems();\n    var activeIndex = -1;\n    items.forEach(function (item, index) {\n      if (document.activeElement !== null) {\n        if (item.refKey === document.activeElement.getAttribute('data-key')) {\n          activeIndex = index;\n        }\n      }\n    });\n    return {\n      items: items,\n      activeIndex: activeIndex\n    };\n  };\n\n  _proto.getActiveItem = function getActiveItem() {\n    var filterData = this.state.filterData;\n    var activeItem = document.activeElement;\n\n    if (activeItem !== null) {\n      var _activeItem$dataset, _activeItem$dataset2, _this$nodes$nodeData$, _this$nodes$nodeData$2;\n\n      var key = activeItem === null || activeItem === void 0 ? void 0 : (_activeItem$dataset = activeItem.dataset) === null || _activeItem$dataset === void 0 ? void 0 : _activeItem$dataset.key;\n      var layer = activeItem === null || activeItem === void 0 ? void 0 : (_activeItem$dataset2 = activeItem.dataset) === null || _activeItem$dataset2 === void 0 ? void 0 : _activeItem$dataset2.layer;\n      var nodeData = this.getActiveElementOption(filterData, key);\n      nodeData.check = !((_this$nodes$nodeData$ = this.nodes[nodeData.refKey]) === null || _this$nodes$nodeData$ === void 0 ? void 0 : _this$nodes$nodeData$.check);\n      nodeData.parentNode = (_this$nodes$nodeData$2 = this.nodes[nodeData.refKey]) === null || _this$nodes$nodeData$2 === void 0 ? void 0 : _this$nodes$nodeData$2.parentNode;\n      return {\n        nodeData: nodeData,\n        layer: layer\n      };\n    }\n\n    return {};\n  }\n  /**\n   * 获取已选择的items，用于显示在placeholder\n   */\n  ;\n\n  _proto.getSelectedItems = function getSelectedItems(selectedValues) {\n    var _this5 = this;\n\n    var valueKey = this.props.valueKey;\n    var checkItems = [];\n    Object.keys(this.nodes).map(function (refKey) {\n      var node = _this5.nodes[refKey];\n\n      if (selectedValues.some(function (value) {\n        return (0, _shallowEqual.default)(node[valueKey], value);\n      })) {\n        checkItems.push(node);\n      }\n    });\n    return checkItems;\n  }\n  /**\n   * 判断传入的 value 是否存在于data 中\n   * @param {*} values\n   */\n  ;\n\n  _proto.hasValue = function hasValue(values) {\n    var _this6 = this;\n\n    if (values === void 0) {\n      values = this.state.selectedValues;\n    }\n\n    var valueKey = this.props.valueKey;\n    var selectedValues = Object.keys(this.nodes).map(function (refKey) {\n      return _this6.nodes[refKey][valueKey];\n    }).filter(function (item) {\n      return values.some(function (v) {\n        return (0, _shallowEqual.default)(v, item);\n      });\n    });\n    return !!selectedValues.length;\n  }\n  /**\n   * 拍平数组，将tree 转换为一维对象\n   * @param {*} nodes tree data\n   * @param {*} ref 当前层级\n   */\n  ;\n\n  _proto.flattenNodes = function flattenNodes(nodes, props, ref, parentNode, layer) {\n    var _this7 = this;\n\n    if (ref === void 0) {\n      ref = '0';\n    }\n\n    if (layer === void 0) {\n      layer = 0;\n    }\n\n    var _ref2 = props || this.props,\n        labelKey = _ref2.labelKey,\n        valueKey = _ref2.valueKey,\n        childrenKey = _ref2.childrenKey;\n\n    if (!Array.isArray(nodes) || nodes.length === 0) {\n      return;\n    }\n\n    nodes.forEach(function (node, index) {\n      var _this7$nodes$refKey;\n\n      var refKey = ref + \"-\" + index;\n      node.refKey = refKey;\n      _this7.nodes[refKey] = (_this7$nodes$refKey = {\n        layer: layer\n      }, _this7$nodes$refKey[labelKey] = node[labelKey], _this7$nodes$refKey[valueKey] = node[valueKey], _this7$nodes$refKey.expand = (0, _treeUtils.getExpandState)(node, props || _this7.props), _this7$nodes$refKey.uncheckable = (0, _utils2.getUncheckableState)(node, props || _this7.props), _this7$nodes$refKey.refKey = refKey, _this7$nodes$refKey);\n\n      if (parentNode) {\n        _this7.nodes[refKey].parentNode = parentNode;\n      }\n\n      _this7.flattenNodes(node[childrenKey], props, refKey, _this7.nodes[refKey], layer + 1);\n    });\n  }\n  /**\n   * 过滤选中的 values 中不包含 uncheckableItemValues 的那些值\n   * @param {*} values\n   */\n  ;\n\n  _proto.filterSelectedValues = function filterSelectedValues(values) {\n    var _this$props$uncheckab = this.props.uncheckableItemValues,\n        uncheckableItemValues = _this$props$uncheckab === void 0 ? [] : _this$props$uncheckab;\n    return values.filter(function (value) {\n      return !uncheckableItemValues.includes(value);\n    });\n  };\n\n  _proto.serializeList = function serializeList(key, nodes) {\n    if (nodes === void 0) {\n      nodes = this.nodes;\n    }\n\n    var valueKey = this.props.valueKey;\n    var list = [];\n    Object.keys(nodes).forEach(function (refKey) {\n      if (nodes[refKey][key]) {\n        list.push(nodes[refKey][valueKey]);\n      }\n    });\n    return list;\n  };\n\n  _proto.serializeListOnlyParent = function serializeListOnlyParent(key, nodes) {\n    if (nodes === void 0) {\n      nodes = this.nodes;\n    }\n\n    var valueKey = this.props.valueKey;\n    var list = [];\n    Object.keys(nodes).forEach(function (refKey) {\n      var currentNode = nodes[refKey];\n\n      if (currentNode.parentNode) {\n        var _currentNode$parentNo;\n\n        var parentNode = nodes[(_currentNode$parentNo = currentNode.parentNode) === null || _currentNode$parentNo === void 0 ? void 0 : _currentNode$parentNo.refKey];\n\n        if (currentNode[key]) {\n          if (!(parentNode === null || parentNode === void 0 ? void 0 : parentNode.checkAll)) {\n            list.push(nodes[refKey][valueKey]);\n          } else if (parentNode === null || parentNode === void 0 ? void 0 : parentNode.uncheckable) {\n            list.push(nodes[refKey][valueKey]);\n          }\n        }\n      } else {\n        if (currentNode[key]) {\n          list.push(nodes[refKey][valueKey]);\n        }\n      }\n    });\n    return list;\n  };\n\n  _proto.unserializeLists = function unserializeLists(lists, nextProps) {\n    var _this8 = this;\n\n    if (nextProps === void 0) {\n      nextProps = this.props;\n    }\n\n    var _nextProps = nextProps,\n        valueKey = _nextProps.valueKey,\n        cascade = _nextProps.cascade,\n        _nextProps$uncheckabl = _nextProps.uncheckableItemValues,\n        uncheckableItemValues = _nextProps$uncheckabl === void 0 ? [] : _nextProps$uncheckabl;\n    var expandAll = (0, _treeUtils.getExpandAll)(nextProps); // Reset values to false\n\n    Object.keys(this.nodes).forEach(function (refKey) {\n      Object.keys(lists).forEach(function (listKey) {\n        if (listKey === 'check') {\n          var node = _this8.nodes[refKey];\n\n          if (cascade && 'parentNode' in node) {\n            node[listKey] = node.parentNode[listKey];\n          } else {\n            node[listKey] = false;\n          }\n\n          lists[listKey].forEach(function (value) {\n            if ((0, _shallowEqual.default)(_this8.nodes[refKey][valueKey], value) && !uncheckableItemValues.some(function (uncheckableValue) {\n              return (0, _shallowEqual.default)(value, uncheckableValue);\n            })) {\n              _this8.nodes[refKey][listKey] = true;\n            }\n          });\n        }\n\n        if (listKey === 'expand') {\n          _this8.nodes[refKey][listKey] = false;\n\n          if (lists[listKey].length) {\n            lists[listKey].forEach(function (value) {\n              if ((0, _shallowEqual.default)(_this8.nodes[refKey][valueKey], value)) {\n                _this8.nodes[refKey][listKey] = true;\n              }\n            });\n          } else {\n            _this8.nodes[refKey][listKey] = expandAll;\n          }\n        }\n      });\n    });\n  };\n\n  _proto.toggleChecked = function toggleChecked(node, isChecked) {\n    var nodes = (0, _utils.clone)(this.nodes);\n    this.toggleDownChecked(nodes, node, isChecked);\n    node.parentNode && this.toggleUpChecked(nodes, node.parentNode, isChecked);\n    var values = this.serializeListOnlyParent('check', nodes);\n    return this.filterSelectedValues(values);\n  };\n\n  _proto.toggleUpChecked = function toggleUpChecked(nodes, node, checked) {\n    var cascade = this.props.cascade;\n    var currentNode = nodes[node.refKey];\n\n    if (cascade) {\n      if (!checked) {\n        currentNode.check = checked;\n        currentNode.checkAll = checked;\n      } else {\n        if (this.everyChildChecked(nodes, node)) {\n          currentNode.check = true;\n          currentNode.checkAll = true;\n        } else {\n          currentNode.check = false;\n          currentNode.checkAll = false;\n        }\n      }\n\n      if (node.parentNode) {\n        this.toggleUpChecked(nodes, node.parentNode, checked);\n      }\n    }\n  };\n\n  _proto.toggleDownChecked = function toggleDownChecked(nodes, node, isChecked) {\n    var _this9 = this;\n\n    var _this$props9 = this.props,\n        childrenKey = _this$props9.childrenKey,\n        cascade = _this$props9.cascade;\n    nodes[node.refKey].check = isChecked;\n\n    if (!node[childrenKey] || !node[childrenKey].length || !cascade) {\n      nodes[node.refKey].checkAll = false;\n    } else {\n      nodes[node.refKey].checkAll = isChecked;\n      node[childrenKey].forEach(function (child) {\n        _this9.toggleDownChecked(nodes, child, isChecked);\n      });\n    }\n  };\n\n  _proto.toggleNode = function toggleNode(key, node, toggleValue) {\n    // 如果该节点处于 disabledCheckbox，则忽略该值\n    if (!node.uncheckable) {\n      this.nodes[node.refKey][key] = toggleValue;\n    }\n  };\n\n  _proto.toggleExpand = function toggleExpand(node, isExpand) {\n    var valueKey = this.props.valueKey;\n    var expandItemValues = new Set(this.serializeList('expand'));\n\n    if (isExpand) {\n      expandItemValues.add(node[valueKey]);\n    } else {\n      expandItemValues.delete(node[valueKey]);\n    }\n\n    return Array.from(expandItemValues);\n  };\n\n  _proto.renderDropdownMenu = function renderDropdownMenu() {\n    var _this$props10 = this.props,\n        _this$props10$height = _this$props10.height,\n        height = _this$props10$height === void 0 ? defaultHeight : _this$props10$height,\n        locale = _this$props10.locale,\n        menuStyle = _this$props10.menuStyle,\n        searchable = _this$props10.searchable,\n        renderMenu = _this$props10.renderMenu,\n        virtualized = _this$props10.virtualized,\n        searchKeyword = _this$props10.searchKeyword,\n        renderExtraFooter = _this$props10.renderExtraFooter,\n        menuClassName = _this$props10.menuClassName,\n        menuAutoWidth = _this$props10.menuAutoWidth;\n    var keyword = !(0, _isUndefined2.default)(searchKeyword) ? searchKeyword : this.state.searchKeyword;\n    var classes = (0, _classnames.default)(menuClassName, this.addPrefix('check-tree-menu'));\n    var menu = this.renderCheckTree();\n    var styles = virtualized ? (0, _extends2.default)({\n      height: height\n    }, menuStyle) : menuStyle;\n    return React.createElement(_Picker.MenuWrapper, {\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: styles,\n      ref: this.menuRef,\n      getToggleInstance: this.getToggleInstance,\n      getPositionInstance: this.getPositionInstance,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 925\n      },\n      __self: this\n    }, searchable ? React.createElement(_Picker.SearchBar, {\n      placeholder: locale.searchPlaceholder,\n      key: \"searchBar\",\n      onChange: this.handleSearch,\n      value: keyword,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 934\n      },\n      __self: this\n    }) : null, renderMenu ? renderMenu(menu) : menu, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  _proto.renderNode = function renderNode(node, layer) {\n    var _this10 = this;\n\n    var _this$state5 = this.state,\n        activeNode = _this$state5.activeNode,\n        searchKeyword = _this$state5.searchKeyword;\n    var _this$props11 = this.props,\n        valueKey = _this$props11.valueKey,\n        labelKey = _this$props11.labelKey,\n        childrenKey = _this$props11.childrenKey,\n        renderTreeNode = _this$props11.renderTreeNode,\n        renderTreeIcon = _this$props11.renderTreeIcon,\n        cascade = _this$props11.cascade,\n        locale = _this$props11.locale;\n    var visible = node.visible,\n        refKey = node.refKey; // 当处于搜索时，需要将所有节点都展开\n\n    var expand = (0, _treeUtils.getExpandWhenSearching)(searchKeyword, node.expand);\n\n    if (!visible) {\n      return null;\n    }\n\n    var key = (0, _isString2.default)(node[valueKey]) || (0, _isNumber2.default)(node[valueKey]) ? node[valueKey] : refKey;\n    var children = node[childrenKey]; // 当用户进行搜索时，hasChildren的判断要变成判断是否存在 visible 为 true 的子节点\n\n    var visibleChildren = (0, _isUndefined2.default)(searchKeyword) || searchKeyword.length === 0 ? !!children : (0, _treeUtils.hasVisibleChildren)(node, childrenKey);\n    var props = {\n      value: node[valueKey],\n      label: node[labelKey],\n      layer: layer,\n      expand: expand,\n      rtl: locale.rtl,\n      focus: activeNode ? (0, _shallowEqual.default)(activeNode[valueKey], node[valueKey]) : false,\n      visible: node.visible,\n      disabled: (0, _utils2.getDisabledState)(this.nodes, node, this.props),\n      nodeData: node,\n      checkState: this.getNodeCheckState(node, cascade),\n      hasChildren: visibleChildren,\n      uncheckable: node.uncheckable,\n      allUncheckable: (0, _utils2.getSiblingNodeUncheckable)(node, this.nodes),\n      onSelect: this.handleSelect,\n      onTreeToggle: this.handleToggle,\n      onRenderTreeNode: renderTreeNode,\n      onRenderTreeIcon: renderTreeIcon\n    };\n\n    if (props.hasChildren) {\n      var _classNames;\n\n      layer += 1; // 是否展开树节点且子节点不为空\n\n      var openClass = this.addTreePrefix('open');\n      var childrenClass = (0, _classnames.default)(this.addTreePrefix('node-children'), (_classNames = {}, _classNames[openClass] = expand && visibleChildren, _classNames));\n      var nodes = children || [];\n      return React.createElement(\"div\", {\n        className: childrenClass,\n        key: key,\n        ref: this.bindNodeRefs.bind(this, refKey),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 1005\n        },\n        __self: this\n      }, React.createElement(_CheckTreeNode.default, (0, _extends2.default)({}, props, {\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 1006\n        },\n        __self: this\n      })), React.createElement(\"div\", {\n        className: this.addTreePrefix('children'),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 1007\n        },\n        __self: this\n      }, nodes.map(function (child) {\n        return _this10.renderNode(child, layer);\n      })));\n    }\n\n    return React.createElement(_CheckTreeNode.default, (0, _extends2.default)({\n      key: key,\n      innerRef: this.bindNodeRefs.bind(this, refKey)\n    }, props, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1014\n      },\n      __self: this\n    }));\n  };\n\n  _proto.renderVirtualNode = function renderVirtualNode(node, options) {\n    var _this$state6 = this.state,\n        activeNode = _this$state6.activeNode,\n        expandAll = _this$state6.expandAll,\n        searchKeyword = _this$state6.searchKeyword;\n    var _this$props12 = this.props,\n        valueKey = _this$props12.valueKey,\n        labelKey = _this$props12.labelKey,\n        childrenKey = _this$props12.childrenKey,\n        renderTreeNode = _this$props12.renderTreeNode,\n        renderTreeIcon = _this$props12.renderTreeIcon,\n        cascade = _this$props12.cascade,\n        locale = _this$props12.locale;\n    var key = options.key,\n        style = options.style;\n    var layer = node.layer,\n        refKey = node.refKey,\n        showNode = node.showNode;\n    var expand = (0, _treeUtils.getExpandWhenSearching)(searchKeyword, node.expand);\n    var children = node[childrenKey];\n    var props = {\n      value: node[valueKey],\n      label: node[labelKey],\n      layer: layer,\n      expand: expand,\n      rtl: locale.rtl,\n      focus: activeNode ? (0, _shallowEqual.default)(activeNode[valueKey], node[valueKey]) : false,\n      visible: node.visible,\n      disabled: (0, _utils2.getDisabledState)(this.nodes, node, this.props),\n      nodeData: node,\n      children: children,\n      expandAll: expandAll,\n      checkState: this.getNodeCheckState(node, cascade),\n      parentNode: node.parentNode,\n      hasChildren: !!children,\n      uncheckable: node.uncheckable,\n      allUncheckable: (0, _utils2.getSiblingNodeUncheckable)(node, this.nodes),\n      onSelect: this.handleSelect,\n      onTreeToggle: this.handleToggle,\n      onRenderTreeNode: renderTreeNode,\n      onRenderTreeIcon: renderTreeIcon\n    };\n    return showNode && React.createElement(_CheckTreeNode.default, (0, _extends2.default)({\n      style: style,\n      key: key,\n      innerRef: this.bindNodeRefs.bind(this, refKey)\n    }, props, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1059\n      },\n      __self: this\n    }));\n  };\n\n  _proto.renderCheckTree = function renderCheckTree() {\n    var _classNames2,\n        _this11 = this,\n        _classNames3;\n\n    var _this$state7 = this.state,\n        filterData = _this$state7.filterData,\n        isSomeNodeHasChildren = _this$state7.isSomeNodeHasChildren;\n    var _this$props13 = this.props,\n        inline = _this$props13.inline,\n        style = _this$props13.style,\n        height = _this$props13.height,\n        className = _this$props13.className,\n        onScroll = _this$props13.onScroll,\n        locale = _this$props13.locale,\n        virtualized = _this$props13.virtualized,\n        searchable = _this$props13.searchable; // 树节点的层级\n\n    var layer = 0;\n    var classes = (0, _classnames.default)((0, _utils.defaultClassPrefix)('check-tree'), (_classNames2 = {}, _classNames2[className] = inline, _classNames2['without-children'] = !isSomeNodeHasChildren, _classNames2));\n    var formattedNodes = [];\n\n    if (!virtualized) {\n      formattedNodes = (0, _utils2.getFormattedTree)(filterData, this.nodes, this.props).map(function (node) {\n        return _this11.renderNode(node, layer);\n      });\n\n      if (!formattedNodes.some(function (v) {\n        return v !== null;\n      })) {\n        return React.createElement(\"div\", {\n          className: this.addPrefix('none'),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 1107\n          },\n          __self: this\n        }, locale.noResultsText);\n      }\n    } else {\n      formattedNodes = this.getFlattenTreeData(filterData).filter(function (n) {\n        return n.showNode && n.visible;\n      });\n\n      if (!formattedNodes.length) {\n        return React.createElement(\"div\", {\n          className: this.addPrefix('none'),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 1112\n          },\n          __self: this\n        }, locale.noResultsText);\n      }\n    } // 当未定义 height 且 设置了 virtualized 为 true，treeHeight 设置默认高度\n\n\n    var treeHeight = (0, _isUndefined2.default)(height) && virtualized ? defaultHeight : height;\n    var treeWidth = (0, _isUndefined2.default)(style === null || style === void 0 ? void 0 : style.width) ? defaultWidth : style.width;\n    var styles = inline ? (0, _extends2.default)({\n      height: treeHeight\n    }, style) : {};\n    var treeNodesClass = (0, _classnames.default)(this.addTreePrefix('nodes'), (_classNames3 = {}, _classNames3[this.addTreePrefix('all-uncheckable')] = (0, _utils2.getEveryFisrtLevelNodeUncheckable)(this.nodes), _classNames3));\n    var listHeight = (0, _treeUtils.getVirtualLisHeight)(inline, searchable, treeHeight);\n    return React.createElement(\"div\", {\n      ref: this.treeViewRef,\n      className: classes,\n      style: styles,\n      onScroll: onScroll,\n      onKeyDown: this.handleKeyDown,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1126\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: treeNodesClass,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1133\n      },\n      __self: this\n    }, virtualized ? React.createElement(_AutoSizer.default, {\n      defaultHeight: listHeight,\n      defaultWidth: treeWidth,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1135\n      },\n      __self: this\n    }, function (_ref3) {\n      var height = _ref3.height,\n          width = _ref3.width;\n      return React.createElement(_List.default, {\n        ref: _this11.listRef,\n        width: width || treeWidth,\n        height: height || listHeight,\n        rowHeight: 36,\n        rowCount: formattedNodes.length,\n        rowRenderer: _this11.measureRowRenderer(formattedNodes),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 1137\n        },\n        __self: this\n      });\n    }) : formattedNodes));\n  };\n\n  _proto.render = function render() {\n    var _this$props14 = this.props,\n        cascade = _this$props14.cascade,\n        style = _this$props14.style,\n        locale = _this$props14.locale,\n        inline = _this$props14.inline,\n        disabled = _this$props14.disabled,\n        valueKey = _this$props14.valueKey,\n        labelKey = _this$props14.labelKey,\n        cleanable = _this$props14.cleanable,\n        countable = _this$props14.countable,\n        placeholder = _this$props14.placeholder,\n        toggleComponentClass = _this$props14.toggleComponentClass,\n        onExited = _this$props14.onExited,\n        onEntered = _this$props14.onEntered,\n        onClean = _this$props14.onClean,\n        renderValue = _this$props14.renderValue,\n        positionRef = _this$props14.positionRef,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props14, [\"cascade\", \"style\", \"locale\", \"inline\", \"disabled\", \"valueKey\", \"labelKey\", \"cleanable\", \"countable\", \"placeholder\", \"toggleComponentClass\", \"onExited\", \"onEntered\", \"onClean\", \"renderValue\", \"positionRef\"]);\n    var _this$state8 = this.state,\n        hasValue = _this$state8.hasValue,\n        selectedValues = _this$state8.selectedValues;\n    var hasValidValue = hasValue || selectedValues.length > 0 && (0, _isFunction2.default)(renderValue);\n    var selectedItems = this.getSelectedItems(selectedValues);\n    var selectedElement = placeholder;\n    /**\n     * if value is invalid and renderValue is undefined, then using placeholder.\n     * if value is valid and renderValue is't undefined, then using renderValue()\n     */\n\n    if (selectedValues.length) {\n      if (hasValue) {\n        selectedElement = React.createElement(_Picker.SelectedElement, {\n          selectedItems: selectedItems,\n          countable: countable,\n          valueKey: valueKey,\n          labelKey: labelKey,\n          prefix: this.addPrefix,\n          cascade: cascade,\n          locale: locale,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 1188\n          },\n          __self: this\n        });\n      }\n\n      if ((0, _isFunction2.default)(renderValue)) {\n        selectedElement = renderValue(selectedValues, selectedItems, selectedElement);\n\n        if ((0, _isNil2.default)(selectedElement)) {\n          hasValidValue = false;\n        }\n      }\n    }\n\n    var unhandled = (0, _utils.getUnhandledProps)(CheckTreePicker, rest);\n    var classes = (0, _Picker.getToggleWrapperClassName)('check-tree', this.addPrefix, this.props, hasValidValue);\n\n    if (inline) {\n      return this.renderCheckTree();\n    }\n\n    return React.createElement(_Picker.PickerToggleTrigger, {\n      pickerProps: this.props,\n      ref: this.triggerRef,\n      positionRef: (0, _utils.mergeRefs)(this.positionRef, positionRef),\n      onEntered: (0, _utils.createChainedFunction)(this.handleOnOpen, onEntered),\n      onExited: (0, _utils.createChainedFunction)(this.handleOnClose, onExited),\n      speaker: this.renderDropdownMenu(),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1219\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1227\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, unhandled, {\n      ref: this.toggleRef,\n      onKeyDown: this.handleToggleKeyDown,\n      onClean: (0, _utils.createChainedFunction)(this.handleClean, onClean),\n      componentClass: toggleComponentClass,\n      cleanable: cleanable && !disabled,\n      hasValue: hasValidValue,\n      active: this.state.active,\n      \"aria-disabled\": disabled,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1228\n      },\n      __self: this\n    }), selectedElement || locale.placeholder)));\n  };\n\n  return CheckTreePicker;\n}(React.Component);\n\nCheckTreePicker.propTypes = (0, _extends2.default)({}, _propTypes2.listPickerPropTypes, {\n  height: _propTypes.default.number,\n  inline: _propTypes.default.bool,\n  cascade: _propTypes.default.bool,\n  countable: _propTypes.default.bool,\n  expandAll: _propTypes.default.bool,\n  searchable: _propTypes.default.bool,\n  virtualized: _propTypes.default.bool,\n  searchKeyword: _propTypes.default.string,\n  menuAutoWidth: _propTypes.default.bool,\n  defaultExpandAll: _propTypes.default.bool,\n  containerPadding: _propTypes.default.number,\n  disabledItemValues: _propTypes.default.array,\n  expandItemValues: _propTypes.default.array,\n  defaultExpandItemValues: _propTypes.default.array,\n  uncheckableItemValues: _propTypes.default.array,\n  onSearch: _propTypes.default.func,\n  onExpand: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onScroll: _propTypes.default.func,\n  renderMenu: _propTypes.default.func,\n  renderTreeNode: _propTypes.default.func,\n  renderTreeIcon: _propTypes.default.func,\n  searchBy: _propTypes.default.func\n});\nCheckTreePicker.defaultProps = (0, _extends2.default)({}, _propTypes2.listPickerDefaultProps, {\n  cascade: true,\n  countable: true,\n  searchable: true,\n  menuAutoWidth: true,\n  defaultValue: [],\n  uncheckableItemValues: [],\n  locale: {\n    placeholder: 'Select',\n    searchPlaceholder: 'Search',\n    noResultsText: 'No results found',\n    checkAll: 'All'\n  }\n});\n(0, _reactLifecyclesCompat.polyfill)(CheckTreePicker);\n\nvar _default = (0, _utils.defaultProps)({\n  classPrefix: 'picker'\n})(CheckTreePicker);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/CheckTreePicker/CheckTreePicker.tsx?");
 
 /***/ }),
 
@@ -8139,7 +8020,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Drawer = _interopRequireDefault(__webpack_require__(/*! ./Drawer */ \"./src/Drawer/Drawer.tsx\"));\n\nvar _ModalBody = _interopRequireDefault(__webpack_require__(/*! ../Modal/ModalBody */ \"./src/Modal/ModalBody.tsx\"));\n\nvar _ModalHeader = _interopRequireDefault(__webpack_require__(/*! ../Modal/ModalHeader */ \"./src/Modal/ModalHeader.tsx\"));\n\nvar _ModalTitle = _interopRequireDefault(__webpack_require__(/*! ../Modal/ModalTitle */ \"./src/Modal/ModalTitle.tsx\"));\n\nvar _ModalFooter = _interopRequireDefault(__webpack_require__(/*! ../Modal/ModalFooter */ \"./src/Modal/ModalFooter.tsx\"));\n\nvar EnhancedBody = (0, _utils.defaultProps)({\n  classPrefix: 'drawer-body'\n})(_ModalBody.default);\n(0, _recompose.setStatic)('Body', (0, _recompose.setDisplayName)('Body')(EnhancedBody))(_Drawer.default);\n(0, _recompose.setStatic)('Header', (0, _utils.defaultProps)({\n  classPrefix: 'drawer-header'\n})(_ModalHeader.default))(_Drawer.default);\n(0, _recompose.setStatic)('Title', (0, _utils.defaultProps)({\n  classPrefix: 'drawer-title'\n})(_ModalTitle.default))(_Drawer.default);\n(0, _recompose.setStatic)('Footer', (0, _utils.defaultProps)({\n  classPrefix: 'drawer-footer'\n})(_ModalFooter.default))(_Drawer.default);\nvar _default = _Drawer.default;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Drawer/index.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Drawer = _interopRequireDefault(__webpack_require__(/*! ./Drawer */ \"./src/Drawer/Drawer.tsx\"));\n\nvar _ModalBody = _interopRequireDefault(__webpack_require__(/*! ../Modal/ModalBody */ \"./src/Modal/ModalBody.tsx\"));\n\nvar _ModalHeader = _interopRequireDefault(__webpack_require__(/*! ../Modal/ModalHeader */ \"./src/Modal/ModalHeader.tsx\"));\n\nvar _ModalTitle = _interopRequireDefault(__webpack_require__(/*! ../Modal/ModalTitle */ \"./src/Modal/ModalTitle.tsx\"));\n\nvar _ModalFooter = _interopRequireDefault(__webpack_require__(/*! ../Modal/ModalFooter */ \"./src/Modal/ModalFooter.tsx\"));\n\nvar EnhancedBody = (0, _utils.defaultProps)({\n  classPrefix: 'drawer-body'\n})(_ModalBody.default);\n(0, _utils.setStatic)('Body', (0, _utils.setDisplayName)('Body')(EnhancedBody))(_Drawer.default);\n(0, _utils.setStatic)('Header', (0, _utils.defaultProps)({\n  classPrefix: 'drawer-header'\n})(_ModalHeader.default))(_Drawer.default);\n(0, _utils.setStatic)('Title', (0, _utils.defaultProps)({\n  classPrefix: 'drawer-title'\n})(_ModalTitle.default))(_Drawer.default);\n(0, _utils.setStatic)('Footer', (0, _utils.defaultProps)({\n  classPrefix: 'drawer-footer'\n})(_ModalFooter.default))(_Drawer.default);\nvar _default = _Drawer.default;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Drawer/index.tsx?");
 
 /***/ }),
 
@@ -8151,7 +8032,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _kebabCase2 = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n\nvar _RootCloseWrapper = _interopRequireDefault(__webpack_require__(/*! ../Overlay/RootCloseWrapper */ \"./src/Overlay/RootCloseWrapper.tsx\"));\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _DropdownToggle = _interopRequireDefault(__webpack_require__(/*! ./DropdownToggle */ \"./src/Dropdown/DropdownToggle.tsx\"));\n\nvar _DropdownMenu = _interopRequireDefault(__webpack_require__(/*! ./DropdownMenu */ \"./src/Dropdown/DropdownMenu.tsx\"));\n\nvar _DropdownMenuItem = _interopRequireDefault(__webpack_require__(/*! ./DropdownMenuItem */ \"./src/Dropdown/DropdownMenuItem.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Dropdown/Dropdown.tsx\";\n\nvar Dropdown =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Dropdown, _React$Component);\n\n  function Dropdown(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.rootRef = void 0;\n\n    _this.toggle = function (isOpen) {\n      var _this$props = _this.props,\n          onOpen = _this$props.onOpen,\n          onClose = _this$props.onClose,\n          onToggle = _this$props.onToggle;\n      var open = (0, _isUndefined2.default)(isOpen) ? !_this.getOpen() : isOpen;\n      var handleToggle = open ? onOpen : onClose;\n\n      _this.setState({\n        open: open\n      });\n\n      handleToggle === null || handleToggle === void 0 ? void 0 : handleToggle();\n      onToggle === null || onToggle === void 0 ? void 0 : onToggle(open);\n    };\n\n    _this.handleRootClose = function (event) {\n      var _this$props$onToggle, _this$props2, _this$props$onClose, _this$props3;\n\n      // Prevent the event from bubbling when closing the overlay is triggered by its own element.\n      // fix#1435\n      if ((0, _domLib.contains)((0, _utils.getDOMNode)(_this.rootRef.current), event.target)) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n\n      _this.setState({\n        open: false\n      });\n\n      (_this$props$onToggle = (_this$props2 = _this.props).onToggle) === null || _this$props$onToggle === void 0 ? void 0 : _this$props$onToggle.call(_this$props2, false);\n      (_this$props$onClose = (_this$props3 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props3);\n    };\n\n    _this.handleClick = function (event) {\n      event.preventDefault();\n\n      if (_this.props.disabled) {\n        return;\n      }\n\n      _this.toggle();\n    };\n\n    _this.handleOpenChange = function (event) {\n      var _this$context, _this$context$onOpenC;\n\n      var eventKey = _this.props.eventKey;\n      (_this$context = _this.context) === null || _this$context === void 0 ? void 0 : (_this$context$onOpenC = _this$context.onOpenChange) === null || _this$context$onOpenC === void 0 ? void 0 : _this$context$onOpenC.call(_this$context, eventKey, event);\n    };\n\n    _this.handleToggleChange = function (eventKey, event) {\n      var _this$context2, _this$context2$onOpen;\n\n      (_this$context2 = _this.context) === null || _this$context2 === void 0 ? void 0 : (_this$context2$onOpen = _this$context2.onOpenChange) === null || _this$context2$onOpen === void 0 ? void 0 : _this$context2$onOpen.call(_this$context2, eventKey, event);\n    };\n\n    _this.handleMouseEnter = function () {\n      if (!_this.props.disabled) {\n        _this.toggle(true);\n      }\n    };\n\n    _this.handleMouseLeave = function () {\n      if (!_this.props.disabled) {\n        _this.toggle(false);\n      }\n    };\n\n    _this.handleSelect = function (eventKey, event) {\n      var _this$props$onSelect, _this$props4;\n\n      (_this$props$onSelect = (_this$props4 = _this.props).onSelect) === null || _this$props$onSelect === void 0 ? void 0 : _this$props$onSelect.call(_this$props4, eventKey, event);\n\n      _this.toggle(false);\n    };\n\n    _this.state = {\n      open: props.open\n    };\n    _this.rootRef = React.createRef();\n    return _this;\n  }\n\n  var _proto = Dropdown.prototype;\n\n  _proto.getOpen = function getOpen() {\n    var open = this.props.open;\n\n    if ((0, _isUndefined2.default)(open)) {\n      return this.state.open;\n    }\n\n    return open;\n  };\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props5 = this.props,\n        title = _this$props5.title,\n        children = _this$props5.children,\n        className = _this$props5.className,\n        menuStyle = _this$props5.menuStyle,\n        disabled = _this$props5.disabled,\n        renderTitle = _this$props5.renderTitle,\n        classPrefix = _this$props5.classPrefix,\n        placement = _this$props5.placement,\n        activeKey = _this$props5.activeKey,\n        tabIndex = _this$props5.tabIndex,\n        toggleClassName = _this$props5.toggleClassName,\n        trigger = _this$props5.trigger,\n        icon = _this$props5.icon,\n        onClick = _this$props5.onClick,\n        onMouseEnter = _this$props5.onMouseEnter,\n        onMouseLeave = _this$props5.onMouseLeave,\n        onContextMenu = _this$props5.onContextMenu,\n        eventKey = _this$props5.eventKey,\n        Component = _this$props5.componentClass,\n        toggleComponentClass = _this$props5.toggleComponentClass,\n        noCaret = _this$props5.noCaret,\n        style = _this$props5.style,\n        showHeader = _this$props5.showHeader,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props5, [\"title\", \"children\", \"className\", \"menuStyle\", \"disabled\", \"renderTitle\", \"classPrefix\", \"placement\", \"activeKey\", \"tabIndex\", \"toggleClassName\", \"trigger\", \"icon\", \"onClick\", \"onMouseEnter\", \"onMouseLeave\", \"onContextMenu\", \"eventKey\", \"componentClass\", \"toggleComponentClass\", \"noCaret\", \"style\", \"showHeader\"]);\n\n    var _ref = this.context || {},\n        _ref$openKeys = _ref.openKeys,\n        openKeys = _ref$openKeys === void 0 ? [] : _ref$openKeys,\n        sidenav = _ref.sidenav,\n        expanded = _ref.expanded;\n\n    var menuExpanded = openKeys.some(function (key) {\n      return (0, _shallowEqual.default)(key, eventKey);\n    });\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var open = this.getOpen();\n    var collapsible = sidenav && expanded;\n    var unhandled = (0, _utils.getUnhandledProps)(Dropdown, props);\n    var toggleProps = (0, _extends2.default)({}, unhandled, {\n      onClick: (0, _utils.createChainedFunction)(this.handleOpenChange, onClick),\n      onContextMenu: onContextMenu\n    });\n    var dropdownProps = {\n      onMouseEnter: onMouseEnter,\n      onMouseLeave: onMouseLeave\n    };\n    /**\n     * Bind event of trigger,\n     * not used in  in the expanded state of '<Sidenav>'\n     */\n\n    if (!collapsible) {\n      if ((0, _utils.isOneOf)('click', trigger)) {\n        toggleProps.onClick = (0, _utils.createChainedFunction)(this.handleClick, toggleProps.onClick);\n      }\n\n      if ((0, _utils.isOneOf)('contextMenu', trigger)) {\n        toggleProps.onContextMenu = (0, _utils.createChainedFunction)(this.handleClick, onContextMenu);\n      }\n\n      if ((0, _utils.isOneOf)('hover', trigger)) {\n        dropdownProps.onMouseEnter = (0, _utils.createChainedFunction)(this.handleMouseEnter, onMouseEnter);\n        dropdownProps.onMouseLeave = (0, _utils.createChainedFunction)(this.handleMouseLeave, onMouseLeave);\n      }\n    }\n\n    var menuProps = {\n      collapsible: collapsible,\n      activeKey: activeKey,\n      openKeys: openKeys,\n      expanded: menuExpanded,\n      style: menuStyle,\n      onSelect: this.handleSelect,\n      onToggle: this.handleToggleChange\n    };\n    var menu = React.createElement(_DropdownMenu.default, (0, _extends2.default)({}, menuProps, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 223\n      },\n      __self: this\n    }), children);\n\n    if (open) {\n      menu = React.createElement(_RootCloseWrapper.default, {\n        onRootClose: this.handleRootClose,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 227\n        },\n        __self: this\n      }, function (props, ref) {\n        return React.createElement(_DropdownMenu.default, (0, _extends2.default)({}, props, menuProps, {\n          htmlElementRef: ref,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 229\n          },\n          __self: this\n        }), showHeader && React.createElement(\"li\", {\n          className: addPrefix('header'),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 230\n          },\n          __self: this\n        }, title), children);\n      });\n    }\n\n    var toggle = React.createElement(_DropdownToggle.default, (0, _extends2.default)({}, toggleProps, {\n      noCaret: noCaret,\n      tabIndex: tabIndex,\n      className: toggleClassName,\n      renderTitle: renderTitle,\n      icon: icon,\n      componentClass: toggleComponentClass,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 239\n      },\n      __self: this\n    }), title);\n    var classes = (0, _classnames.default)(classPrefix, className, (_classNames = {}, _classNames[addPrefix(\"placement-\" + (0, _kebabCase2.default)((0, _utils.placementPolyfill)(placement)))] = placement, _classNames[addPrefix('disabled')] = disabled, _classNames[addPrefix('no-caret')] = noCaret, _classNames[addPrefix('open')] = open, _classNames[addPrefix(menuExpanded ? 'expand' : 'collapse')] = sidenav, _classNames));\n    return React.createElement(Component, (0, _extends2.default)({\n      ref: this.rootRef\n    }, dropdownProps, {\n      style: style,\n      className: classes,\n      role: \"menu\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 261\n      },\n      __self: this\n    }), menu, toggle);\n  };\n\n  return Dropdown;\n}(React.Component);\n\nDropdown.displayName = 'Dropdown';\nDropdown.contextType = _Sidenav.SidenavContext;\nDropdown.propTypes = {\n  activeKey: _propTypes.default.any,\n  classPrefix: _propTypes.default.string,\n  trigger: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf(['click', 'hover', 'contextMenu'])]),\n  placement: _propTypes.default.oneOf(_constants.PLACEMENT_8),\n  title: _propTypes.default.node,\n  disabled: _propTypes.default.bool,\n  icon: _propTypes.default.node,\n  menuStyle: _propTypes.default.object,\n  className: _propTypes.default.string,\n  toggleClassName: _propTypes.default.string,\n  children: _propTypes.default.node,\n  tabIndex: _propTypes.default.number,\n  open: _propTypes.default.bool,\n  eventKey: _propTypes.default.any,\n  componentClass: _propTypes.default.elementType,\n  toggleComponentClass: _propTypes.default.elementType,\n  noCaret: _propTypes.default.bool,\n  showHeader: _propTypes.default.bool,\n  style: _propTypes.default.object,\n  onClose: _propTypes.default.func,\n  onOpen: _propTypes.default.func,\n  onToggle: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onMouseEnter: _propTypes.default.func,\n  onMouseLeave: _propTypes.default.func,\n  onContextMenu: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  renderTitle: _propTypes.default.func\n};\nDropdown.defaultProps = {\n  placement: 'bottomStart',\n  trigger: 'click',\n  tabIndex: 0\n};\nvar EnhancedDropdown = (0, _utils.defaultProps)({\n  componentClass: 'div',\n  classPrefix: 'dropdown'\n})(Dropdown);\n(0, _recompose.setStatic)('Item', _DropdownMenuItem.default)(EnhancedDropdown);\n(0, _recompose.setStatic)('Menu', _DropdownMenu.default)(EnhancedDropdown);\nvar _default = EnhancedDropdown;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/Dropdown.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _kebabCase2 = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n\nvar _RootCloseWrapper = _interopRequireDefault(__webpack_require__(/*! ../Overlay/RootCloseWrapper */ \"./src/Overlay/RootCloseWrapper.tsx\"));\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _DropdownToggle = _interopRequireDefault(__webpack_require__(/*! ./DropdownToggle */ \"./src/Dropdown/DropdownToggle.tsx\"));\n\nvar _DropdownMenu = _interopRequireDefault(__webpack_require__(/*! ./DropdownMenu */ \"./src/Dropdown/DropdownMenu.tsx\"));\n\nvar _DropdownMenuItem = _interopRequireDefault(__webpack_require__(/*! ./DropdownMenuItem */ \"./src/Dropdown/DropdownMenuItem.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Dropdown/Dropdown.tsx\";\n\nvar Dropdown =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Dropdown, _React$Component);\n\n  function Dropdown(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.rootRef = void 0;\n\n    _this.toggle = function (isOpen) {\n      var _this$props = _this.props,\n          onOpen = _this$props.onOpen,\n          onClose = _this$props.onClose,\n          onToggle = _this$props.onToggle;\n      var open = (0, _isUndefined2.default)(isOpen) ? !_this.getOpen() : isOpen;\n      var handleToggle = open ? onOpen : onClose;\n\n      _this.setState({\n        open: open\n      });\n\n      handleToggle === null || handleToggle === void 0 ? void 0 : handleToggle();\n      onToggle === null || onToggle === void 0 ? void 0 : onToggle(open);\n    };\n\n    _this.handleRootClose = function (event) {\n      var _this$props$onToggle, _this$props2, _this$props$onClose, _this$props3;\n\n      // Prevent the event from bubbling when closing the overlay is triggered by its own element.\n      // fix#1435\n      if ((0, _domLib.contains)((0, _utils.getDOMNode)(_this.rootRef.current), event.target)) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n\n      _this.setState({\n        open: false\n      });\n\n      (_this$props$onToggle = (_this$props2 = _this.props).onToggle) === null || _this$props$onToggle === void 0 ? void 0 : _this$props$onToggle.call(_this$props2, false);\n      (_this$props$onClose = (_this$props3 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props3);\n    };\n\n    _this.handleClick = function (event) {\n      event.preventDefault();\n\n      if (_this.props.disabled) {\n        return;\n      }\n\n      _this.toggle();\n    };\n\n    _this.handleOpenChange = function (event) {\n      var _this$context, _this$context$onOpenC;\n\n      var eventKey = _this.props.eventKey;\n      (_this$context = _this.context) === null || _this$context === void 0 ? void 0 : (_this$context$onOpenC = _this$context.onOpenChange) === null || _this$context$onOpenC === void 0 ? void 0 : _this$context$onOpenC.call(_this$context, eventKey, event);\n    };\n\n    _this.handleToggleChange = function (eventKey, event) {\n      var _this$context2, _this$context2$onOpen;\n\n      (_this$context2 = _this.context) === null || _this$context2 === void 0 ? void 0 : (_this$context2$onOpen = _this$context2.onOpenChange) === null || _this$context2$onOpen === void 0 ? void 0 : _this$context2$onOpen.call(_this$context2, eventKey, event);\n    };\n\n    _this.handleMouseEnter = function () {\n      if (!_this.props.disabled) {\n        _this.toggle(true);\n      }\n    };\n\n    _this.handleMouseLeave = function () {\n      if (!_this.props.disabled) {\n        _this.toggle(false);\n      }\n    };\n\n    _this.handleSelect = function (eventKey, event) {\n      var _this$props$onSelect, _this$props4;\n\n      (_this$props$onSelect = (_this$props4 = _this.props).onSelect) === null || _this$props$onSelect === void 0 ? void 0 : _this$props$onSelect.call(_this$props4, eventKey, event);\n\n      _this.toggle(false);\n    };\n\n    _this.state = {\n      open: props.open\n    };\n    _this.rootRef = React.createRef();\n    return _this;\n  }\n\n  var _proto = Dropdown.prototype;\n\n  _proto.getOpen = function getOpen() {\n    var open = this.props.open;\n\n    if ((0, _isUndefined2.default)(open)) {\n      return this.state.open;\n    }\n\n    return open;\n  };\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props5 = this.props,\n        title = _this$props5.title,\n        children = _this$props5.children,\n        className = _this$props5.className,\n        menuStyle = _this$props5.menuStyle,\n        disabled = _this$props5.disabled,\n        renderTitle = _this$props5.renderTitle,\n        classPrefix = _this$props5.classPrefix,\n        placement = _this$props5.placement,\n        activeKey = _this$props5.activeKey,\n        tabIndex = _this$props5.tabIndex,\n        toggleClassName = _this$props5.toggleClassName,\n        trigger = _this$props5.trigger,\n        icon = _this$props5.icon,\n        onClick = _this$props5.onClick,\n        onMouseEnter = _this$props5.onMouseEnter,\n        onMouseLeave = _this$props5.onMouseLeave,\n        onContextMenu = _this$props5.onContextMenu,\n        eventKey = _this$props5.eventKey,\n        Component = _this$props5.componentClass,\n        toggleComponentClass = _this$props5.toggleComponentClass,\n        noCaret = _this$props5.noCaret,\n        style = _this$props5.style,\n        showHeader = _this$props5.showHeader,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props5, [\"title\", \"children\", \"className\", \"menuStyle\", \"disabled\", \"renderTitle\", \"classPrefix\", \"placement\", \"activeKey\", \"tabIndex\", \"toggleClassName\", \"trigger\", \"icon\", \"onClick\", \"onMouseEnter\", \"onMouseLeave\", \"onContextMenu\", \"eventKey\", \"componentClass\", \"toggleComponentClass\", \"noCaret\", \"style\", \"showHeader\"]);\n\n    var _ref = this.context || {},\n        _ref$openKeys = _ref.openKeys,\n        openKeys = _ref$openKeys === void 0 ? [] : _ref$openKeys,\n        sidenav = _ref.sidenav,\n        expanded = _ref.expanded;\n\n    var menuExpanded = openKeys.some(function (key) {\n      return (0, _shallowEqual.default)(key, eventKey);\n    });\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var open = this.getOpen();\n    var collapsible = sidenav && expanded;\n    var unhandled = (0, _utils.getUnhandledProps)(Dropdown, props);\n    var toggleProps = (0, _extends2.default)({}, unhandled, {\n      onClick: (0, _utils.createChainedFunction)(this.handleOpenChange, onClick),\n      onContextMenu: onContextMenu\n    });\n    var dropdownProps = {\n      onMouseEnter: onMouseEnter,\n      onMouseLeave: onMouseLeave\n    };\n    /**\n     * Bind event of trigger,\n     * not used in  in the expanded state of '<Sidenav>'\n     */\n\n    if (!collapsible) {\n      if ((0, _utils.isOneOf)('click', trigger)) {\n        toggleProps.onClick = (0, _utils.createChainedFunction)(this.handleClick, toggleProps.onClick);\n      }\n\n      if ((0, _utils.isOneOf)('contextMenu', trigger)) {\n        toggleProps.onContextMenu = (0, _utils.createChainedFunction)(this.handleClick, onContextMenu);\n      }\n\n      if ((0, _utils.isOneOf)('hover', trigger)) {\n        dropdownProps.onMouseEnter = (0, _utils.createChainedFunction)(this.handleMouseEnter, onMouseEnter);\n        dropdownProps.onMouseLeave = (0, _utils.createChainedFunction)(this.handleMouseLeave, onMouseLeave);\n      }\n    }\n\n    var menuProps = {\n      collapsible: collapsible,\n      activeKey: activeKey,\n      openKeys: openKeys,\n      expanded: menuExpanded,\n      style: menuStyle,\n      onSelect: this.handleSelect,\n      onToggle: this.handleToggleChange\n    };\n    var menu = React.createElement(_DropdownMenu.default, (0, _extends2.default)({}, menuProps, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 223\n      },\n      __self: this\n    }), children);\n\n    if (open) {\n      menu = React.createElement(_RootCloseWrapper.default, {\n        onRootClose: this.handleRootClose,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 227\n        },\n        __self: this\n      }, function (props, ref) {\n        return React.createElement(_DropdownMenu.default, (0, _extends2.default)({}, props, menuProps, {\n          htmlElementRef: ref,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 229\n          },\n          __self: this\n        }), showHeader && React.createElement(\"li\", {\n          className: addPrefix('header'),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 230\n          },\n          __self: this\n        }, title), children);\n      });\n    }\n\n    var toggle = React.createElement(_DropdownToggle.default, (0, _extends2.default)({}, toggleProps, {\n      noCaret: noCaret,\n      tabIndex: tabIndex,\n      className: toggleClassName,\n      renderTitle: renderTitle,\n      icon: icon,\n      componentClass: toggleComponentClass,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 239\n      },\n      __self: this\n    }), title);\n    var classes = (0, _classnames.default)(classPrefix, className, (_classNames = {}, _classNames[addPrefix(\"placement-\" + (0, _kebabCase2.default)((0, _utils.placementPolyfill)(placement)))] = placement, _classNames[addPrefix('disabled')] = disabled, _classNames[addPrefix('no-caret')] = noCaret, _classNames[addPrefix('open')] = open, _classNames[addPrefix(menuExpanded ? 'expand' : 'collapse')] = sidenav, _classNames));\n    return React.createElement(Component, (0, _extends2.default)({\n      ref: this.rootRef\n    }, dropdownProps, {\n      style: style,\n      className: classes,\n      role: \"menu\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 261\n      },\n      __self: this\n    }), menu, toggle);\n  };\n\n  return Dropdown;\n}(React.Component);\n\nDropdown.displayName = 'Dropdown';\nDropdown.contextType = _Sidenav.SidenavContext;\nDropdown.propTypes = {\n  activeKey: _propTypes.default.any,\n  classPrefix: _propTypes.default.string,\n  trigger: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf(['click', 'hover', 'contextMenu'])]),\n  placement: _propTypes.default.oneOf(_constants.PLACEMENT_8),\n  title: _propTypes.default.node,\n  disabled: _propTypes.default.bool,\n  icon: _propTypes.default.node,\n  menuStyle: _propTypes.default.object,\n  className: _propTypes.default.string,\n  toggleClassName: _propTypes.default.string,\n  children: _propTypes.default.node,\n  tabIndex: _propTypes.default.number,\n  open: _propTypes.default.bool,\n  eventKey: _propTypes.default.any,\n  componentClass: _propTypes.default.elementType,\n  toggleComponentClass: _propTypes.default.elementType,\n  noCaret: _propTypes.default.bool,\n  showHeader: _propTypes.default.bool,\n  style: _propTypes.default.object,\n  onClose: _propTypes.default.func,\n  onOpen: _propTypes.default.func,\n  onToggle: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onMouseEnter: _propTypes.default.func,\n  onMouseLeave: _propTypes.default.func,\n  onContextMenu: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  renderTitle: _propTypes.default.func\n};\nDropdown.defaultProps = {\n  placement: 'bottomStart',\n  trigger: 'click',\n  tabIndex: 0\n};\nvar EnhancedDropdown = (0, _utils.defaultProps)({\n  componentClass: 'div',\n  classPrefix: 'dropdown'\n})(Dropdown);\n(0, _utils.setStatic)('Item', _DropdownMenuItem.default)(EnhancedDropdown);\n(0, _utils.setStatic)('Menu', _DropdownMenu.default)(EnhancedDropdown);\nvar _default = EnhancedDropdown;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/Dropdown.tsx?");
 
 /***/ }),
 
@@ -8235,7 +8116,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _FlexboxGridItem = _interopRequireDefault(__webpack_require__(/*! ./FlexboxGridItem */ \"./src/FlexboxGrid/FlexboxGridItem.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/FlexboxGrid/FlexboxGrid.tsx\";\n\nvar FlexboxGrid =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(FlexboxGrid, _React$Component);\n\n  function FlexboxGrid() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = FlexboxGrid.prototype;\n\n  _proto.render = function render() {\n    var _this$props = this.props,\n        className = _this$props.className,\n        classPrefix = _this$props.classPrefix,\n        align = _this$props.align,\n        justify = _this$props.justify,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"className\", \"classPrefix\", \"align\", \"justify\"]);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames.default)(classPrefix, className, addPrefix(align), addPrefix(justify));\n    return React.createElement(\"div\", (0, _extends2.default)({}, props, {\n      className: classes,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 25\n      },\n      __self: this\n    }));\n  };\n\n  return FlexboxGrid;\n}(React.Component);\n\nFlexboxGrid.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  align: _propTypes.default.oneOf(['top', 'middle', 'bottom']),\n  justify: _propTypes.default.oneOf(['start', 'end', 'center', 'space-around', 'space-between'])\n};\nFlexboxGrid.defaultProps = {\n  align: 'top',\n  justify: 'start'\n};\nvar EnhancedFlexboxGrid = (0, _utils.defaultProps)({\n  classPrefix: 'flex-box-grid'\n})(FlexboxGrid);\n(0, _recompose.setStatic)('Item', _FlexboxGridItem.default)(EnhancedFlexboxGrid);\nvar _default = EnhancedFlexboxGrid;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/FlexboxGrid/FlexboxGrid.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _FlexboxGridItem = _interopRequireDefault(__webpack_require__(/*! ./FlexboxGridItem */ \"./src/FlexboxGrid/FlexboxGridItem.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/FlexboxGrid/FlexboxGrid.tsx\";\n\nvar FlexboxGrid =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(FlexboxGrid, _React$Component);\n\n  function FlexboxGrid() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = FlexboxGrid.prototype;\n\n  _proto.render = function render() {\n    var _this$props = this.props,\n        className = _this$props.className,\n        classPrefix = _this$props.classPrefix,\n        align = _this$props.align,\n        justify = _this$props.justify,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"className\", \"classPrefix\", \"align\", \"justify\"]);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames.default)(classPrefix, className, addPrefix(align), addPrefix(justify));\n    return React.createElement(\"div\", (0, _extends2.default)({}, props, {\n      className: classes,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 24\n      },\n      __self: this\n    }));\n  };\n\n  return FlexboxGrid;\n}(React.Component);\n\nFlexboxGrid.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  align: _propTypes.default.oneOf(['top', 'middle', 'bottom']),\n  justify: _propTypes.default.oneOf(['start', 'end', 'center', 'space-around', 'space-between'])\n};\nFlexboxGrid.defaultProps = {\n  align: 'top',\n  justify: 'start'\n};\nvar EnhancedFlexboxGrid = (0, _utils.defaultProps)({\n  classPrefix: 'flex-box-grid'\n})(FlexboxGrid);\n(0, _utils.setStatic)('Item', _FlexboxGridItem.default)(EnhancedFlexboxGrid);\nvar _default = EnhancedFlexboxGrid;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/FlexboxGrid/FlexboxGrid.tsx?");
 
 /***/ }),
 
@@ -8355,7 +8236,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.FormGroupContext = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/FormGroup/FormGroup.tsx\";\nvar FormGroupContext = (0, _utils.createContext)(null);\nexports.FormGroupContext = FormGroupContext;\n\nvar FormGroup =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(FormGroup, _React$Component);\n\n  function FormGroup() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = FormGroup.prototype;\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props = this.props,\n        controlId = _this$props.controlId,\n        validationState = _this$props.validationState,\n        className = _this$props.className,\n        isValid = _this$props.isValid,\n        classPrefix = _this$props.classPrefix,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"controlId\", \"validationState\", \"className\", \"isValid\", \"classPrefix\"]);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames.default)(classPrefix, className, (_classNames = {}, _classNames[addPrefix('has-success')] = !validationState && isValid, _classNames[addPrefix('has-error')] = !validationState && isValid === false, _classNames[addPrefix(\"has-\" + (validationState || ''))] = !(0, _isUndefined2.default)(validationState), _classNames));\n    return React.createElement(FormGroupContext.Provider, {\n      value: controlId,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 30\n      },\n      __self: this\n    }, React.createElement(\"div\", (0, _extends2.default)({}, rest, {\n      className: classes,\n      role: \"group\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 31\n      },\n      __self: this\n    })));\n  };\n\n  return FormGroup;\n}(React.Component);\n\nFormGroup.propTypes = {\n  controlId: _propTypes.default.string,\n  isValid: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  validationState: _propTypes.default.oneOf(['success', 'warning', 'error'])\n};\n\nvar _default = (0, _recompose.compose)((0, _utils.withStyleProps)({\n  hasSize: true\n}), (0, _utils.defaultProps)({\n  classPrefix: 'form-group'\n}))(FormGroup);\n\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/FormGroup/FormGroup.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.FormGroupContext = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/FormGroup/FormGroup.tsx\";\nvar FormGroupContext = (0, _utils.createContext)(null);\nexports.FormGroupContext = FormGroupContext;\n\nvar FormGroup =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(FormGroup, _React$Component);\n\n  function FormGroup() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = FormGroup.prototype;\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props = this.props,\n        controlId = _this$props.controlId,\n        validationState = _this$props.validationState,\n        className = _this$props.className,\n        isValid = _this$props.isValid,\n        classPrefix = _this$props.classPrefix,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"controlId\", \"validationState\", \"className\", \"isValid\", \"classPrefix\"]);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames.default)(classPrefix, className, (_classNames = {}, _classNames[addPrefix('has-success')] = !validationState && isValid, _classNames[addPrefix('has-error')] = !validationState && isValid === false, _classNames[addPrefix(\"has-\" + (validationState || ''))] = !(0, _isUndefined2.default)(validationState), _classNames));\n    return React.createElement(FormGroupContext.Provider, {\n      value: controlId,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 29\n      },\n      __self: this\n    }, React.createElement(\"div\", (0, _extends2.default)({}, rest, {\n      className: classes,\n      role: \"group\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 30\n      },\n      __self: this\n    })));\n  };\n\n  return FormGroup;\n}(React.Component);\n\nFormGroup.propTypes = {\n  controlId: _propTypes.default.string,\n  isValid: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  validationState: _propTypes.default.oneOf(['success', 'warning', 'error'])\n};\n\nvar _default = (0, _utils.compose)((0, _utils.withStyleProps)({\n  hasSize: true\n}), (0, _utils.defaultProps)({\n  classPrefix: 'form-group'\n}))(FormGroup);\n\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/FormGroup/FormGroup.tsx?");
 
 /***/ }),
 
@@ -8523,7 +8404,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _get2 = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _FormContext = __webpack_require__(/*! ../Form/FormContext */ \"./src/Form/FormContext.tsx\");\n\nvar _FormGroup = __webpack_require__(/*! ../FormGroup/FormGroup */ \"./src/FormGroup/FormGroup.tsx\");\n\nvar _InputGroup = __webpack_require__(/*! ../InputGroup/InputGroup */ \"./src/InputGroup/InputGroup.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Input/Input.tsx\";\n\nvar Input =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Input, _React$Component);\n\n  function Input() {\n    var _this;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n\n    _this.handleChange = function (event) {\n      var _this$props$onChange, _this$props;\n\n      var nextValue = (0, _get2.default)(event, 'target.value');\n      (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, nextValue, event);\n    };\n\n    _this.handleKeyDown = function (event) {\n      var _this$props$onKeyDown, _this$props3;\n\n      if (event.keyCode === 13) {\n        var _this$props$onPressEn, _this$props2;\n\n        (_this$props$onPressEn = (_this$props2 = _this.props).onPressEnter) === null || _this$props$onPressEn === void 0 ? void 0 : _this$props$onPressEn.call(_this$props2, event);\n      }\n\n      (_this$props$onKeyDown = (_this$props3 = _this.props).onKeyDown) === null || _this$props$onKeyDown === void 0 ? void 0 : _this$props$onKeyDown.call(_this$props3, event);\n    };\n\n    return _this;\n  }\n\n  var _proto = Input.prototype;\n\n  _proto.render = function render() {\n    var _this2 = this;\n\n    var _this$props4 = this.props,\n        type = _this$props4.type,\n        className = _this$props4.className,\n        classPrefix = _this$props4.classPrefix,\n        Component = _this$props4.componentClass,\n        onFocus = _this$props4.onFocus,\n        onBlur = _this$props4.onBlur,\n        disabled = _this$props4.disabled,\n        value = _this$props4.value,\n        defaultValue = _this$props4.defaultValue,\n        inputRef = _this$props4.inputRef,\n        id = _this$props4.id,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props4, [\"type\", \"className\", \"classPrefix\", \"componentClass\", \"onFocus\", \"onBlur\", \"disabled\", \"value\", \"defaultValue\", \"inputRef\", \"id\"]);\n    var classes = (0, _classnames.default)(classPrefix, className);\n    var unhandled = (0, _utils.getUnhandledProps)(Input, rest);\n    var plaintextInput = React.createElement(\"div\", (0, _extends2.default)({}, unhandled, {\n      className: classes,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 72\n      },\n      __self: this\n    }), (0, _isUndefined2.default)(value) ? defaultValue : value);\n    var input = React.createElement(_FormGroup.FormGroupContext.Consumer, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 78\n      },\n      __self: this\n    }, function (controlId) {\n      return React.createElement(Component, (0, _extends2.default)({}, unhandled, {\n        ref: inputRef,\n        type: type,\n        id: id || controlId,\n        value: value,\n        defaultValue: defaultValue,\n        disabled: disabled,\n        onKeyDown: _this2.handleKeyDown,\n        onFocus: (0, _utils.createChainedFunction)(onFocus, (0, _get2.default)(_this2.context, 'onFocus')),\n        onBlur: (0, _utils.createChainedFunction)(onBlur, (0, _get2.default)(_this2.context, 'onBlur')),\n        className: classes,\n        onChange: _this2.handleChange,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 80\n        },\n        __self: this\n      }));\n    });\n    return React.createElement(_FormContext.FormPlaintextContext.Consumer, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 99\n      },\n      __self: this\n    }, function (plaintext) {\n      return plaintext ? plaintextInput : input;\n    });\n  };\n\n  return Input;\n}(React.Component);\n\nInput.contextType = _InputGroup.InputGroupContext;\nInput.propTypes = {\n  type: _propTypes.default.string,\n  componentClass: _propTypes.default.elementType,\n  id: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  disabled: _propTypes.default.bool,\n  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),\n  defaultValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),\n  inputRef: _utils.refType,\n  onChange: _propTypes.default.func,\n  onFocus: _propTypes.default.func,\n  onBlur: _propTypes.default.func,\n  onKeyDown: _propTypes.default.func,\n  onPressEnter: _propTypes.default.func\n};\nInput.defaultProps = {\n  type: 'text'\n};\n\nvar _default = (0, _recompose.compose)((0, _utils.withStyleProps)({\n  hasSize: true\n}), (0, _utils.defaultProps)({\n  classPrefix: 'input',\n  componentClass: 'input'\n}))(Input);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Input/Input.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _get2 = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _FormContext = __webpack_require__(/*! ../Form/FormContext */ \"./src/Form/FormContext.tsx\");\n\nvar _FormGroup = __webpack_require__(/*! ../FormGroup/FormGroup */ \"./src/FormGroup/FormGroup.tsx\");\n\nvar _InputGroup = __webpack_require__(/*! ../InputGroup/InputGroup */ \"./src/InputGroup/InputGroup.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Input/Input.tsx\";\n\nvar Input =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Input, _React$Component);\n\n  function Input() {\n    var _this;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n\n    _this.handleChange = function (event) {\n      var _this$props$onChange, _this$props;\n\n      var nextValue = (0, _get2.default)(event, 'target.value');\n      (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, nextValue, event);\n    };\n\n    _this.handleKeyDown = function (event) {\n      var _this$props$onKeyDown, _this$props3;\n\n      if (event.keyCode === 13) {\n        var _this$props$onPressEn, _this$props2;\n\n        (_this$props$onPressEn = (_this$props2 = _this.props).onPressEnter) === null || _this$props$onPressEn === void 0 ? void 0 : _this$props$onPressEn.call(_this$props2, event);\n      }\n\n      (_this$props$onKeyDown = (_this$props3 = _this.props).onKeyDown) === null || _this$props$onKeyDown === void 0 ? void 0 : _this$props$onKeyDown.call(_this$props3, event);\n    };\n\n    return _this;\n  }\n\n  var _proto = Input.prototype;\n\n  _proto.render = function render() {\n    var _this2 = this;\n\n    var _this$props4 = this.props,\n        type = _this$props4.type,\n        className = _this$props4.className,\n        classPrefix = _this$props4.classPrefix,\n        Component = _this$props4.componentClass,\n        onFocus = _this$props4.onFocus,\n        onBlur = _this$props4.onBlur,\n        disabled = _this$props4.disabled,\n        value = _this$props4.value,\n        defaultValue = _this$props4.defaultValue,\n        inputRef = _this$props4.inputRef,\n        id = _this$props4.id,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props4, [\"type\", \"className\", \"classPrefix\", \"componentClass\", \"onFocus\", \"onBlur\", \"disabled\", \"value\", \"defaultValue\", \"inputRef\", \"id\"]);\n    var classes = (0, _classnames.default)(classPrefix, className);\n    var unhandled = (0, _utils.getUnhandledProps)(Input, rest);\n    var plaintextInput = React.createElement(\"div\", (0, _extends2.default)({}, unhandled, {\n      className: classes,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 72\n      },\n      __self: this\n    }), (0, _isUndefined2.default)(value) ? defaultValue : value);\n    var input = React.createElement(_FormGroup.FormGroupContext.Consumer, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 78\n      },\n      __self: this\n    }, function (controlId) {\n      return React.createElement(Component, (0, _extends2.default)({}, unhandled, {\n        ref: inputRef,\n        type: type,\n        id: id || controlId,\n        value: value,\n        defaultValue: defaultValue,\n        disabled: disabled,\n        onKeyDown: _this2.handleKeyDown,\n        onFocus: (0, _utils.createChainedFunction)(onFocus, (0, _get2.default)(_this2.context, 'onFocus')),\n        onBlur: (0, _utils.createChainedFunction)(onBlur, (0, _get2.default)(_this2.context, 'onBlur')),\n        className: classes,\n        onChange: _this2.handleChange,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 80\n        },\n        __self: this\n      }));\n    });\n    return React.createElement(_FormContext.FormPlaintextContext.Consumer, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 99\n      },\n      __self: this\n    }, function (plaintext) {\n      return plaintext ? plaintextInput : input;\n    });\n  };\n\n  return Input;\n}(React.Component);\n\nInput.contextType = _InputGroup.InputGroupContext;\nInput.propTypes = {\n  type: _propTypes.default.string,\n  componentClass: _propTypes.default.elementType,\n  id: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  disabled: _propTypes.default.bool,\n  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),\n  defaultValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),\n  inputRef: _utils.refType,\n  onChange: _propTypes.default.func,\n  onFocus: _propTypes.default.func,\n  onBlur: _propTypes.default.func,\n  onKeyDown: _propTypes.default.func,\n  onPressEnter: _propTypes.default.func\n};\nInput.defaultProps = {\n  type: 'text'\n};\n\nvar _default = (0, _utils.compose)((0, _utils.withStyleProps)({\n  hasSize: true\n}), (0, _utils.defaultProps)({\n  classPrefix: 'input',\n  componentClass: 'input'\n}))(Input);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Input/Input.tsx?");
 
 /***/ }),
 
@@ -8547,7 +8428,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.InputGroupContext = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _InputGroupAddon = _interopRequireDefault(__webpack_require__(/*! ./InputGroupAddon */ \"./src/InputGroup/InputGroupAddon.tsx\"));\n\nvar _InputGroupButton = _interopRequireDefault(__webpack_require__(/*! ./InputGroupButton */ \"./src/InputGroup/InputGroupButton.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/InputGroup/InputGroup.tsx\";\nvar InputGroupContext = (0, _utils.createContext)(null);\nexports.InputGroupContext = InputGroupContext;\n\nvar InputGroup =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(InputGroup, _React$Component);\n\n  function InputGroup(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n\n    _this.handleFocus = function () {\n      _this.setState({\n        focus: true\n      });\n    };\n\n    _this.handleBlur = function () {\n      _this.setState({\n        focus: false\n      });\n    };\n\n    _this.state = {\n      focus: false\n    };\n    return _this;\n  }\n\n  var _proto = InputGroup.prototype;\n\n  _proto.disabledChildren = function disabledChildren() {\n    var children = this.props.children;\n    return React.Children.map(children, function (item) {\n      if (React.isValidElement(item)) {\n        return React.cloneElement(item, {\n          disabled: true\n        });\n      }\n\n      return item;\n    });\n  };\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props = this.props,\n        className = _this$props.className,\n        classPrefix = _this$props.classPrefix,\n        disabled = _this$props.disabled,\n        inside = _this$props.inside,\n        children = _this$props.children,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"className\", \"classPrefix\", \"disabled\", \"inside\", \"children\"]);\n    var focus = this.state.focus;\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames.default)(classPrefix, className, (_classNames = {}, _classNames[addPrefix('inside')] = inside, _classNames[addPrefix('focus')] = focus, _classNames[addPrefix('disabled')] = disabled, _classNames));\n    return React.createElement(InputGroupContext.Provider, {\n      value: {\n        onFocus: this.handleFocus,\n        onBlur: this.handleBlur\n      },\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 60\n      },\n      __self: this\n    }, React.createElement(\"div\", (0, _extends2.default)({}, props, {\n      className: classes,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 66\n      },\n      __self: this\n    }), disabled ? this.disabledChildren() : children));\n  };\n\n  return InputGroup;\n}(React.Component);\n\nInputGroup.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  inside: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  children: _propTypes.default.node\n};\nvar EnhancedInputGroup = (0, _recompose.compose)((0, _utils.withStyleProps)({\n  hasSize: true\n}), (0, _utils.defaultProps)({\n  classPrefix: 'input-group'\n}))(InputGroup);\n(0, _recompose.setStatic)('Addon', _InputGroupAddon.default)(EnhancedInputGroup);\n(0, _recompose.setStatic)('Button', _InputGroupButton.default)(EnhancedInputGroup);\nvar _default = EnhancedInputGroup;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/InputGroup/InputGroup.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.InputGroupContext = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _InputGroupAddon = _interopRequireDefault(__webpack_require__(/*! ./InputGroupAddon */ \"./src/InputGroup/InputGroupAddon.tsx\"));\n\nvar _InputGroupButton = _interopRequireDefault(__webpack_require__(/*! ./InputGroupButton */ \"./src/InputGroup/InputGroupButton.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/InputGroup/InputGroup.tsx\";\nvar InputGroupContext = (0, _utils.createContext)(null);\nexports.InputGroupContext = InputGroupContext;\n\nvar InputGroup =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(InputGroup, _React$Component);\n\n  function InputGroup(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n\n    _this.handleFocus = function () {\n      _this.setState({\n        focus: true\n      });\n    };\n\n    _this.handleBlur = function () {\n      _this.setState({\n        focus: false\n      });\n    };\n\n    _this.state = {\n      focus: false\n    };\n    return _this;\n  }\n\n  var _proto = InputGroup.prototype;\n\n  _proto.disabledChildren = function disabledChildren() {\n    var children = this.props.children;\n    return React.Children.map(children, function (item) {\n      if (React.isValidElement(item)) {\n        return React.cloneElement(item, {\n          disabled: true\n        });\n      }\n\n      return item;\n    });\n  };\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props = this.props,\n        className = _this$props.className,\n        classPrefix = _this$props.classPrefix,\n        disabled = _this$props.disabled,\n        inside = _this$props.inside,\n        children = _this$props.children,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"className\", \"classPrefix\", \"disabled\", \"inside\", \"children\"]);\n    var focus = this.state.focus;\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames.default)(classPrefix, className, (_classNames = {}, _classNames[addPrefix('inside')] = inside, _classNames[addPrefix('focus')] = focus, _classNames[addPrefix('disabled')] = disabled, _classNames));\n    return React.createElement(InputGroupContext.Provider, {\n      value: {\n        onFocus: this.handleFocus,\n        onBlur: this.handleBlur\n      },\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 59\n      },\n      __self: this\n    }, React.createElement(\"div\", (0, _extends2.default)({}, props, {\n      className: classes,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 65\n      },\n      __self: this\n    }), disabled ? this.disabledChildren() : children));\n  };\n\n  return InputGroup;\n}(React.Component);\n\nInputGroup.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  inside: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  children: _propTypes.default.node\n};\nvar EnhancedInputGroup = (0, _utils.compose)((0, _utils.withStyleProps)({\n  hasSize: true\n}), (0, _utils.defaultProps)({\n  classPrefix: 'input-group'\n}))(InputGroup);\n(0, _utils.setStatic)('Addon', _InputGroupAddon.default)(EnhancedInputGroup);\n(0, _utils.setStatic)('Button', _InputGroupButton.default)(EnhancedInputGroup);\nvar _default = EnhancedInputGroup;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/InputGroup/InputGroup.tsx?");
 
 /***/ }),
 
@@ -8739,7 +8620,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("/* WEBPACK VAR INJECTION */(function(process) {\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _get2 = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _format = _interopRequireDefault(__webpack_require__(/*! date-fns/format */ \"./node_modules/date-fns/format/index.js\"));\n\nvar _default2 = _interopRequireDefault(__webpack_require__(/*! ./locales/default */ \"./src/IntlProvider/locales/default.ts\"));\n\nvar _extendReactStatics = _interopRequireDefault(__webpack_require__(/*! ../utils/extendReactStatics */ \"./src/utils/extendReactStatics.ts\"));\n\nvar _IntlProvider = __webpack_require__(/*! ./IntlProvider */ \"./src/IntlProvider/IntlProvider.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/IntlProvider/withLocale.tsx\";\n\nvar mergeObject = function mergeObject(list) {\n  return list.reduce(function (a, b) {\n    a = (0, _extends2.default)({}, a, {}, b);\n    return a;\n  }, {});\n};\n\nfunction withLocale(combineKeys) {\n  if (combineKeys === void 0) {\n    combineKeys = [];\n  }\n\n  return function (BaseComponent) {\n    var WithLocale = React.forwardRef(function (props, ref) {\n      return React.createElement(_IntlProvider.IntlGlobalContext.Consumer, {\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 19\n        },\n        __self: this\n      }, function (options) {\n        var locale = mergeObject(combineKeys.map(function (key) {\n          return (0, _get2.default)(options || _default2.default, \"\" + key);\n        }));\n\n        if (options && typeof options.rtl !== undefined) {\n          locale.rtl = options.rtl;\n        } else if (typeof window !== 'undefined' && (document.body.getAttribute('dir') || document.dir) === 'rtl') {\n          locale.rtl = true;\n        }\n\n        locale.formatDate = (options === null || options === void 0 ? void 0 : options.formatDate) || _format.default;\n        return React.createElement(BaseComponent, (0, _extends2.default)({\n          ref: ref,\n          locale: locale\n        }, props));\n      });\n    });\n    WithLocale.displayName = BaseComponent.displayName;\n    (0, _extendReactStatics.default)(WithLocale, BaseComponent, ['defaultProps']);\n\n    if (process.env.RUN_ENV === 'test') {\n      return (0, _recompose.setDisplayName)((0, _recompose.wrapDisplayName)(BaseComponent, '__test__'))(WithLocale);\n    }\n\n    return (0, _recompose.setDisplayName)((0, _recompose.wrapDisplayName)(BaseComponent, 'withLocale'))(WithLocale);\n  };\n}\n\nvar _default = withLocale;\nexports.default = _default;\nmodule.exports = exports.default;\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../node_modules/process/browser.js */ \"./node_modules/process/browser.js\")))\n\n//# sourceURL=webpack://rsuite/./src/IntlProvider/withLocale.tsx?");
+eval("/* WEBPACK VAR INJECTION */(function(process) {\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _get2 = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _format = _interopRequireDefault(__webpack_require__(/*! date-fns/format */ \"./node_modules/date-fns/format/index.js\"));\n\nvar _default2 = _interopRequireDefault(__webpack_require__(/*! ./locales/default */ \"./src/IntlProvider/locales/default.ts\"));\n\nvar _extendReactStatics = _interopRequireDefault(__webpack_require__(/*! ../utils/extendReactStatics */ \"./src/utils/extendReactStatics.ts\"));\n\nvar _IntlProvider = __webpack_require__(/*! ./IntlProvider */ \"./src/IntlProvider/IntlProvider.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/IntlProvider/withLocale.tsx\";\n\nvar mergeObject = function mergeObject(list) {\n  return list.reduce(function (a, b) {\n    a = (0, _extends2.default)({}, a, {}, b);\n    return a;\n  }, {});\n};\n\nfunction withLocale(combineKeys) {\n  if (combineKeys === void 0) {\n    combineKeys = [];\n  }\n\n  return function (BaseComponent) {\n    var WithLocale = React.forwardRef(function (props, ref) {\n      return React.createElement(_IntlProvider.IntlGlobalContext.Consumer, {\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 19\n        },\n        __self: this\n      }, function (options) {\n        var locale = mergeObject(combineKeys.map(function (key) {\n          return (0, _get2.default)(options || _default2.default, \"\" + key);\n        }));\n\n        if (options && typeof options.rtl !== undefined) {\n          locale.rtl = options.rtl;\n        } else if (typeof window !== 'undefined' && (document.body.getAttribute('dir') || document.dir) === 'rtl') {\n          locale.rtl = true;\n        }\n\n        locale.formatDate = (options === null || options === void 0 ? void 0 : options.formatDate) || _format.default;\n        return React.createElement(BaseComponent, (0, _extends2.default)({\n          ref: ref,\n          locale: locale\n        }, props));\n      });\n    });\n    WithLocale.displayName = BaseComponent.displayName;\n    (0, _extendReactStatics.default)(WithLocale, BaseComponent, ['defaultProps']);\n\n    if (process.env.RUN_ENV === 'test') {\n      return (0, _utils.setDisplayName)((0, _utils.wrapDisplayName)(BaseComponent, '__test__'))(WithLocale);\n    }\n\n    return (0, _utils.setDisplayName)((0, _utils.wrapDisplayName)(BaseComponent, 'withLocale'))(WithLocale);\n  };\n}\n\nvar _default = withLocale;\nexports.default = _default;\nmodule.exports = exports.default;\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../node_modules/process/browser.js */ \"./node_modules/process/browser.js\")))\n\n//# sourceURL=webpack://rsuite/./src/IntlProvider/withLocale.tsx?");
 
 /***/ }),
 
@@ -8763,7 +8644,7 @@ eval("\n\nexports.__esModule = true;\nexports.default = void 0;\nvar acceleratio
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\"));\n\nvar _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ \"./node_modules/@babel/runtime/helpers/createClass.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n\nvar _utils = __webpack_require__(/*! ./utils */ \"./src/List/utils.ts\");\n\nvar _utils2 = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _ListItem = _interopRequireDefault(__webpack_require__(/*! ./ListItem */ \"./src/List/ListItem.tsx\"));\n\nvar _Manager = _interopRequireDefault(__webpack_require__(/*! ./Manager */ \"./src/List/Manager.ts\"));\n\nvar _AutoScroller = _interopRequireDefault(__webpack_require__(/*! ./AutoScroller */ \"./src/List/AutoScroller.ts\"));\n\nvar _ListContext = _interopRequireDefault(__webpack_require__(/*! ./ListContext */ \"./src/List/ListContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/List/List.tsx\";\nvar NodeType = {\n  Canvas: 'CANVAS',\n  Anchor: 'A',\n  Button: 'BUTTON',\n  Input: 'INPUT',\n  Option: 'OPTION',\n  Textarea: 'TEXTAREA',\n  Select: 'SELECT'\n};\nvar interactiveElements = [NodeType.Anchor, NodeType.Button, NodeType.Input, NodeType.Option, NodeType.Textarea, NodeType.Select];\n\nvar List =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(List, _React$Component);\n\n  function List() {\n    var _this;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n    _this.state = {\n      sorting: false,\n      manager: new _Manager.default()\n    };\n    _this.containerRef = React.createRef();\n    _this.containerBoundingRect = void 0;\n    _this.touched = void 0;\n    _this.scrollContainer = void 0;\n    _this.scrollContainerInitialScroll = void 0;\n    _this.autoScroller = void 0;\n    _this.windowInitialScroll = void 0;\n    _this.animatedNodeOffset = [];\n    _this.activeNodeBoundingClientRect = void 0;\n    _this.activeNodeGhost = void 0;\n    _this.activeNodeFlowBody = void 0;\n    _this.activeNodeFlowBodyTranslate = void 0;\n    _this.activeNodeMarginOffset = void 0;\n    _this.activeNodeOffsetEdge = void 0;\n    _this.activeNodeOldIndex = void 0;\n    _this.activeNodeNextIndex = void 0;\n    _this.activeNodeTranslateMin = void 0;\n    _this.activeNodeTranslateMax = void 0;\n    _this.windowStartListener = void 0;\n    _this.windowEndListener = void 0;\n    _this.sortMouseMoveListener = void 0;\n    _this.sortMouseEndListener = void 0;\n    _this.cursorInitialOffset = void 0;\n    _this.cursorCurrentPosition = void 0;\n    _this.pressTimer = void 0;\n\n    _this.handleStart = function (event) {\n      var _this$props = _this.props,\n          sortable = _this$props.sortable,\n          pressDelay = _this$props.pressDelay;\n      var _this$state = _this.state,\n          sorting = _this$state.sorting,\n          manager = _this$state.manager;\n      var node = (0, _utils.closest)(event.target, function (el) {\n        return !!manager.getNodeManagerRef(el);\n      });\n      var curManager = manager.getNodeManagerRef(node);\n\n      if (!((event === null || event === void 0 ? void 0 : event.target) && node instanceof HTMLElement && curManager)) {\n        return;\n      }\n\n      var _curManager$info = curManager.info,\n          disabled = _curManager$info.disabled,\n          curNodeManager = _curManager$info.manager;\n\n      if ( //is sortable\n      sortable && //is list item\n      !disabled && //is not secondary button pressed\n      event.button !== 2 && //is this list\n      curNodeManager === manager && //is not sorting\n      !sorting && //excludes interactive elements\n      !node.contains((0, _utils.closest)(event.target, function (el) {\n        return interactiveElements.includes(el.tagName) || el.contentEditable === 'true';\n      }))) {\n        event.preventDefault();\n        _this.touched = true;\n        _this.cursorCurrentPosition = (0, _utils.getPosition)(event);\n        manager.setActive(curManager);\n        _this.pressTimer = setTimeout(function () {\n          return _this.handlePress(event);\n        }, pressDelay);\n      }\n    };\n\n    _this.handleEnd = function () {\n      var _this$state2 = _this.state,\n          sorting = _this$state2.sorting,\n          manager = _this$state2.manager;\n      _this.touched = false;\n\n      if (!sorting) {\n        clearTimeout(_this.pressTimer);\n        manager.setActive(null);\n      }\n    };\n\n    _this.handlePress = function _callee(event) {\n      var _this$props2, classPrefix, onSortStart, manager, _manager$getActive, activeNode, info, index, collection, addItemPrefix, style, activeNodeMargin;\n\n      return _regenerator.default.async(function _callee$(_context) {\n        while (1) {\n          switch (_context.prev = _context.next) {\n            case 0:\n              _this$props2 = _this.props, classPrefix = _this$props2.classPrefix, onSortStart = _this$props2.onSortStart;\n              manager = _this.state.manager;\n              _manager$getActive = manager.getActive(), activeNode = _manager$getActive.node, info = _manager$getActive.info; // return if no active node\n\n              if (!(!activeNode || !info)) {\n                _context.next = 5;\n                break;\n              }\n\n              return _context.abrupt(\"return\");\n\n            case 5:\n              index = info.index, collection = info.collection;\n              addItemPrefix = (0, _utils2.prefix)(classPrefix + '-item');\n              style = window.getComputedStyle(activeNode);\n              activeNodeMargin = {\n                bottom: parseFloat(style.marginBottom),\n                left: parseFloat(style.marginLeft),\n                right: parseFloat(style.marginRight),\n                top: parseFloat(style.marginTop)\n              };\n              _this.activeNodeMarginOffset = {\n                x: activeNodeMargin.left + activeNodeMargin.right,\n                y: Math.max(activeNodeMargin.top, activeNodeMargin.bottom)\n              };\n              _this.activeNodeBoundingClientRect = activeNode.getBoundingClientRect();\n              _this.containerBoundingRect = _this.scrollContainer.getBoundingClientRect();\n              _this.activeNodeOldIndex = index;\n              _this.activeNodeNextIndex = index;\n              _this.activeNodeOffsetEdge = (0, _utils.getEdgeOffset)(activeNode, _this.containerRef.current);\n              _this.cursorInitialOffset = (0, _utils.getPosition)(event);\n              _this.scrollContainerInitialScroll = {\n                left: _this.scrollContainer.scrollLeft,\n                top: _this.scrollContainer.scrollTop\n              };\n              _this.windowInitialScroll = {\n                left: window.pageXOffset,\n                top: window.pageYOffset\n              };\n              _this.activeNodeFlowBody = document.body.appendChild(activeNode.cloneNode(true));\n              _this.activeNodeFlowBody && _this.activeNodeFlowBody.classList.add(addItemPrefix('helper'));\n              (0, _utils.setInlineStyles)(_this.activeNodeFlowBody, {\n                position: 'fixed',\n                width: _this.activeNodeBoundingClientRect.width + \"px\",\n                height: _this.activeNodeBoundingClientRect.height + \"px\",\n                left: _this.activeNodeBoundingClientRect.left - activeNodeMargin.left + \"px\",\n                top: _this.activeNodeBoundingClientRect.top - activeNodeMargin.top + \"px\"\n              });\n              _this.activeNodeGhost = activeNode;\n              activeNode.classList.add(addItemPrefix('holder'));\n              _this.activeNodeTranslateMin = {\n                y: _this.containerBoundingRect.top - _this.activeNodeBoundingClientRect.top - _this.activeNodeBoundingClientRect.height / 2\n              };\n              _this.activeNodeTranslateMax = {\n                y: _this.containerBoundingRect.top + _this.containerBoundingRect.height - _this.activeNodeBoundingClientRect.top - _this.activeNodeBoundingClientRect.height / 2\n              };\n              _this.sortMouseMoveListener = (0, _domLib.on)(window, 'mousemove', _this.handleSortMove, {\n                passive: false\n              });\n              _this.sortMouseEndListener = (0, _domLib.on)(window, 'mouseup', _this.handleSortEnd, {\n                passive: false\n              });\n\n              _this.setState({\n                sorting: true\n              });\n\n              if (onSortStart) {\n                onSortStart({\n                  collection: collection,\n                  node: activeNode,\n                  oldIndex: _this.activeNodeOldIndex,\n                  newIndex: _this.activeNodeNextIndex\n                }, event);\n              }\n\n            case 29:\n            case \"end\":\n              return _context.stop();\n          }\n        }\n      });\n    };\n\n    _this.handleSortMove = function (event) {\n      var _this$props3 = _this.props,\n          onSortMove = _this$props3.onSortMove,\n          autoScroll = _this$props3.autoScroll;\n      var manager = _this.state.manager; // Update helper position\n\n      var offset = (0, _utils.getPosition)(event);\n      var translate = {\n        x: offset.x - _this.cursorInitialOffset.x,\n        y: offset.y - _this.cursorInitialOffset.y\n      }; // Adjust for window scroll\n\n      translate.x -= window.pageXOffset - _this.windowInitialScroll.left;\n      translate.y -= window.pageYOffset - _this.windowInitialScroll.top;\n      _this.activeNodeFlowBodyTranslate = translate;\n      (0, _utils.setTranslate3d)(_this.activeNodeFlowBody, translate);\n\n      _this.animateNodes(); // auto scroll\n\n\n      if (autoScroll) {\n        _this.autoScroller.update({\n          width: _this.activeNodeBoundingClientRect.width,\n          height: _this.activeNodeBoundingClientRect.height,\n          translate: _this.activeNodeFlowBodyTranslate,\n          maxTranslate: _this.activeNodeTranslateMax,\n          minTranslate: _this.activeNodeTranslateMin\n        });\n      }\n\n      if (onSortMove) {\n        onSortMove({\n          collection: manager.getActive().info.collection,\n          node: manager.getActive().node,\n          oldIndex: _this.activeNodeOldIndex,\n          newIndex: _this.activeNodeNextIndex\n        }, event);\n      }\n    };\n\n    _this.handleSortEnd = function (event) {\n      var _this$props4 = _this.props,\n          onSortEnd = _this$props4.onSortEnd,\n          onSort = _this$props4.onSort,\n          classPrefix = _this$props4.classPrefix,\n          transitionDuration = _this$props4.transitionDuration;\n      var manager = _this.state.manager;\n      var activeManagerRef = manager.getActive();\n      var activeCollection = activeManagerRef ? activeManagerRef.info.collection : 0;\n      var managerRefs = manager.getOrderedRefs(activeCollection);\n      var addItemPrefix = (0, _utils2.prefix)(classPrefix + '-item'); // Remove the event listeners\n\n      _this.sortMouseMoveListener.off();\n\n      _this.sortMouseEndListener.off();\n\n      (0, _utils.setTransitionDuration)(_this.activeNodeFlowBody, transitionDuration);\n      (0, _utils.setTranslate3d)(_this.activeNodeFlowBody, {\n        x: _this.holderTranslate.x - _this.containerScrollDelta.left,\n        y: _this.holderTranslate.y - _this.containerScrollDelta.top\n      }); // wait for animation\n\n      setTimeout(function () {\n        // Remove the helper from the DOM\n        if (_this.activeNodeFlowBody) {\n          _this.activeNodeFlowBody.parentNode && _this.activeNodeFlowBody.parentNode.removeChild(_this.activeNodeFlowBody);\n          _this.activeNodeFlowBody = null;\n        }\n\n        if (_this.activeNodeGhost) {\n          _this.activeNodeGhost.classList.remove(addItemPrefix('holder'));\n\n          (0, _utils.setTranslate3d)(_this.activeNodeGhost, null);\n          _this.animatedNodeOffset = [];\n        }\n\n        for (var i = 0, len = managerRefs.length; i < len; i++) {\n          var managerRef = managerRefs[i];\n          var el = managerRef.node; // Clear the cached offsetTop / offsetLeft value\n\n          managerRef.edgeOffset = null; // Remove the transforms / transitions\n\n          (0, _utils.setTranslate3d)(el, null);\n          (0, _utils.setTransitionDuration)(el, null);\n        } // Stop autoScroll\n\n\n        _this.autoScroller.clear(); // Update manager state\n\n\n        manager.setActive(null);\n\n        _this.setState({\n          sorting: false\n        });\n\n        if (typeof onSortEnd === 'function') {\n          onSortEnd({\n            collection: activeCollection,\n            node: activeManagerRef.node,\n            newIndex: _this.activeNodeNextIndex,\n            oldIndex: _this.activeNodeOldIndex\n          }, event);\n        }\n\n        if (typeof onSort === 'function') {\n          onSort({\n            collection: activeCollection,\n            node: activeManagerRef.node,\n            newIndex: _this.activeNodeNextIndex,\n            oldIndex: _this.activeNodeOldIndex\n          }, event);\n        }\n      }, transitionDuration);\n    };\n\n    return _this;\n  }\n\n  var _proto = List.prototype;\n\n  _proto.componentDidMount = function componentDidMount() {\n    var _this2 = this;\n\n    if (this.containerRef.current instanceof HTMLElement) {\n      this.scrollContainer = (0, _utils.getScrollingParent)(this.containerRef.current) || this.containerRef.current;\n      this.autoScroller = new _AutoScroller.default(this.scrollContainer, function (offset) {\n        _this2.activeNodeFlowBodyTranslate.x += offset.left;\n        _this2.activeNodeFlowBodyTranslate.y += offset.top;\n      });\n      this.windowStartListener = (0, _domLib.on)(this.containerRef.current, 'mousedown', this.handleStart, {\n        passive: false\n      });\n      this.windowEndListener = (0, _domLib.on)(this.containerRef.current, 'mouseup', this.handleEnd, {\n        passive: false\n      });\n    }\n  };\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    var _this$windowStartList, _this$windowEndListen;\n\n    (_this$windowStartList = this.windowStartListener) === null || _this$windowStartList === void 0 ? void 0 : _this$windowStartList.off();\n    (_this$windowEndListen = this.windowEndListener) === null || _this$windowEndListen === void 0 ? void 0 : _this$windowEndListen.off();\n  };\n\n  _proto.animateNodes = function animateNodes() {\n    var transitionDuration = this.props.transitionDuration;\n    var manager = this.state.manager;\n    var listItemManagerRefs = manager.getOrderedRefs();\n    var sortingOffset = {\n      left: this.activeNodeOffsetEdge.left + this.activeNodeFlowBodyTranslate.x + this.containerScrollDelta.left,\n      top: this.activeNodeOffsetEdge.top + this.activeNodeFlowBodyTranslate.y + this.containerScrollDelta.top\n    };\n    this.activeNodeNextIndex = -1;\n\n    for (var i = 0, len = listItemManagerRefs.length; i < len; i++) {\n      var _listItemManagerRefs$ = listItemManagerRefs[i],\n          node = _listItemManagerRefs$.node,\n          index = _listItemManagerRefs$.info.index,\n          edgeOffset = _listItemManagerRefs$.edgeOffset;\n      var width = node.offsetWidth;\n      var height = node.offsetHeight;\n      var offset = {\n        height: this.activeNodeBoundingClientRect.height > height ? height / 2 : this.activeNodeBoundingClientRect.height / 2,\n        width: this.activeNodeBoundingClientRect.width > width ? width / 2 : this.activeNodeBoundingClientRect.width / 2\n      };\n      var translate = {\n        x: 0,\n        y: 0\n      }; // If we haven't cached the node's offsetTop / offsetLeft value\n\n      var curEdgeOffset = edgeOffset || (0, _utils.getEdgeOffset)(node, this.containerRef.current);\n      listItemManagerRefs[i].edgeOffset = curEdgeOffset; // Get a reference to the next node\n\n      var prvNode = i > 0 && listItemManagerRefs[i - 1];\n      var nextNode = i < len - 1 && listItemManagerRefs[i + 1]; // Also cache the node's edge offset if needed.\n\n      if (prvNode && !prvNode.edgeOffset) {\n        prvNode.edgeOffset = (0, _utils.getEdgeOffset)(prvNode.node, this.containerRef.current);\n      }\n\n      if (nextNode && !nextNode.edgeOffset) {\n        nextNode.edgeOffset = (0, _utils.getEdgeOffset)(nextNode.node, this.containerRef.current);\n      } // If the node is the one we're currently animating, skip it\n\n\n      if (index === this.activeNodeOldIndex) {\n        continue;\n      }\n\n      var distanceTop = sortingOffset.top + this.windowScrollDelta.top;\n\n      if (prvNode && index > this.activeNodeOldIndex && distanceTop + offset.height >= curEdgeOffset.top) {\n        translate.y = prvNode.edgeOffset.top - curEdgeOffset.top;\n        this.activeNodeNextIndex = index;\n      } else if (nextNode && index < this.activeNodeOldIndex && distanceTop <= curEdgeOffset.top + offset.height) {\n        translate.y = nextNode.edgeOffset.top - curEdgeOffset.top;\n\n        if (this.activeNodeNextIndex === -1) {\n          this.activeNodeNextIndex = index;\n        }\n      }\n\n      (0, _utils.setTransitionDuration)(node, transitionDuration);\n      (0, _utils.setTranslate3d)(node, translate); // translate holder\n\n      this.animatedNodeOffset[index] = translate;\n      (0, _utils.setTranslate3d)(this.activeNodeGhost, this.holderTranslate);\n    }\n\n    if (this.activeNodeNextIndex === -1) {\n      this.activeNodeNextIndex = this.activeNodeOldIndex;\n    }\n  };\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props5 = this.props,\n        className = _this$props5.className,\n        classPrefix = _this$props5.classPrefix,\n        bordered = _this$props5.bordered,\n        hover = _this$props5.hover,\n        size = _this$props5.size,\n        sortable = _this$props5.sortable,\n        children = _this$props5.children,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props5, [\"className\", \"classPrefix\", \"bordered\", \"hover\", \"size\", \"sortable\", \"children\"]);\n    var _this$state3 = this.state,\n        sorting = _this$state3.sorting,\n        manager = _this$state3.manager;\n    var addPrefix = (0, _utils2.prefix)(classPrefix);\n    var unhandled = (0, _utils2.getUnhandledProps)(List, rest);\n    var classes = (0, _classnames.default)(classPrefix, className, (_classNames = {}, _classNames[addPrefix('bordered')] = bordered, _classNames[addPrefix('sortable')] = sortable, _classNames[addPrefix('sorting')] = sorting, _classNames[addPrefix('hover')] = hover, _classNames));\n    var contextValue = {\n      bordered: bordered,\n      size: size,\n      manager: manager\n    };\n    return React.createElement(_ListContext.default.Provider, {\n      value: contextValue,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 526\n      },\n      __self: this\n    }, React.createElement(\"div\", (0, _extends2.default)({\n      ref: this.containerRef,\n      className: classes\n    }, unhandled, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 527\n      },\n      __self: this\n    }), children));\n  };\n\n  (0, _createClass2.default)(List, [{\n    key: \"containerScrollDelta\",\n    get: function get() {\n      return {\n        left: this.scrollContainer.scrollLeft - this.scrollContainerInitialScroll.left,\n        top: this.scrollContainer.scrollTop - this.scrollContainerInitialScroll.top\n      };\n    }\n  }, {\n    key: \"windowScrollDelta\",\n    get: function get() {\n      return {\n        left: window.pageXOffset - this.windowInitialScroll.left,\n        top: window.pageYOffset - this.windowInitialScroll.top\n      };\n    }\n  }, {\n    key: \"holderTranslate\",\n    get: function get() {\n      return this.animatedNodeOffset.reduce(function (acc, item) {\n        return {\n          x: acc.x - item.x,\n          y: acc.y - item.y\n        };\n      }, {\n        x: 0,\n        y: 0\n      });\n    }\n  }]);\n  return List;\n}(React.Component);\n\nList.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  bordered: _propTypes.default.bool,\n  hover: _propTypes.default.bool,\n  sortable: _propTypes.default.bool,\n  size: _propTypes.default.oneOf(['lg', 'md', 'sm']),\n  autoScroll: _propTypes.default.bool,\n  pressDelay: _propTypes.default.number,\n  transitionDuration: _propTypes.default.number,\n  onSortStart: _propTypes.default.func,\n  onSortMove: _propTypes.default.func,\n  onSortEnd: _propTypes.default.func,\n  onSort: _propTypes.default.func\n};\nList.defaultProps = {\n  size: 'md',\n  autoScroll: true,\n  pressDelay: 0,\n  transitionDuration: 300\n};\nvar EnhancedList = (0, _utils2.defaultProps)({\n  classPrefix: 'list'\n})(List);\n(0, _recompose.setStatic)('Item', _ListItem.default)(EnhancedList);\nvar _default = EnhancedList;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/List/List.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\"));\n\nvar _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ \"./node_modules/@babel/runtime/helpers/createClass.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n\nvar _utils = __webpack_require__(/*! ./utils */ \"./src/List/utils.ts\");\n\nvar _utils2 = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _ListItem = _interopRequireDefault(__webpack_require__(/*! ./ListItem */ \"./src/List/ListItem.tsx\"));\n\nvar _Manager = _interopRequireDefault(__webpack_require__(/*! ./Manager */ \"./src/List/Manager.ts\"));\n\nvar _AutoScroller = _interopRequireDefault(__webpack_require__(/*! ./AutoScroller */ \"./src/List/AutoScroller.ts\"));\n\nvar _ListContext = _interopRequireDefault(__webpack_require__(/*! ./ListContext */ \"./src/List/ListContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/List/List.tsx\";\nvar NodeType = {\n  Canvas: 'CANVAS',\n  Anchor: 'A',\n  Button: 'BUTTON',\n  Input: 'INPUT',\n  Option: 'OPTION',\n  Textarea: 'TEXTAREA',\n  Select: 'SELECT'\n};\nvar interactiveElements = [NodeType.Anchor, NodeType.Button, NodeType.Input, NodeType.Option, NodeType.Textarea, NodeType.Select];\n\nvar List =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(List, _React$Component);\n\n  function List() {\n    var _this;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n    _this.state = {\n      sorting: false,\n      manager: new _Manager.default()\n    };\n    _this.containerRef = React.createRef();\n    _this.containerBoundingRect = void 0;\n    _this.touched = void 0;\n    _this.scrollContainer = void 0;\n    _this.scrollContainerInitialScroll = void 0;\n    _this.autoScroller = void 0;\n    _this.windowInitialScroll = void 0;\n    _this.animatedNodeOffset = [];\n    _this.activeNodeBoundingClientRect = void 0;\n    _this.activeNodeGhost = void 0;\n    _this.activeNodeFlowBody = void 0;\n    _this.activeNodeFlowBodyTranslate = void 0;\n    _this.activeNodeMarginOffset = void 0;\n    _this.activeNodeOffsetEdge = void 0;\n    _this.activeNodeOldIndex = void 0;\n    _this.activeNodeNextIndex = void 0;\n    _this.activeNodeTranslateMin = void 0;\n    _this.activeNodeTranslateMax = void 0;\n    _this.windowStartListener = void 0;\n    _this.windowEndListener = void 0;\n    _this.sortMouseMoveListener = void 0;\n    _this.sortMouseEndListener = void 0;\n    _this.cursorInitialOffset = void 0;\n    _this.cursorCurrentPosition = void 0;\n    _this.pressTimer = void 0;\n\n    _this.handleStart = function (event) {\n      var _this$props = _this.props,\n          sortable = _this$props.sortable,\n          pressDelay = _this$props.pressDelay;\n      var _this$state = _this.state,\n          sorting = _this$state.sorting,\n          manager = _this$state.manager;\n      var node = (0, _utils.closest)(event.target, function (el) {\n        return !!manager.getNodeManagerRef(el);\n      });\n      var curManager = manager.getNodeManagerRef(node);\n\n      if (!((event === null || event === void 0 ? void 0 : event.target) && node instanceof HTMLElement && curManager)) {\n        return;\n      }\n\n      var _curManager$info = curManager.info,\n          disabled = _curManager$info.disabled,\n          curNodeManager = _curManager$info.manager;\n\n      if ( //is sortable\n      sortable && //is list item\n      !disabled && //is not secondary button pressed\n      event.button !== 2 && //is this list\n      curNodeManager === manager && //is not sorting\n      !sorting && //excludes interactive elements\n      !node.contains((0, _utils.closest)(event.target, function (el) {\n        return interactiveElements.includes(el.tagName) || el.contentEditable === 'true';\n      }))) {\n        event.preventDefault();\n        _this.touched = true;\n        _this.cursorCurrentPosition = (0, _utils.getPosition)(event);\n        manager.setActive(curManager);\n        _this.pressTimer = setTimeout(function () {\n          return _this.handlePress(event);\n        }, pressDelay);\n      }\n    };\n\n    _this.handleEnd = function () {\n      var _this$state2 = _this.state,\n          sorting = _this$state2.sorting,\n          manager = _this$state2.manager;\n      _this.touched = false;\n\n      if (!sorting) {\n        clearTimeout(_this.pressTimer);\n        manager.setActive(null);\n      }\n    };\n\n    _this.handlePress = function _callee(event) {\n      var _this$props2, classPrefix, onSortStart, manager, _manager$getActive, activeNode, info, index, collection, addItemPrefix, style, activeNodeMargin;\n\n      return _regenerator.default.async(function _callee$(_context) {\n        while (1) {\n          switch (_context.prev = _context.next) {\n            case 0:\n              _this$props2 = _this.props, classPrefix = _this$props2.classPrefix, onSortStart = _this$props2.onSortStart;\n              manager = _this.state.manager;\n              _manager$getActive = manager.getActive(), activeNode = _manager$getActive.node, info = _manager$getActive.info; // return if no active node\n\n              if (!(!activeNode || !info)) {\n                _context.next = 5;\n                break;\n              }\n\n              return _context.abrupt(\"return\");\n\n            case 5:\n              index = info.index, collection = info.collection;\n              addItemPrefix = (0, _utils2.prefix)(classPrefix + '-item');\n              style = window.getComputedStyle(activeNode);\n              activeNodeMargin = {\n                bottom: parseFloat(style.marginBottom),\n                left: parseFloat(style.marginLeft),\n                right: parseFloat(style.marginRight),\n                top: parseFloat(style.marginTop)\n              };\n              _this.activeNodeMarginOffset = {\n                x: activeNodeMargin.left + activeNodeMargin.right,\n                y: Math.max(activeNodeMargin.top, activeNodeMargin.bottom)\n              };\n              _this.activeNodeBoundingClientRect = activeNode.getBoundingClientRect();\n              _this.containerBoundingRect = _this.scrollContainer.getBoundingClientRect();\n              _this.activeNodeOldIndex = index;\n              _this.activeNodeNextIndex = index;\n              _this.activeNodeOffsetEdge = (0, _utils.getEdgeOffset)(activeNode, _this.containerRef.current);\n              _this.cursorInitialOffset = (0, _utils.getPosition)(event);\n              _this.scrollContainerInitialScroll = {\n                left: _this.scrollContainer.scrollLeft,\n                top: _this.scrollContainer.scrollTop\n              };\n              _this.windowInitialScroll = {\n                left: window.pageXOffset,\n                top: window.pageYOffset\n              };\n              _this.activeNodeFlowBody = document.body.appendChild(activeNode.cloneNode(true));\n              _this.activeNodeFlowBody && _this.activeNodeFlowBody.classList.add(addItemPrefix('helper'));\n              (0, _utils.setInlineStyles)(_this.activeNodeFlowBody, {\n                position: 'fixed',\n                width: _this.activeNodeBoundingClientRect.width + \"px\",\n                height: _this.activeNodeBoundingClientRect.height + \"px\",\n                left: _this.activeNodeBoundingClientRect.left - activeNodeMargin.left + \"px\",\n                top: _this.activeNodeBoundingClientRect.top - activeNodeMargin.top + \"px\"\n              });\n              _this.activeNodeGhost = activeNode;\n              activeNode.classList.add(addItemPrefix('holder'));\n              _this.activeNodeTranslateMin = {\n                y: _this.containerBoundingRect.top - _this.activeNodeBoundingClientRect.top - _this.activeNodeBoundingClientRect.height / 2\n              };\n              _this.activeNodeTranslateMax = {\n                y: _this.containerBoundingRect.top + _this.containerBoundingRect.height - _this.activeNodeBoundingClientRect.top - _this.activeNodeBoundingClientRect.height / 2\n              };\n              _this.sortMouseMoveListener = (0, _domLib.on)(window, 'mousemove', _this.handleSortMove, {\n                passive: false\n              });\n              _this.sortMouseEndListener = (0, _domLib.on)(window, 'mouseup', _this.handleSortEnd, {\n                passive: false\n              });\n\n              _this.setState({\n                sorting: true\n              });\n\n              if (onSortStart) {\n                onSortStart({\n                  collection: collection,\n                  node: activeNode,\n                  oldIndex: _this.activeNodeOldIndex,\n                  newIndex: _this.activeNodeNextIndex\n                }, event);\n              }\n\n            case 29:\n            case \"end\":\n              return _context.stop();\n          }\n        }\n      });\n    };\n\n    _this.handleSortMove = function (event) {\n      var _this$props3 = _this.props,\n          onSortMove = _this$props3.onSortMove,\n          autoScroll = _this$props3.autoScroll;\n      var manager = _this.state.manager; // Update helper position\n\n      var offset = (0, _utils.getPosition)(event);\n      var translate = {\n        x: offset.x - _this.cursorInitialOffset.x,\n        y: offset.y - _this.cursorInitialOffset.y\n      }; // Adjust for window scroll\n\n      translate.x -= window.pageXOffset - _this.windowInitialScroll.left;\n      translate.y -= window.pageYOffset - _this.windowInitialScroll.top;\n      _this.activeNodeFlowBodyTranslate = translate;\n      (0, _utils.setTranslate3d)(_this.activeNodeFlowBody, translate);\n\n      _this.animateNodes(); // auto scroll\n\n\n      if (autoScroll) {\n        _this.autoScroller.update({\n          width: _this.activeNodeBoundingClientRect.width,\n          height: _this.activeNodeBoundingClientRect.height,\n          translate: _this.activeNodeFlowBodyTranslate,\n          maxTranslate: _this.activeNodeTranslateMax,\n          minTranslate: _this.activeNodeTranslateMin\n        });\n      }\n\n      if (onSortMove) {\n        onSortMove({\n          collection: manager.getActive().info.collection,\n          node: manager.getActive().node,\n          oldIndex: _this.activeNodeOldIndex,\n          newIndex: _this.activeNodeNextIndex\n        }, event);\n      }\n    };\n\n    _this.handleSortEnd = function (event) {\n      var _this$props4 = _this.props,\n          onSortEnd = _this$props4.onSortEnd,\n          onSort = _this$props4.onSort,\n          classPrefix = _this$props4.classPrefix,\n          transitionDuration = _this$props4.transitionDuration;\n      var manager = _this.state.manager;\n      var activeManagerRef = manager.getActive();\n      var activeCollection = activeManagerRef ? activeManagerRef.info.collection : 0;\n      var managerRefs = manager.getOrderedRefs(activeCollection);\n      var addItemPrefix = (0, _utils2.prefix)(classPrefix + '-item'); // Remove the event listeners\n\n      _this.sortMouseMoveListener.off();\n\n      _this.sortMouseEndListener.off();\n\n      (0, _utils.setTransitionDuration)(_this.activeNodeFlowBody, transitionDuration);\n      (0, _utils.setTranslate3d)(_this.activeNodeFlowBody, {\n        x: _this.holderTranslate.x - _this.containerScrollDelta.left,\n        y: _this.holderTranslate.y - _this.containerScrollDelta.top\n      }); // wait for animation\n\n      setTimeout(function () {\n        // Remove the helper from the DOM\n        if (_this.activeNodeFlowBody) {\n          _this.activeNodeFlowBody.parentNode && _this.activeNodeFlowBody.parentNode.removeChild(_this.activeNodeFlowBody);\n          _this.activeNodeFlowBody = null;\n        }\n\n        if (_this.activeNodeGhost) {\n          _this.activeNodeGhost.classList.remove(addItemPrefix('holder'));\n\n          (0, _utils.setTranslate3d)(_this.activeNodeGhost, null);\n          _this.animatedNodeOffset = [];\n        }\n\n        for (var i = 0, len = managerRefs.length; i < len; i++) {\n          var managerRef = managerRefs[i];\n          var el = managerRef.node; // Clear the cached offsetTop / offsetLeft value\n\n          managerRef.edgeOffset = null; // Remove the transforms / transitions\n\n          (0, _utils.setTranslate3d)(el, null);\n          (0, _utils.setTransitionDuration)(el, null);\n        } // Stop autoScroll\n\n\n        _this.autoScroller.clear(); // Update manager state\n\n\n        manager.setActive(null);\n\n        _this.setState({\n          sorting: false\n        });\n\n        if (typeof onSortEnd === 'function') {\n          onSortEnd({\n            collection: activeCollection,\n            node: activeManagerRef.node,\n            newIndex: _this.activeNodeNextIndex,\n            oldIndex: _this.activeNodeOldIndex\n          }, event);\n        }\n\n        if (typeof onSort === 'function') {\n          onSort({\n            collection: activeCollection,\n            node: activeManagerRef.node,\n            newIndex: _this.activeNodeNextIndex,\n            oldIndex: _this.activeNodeOldIndex\n          }, event);\n        }\n      }, transitionDuration);\n    };\n\n    return _this;\n  }\n\n  var _proto = List.prototype;\n\n  _proto.componentDidMount = function componentDidMount() {\n    var _this2 = this;\n\n    if (this.containerRef.current instanceof HTMLElement) {\n      this.scrollContainer = (0, _utils.getScrollingParent)(this.containerRef.current) || this.containerRef.current;\n      this.autoScroller = new _AutoScroller.default(this.scrollContainer, function (offset) {\n        _this2.activeNodeFlowBodyTranslate.x += offset.left;\n        _this2.activeNodeFlowBodyTranslate.y += offset.top;\n      });\n      this.windowStartListener = (0, _domLib.on)(this.containerRef.current, 'mousedown', this.handleStart, {\n        passive: false\n      });\n      this.windowEndListener = (0, _domLib.on)(this.containerRef.current, 'mouseup', this.handleEnd, {\n        passive: false\n      });\n    }\n  };\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    var _this$windowStartList, _this$windowEndListen;\n\n    (_this$windowStartList = this.windowStartListener) === null || _this$windowStartList === void 0 ? void 0 : _this$windowStartList.off();\n    (_this$windowEndListen = this.windowEndListener) === null || _this$windowEndListen === void 0 ? void 0 : _this$windowEndListen.off();\n  };\n\n  _proto.animateNodes = function animateNodes() {\n    var transitionDuration = this.props.transitionDuration;\n    var manager = this.state.manager;\n    var listItemManagerRefs = manager.getOrderedRefs();\n    var sortingOffset = {\n      left: this.activeNodeOffsetEdge.left + this.activeNodeFlowBodyTranslate.x + this.containerScrollDelta.left,\n      top: this.activeNodeOffsetEdge.top + this.activeNodeFlowBodyTranslate.y + this.containerScrollDelta.top\n    };\n    this.activeNodeNextIndex = -1;\n\n    for (var i = 0, len = listItemManagerRefs.length; i < len; i++) {\n      var _listItemManagerRefs$ = listItemManagerRefs[i],\n          node = _listItemManagerRefs$.node,\n          index = _listItemManagerRefs$.info.index,\n          edgeOffset = _listItemManagerRefs$.edgeOffset;\n      var width = node.offsetWidth;\n      var height = node.offsetHeight;\n      var offset = {\n        height: this.activeNodeBoundingClientRect.height > height ? height / 2 : this.activeNodeBoundingClientRect.height / 2,\n        width: this.activeNodeBoundingClientRect.width > width ? width / 2 : this.activeNodeBoundingClientRect.width / 2\n      };\n      var translate = {\n        x: 0,\n        y: 0\n      }; // If we haven't cached the node's offsetTop / offsetLeft value\n\n      var curEdgeOffset = edgeOffset || (0, _utils.getEdgeOffset)(node, this.containerRef.current);\n      listItemManagerRefs[i].edgeOffset = curEdgeOffset; // Get a reference to the next node\n\n      var prvNode = i > 0 && listItemManagerRefs[i - 1];\n      var nextNode = i < len - 1 && listItemManagerRefs[i + 1]; // Also cache the node's edge offset if needed.\n\n      if (prvNode && !prvNode.edgeOffset) {\n        prvNode.edgeOffset = (0, _utils.getEdgeOffset)(prvNode.node, this.containerRef.current);\n      }\n\n      if (nextNode && !nextNode.edgeOffset) {\n        nextNode.edgeOffset = (0, _utils.getEdgeOffset)(nextNode.node, this.containerRef.current);\n      } // If the node is the one we're currently animating, skip it\n\n\n      if (index === this.activeNodeOldIndex) {\n        continue;\n      }\n\n      var distanceTop = sortingOffset.top + this.windowScrollDelta.top;\n\n      if (prvNode && index > this.activeNodeOldIndex && distanceTop + offset.height >= curEdgeOffset.top) {\n        translate.y = prvNode.edgeOffset.top - curEdgeOffset.top;\n        this.activeNodeNextIndex = index;\n      } else if (nextNode && index < this.activeNodeOldIndex && distanceTop <= curEdgeOffset.top + offset.height) {\n        translate.y = nextNode.edgeOffset.top - curEdgeOffset.top;\n\n        if (this.activeNodeNextIndex === -1) {\n          this.activeNodeNextIndex = index;\n        }\n      }\n\n      (0, _utils.setTransitionDuration)(node, transitionDuration);\n      (0, _utils.setTranslate3d)(node, translate); // translate holder\n\n      this.animatedNodeOffset[index] = translate;\n      (0, _utils.setTranslate3d)(this.activeNodeGhost, this.holderTranslate);\n    }\n\n    if (this.activeNodeNextIndex === -1) {\n      this.activeNodeNextIndex = this.activeNodeOldIndex;\n    }\n  };\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props5 = this.props,\n        className = _this$props5.className,\n        classPrefix = _this$props5.classPrefix,\n        bordered = _this$props5.bordered,\n        hover = _this$props5.hover,\n        size = _this$props5.size,\n        sortable = _this$props5.sortable,\n        children = _this$props5.children,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props5, [\"className\", \"classPrefix\", \"bordered\", \"hover\", \"size\", \"sortable\", \"children\"]);\n    var _this$state3 = this.state,\n        sorting = _this$state3.sorting,\n        manager = _this$state3.manager;\n    var addPrefix = (0, _utils2.prefix)(classPrefix);\n    var unhandled = (0, _utils2.getUnhandledProps)(List, rest);\n    var classes = (0, _classnames.default)(classPrefix, className, (_classNames = {}, _classNames[addPrefix('bordered')] = bordered, _classNames[addPrefix('sortable')] = sortable, _classNames[addPrefix('sorting')] = sorting, _classNames[addPrefix('hover')] = hover, _classNames));\n    var contextValue = {\n      bordered: bordered,\n      size: size,\n      manager: manager\n    };\n    return React.createElement(_ListContext.default.Provider, {\n      value: contextValue,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 525\n      },\n      __self: this\n    }, React.createElement(\"div\", (0, _extends2.default)({\n      ref: this.containerRef,\n      className: classes\n    }, unhandled, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 526\n      },\n      __self: this\n    }), children));\n  };\n\n  (0, _createClass2.default)(List, [{\n    key: \"containerScrollDelta\",\n    get: function get() {\n      return {\n        left: this.scrollContainer.scrollLeft - this.scrollContainerInitialScroll.left,\n        top: this.scrollContainer.scrollTop - this.scrollContainerInitialScroll.top\n      };\n    }\n  }, {\n    key: \"windowScrollDelta\",\n    get: function get() {\n      return {\n        left: window.pageXOffset - this.windowInitialScroll.left,\n        top: window.pageYOffset - this.windowInitialScroll.top\n      };\n    }\n  }, {\n    key: \"holderTranslate\",\n    get: function get() {\n      return this.animatedNodeOffset.reduce(function (acc, item) {\n        return {\n          x: acc.x - item.x,\n          y: acc.y - item.y\n        };\n      }, {\n        x: 0,\n        y: 0\n      });\n    }\n  }]);\n  return List;\n}(React.Component);\n\nList.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  bordered: _propTypes.default.bool,\n  hover: _propTypes.default.bool,\n  sortable: _propTypes.default.bool,\n  size: _propTypes.default.oneOf(['lg', 'md', 'sm']),\n  autoScroll: _propTypes.default.bool,\n  pressDelay: _propTypes.default.number,\n  transitionDuration: _propTypes.default.number,\n  onSortStart: _propTypes.default.func,\n  onSortMove: _propTypes.default.func,\n  onSortEnd: _propTypes.default.func,\n  onSort: _propTypes.default.func\n};\nList.defaultProps = {\n  size: 'md',\n  autoScroll: true,\n  pressDelay: 0,\n  transitionDuration: 300\n};\nvar EnhancedList = (0, _utils2.defaultProps)({\n  classPrefix: 'list'\n})(List);\n(0, _utils2.setStatic)('Item', _ListItem.default)(EnhancedList);\nvar _default = EnhancedList;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/List/List.tsx?");
 
 /***/ }),
 
@@ -8787,7 +8668,7 @@ eval("\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _utils =
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _ListContext = _interopRequireDefault(__webpack_require__(/*! ./ListContext */ \"./src/List/ListContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/List/ListItem.tsx\";\n\nvar ListItem =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(ListItem, _React$Component);\n\n  function ListItem() {\n    var _this;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n    _this.managerRef = void 0;\n    _this.listItemRef = React.createRef();\n\n    _this.register = function () {\n      var _this$props = _this.props,\n          collection = _this$props.collection,\n          disabled = _this$props.disabled,\n          index = _this$props.index,\n          manager = _this$props.manager;\n\n      if (manager) {\n        _this.managerRef = {\n          node: _this.listItemRef.current,\n          edgeOffset: null,\n          info: {\n            collection: collection,\n            disabled: disabled,\n            index: index,\n            manager: manager\n          }\n        };\n        manager.add(collection, _this.managerRef);\n      }\n    };\n\n    _this.unregister = function (collection) {\n      if (collection === void 0) {\n        collection = _this.props.collection;\n      }\n\n      var manager = _this.props.manager;\n\n      if (manager) {\n        manager.remove(collection, _this.managerRef);\n      }\n    };\n\n    return _this;\n  }\n\n  var _proto = ListItem.prototype;\n\n  _proto.componentDidMount = function componentDidMount() {\n    this.register();\n  };\n\n  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n    this.managerRef.info.index = this.props.index;\n    this.managerRef.info.disabled = this.props.disabled;\n\n    if (prevProps.collection !== this.props.collection) {\n      this.unregister(prevProps.collection);\n      this.register();\n    }\n  };\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    this.unregister();\n  };\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props2 = this.props,\n        className = _this$props2.className,\n        classPrefix = _this$props2.classPrefix,\n        bordered = _this$props2.bordered,\n        disabled = _this$props2.disabled,\n        children = _this$props2.children,\n        size = _this$props2.size,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props2, [\"className\", \"classPrefix\", \"bordered\", \"disabled\", \"children\", \"size\"]);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var unhandled = (0, _utils.getUnhandledProps)(ListItem, rest);\n    var classes = (0, _classnames.default)(classPrefix, className, addPrefix(size), (_classNames = {}, _classNames[addPrefix('disabled')] = disabled, _classNames[addPrefix('bordered')] = bordered, _classNames));\n    var itemContent = React.createElement(\"div\", {\n      className: addPrefix('content'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 75\n      },\n      __self: this\n    }, children);\n    return React.createElement(\"div\", (0, _extends2.default)({\n      ref: this.listItemRef,\n      className: classes\n    }, unhandled, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 78\n      },\n      __self: this\n    }), itemContent);\n  };\n\n  return ListItem;\n}(React.Component);\n\nListItem.defaultProps = {\n  collection: 0\n};\nListItem.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  index: _propTypes.default.number,\n  collection: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  disabled: _propTypes.default.bool,\n  manager: _propTypes.default.object\n};\nvar EnhancedListItem = (0, _utils.defaultProps)({\n  classPrefix: 'list-item'\n})(ListItem);\nvar Component = (0, _recompose.setDisplayName)('ListItem')(EnhancedListItem);\n\nvar WithContextListItem = function WithContextListItem(props) {\n  return React.createElement(_ListContext.default.Consumer, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 92\n    },\n    __self: this\n  }, function (context) {\n    return React.createElement(Component, (0, _extends2.default)({}, props, context, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 92\n      },\n      __self: this\n    }));\n  });\n};\n\nvar _default = WithContextListItem;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/List/ListItem.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _ListContext = _interopRequireDefault(__webpack_require__(/*! ./ListContext */ \"./src/List/ListContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/List/ListItem.tsx\";\n\nvar ListItem =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(ListItem, _React$Component);\n\n  function ListItem() {\n    var _this;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n    _this.managerRef = void 0;\n    _this.listItemRef = React.createRef();\n\n    _this.register = function () {\n      var _this$props = _this.props,\n          collection = _this$props.collection,\n          disabled = _this$props.disabled,\n          index = _this$props.index,\n          manager = _this$props.manager;\n\n      if (manager) {\n        _this.managerRef = {\n          node: _this.listItemRef.current,\n          edgeOffset: null,\n          info: {\n            collection: collection,\n            disabled: disabled,\n            index: index,\n            manager: manager\n          }\n        };\n        manager.add(collection, _this.managerRef);\n      }\n    };\n\n    _this.unregister = function (collection) {\n      if (collection === void 0) {\n        collection = _this.props.collection;\n      }\n\n      var manager = _this.props.manager;\n\n      if (manager) {\n        manager.remove(collection, _this.managerRef);\n      }\n    };\n\n    return _this;\n  }\n\n  var _proto = ListItem.prototype;\n\n  _proto.componentDidMount = function componentDidMount() {\n    this.register();\n  };\n\n  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n    this.managerRef.info.index = this.props.index;\n    this.managerRef.info.disabled = this.props.disabled;\n\n    if (prevProps.collection !== this.props.collection) {\n      this.unregister(prevProps.collection);\n      this.register();\n    }\n  };\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    this.unregister();\n  };\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props2 = this.props,\n        className = _this$props2.className,\n        classPrefix = _this$props2.classPrefix,\n        bordered = _this$props2.bordered,\n        disabled = _this$props2.disabled,\n        children = _this$props2.children,\n        size = _this$props2.size,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props2, [\"className\", \"classPrefix\", \"bordered\", \"disabled\", \"children\", \"size\"]);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var unhandled = (0, _utils.getUnhandledProps)(ListItem, rest);\n    var classes = (0, _classnames.default)(classPrefix, className, addPrefix(size), (_classNames = {}, _classNames[addPrefix('disabled')] = disabled, _classNames[addPrefix('bordered')] = bordered, _classNames));\n    var itemContent = React.createElement(\"div\", {\n      className: addPrefix('content'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 74\n      },\n      __self: this\n    }, children);\n    return React.createElement(\"div\", (0, _extends2.default)({\n      ref: this.listItemRef,\n      className: classes\n    }, unhandled, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 77\n      },\n      __self: this\n    }), itemContent);\n  };\n\n  return ListItem;\n}(React.Component);\n\nListItem.defaultProps = {\n  collection: 0\n};\nListItem.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  index: _propTypes.default.number,\n  collection: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  disabled: _propTypes.default.bool,\n  manager: _propTypes.default.object\n};\nvar EnhancedListItem = (0, _utils.defaultProps)({\n  classPrefix: 'list-item'\n})(ListItem);\nvar Component = (0, _utils.setDisplayName)('ListItem')(EnhancedListItem);\n\nvar WithContextListItem = function WithContextListItem(props) {\n  return React.createElement(_ListContext.default.Consumer, {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 91\n    },\n    __self: this\n  }, function (context) {\n    return React.createElement(Component, (0, _extends2.default)({}, props, context, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 91\n      },\n      __self: this\n    }));\n  });\n};\n\nvar _default = WithContextListItem;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/List/ListItem.tsx?");
 
 /***/ }),
 
@@ -8835,7 +8716,7 @@ eval("\n\nexports.__esModule = true;\nexports.setInlineStyles = setInlineStyles;
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Loader/Loader.tsx\";\n\nvar Loader =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Loader, _React$Component);\n\n  function Loader() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = Loader.prototype;\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props = this.props,\n        classPrefix = _this$props.classPrefix,\n        className = _this$props.className,\n        inverse = _this$props.inverse,\n        backdrop = _this$props.backdrop,\n        speed = _this$props.speed,\n        center = _this$props.center,\n        vertical = _this$props.vertical,\n        content = _this$props.content,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"classPrefix\", \"className\", \"inverse\", \"backdrop\", \"speed\", \"center\", \"vertical\", \"content\"]);\n    var hasContent = !!content;\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames.default)(addPrefix('wrapper'), addPrefix(\"speed-\" + speed), className, (_classNames = {}, _classNames[addPrefix('backdrop-wrapper')] = backdrop, _classNames[addPrefix('vertical')] = vertical, _classNames[addPrefix('inverse')] = inverse, _classNames[addPrefix('center')] = center, _classNames[addPrefix('has-content')] = hasContent, _classNames));\n    return React.createElement(\"div\", (0, _extends2.default)({}, props, {\n      className: classes,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 48\n      },\n      __self: this\n    }), backdrop && React.createElement(\"div\", {\n      className: addPrefix('backdrop'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 49\n      },\n      __self: this\n    }), React.createElement(\"div\", {\n      className: classPrefix,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 50\n      },\n      __self: this\n    }, React.createElement(\"span\", {\n      className: addPrefix('spin'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 51\n      },\n      __self: this\n    }), hasContent && React.createElement(\"span\", {\n      className: addPrefix('content'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 52\n      },\n      __self: this\n    }, content)));\n  };\n\n  return Loader;\n}(React.Component);\n\nLoader.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  center: _propTypes.default.bool,\n  backdrop: _propTypes.default.bool,\n  inverse: _propTypes.default.bool,\n  vertical: _propTypes.default.bool,\n  content: _propTypes.default.node,\n  speed: _propTypes.default.oneOf(['normal', 'fast', 'slow'])\n};\nLoader.defaultProps = {\n  speed: 'normal'\n};\n\nvar _default = (0, _recompose.compose)((0, _utils.withStyleProps)({\n  hasSize: true\n}), (0, _utils.defaultProps)({\n  classPrefix: 'loader'\n}))(Loader);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Loader/Loader.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Loader/Loader.tsx\";\n\nvar Loader =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Loader, _React$Component);\n\n  function Loader() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = Loader.prototype;\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props = this.props,\n        classPrefix = _this$props.classPrefix,\n        className = _this$props.className,\n        inverse = _this$props.inverse,\n        backdrop = _this$props.backdrop,\n        speed = _this$props.speed,\n        center = _this$props.center,\n        vertical = _this$props.vertical,\n        content = _this$props.content,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"classPrefix\", \"className\", \"inverse\", \"backdrop\", \"speed\", \"center\", \"vertical\", \"content\"]);\n    var hasContent = !!content;\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames.default)(addPrefix('wrapper'), addPrefix(\"speed-\" + speed), className, (_classNames = {}, _classNames[addPrefix('backdrop-wrapper')] = backdrop, _classNames[addPrefix('vertical')] = vertical, _classNames[addPrefix('inverse')] = inverse, _classNames[addPrefix('center')] = center, _classNames[addPrefix('has-content')] = hasContent, _classNames));\n    return React.createElement(\"div\", (0, _extends2.default)({}, props, {\n      className: classes,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 47\n      },\n      __self: this\n    }), backdrop && React.createElement(\"div\", {\n      className: addPrefix('backdrop'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 48\n      },\n      __self: this\n    }), React.createElement(\"div\", {\n      className: classPrefix,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 49\n      },\n      __self: this\n    }, React.createElement(\"span\", {\n      className: addPrefix('spin'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 50\n      },\n      __self: this\n    }), hasContent && React.createElement(\"span\", {\n      className: addPrefix('content'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 51\n      },\n      __self: this\n    }, content)));\n  };\n\n  return Loader;\n}(React.Component);\n\nLoader.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  center: _propTypes.default.bool,\n  backdrop: _propTypes.default.bool,\n  inverse: _propTypes.default.bool,\n  vertical: _propTypes.default.bool,\n  content: _propTypes.default.node,\n  speed: _propTypes.default.oneOf(['normal', 'fast', 'slow'])\n};\nLoader.defaultProps = {\n  speed: 'normal'\n};\n\nvar _default = (0, _utils.compose)((0, _utils.withStyleProps)({\n  hasSize: true\n}), (0, _utils.defaultProps)({\n  classPrefix: 'loader'\n}))(Loader);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Loader/Loader.tsx?");
 
 /***/ }),
 
@@ -8895,7 +8776,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _pick2 = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _elementResizeEvent = _interopRequireWildcard(__webpack_require__(/*! element-resize-event */ \"./node_modules/element-resize-event/index.js\"));\n\nvar _BaseModal = _interopRequireDefault(__webpack_require__(/*! ./BaseModal */ \"./src/Modal/BaseModal.tsx\"));\n\nvar _Bounce = _interopRequireDefault(__webpack_require__(/*! ../Animation/Bounce */ \"./src/Animation/Bounce.tsx\"));\n\nvar _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _ModalDialog = _interopRequireWildcard(__webpack_require__(/*! ./ModalDialog */ \"./src/Modal/ModalDialog.tsx\"));\n\nvar _ModalBody = _interopRequireDefault(__webpack_require__(/*! ./ModalBody */ \"./src/Modal/ModalBody.tsx\"));\n\nvar _ModalHeader = _interopRequireDefault(__webpack_require__(/*! ./ModalHeader */ \"./src/Modal/ModalHeader.tsx\"));\n\nvar _ModalTitle = _interopRequireDefault(__webpack_require__(/*! ./ModalTitle */ \"./src/Modal/ModalTitle.tsx\"));\n\nvar _ModalFooter = _interopRequireDefault(__webpack_require__(/*! ./ModalFooter */ \"./src/Modal/ModalFooter.tsx\"));\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _ModalContext = _interopRequireDefault(__webpack_require__(/*! ./ModalContext */ \"./src/Modal/ModalContext.tsx\"));\n\nvar _mergeRefs = _interopRequireDefault(__webpack_require__(/*! ../utils/mergeRefs */ \"./src/utils/mergeRefs.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Modal/Modal.tsx\";\nvar BACKDROP_TRANSITION_DURATION = 150;\n\nvar Modal =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Modal, _React$Component);\n\n  // for test\n  function Modal(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.dialogElement = void 0;\n    _this.modalRef = void 0;\n    _this.windowResizeListener = null;\n    _this.contentElement = null;\n\n    _this.getBodyStyles = function () {\n      return _this.state.bodyStyles;\n    };\n\n    _this.bindDialogRef = function (ref) {\n      _this.dialogElement = ref;\n    };\n\n    _this.handleShow = function () {\n      var dialogElement = _this.dialogElement;\n\n      _this.updateModalStyles(dialogElement);\n\n      _this.contentElement = dialogElement.querySelector(\".\" + _this.addPrefix('content'));\n      _this.windowResizeListener = (0, _domLib.on)(window, 'resize', _this.handleResize);\n      (0, _elementResizeEvent.default)(_this.contentElement, _this.handleResize);\n    };\n\n    _this.handleShowing = function () {\n      _this.updateModalStyles(_this.dialogElement, true);\n    };\n\n    _this.handleHide = function () {\n      _this.destroyEvent();\n    };\n\n    _this.handleDialogClick = function (event) {\n      var _this$props, _this$props$onHide;\n\n      if (event.target !== event.currentTarget) {\n        return;\n      }\n\n      (_this$props = _this.props) === null || _this$props === void 0 ? void 0 : (_this$props$onHide = _this$props.onHide) === null || _this$props$onHide === void 0 ? void 0 : _this$props$onHide.call(_this$props, event);\n    };\n\n    _this.handleResize = function () {\n      _this.updateModalStyles(_this.dialogElement);\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.state = {\n      bodyStyles: {}\n    };\n    _this.modalRef = React.createRef();\n    return _this;\n  }\n\n  var _proto = Modal.prototype;\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    this.destroyEvent();\n  };\n\n  _proto.getBodyStylesByDialog = function getBodyStylesByDialog(dialogElement, entering) {\n    var _this$props2 = this.props,\n        overflow = _this$props2.overflow,\n        drawer = _this$props2.drawer;\n    var node = dialogElement || this.dialogElement;\n    var scrollHeight = node ? node.scrollHeight : 0;\n\n    if (!overflow) {\n      return {};\n    }\n\n    var bodyStyles = {\n      overflow: 'auto'\n    };\n\n    if (node) {\n      // default margin\n      var headerHeight = 46;\n      var footerHeight = 46;\n      var contentHeight = 30;\n      var headerDOM = node.querySelector(\".\" + this.addPrefix('header'));\n      var footerDOM = node.querySelector(\".\" + this.addPrefix('footer'));\n      var contentDOM = node.querySelector(\".\" + this.addPrefix('content'));\n      headerHeight = headerDOM ? (0, _domLib.getHeight)(headerDOM) + headerHeight : headerHeight;\n      footerHeight = footerDOM ? (0, _domLib.getHeight)(footerDOM) + headerHeight : headerHeight;\n      contentHeight = contentDOM ? (0, _domLib.getHeight)(contentDOM) + contentHeight : contentHeight;\n\n      if (drawer) {\n        bodyStyles.height = contentHeight - (headerHeight + footerHeight);\n      } else {\n        /**\n         * Header height + Footer height + Dialog margin\n         */\n        var excludeHeight = headerHeight + footerHeight + (entering ? 76 : 60);\n        var bodyHeight = (0, _domLib.getHeight)(window) - excludeHeight;\n        var maxHeight = scrollHeight >= bodyHeight ? bodyHeight : scrollHeight;\n        bodyStyles.maxHeight = maxHeight;\n      }\n    }\n\n    return bodyStyles;\n  };\n\n  _proto.destroyEvent = function destroyEvent() {\n    var _this$windowResizeLis, _this$windowResizeLis2;\n\n    (_this$windowResizeLis = this.windowResizeListener) === null || _this$windowResizeLis === void 0 ? void 0 : (_this$windowResizeLis2 = _this$windowResizeLis.off) === null || _this$windowResizeLis2 === void 0 ? void 0 : _this$windowResizeLis2.call(_this$windowResizeLis);\n\n    if (this.contentElement) {\n      (0, _elementResizeEvent.unbind)(this.contentElement);\n    }\n  };\n\n  _proto.updateModalStyles = function updateModalStyles(dialogElement, entering) {\n    this.setState({\n      bodyStyles: this.getBodyStylesByDialog(dialogElement, entering)\n    });\n  };\n\n  _proto.render = function render() {\n    var _classNames,\n        _classNames2,\n        _this2 = this;\n\n    var _this$props3 = this.props,\n        className = _this$props3.className,\n        children = _this$props3.children,\n        dialogClassName = _this$props3.dialogClassName,\n        backdropClassName = _this$props3.backdropClassName,\n        dialogStyle = _this$props3.dialogStyle,\n        animation = _this$props3.animation,\n        classPrefix = _this$props3.classPrefix,\n        show = _this$props3.show,\n        size = _this$props3.size,\n        full = _this$props3.full,\n        dialogComponentClass = _this$props3.dialogComponentClass,\n        animationProps = _this$props3.animationProps,\n        animationTimeout = _this$props3.animationTimeout,\n        onHide = _this$props3.onHide,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props3, [\"className\", \"children\", \"dialogClassName\", \"backdropClassName\", \"dialogStyle\", \"animation\", \"classPrefix\", \"show\", \"size\", \"full\", \"dialogComponentClass\", \"animationProps\", \"animationTimeout\", \"onHide\"]);\n    var inClass = {\n      in: show && !animation\n    };\n    var Dialog = dialogComponentClass;\n    var classes = (0, _classnames.default)(this.addPrefix(size), className, (_classNames = {}, _classNames[this.addPrefix('full')] = full, _classNames));\n    return React.createElement(_ModalContext.default.Provider, {\n      value: {\n        onModalHide: onHide,\n        getBodyStyles: this.getBodyStyles\n      },\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 215\n      },\n      __self: this\n    }, React.createElement(_BaseModal.default, (0, _extends2.default)({}, rest, {\n      ref: this.modalRef,\n      show: show,\n      onHide: onHide,\n      className: this.addPrefix('wrapper'),\n      onEntered: (0, _utils.createChainedFunction)(this.handleShow, this.props.onEntered),\n      onEntering: (0, _utils.createChainedFunction)(this.handleShowing, this.props.onEntering),\n      onExited: (0, _utils.createChainedFunction)(this.handleHide, this.props.onExited),\n      backdropClassName: (0, _classnames.default)(this.addPrefix('backdrop'), backdropClassName, inClass),\n      containerClassName: (0, _classnames.default)(this.addPrefix('open'), (_classNames2 = {}, _classNames2[this.addPrefix('has-backdrop')] = rest.backdrop, _classNames2)),\n      transition: animation ? animation : undefined,\n      animationProps: animationProps,\n      dialogTransitionTimeout: animationTimeout,\n      backdropTransitionTimeout: BACKDROP_TRANSITION_DURATION,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 221\n      },\n      __self: this\n    }), function (transitionProps, ref) {\n      var transitionClassName = transitionProps.className,\n          transitionRest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, [\"className\"]);\n      return React.createElement(Dialog, (0, _extends2.default)({}, transitionRest, (0, _pick2.default)(rest, Object.keys(_ModalDialog.modalDialogPropTypes)), {\n        classPrefix: classPrefix,\n        className: (0, _classnames.default)(classes, transitionClassName),\n        dialogClassName: dialogClassName,\n        dialogStyle: dialogStyle,\n        onClick: rest.backdrop === true ? _this2.handleDialogClick : null,\n        dialogRef: (0, _mergeRefs.default)(_this2.bindDialogRef, ref),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 242\n        },\n        __self: this\n      }), children);\n    }));\n  };\n\n  return Modal;\n}(React.Component);\n\nModal.propTypes = {\n  classPrefix: _propTypes.default.string,\n  size: _propTypes.default.oneOf(_constants.SIZE),\n  container: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),\n  onRendered: _propTypes.default.func,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  dialogClassName: _propTypes.default.string,\n  backdropClassName: _propTypes.default.string,\n  style: _propTypes.default.object,\n  dialogStyle: _propTypes.default.object,\n  backdropStyle: _propTypes.default.object,\n  show: _propTypes.default.bool,\n  full: _propTypes.default.bool,\n  backdrop: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),\n  keyboard: _propTypes.default.bool,\n  transition: _propTypes.default.elementType,\n  dialogTransitionTimeout: _propTypes.default.number,\n  backdropTransitionTimeout: _propTypes.default.number,\n  autoFocus: _propTypes.default.bool,\n  enforceFocus: _propTypes.default.bool,\n  overflow: _propTypes.default.bool,\n  drawer: _propTypes.default.bool,\n  dialogComponentClass: _propTypes.default.elementType,\n  animation: _propTypes.default.any,\n  animationProps: _propTypes.default.object,\n  animationTimeout: _propTypes.default.number,\n  onEscapeKeyUp: _propTypes.default.func,\n  onBackdropClick: _propTypes.default.func,\n  onShow: _propTypes.default.func,\n  onHide: _propTypes.default.func,\n  onEnter: _propTypes.default.func,\n  onEntering: _propTypes.default.func,\n  onEntered: _propTypes.default.func,\n  onExit: _propTypes.default.func,\n  onExiting: _propTypes.default.func,\n  onExited: _propTypes.default.func\n};\nModal.defaultProps = {\n  size: 'sm',\n  backdrop: true,\n  keyboard: true,\n  autoFocus: true,\n  enforceFocus: true,\n  animation: _Bounce.default,\n  animationTimeout: 300,\n  dialogComponentClass: _ModalDialog.default,\n  overflow: true\n};\nvar EnhancedModal = (0, _utils.defaultProps)({\n  classPrefix: 'modal'\n})(Modal);\n(0, _recompose.setStatic)('Body', _ModalBody.default)(EnhancedModal);\n(0, _recompose.setStatic)('Header', _ModalHeader.default)(EnhancedModal);\n(0, _recompose.setStatic)('Title', _ModalTitle.default)(EnhancedModal);\n(0, _recompose.setStatic)('Footer', _ModalFooter.default)(EnhancedModal);\n(0, _recompose.setStatic)('Dialog', _ModalDialog.default)(EnhancedModal);\nvar _default = EnhancedModal;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Modal/Modal.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _pick2 = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _elementResizeEvent = _interopRequireWildcard(__webpack_require__(/*! element-resize-event */ \"./node_modules/element-resize-event/index.js\"));\n\nvar _BaseModal = _interopRequireDefault(__webpack_require__(/*! ./BaseModal */ \"./src/Modal/BaseModal.tsx\"));\n\nvar _Bounce = _interopRequireDefault(__webpack_require__(/*! ../Animation/Bounce */ \"./src/Animation/Bounce.tsx\"));\n\nvar _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _ModalDialog = _interopRequireWildcard(__webpack_require__(/*! ./ModalDialog */ \"./src/Modal/ModalDialog.tsx\"));\n\nvar _ModalBody = _interopRequireDefault(__webpack_require__(/*! ./ModalBody */ \"./src/Modal/ModalBody.tsx\"));\n\nvar _ModalHeader = _interopRequireDefault(__webpack_require__(/*! ./ModalHeader */ \"./src/Modal/ModalHeader.tsx\"));\n\nvar _ModalTitle = _interopRequireDefault(__webpack_require__(/*! ./ModalTitle */ \"./src/Modal/ModalTitle.tsx\"));\n\nvar _ModalFooter = _interopRequireDefault(__webpack_require__(/*! ./ModalFooter */ \"./src/Modal/ModalFooter.tsx\"));\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _ModalContext = _interopRequireDefault(__webpack_require__(/*! ./ModalContext */ \"./src/Modal/ModalContext.tsx\"));\n\nvar _mergeRefs = _interopRequireDefault(__webpack_require__(/*! ../utils/mergeRefs */ \"./src/utils/mergeRefs.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Modal/Modal.tsx\";\nvar BACKDROP_TRANSITION_DURATION = 150;\n\nvar Modal =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Modal, _React$Component);\n\n  // for test\n  function Modal(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.dialogElement = void 0;\n    _this.modalRef = void 0;\n    _this.windowResizeListener = null;\n    _this.contentElement = null;\n\n    _this.getBodyStyles = function () {\n      return _this.state.bodyStyles;\n    };\n\n    _this.bindDialogRef = function (ref) {\n      _this.dialogElement = ref;\n    };\n\n    _this.handleShow = function () {\n      var dialogElement = _this.dialogElement;\n\n      _this.updateModalStyles(dialogElement);\n\n      _this.contentElement = dialogElement.querySelector(\".\" + _this.addPrefix('content'));\n      _this.windowResizeListener = (0, _domLib.on)(window, 'resize', _this.handleResize);\n      (0, _elementResizeEvent.default)(_this.contentElement, _this.handleResize);\n    };\n\n    _this.handleShowing = function () {\n      _this.updateModalStyles(_this.dialogElement, true);\n    };\n\n    _this.handleHide = function () {\n      _this.destroyEvent();\n    };\n\n    _this.handleDialogClick = function (event) {\n      var _this$props, _this$props$onHide;\n\n      if (event.target !== event.currentTarget) {\n        return;\n      }\n\n      (_this$props = _this.props) === null || _this$props === void 0 ? void 0 : (_this$props$onHide = _this$props.onHide) === null || _this$props$onHide === void 0 ? void 0 : _this$props$onHide.call(_this$props, event);\n    };\n\n    _this.handleResize = function () {\n      _this.updateModalStyles(_this.dialogElement);\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.state = {\n      bodyStyles: {}\n    };\n    _this.modalRef = React.createRef();\n    return _this;\n  }\n\n  var _proto = Modal.prototype;\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    this.destroyEvent();\n  };\n\n  _proto.getBodyStylesByDialog = function getBodyStylesByDialog(dialogElement, entering) {\n    var _this$props2 = this.props,\n        overflow = _this$props2.overflow,\n        drawer = _this$props2.drawer;\n    var node = dialogElement || this.dialogElement;\n    var scrollHeight = node ? node.scrollHeight : 0;\n\n    if (!overflow) {\n      return {};\n    }\n\n    var bodyStyles = {\n      overflow: 'auto'\n    };\n\n    if (node) {\n      // default margin\n      var headerHeight = 46;\n      var footerHeight = 46;\n      var contentHeight = 30;\n      var headerDOM = node.querySelector(\".\" + this.addPrefix('header'));\n      var footerDOM = node.querySelector(\".\" + this.addPrefix('footer'));\n      var contentDOM = node.querySelector(\".\" + this.addPrefix('content'));\n      headerHeight = headerDOM ? (0, _domLib.getHeight)(headerDOM) + headerHeight : headerHeight;\n      footerHeight = footerDOM ? (0, _domLib.getHeight)(footerDOM) + headerHeight : headerHeight;\n      contentHeight = contentDOM ? (0, _domLib.getHeight)(contentDOM) + contentHeight : contentHeight;\n\n      if (drawer) {\n        bodyStyles.height = contentHeight - (headerHeight + footerHeight);\n      } else {\n        /**\n         * Header height + Footer height + Dialog margin\n         */\n        var excludeHeight = headerHeight + footerHeight + (entering ? 76 : 60);\n        var bodyHeight = (0, _domLib.getHeight)(window) - excludeHeight;\n        var maxHeight = scrollHeight >= bodyHeight ? bodyHeight : scrollHeight;\n        bodyStyles.maxHeight = maxHeight;\n      }\n    }\n\n    return bodyStyles;\n  };\n\n  _proto.destroyEvent = function destroyEvent() {\n    var _this$windowResizeLis, _this$windowResizeLis2;\n\n    (_this$windowResizeLis = this.windowResizeListener) === null || _this$windowResizeLis === void 0 ? void 0 : (_this$windowResizeLis2 = _this$windowResizeLis.off) === null || _this$windowResizeLis2 === void 0 ? void 0 : _this$windowResizeLis2.call(_this$windowResizeLis);\n\n    if (this.contentElement) {\n      (0, _elementResizeEvent.unbind)(this.contentElement);\n    }\n  };\n\n  _proto.updateModalStyles = function updateModalStyles(dialogElement, entering) {\n    this.setState({\n      bodyStyles: this.getBodyStylesByDialog(dialogElement, entering)\n    });\n  };\n\n  _proto.render = function render() {\n    var _classNames,\n        _classNames2,\n        _this2 = this;\n\n    var _this$props3 = this.props,\n        className = _this$props3.className,\n        children = _this$props3.children,\n        dialogClassName = _this$props3.dialogClassName,\n        backdropClassName = _this$props3.backdropClassName,\n        dialogStyle = _this$props3.dialogStyle,\n        animation = _this$props3.animation,\n        classPrefix = _this$props3.classPrefix,\n        show = _this$props3.show,\n        size = _this$props3.size,\n        full = _this$props3.full,\n        dialogComponentClass = _this$props3.dialogComponentClass,\n        animationProps = _this$props3.animationProps,\n        animationTimeout = _this$props3.animationTimeout,\n        onHide = _this$props3.onHide,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props3, [\"className\", \"children\", \"dialogClassName\", \"backdropClassName\", \"dialogStyle\", \"animation\", \"classPrefix\", \"show\", \"size\", \"full\", \"dialogComponentClass\", \"animationProps\", \"animationTimeout\", \"onHide\"]);\n    var inClass = {\n      in: show && !animation\n    };\n    var Dialog = dialogComponentClass;\n    var classes = (0, _classnames.default)(this.addPrefix(size), className, (_classNames = {}, _classNames[this.addPrefix('full')] = full, _classNames));\n    return React.createElement(_ModalContext.default.Provider, {\n      value: {\n        onModalHide: onHide,\n        getBodyStyles: this.getBodyStyles\n      },\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 214\n      },\n      __self: this\n    }, React.createElement(_BaseModal.default, (0, _extends2.default)({}, rest, {\n      ref: this.modalRef,\n      show: show,\n      onHide: onHide,\n      className: this.addPrefix('wrapper'),\n      onEntered: (0, _utils.createChainedFunction)(this.handleShow, this.props.onEntered),\n      onEntering: (0, _utils.createChainedFunction)(this.handleShowing, this.props.onEntering),\n      onExited: (0, _utils.createChainedFunction)(this.handleHide, this.props.onExited),\n      backdropClassName: (0, _classnames.default)(this.addPrefix('backdrop'), backdropClassName, inClass),\n      containerClassName: (0, _classnames.default)(this.addPrefix('open'), (_classNames2 = {}, _classNames2[this.addPrefix('has-backdrop')] = rest.backdrop, _classNames2)),\n      transition: animation ? animation : undefined,\n      animationProps: animationProps,\n      dialogTransitionTimeout: animationTimeout,\n      backdropTransitionTimeout: BACKDROP_TRANSITION_DURATION,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 220\n      },\n      __self: this\n    }), function (transitionProps, ref) {\n      var transitionClassName = transitionProps.className,\n          transitionRest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, [\"className\"]);\n      return React.createElement(Dialog, (0, _extends2.default)({}, transitionRest, (0, _pick2.default)(rest, Object.keys(_ModalDialog.modalDialogPropTypes)), {\n        classPrefix: classPrefix,\n        className: (0, _classnames.default)(classes, transitionClassName),\n        dialogClassName: dialogClassName,\n        dialogStyle: dialogStyle,\n        onClick: rest.backdrop === true ? _this2.handleDialogClick : null,\n        dialogRef: (0, _mergeRefs.default)(_this2.bindDialogRef, ref),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 241\n        },\n        __self: this\n      }), children);\n    }));\n  };\n\n  return Modal;\n}(React.Component);\n\nModal.propTypes = {\n  classPrefix: _propTypes.default.string,\n  size: _propTypes.default.oneOf(_constants.SIZE),\n  container: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),\n  onRendered: _propTypes.default.func,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  dialogClassName: _propTypes.default.string,\n  backdropClassName: _propTypes.default.string,\n  style: _propTypes.default.object,\n  dialogStyle: _propTypes.default.object,\n  backdropStyle: _propTypes.default.object,\n  show: _propTypes.default.bool,\n  full: _propTypes.default.bool,\n  backdrop: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),\n  keyboard: _propTypes.default.bool,\n  transition: _propTypes.default.elementType,\n  dialogTransitionTimeout: _propTypes.default.number,\n  backdropTransitionTimeout: _propTypes.default.number,\n  autoFocus: _propTypes.default.bool,\n  enforceFocus: _propTypes.default.bool,\n  overflow: _propTypes.default.bool,\n  drawer: _propTypes.default.bool,\n  dialogComponentClass: _propTypes.default.elementType,\n  animation: _propTypes.default.any,\n  animationProps: _propTypes.default.object,\n  animationTimeout: _propTypes.default.number,\n  onEscapeKeyUp: _propTypes.default.func,\n  onBackdropClick: _propTypes.default.func,\n  onShow: _propTypes.default.func,\n  onHide: _propTypes.default.func,\n  onEnter: _propTypes.default.func,\n  onEntering: _propTypes.default.func,\n  onEntered: _propTypes.default.func,\n  onExit: _propTypes.default.func,\n  onExiting: _propTypes.default.func,\n  onExited: _propTypes.default.func\n};\nModal.defaultProps = {\n  size: 'sm',\n  backdrop: true,\n  keyboard: true,\n  autoFocus: true,\n  enforceFocus: true,\n  animation: _Bounce.default,\n  animationTimeout: 300,\n  dialogComponentClass: _ModalDialog.default,\n  overflow: true\n};\nvar EnhancedModal = (0, _utils.defaultProps)({\n  classPrefix: 'modal'\n})(Modal);\n(0, _utils.setStatic)('Body', _ModalBody.default)(EnhancedModal);\n(0, _utils.setStatic)('Header', _ModalHeader.default)(EnhancedModal);\n(0, _utils.setStatic)('Title', _ModalTitle.default)(EnhancedModal);\n(0, _utils.setStatic)('Footer', _ModalFooter.default)(EnhancedModal);\n(0, _utils.setStatic)('Dialog', _ModalDialog.default)(EnhancedModal);\nvar _default = EnhancedModal;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Modal/Modal.tsx?");
 
 /***/ }),
 
@@ -8931,7 +8812,7 @@ eval("\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _utils =
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.modalDialogPropTypes = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _mergeRefs = _interopRequireDefault(__webpack_require__(/*! ../utils/mergeRefs */ \"./src/utils/mergeRefs.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Modal/ModalDialog.tsx\";\nvar modalDialogPropTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  dialogClassName: _propTypes.default.string,\n  style: _propTypes.default.object,\n  dialogStyle: _propTypes.default.object,\n  children: _propTypes.default.node,\n  dialogRef: _utils.refType,\n  id: _propTypes.default.string,\n  'aria-labelledby': _propTypes.default.string\n};\nexports.modalDialogPropTypes = modalDialogPropTypes;\n\nvar ModalDialog =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(ModalDialog, _React$Component);\n\n  function ModalDialog() {\n    var _this;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n    _this.htmlElement = null;\n\n    _this.bindHtmlRef = function (ref) {\n      _this.htmlElement = ref;\n    };\n\n    return _this;\n  }\n\n  var _proto = ModalDialog.prototype;\n\n  _proto.getHTMLElement = function getHTMLElement() {\n    return this.htmlElement;\n  };\n\n  _proto.render = function render() {\n    var _this$props = this.props,\n        style = _this$props.style,\n        children = _this$props.children,\n        dialogClassName = _this$props.dialogClassName,\n        dialogStyle = _this$props.dialogStyle,\n        classPrefix = _this$props.classPrefix,\n        className = _this$props.className,\n        dialogRef = _this$props.dialogRef,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"style\", \"children\", \"dialogClassName\", \"dialogStyle\", \"classPrefix\", \"className\", \"dialogRef\"]);\n    var modalStyle = (0, _extends2.default)({\n      display: 'block'\n    }, style);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var dialogClasses = (0, _classnames.default)(addPrefix('dialog'), dialogClassName);\n    return React.createElement(\"div\", (0, _extends2.default)({}, props, {\n      title: null,\n      role: \"dialog\",\n      ref: (0, _mergeRefs.default)(this.bindHtmlRef, dialogRef),\n      className: (0, _classnames.default)(classPrefix, className),\n      style: modalStyle,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 53\n      },\n      __self: this\n    }), React.createElement(\"div\", {\n      className: dialogClasses,\n      style: dialogStyle,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 61\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: addPrefix('content'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 62\n      },\n      __self: this\n    }, children)));\n  };\n\n  return ModalDialog;\n}(React.Component);\n\nModalDialog.propTypes = modalDialogPropTypes;\n\nvar _default = (0, _recompose.compose)((0, _utils.withStyleProps)({\n  hasSize: true\n}), (0, _utils.defaultProps)({\n  classPrefix: 'modal'\n}))(ModalDialog);\n\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Modal/ModalDialog.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.modalDialogPropTypes = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _mergeRefs = _interopRequireDefault(__webpack_require__(/*! ../utils/mergeRefs */ \"./src/utils/mergeRefs.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Modal/ModalDialog.tsx\";\nvar modalDialogPropTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  dialogClassName: _propTypes.default.string,\n  style: _propTypes.default.object,\n  dialogStyle: _propTypes.default.object,\n  children: _propTypes.default.node,\n  dialogRef: _utils.refType,\n  id: _propTypes.default.string,\n  'aria-labelledby': _propTypes.default.string\n};\nexports.modalDialogPropTypes = modalDialogPropTypes;\n\nvar ModalDialog =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(ModalDialog, _React$Component);\n\n  function ModalDialog() {\n    var _this;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n    _this.htmlElement = null;\n\n    _this.bindHtmlRef = function (ref) {\n      _this.htmlElement = ref;\n    };\n\n    return _this;\n  }\n\n  var _proto = ModalDialog.prototype;\n\n  _proto.getHTMLElement = function getHTMLElement() {\n    return this.htmlElement;\n  };\n\n  _proto.render = function render() {\n    var _this$props = this.props,\n        style = _this$props.style,\n        children = _this$props.children,\n        dialogClassName = _this$props.dialogClassName,\n        dialogStyle = _this$props.dialogStyle,\n        classPrefix = _this$props.classPrefix,\n        className = _this$props.className,\n        dialogRef = _this$props.dialogRef,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"style\", \"children\", \"dialogClassName\", \"dialogStyle\", \"classPrefix\", \"className\", \"dialogRef\"]);\n    var modalStyle = (0, _extends2.default)({\n      display: 'block'\n    }, style);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var dialogClasses = (0, _classnames.default)(addPrefix('dialog'), dialogClassName);\n    return React.createElement(\"div\", (0, _extends2.default)({}, props, {\n      title: null,\n      role: \"dialog\",\n      ref: (0, _mergeRefs.default)(this.bindHtmlRef, dialogRef),\n      className: (0, _classnames.default)(classPrefix, className),\n      style: modalStyle,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 52\n      },\n      __self: this\n    }), React.createElement(\"div\", {\n      className: dialogClasses,\n      style: dialogStyle,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 60\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: addPrefix('content'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 61\n      },\n      __self: this\n    }, children)));\n  };\n\n  return ModalDialog;\n}(React.Component);\n\nModalDialog.propTypes = modalDialogPropTypes;\n\nvar _default = (0, _utils.compose)((0, _utils.withStyleProps)({\n  hasSize: true\n}), (0, _utils.defaultProps)({\n  classPrefix: 'modal'\n}))(ModalDialog);\n\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Modal/ModalDialog.tsx?");
 
 /***/ }),
 
@@ -9015,7 +8896,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _isFunction2 = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _pick2 = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _get2 = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _shallowEqualArray = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqualArray */ \"./src/utils/shallowEqualArray.ts\"));\n\nvar _reactLifecyclesCompat = __webpack_require__(/*! react-lifecycles-compat */ \"./node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js\");\n\nvar _DropdownMenu = _interopRequireWildcard(__webpack_require__(/*! ./DropdownMenu */ \"./src/MultiCascader/DropdownMenu.tsx\"));\n\nvar _Checkbox = _interopRequireDefault(__webpack_require__(/*! ../Checkbox */ \"./src/Checkbox/index.tsx\"));\n\nvar _utils = _interopRequireDefault(__webpack_require__(/*! ./utils */ \"./src/MultiCascader/utils.ts\"));\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _utils2 = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _getSafeRegExpString = _interopRequireDefault(__webpack_require__(/*! ../utils/getSafeRegExpString */ \"./src/utils/getSafeRegExpString.ts\"));\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _propTypes2 = __webpack_require__(/*! ../Picker/propTypes */ \"./src/Picker/propTypes.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/MultiCascader/MultiCascader.tsx\";\n\nvar MultiCascader =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(MultiCascader, _React$Component);\n\n  function MultiCascader(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.isControlled = null;\n    _this.menuContainerRef = void 0;\n    _this.positionRef = void 0;\n    _this.triggerRef = void 0;\n\n    _this.handleCheck = function (item, event, checked) {\n      var _this$props = _this.props,\n          valueKey = _this$props.valueKey,\n          cascade = _this$props.cascade,\n          uncheckableItemValues = _this$props.uncheckableItemValues,\n          onChange = _this$props.onChange,\n          onCheck = _this$props.onCheck;\n      var itemValue = item[valueKey];\n      var value = [];\n\n      if (cascade) {\n        value = MultiCascader.utils.splitValue(item, checked, _this.getValue(), uncheckableItemValues).value;\n      } else {\n        value = _this.getValue();\n\n        if (checked) {\n          value.push(itemValue);\n        } else {\n          value = value.filter(function (n) {\n            return n !== itemValue;\n          });\n        }\n      }\n\n      if (!_this.isControlled) {\n        _this.setState({\n          value: value\n        });\n      }\n\n      onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(value, item, checked, event);\n    };\n\n    _this.handleChangeForSearchItem = function (value, checked, event) {\n      _this.handleCheck(value, event, checked);\n    };\n\n    _this.handleSelect = function (node, cascadeItems, activePaths, event) {\n      var _this$props2 = _this.props,\n          onSelect = _this$props2.onSelect,\n          valueKey = _this$props2.valueKey,\n          childrenKey = _this$props2.childrenKey;\n\n      _this.setState({\n        selectNode: node,\n        items: cascadeItems,\n        activePaths: activePaths\n      }, function () {\n        var _this$positionRef$cur, _this$positionRef$cur2;\n\n        (_this$positionRef$cur = _this.positionRef.current) === null || _this$positionRef$cur === void 0 ? void 0 : (_this$positionRef$cur2 = _this$positionRef$cur.updatePosition) === null || _this$positionRef$cur2 === void 0 ? void 0 : _this$positionRef$cur2.call(_this$positionRef$cur);\n      });\n\n      onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, activePaths, (0, _Picker.createConcatChildrenFunction)(node, node[valueKey], {\n        valueKey: valueKey,\n        childrenKey: childrenKey\n      }), event);\n    };\n\n    _this.handleSearch = function (searchKeyword, event) {\n      var _this$props$onSearch, _this$props3;\n\n      _this.setState({\n        searchKeyword: searchKeyword\n      });\n\n      (_this$props$onSearch = (_this$props3 = _this.props).onSearch) === null || _this$props$onSearch === void 0 ? void 0 : _this$props$onSearch.call(_this$props3, searchKeyword, event);\n    };\n\n    _this.handleCloseDropdown = function () {\n      var _this$triggerRef$curr, _this$triggerRef$curr2;\n\n      (_this$triggerRef$curr = _this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : (_this$triggerRef$curr2 = _this$triggerRef$curr.hide) === null || _this$triggerRef$curr2 === void 0 ? void 0 : _this$triggerRef$curr2.call(_this$triggerRef$curr);\n    };\n\n    _this.handleOpenDropdown = function () {\n      var _this$triggerRef$curr3, _this$triggerRef$curr4;\n\n      (_this$triggerRef$curr3 = _this.triggerRef.current) === null || _this$triggerRef$curr3 === void 0 ? void 0 : (_this$triggerRef$curr4 = _this$triggerRef$curr3.show) === null || _this$triggerRef$curr4 === void 0 ? void 0 : _this$triggerRef$curr4.call(_this$triggerRef$curr3);\n    };\n\n    _this.open = function () {\n      var _this$handleOpenDropd, _this2;\n\n      (_this$handleOpenDropd = (_this2 = _this).handleOpenDropdown) === null || _this$handleOpenDropd === void 0 ? void 0 : _this$handleOpenDropd.call(_this2);\n    };\n\n    _this.close = function () {\n      var _this$handleCloseDrop, _this3;\n\n      (_this$handleCloseDrop = (_this3 = _this).handleCloseDropdown) === null || _this$handleCloseDrop === void 0 ? void 0 : _this$handleCloseDrop.call(_this3);\n    };\n\n    _this.handleClean = function (event) {\n      var _this$props4 = _this.props,\n          disabled = _this$props4.disabled,\n          onChange = _this$props4.onChange,\n          data = _this$props4.data;\n\n      if (disabled) {\n        return;\n      }\n\n      var nextState = {\n        items: [data],\n        selectNode: null,\n        activePaths: []\n      };\n\n      if (!_this.isControlled) {\n        nextState.value = [];\n      }\n\n      _this.setState(nextState);\n\n      onChange === null || onChange === void 0 ? void 0 : onChange([], event);\n    };\n\n    _this.handleEntered = function () {\n      var _this$props$onOpen, _this$props5;\n\n      (_this$props$onOpen = (_this$props5 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props5);\n\n      _this.setState({\n        active: true\n      });\n    };\n\n    _this.handleExit = function () {\n      var _this$props$onClose, _this$props6;\n\n      (_this$props$onClose = (_this$props6 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props6);\n\n      _this.setState({\n        searchKeyword: '',\n        active: false\n      });\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils2.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.renderSearchRow = function (item, key) {\n      var _extends2, _classNames;\n\n      var _this$props7 = _this.props,\n          labelKey = _this$props7.labelKey,\n          valueKey = _this$props7.valueKey,\n          cascade = _this$props7.cascade,\n          _this$props7$disabled = _this$props7.disabledItemValues,\n          disabledItemValues = _this$props7$disabled === void 0 ? [] : _this$props7$disabled;\n      var searchKeyword = _this.state.searchKeyword;\n\n      var values = _this.getValue();\n\n      var nodes = (0, _treeUtils.getNodeParents)(item);\n      var regx = new RegExp((0, _getSafeRegExpString.default)(searchKeyword), 'ig');\n      var labelElements = [];\n      var a = item[labelKey].split(regx);\n      var b = item[labelKey].match(regx);\n\n      for (var i = 0; i < a.length; i++) {\n        labelElements.push(a[i]);\n\n        if (b[i]) {\n          labelElements.push(React.createElement(\"strong\", {\n            key: i,\n            __source: {\n              fileName: _jsxFileName,\n              lineNumber: 339\n            },\n            __self: this\n          }, b[i]));\n        }\n      }\n\n      nodes.push((0, _extends3.default)({}, item, (_extends2 = {}, _extends2[labelKey] = labelElements, _extends2)));\n      var active = values.some(function (value) {\n        if (cascade) {\n          return nodes.some(function (node) {\n            return node[valueKey] === value;\n          });\n        }\n\n        return item[valueKey] === value;\n      });\n      var disabled = disabledItemValues.some(function (value) {\n        return nodes.some(function (node) {\n          return node[valueKey] === value;\n        });\n      });\n      var itemClasses = (0, _classnames.default)(_this.addPrefix('cascader-row'), (_classNames = {}, _classNames[_this.addPrefix('cascader-row-disabled')] = disabled, _classNames));\n      return React.createElement(\"div\", {\n        key: key,\n        className: itemClasses,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 360\n        },\n        __self: this\n      }, React.createElement(_Checkbox.default, {\n        disabled: disabled,\n        checked: active,\n        value: item,\n        indeterminate: cascade && !active && MultiCascader.utils.isSomeChildChecked(item, values),\n        onChange: _this.handleChangeForSearchItem,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 361\n        },\n        __self: this\n      }, React.createElement(\"span\", {\n        className: _this.addPrefix('cascader-cols'),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 368\n        },\n        __self: this\n      }, nodes.map(function (node, index) {\n        return React.createElement(\"span\", {\n          key: \"col-\" + index,\n          className: _this.addPrefix('cascader-col'),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 370\n          },\n          __self: this\n        }, node[labelKey]);\n      }))));\n    };\n\n    var _data = props.data,\n        _value = props.value,\n        defaultValue = props.defaultValue;\n    var initState = {\n      data: _data,\n      searchKeyword: '',\n      prevValue: _value,\n      value: defaultValue || [],\n      selectNode: null,\n\n      /**\n       * 选中值的路径\n       */\n      activePaths: []\n    };\n    MultiCascader.utils = (0, _utils.default)(props);\n    var flattenData = (0, _treeUtils.flattenTree)(_data, props.childrenKey);\n    _this.isControlled = !(0, _isUndefined2.default)(_value);\n    _this.state = (0, _extends3.default)({}, initState, {\n      flattenData: flattenData,\n\n      /**\n       * 用于展示面板的数据列表，是一个二维的数组\n       * 是通过 data 树结构转换成的二维的数组，其中只包含页面上展示的数据\n       */\n      items: [flattenData.filter(function (item) {\n        return !item.parent;\n      })]\n    }, MultiCascader.getCascadeState(props, flattenData)); // for test\n\n    _this.menuContainerRef = React.createRef();\n    _this.positionRef = React.createRef();\n    _this.triggerRef = React.createRef();\n    return _this;\n  }\n\n  MultiCascader.getCascadeState = function getCascadeState(nextProps, flattenData, nextValue) {\n    var data = nextProps.data,\n        cascade = nextProps.cascade,\n        value = nextProps.value,\n        defaultValue = nextProps.defaultValue,\n        uncheckableItemValues = nextProps.uncheckableItemValues;\n    var cascadeValue = nextValue || value || defaultValue || [];\n\n    if (cascade && data) {\n      cascadeValue = MultiCascader.utils.transformValue(cascadeValue, flattenData, uncheckableItemValues);\n    }\n\n    return {\n      value: cascadeValue\n    };\n  };\n\n  MultiCascader.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n    var data = nextProps.data,\n        valueKey = nextProps.valueKey,\n        childrenKey = nextProps.childrenKey;\n    var value = nextProps.value || prevState.value || [];\n    var prevValue = prevState.prevValue,\n        _prevState$selectNode = prevState.selectNode,\n        selectNode = _prevState$selectNode === void 0 ? {} : _prevState$selectNode,\n        items = prevState.items;\n    var flattenData = prevState.flattenData;\n    var isChangedData = data !== prevState.data;\n    var isChangedValue = !(0, _shallowEqualArray.default)(prevValue, nextProps.value);\n\n    if (isChangedData || isChangedValue) {\n      if (isChangedData) {\n        flattenData = (0, _treeUtils.flattenTree)(data, nextProps.childrenKey);\n      }\n      /**\n       * 如果更新了 data,\n       * 首先获取到被点击节点的值 `selectNode`， 然后再拿到新增后的 `newChildren`,\n       */\n\n\n      var nextSelectNode = flattenData.find(function (n) {\n        return selectNode && n[valueKey] === selectNode[valueKey];\n      });\n      var newChildren = ((0, _get2.default)(nextSelectNode, childrenKey) || []).map(function (item) {\n        item.parent = nextSelectNode;\n        return item;\n      });\n\n      if (newChildren.length && items) {\n        items[items.length - 1] = newChildren;\n      }\n\n      var nextState = (0, _extends3.default)({\n        selectNode: nextSelectNode,\n        flattenData: flattenData,\n        data: data,\n        items: MultiCascader.utils.getItems(nextSelectNode, flattenData)\n      }, MultiCascader.getCascadeState(nextProps, flattenData, value));\n\n      if (isChangedValue) {\n        nextState.prevValue = nextProps.value;\n      }\n\n      return nextState;\n    }\n\n    return null;\n  };\n\n  var _proto = MultiCascader.prototype;\n\n  _proto.getValue = function getValue() {\n    return this.state.value || [];\n  };\n\n  _proto.getSearchResult = function getSearchResult() {\n    var _this$props8 = this.props,\n        labelKey = _this$props8.labelKey,\n        valueKey = _this$props8.valueKey,\n        _this$props8$unchecka = _this$props8.uncheckableItemValues,\n        uncheckableItemValues = _this$props8$unchecka === void 0 ? [] : _this$props8$unchecka;\n    var _this$state = this.state,\n        searchKeyword = _this$state.searchKeyword,\n        flattenData = _this$state.flattenData;\n    var items = [];\n    var result = flattenData.filter(function (item) {\n      if (uncheckableItemValues.some(function (value) {\n        return item[valueKey] === value;\n      })) {\n        return false;\n      }\n\n      if (item[labelKey].match(new RegExp((0, _getSafeRegExpString.default)(searchKeyword), 'i'))) {\n        return true;\n      }\n\n      return false;\n    });\n\n    for (var i = 0; i < result.length; i++) {\n      items.push(result[i]);\n\n      if (i === 99) {\n        return items;\n      }\n    }\n\n    return items;\n  };\n\n  _proto.renderSearchResultPanel = function renderSearchResultPanel() {\n    var locale = this.props.locale;\n    var searchKeyword = this.state.searchKeyword;\n\n    if (searchKeyword === '') {\n      return null;\n    }\n\n    var items = this.getSearchResult();\n    return React.createElement(\"div\", {\n      className: this.addPrefix('cascader-search-panel'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 390\n      },\n      __self: this\n    }, items.length ? items.map(this.renderSearchRow) : React.createElement(\"div\", {\n      className: this.addPrefix('none'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 394\n      },\n      __self: this\n    }, locale.noResultsText));\n  };\n\n  _proto.renderDropdownMenu = function renderDropdownMenu() {\n    var _classNames2;\n\n    var _this$state2 = this.state,\n        items = _this$state2.items,\n        activePaths = _this$state2.activePaths,\n        searchKeyword = _this$state2.searchKeyword;\n    var _this$props9 = this.props,\n        renderMenu = _this$props9.renderMenu,\n        renderExtraFooter = _this$props9.renderExtraFooter,\n        menuClassName = _this$props9.menuClassName,\n        menuStyle = _this$props9.menuStyle,\n        classPrefix = _this$props9.classPrefix,\n        searchable = _this$props9.searchable,\n        locale = _this$props9.locale,\n        inline = _this$props9.inline;\n    var classes = (0, _classnames.default)(this.addPrefix('cascader-menu'), this.addPrefix('multi-cascader-menu'), menuClassName, (_classNames2 = {}, _classNames2[this.addPrefix('inline')] = inline, _classNames2));\n    var menuProps = (0, _pick2.default)(this.props, Object.keys(_DropdownMenu.dropdownMenuPropTypes));\n    return React.createElement(_Picker.MenuWrapper, {\n      className: classes,\n      style: menuStyle,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 425\n      },\n      __self: this\n    }, searchable && React.createElement(_Picker.SearchBar, {\n      placeholder: locale.searchPlaceholder,\n      onChange: this.handleSearch,\n      value: searchKeyword,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 427\n      },\n      __self: this\n    }), this.renderSearchResultPanel(), searchKeyword === '' && React.createElement(_DropdownMenu.default, (0, _extends3.default)({}, menuProps, {\n      classPrefix: classPrefix,\n      ref: this.menuContainerRef,\n      cascadeItems: items,\n      cascadePathItems: activePaths,\n      value: this.getValue(),\n      onSelect: this.handleSelect,\n      onCheck: this.handleCheck,\n      renderMenu: renderMenu,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 437\n      },\n      __self: this\n    })), renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  _proto.render = function render() {\n    var _this$props$value;\n\n    var _this$props10 = this.props,\n        valueKey = _this$props10.valueKey,\n        labelKey = _this$props10.labelKey,\n        childrenKey = _this$props10.childrenKey,\n        placeholder = _this$props10.placeholder,\n        renderValue = _this$props10.renderValue,\n        disabled = _this$props10.disabled,\n        cleanable = _this$props10.cleanable,\n        locale = _this$props10.locale,\n        toggleComponentClass = _this$props10.toggleComponentClass,\n        style = _this$props10.style,\n        onEnter = _this$props10.onEnter,\n        onExited = _this$props10.onExited,\n        onClean = _this$props10.onClean,\n        countable = _this$props10.countable,\n        cascade = _this$props10.cascade,\n        inline = _this$props10.inline,\n        positionRef = _this$props10.positionRef,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props10, [\"valueKey\", \"labelKey\", \"childrenKey\", \"placeholder\", \"renderValue\", \"disabled\", \"cleanable\", \"locale\", \"toggleComponentClass\", \"style\", \"onEnter\", \"onExited\", \"onClean\", \"countable\", \"cascade\", \"inline\", \"positionRef\"]);\n\n    if (inline) {\n      return this.renderDropdownMenu();\n    }\n\n    var flattenData = this.state.flattenData;\n    var unhandled = (0, _utils2.getUnhandledProps)(MultiCascader, rest);\n    var value = this.getValue();\n    var selectedItems = flattenData.filter(function (item) {\n      return value.some(function (v) {\n        return v === item[valueKey];\n      });\n    }) || [];\n    /**\n     * 1.Have a value and the value is valid.\n     * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.\n     */\n\n    var hasValue = selectedItems.length > 0 || ((_this$props$value = this.props.value) === null || _this$props$value === void 0 ? void 0 : _this$props$value.length) > 0 && (0, _isFunction2.default)(renderValue);\n    var selectedElement = placeholder;\n\n    if (selectedItems.length > 0) {\n      selectedElement = React.createElement(_Picker.SelectedElement, {\n        selectedItems: selectedItems,\n        countable: countable,\n        valueKey: valueKey,\n        labelKey: labelKey,\n        childrenKey: childrenKey,\n        prefix: this.addPrefix,\n        cascade: cascade,\n        locale: locale,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 498\n        },\n        __self: this\n      });\n    }\n\n    if (hasValue && (0, _isFunction2.default)(renderValue)) {\n      selectedElement = renderValue((value === null || value === void 0 ? void 0 : value.length) > 0 ? value : this.props.value, selectedItems, selectedElement);\n\n      if ((0, _isNil2.default)(selectedElement)) {\n        hasValue = false;\n      }\n    }\n\n    var classes = (0, _Picker.getToggleWrapperClassName)('cascader', this.addPrefix, this.props, hasValue);\n    return React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      tabIndex: -1,\n      role: \"menu\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 525\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggleTrigger, {\n      pickerProps: this.props,\n      ref: this.triggerRef,\n      positionRef: (0, _utils2.mergeRefs)(this.positionRef, positionRef),\n      onEnter: (0, _utils2.createChainedFunction)(this.handleEntered, onEnter),\n      onExited: (0, _utils2.createChainedFunction)(this.handleExit, onExited),\n      speaker: this.renderDropdownMenu(),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 526\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggle, (0, _extends3.default)({}, unhandled, {\n      componentClass: toggleComponentClass,\n      onClean: (0, _utils2.createChainedFunction)(this.handleClean, onClean),\n      cleanable: cleanable && !disabled,\n      hasValue: hasValue,\n      active: this.state.active,\n      \"aria-disabled\": disabled,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 534\n      },\n      __self: this\n    }), selectedElement || locale.placeholder)));\n  };\n\n  return MultiCascader;\n}(React.Component);\n\nMultiCascader.propTypes = (0, _extends3.default)({}, _propTypes2.listPickerPropTypes, {\n  cascade: _propTypes.default.bool,\n  inline: _propTypes.default.bool,\n  countable: _propTypes.default.bool,\n  menuWidth: _propTypes.default.number,\n  menuHeight: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  uncheckableItemValues: _propTypes.default.array,\n  searchable: _propTypes.default.bool,\n  renderMenuItem: _propTypes.default.func,\n  renderMenu: _propTypes.default.func,\n  onSearch: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onCheck: _propTypes.default.func\n});\nMultiCascader.defaultProps = (0, _extends3.default)({}, _propTypes2.listPickerDefaultProps, {\n  searchable: true,\n  countable: true,\n  cascade: true,\n  uncheckableItemValues: [],\n  locale: {\n    placeholder: 'Select',\n    checkAll: 'All',\n    searchPlaceholder: 'Search',\n    noResultsText: 'No results found'\n  }\n});\nMultiCascader.utils = {};\n(0, _reactLifecyclesCompat.polyfill)(MultiCascader);\n\nvar _default = (0, _utils2.defaultProps)({\n  classPrefix: 'picker'\n})(MultiCascader);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/MultiCascader/MultiCascader.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _isFunction2 = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _pick2 = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _get2 = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _shallowEqualArray = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqualArray */ \"./src/utils/shallowEqualArray.ts\"));\n\nvar _reactLifecyclesCompat = __webpack_require__(/*! react-lifecycles-compat */ \"./node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js\");\n\nvar _DropdownMenu = _interopRequireWildcard(__webpack_require__(/*! ./DropdownMenu */ \"./src/MultiCascader/DropdownMenu.tsx\"));\n\nvar _Checkbox = _interopRequireDefault(__webpack_require__(/*! ../Checkbox */ \"./src/Checkbox/index.tsx\"));\n\nvar _utils = _interopRequireDefault(__webpack_require__(/*! ./utils */ \"./src/MultiCascader/utils.ts\"));\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _utils2 = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _getSafeRegExpString = _interopRequireDefault(__webpack_require__(/*! ../utils/getSafeRegExpString */ \"./src/utils/getSafeRegExpString.ts\"));\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _propTypes2 = __webpack_require__(/*! ../Picker/propTypes */ \"./src/Picker/propTypes.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/MultiCascader/MultiCascader.tsx\";\n\nvar MultiCascader =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(MultiCascader, _React$Component);\n\n  function MultiCascader(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.isControlled = null;\n    _this.menuContainerRef = void 0;\n    _this.positionRef = void 0;\n    _this.triggerRef = void 0;\n    _this.toggleRef = void 0;\n\n    _this.handleCheck = function (item, event, checked) {\n      var _this$props = _this.props,\n          valueKey = _this$props.valueKey,\n          cascade = _this$props.cascade,\n          uncheckableItemValues = _this$props.uncheckableItemValues,\n          onChange = _this$props.onChange,\n          onCheck = _this$props.onCheck;\n      var itemValue = item[valueKey];\n      var value = [];\n\n      if (cascade) {\n        value = MultiCascader.utils.splitValue(item, checked, _this.getValue(), uncheckableItemValues).value;\n      } else {\n        value = _this.getValue();\n\n        if (checked) {\n          value.push(itemValue);\n        } else {\n          value = value.filter(function (n) {\n            return n !== itemValue;\n          });\n        }\n      }\n\n      if (!_this.isControlled) {\n        _this.setState({\n          value: value\n        });\n      }\n\n      onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(value, item, checked, event);\n    };\n\n    _this.handleChangeForSearchItem = function (value, checked, event) {\n      _this.handleCheck(value, event, checked);\n    };\n\n    _this.handleSelect = function (node, cascadeItems, activePaths, event) {\n      var _this$props2 = _this.props,\n          onSelect = _this$props2.onSelect,\n          valueKey = _this$props2.valueKey,\n          childrenKey = _this$props2.childrenKey;\n\n      _this.setState({\n        selectNode: node,\n        items: cascadeItems,\n        activePaths: activePaths\n      }, function () {\n        var _this$positionRef$cur, _this$positionRef$cur2;\n\n        (_this$positionRef$cur = _this.positionRef.current) === null || _this$positionRef$cur === void 0 ? void 0 : (_this$positionRef$cur2 = _this$positionRef$cur.updatePosition) === null || _this$positionRef$cur2 === void 0 ? void 0 : _this$positionRef$cur2.call(_this$positionRef$cur);\n      });\n\n      onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, activePaths, (0, _Picker.createConcatChildrenFunction)(node, node[valueKey], {\n        valueKey: valueKey,\n        childrenKey: childrenKey\n      }), event);\n    };\n\n    _this.handleSearch = function (searchKeyword, event) {\n      var _this$props$onSearch, _this$props3;\n\n      _this.setState({\n        searchKeyword: searchKeyword\n      });\n\n      (_this$props$onSearch = (_this$props3 = _this.props).onSearch) === null || _this$props$onSearch === void 0 ? void 0 : _this$props$onSearch.call(_this$props3, searchKeyword, event);\n    };\n\n    _this.handleCloseDropdown = function () {\n      var _this$triggerRef$curr, _this$triggerRef$curr2;\n\n      (_this$triggerRef$curr = _this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : (_this$triggerRef$curr2 = _this$triggerRef$curr.hide) === null || _this$triggerRef$curr2 === void 0 ? void 0 : _this$triggerRef$curr2.call(_this$triggerRef$curr);\n    };\n\n    _this.handleOpenDropdown = function () {\n      var _this$triggerRef$curr3, _this$triggerRef$curr4;\n\n      (_this$triggerRef$curr3 = _this.triggerRef.current) === null || _this$triggerRef$curr3 === void 0 ? void 0 : (_this$triggerRef$curr4 = _this$triggerRef$curr3.show) === null || _this$triggerRef$curr4 === void 0 ? void 0 : _this$triggerRef$curr4.call(_this$triggerRef$curr3);\n    };\n\n    _this.open = function () {\n      var _this$handleOpenDropd, _this2;\n\n      (_this$handleOpenDropd = (_this2 = _this).handleOpenDropdown) === null || _this$handleOpenDropd === void 0 ? void 0 : _this$handleOpenDropd.call(_this2);\n    };\n\n    _this.close = function () {\n      var _this$handleCloseDrop, _this3;\n\n      (_this$handleCloseDrop = (_this3 = _this).handleCloseDropdown) === null || _this$handleCloseDrop === void 0 ? void 0 : _this$handleCloseDrop.call(_this3);\n    };\n\n    _this.handleClean = function (event) {\n      var _this$props4 = _this.props,\n          disabled = _this$props4.disabled,\n          onChange = _this$props4.onChange,\n          data = _this$props4.data;\n\n      if (disabled) {\n        return;\n      }\n\n      var nextState = {\n        items: [data],\n        selectNode: null,\n        activePaths: []\n      };\n\n      if (!_this.isControlled) {\n        nextState.value = [];\n      }\n\n      _this.setState(nextState);\n\n      onChange === null || onChange === void 0 ? void 0 : onChange([], event);\n    };\n\n    _this.handleEntered = function () {\n      var _this$props$onOpen, _this$props5;\n\n      (_this$props$onOpen = (_this$props5 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props5);\n\n      _this.setState({\n        active: true\n      });\n    };\n\n    _this.handleExit = function () {\n      var _this$props$onClose, _this$props6;\n\n      (_this$props$onClose = (_this$props6 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props6);\n\n      _this.setState({\n        searchKeyword: '',\n        active: false\n      });\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils2.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.getPositionInstance = function () {\n      return _this.positionRef.current;\n    };\n\n    _this.getToggleInstance = function () {\n      return _this.toggleRef.current;\n    };\n\n    _this.renderSearchRow = function (item, key) {\n      var _extends2, _classNames;\n\n      var _this$props7 = _this.props,\n          labelKey = _this$props7.labelKey,\n          valueKey = _this$props7.valueKey,\n          cascade = _this$props7.cascade,\n          _this$props7$disabled = _this$props7.disabledItemValues,\n          disabledItemValues = _this$props7$disabled === void 0 ? [] : _this$props7$disabled;\n      var searchKeyword = _this.state.searchKeyword;\n\n      var values = _this.getValue();\n\n      var nodes = (0, _treeUtils.getNodeParents)(item);\n      var regx = new RegExp((0, _getSafeRegExpString.default)(searchKeyword), 'ig');\n      var labelElements = [];\n      var a = item[labelKey].split(regx);\n      var b = item[labelKey].match(regx);\n\n      for (var i = 0; i < a.length; i++) {\n        labelElements.push(a[i]);\n\n        if (b[i]) {\n          labelElements.push(React.createElement(\"strong\", {\n            key: i,\n            __source: {\n              fileName: _jsxFileName,\n              lineNumber: 349\n            },\n            __self: this\n          }, b[i]));\n        }\n      }\n\n      nodes.push((0, _extends3.default)({}, item, (_extends2 = {}, _extends2[labelKey] = labelElements, _extends2)));\n      var active = values.some(function (value) {\n        if (cascade) {\n          return nodes.some(function (node) {\n            return node[valueKey] === value;\n          });\n        }\n\n        return item[valueKey] === value;\n      });\n      var disabled = disabledItemValues.some(function (value) {\n        return nodes.some(function (node) {\n          return node[valueKey] === value;\n        });\n      });\n      var itemClasses = (0, _classnames.default)(_this.addPrefix('cascader-row'), (_classNames = {}, _classNames[_this.addPrefix('cascader-row-disabled')] = disabled, _classNames));\n      return React.createElement(\"div\", {\n        key: key,\n        className: itemClasses,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 370\n        },\n        __self: this\n      }, React.createElement(_Checkbox.default, {\n        disabled: disabled,\n        checked: active,\n        value: item,\n        indeterminate: cascade && !active && MultiCascader.utils.isSomeChildChecked(item, values),\n        onChange: _this.handleChangeForSearchItem,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 371\n        },\n        __self: this\n      }, React.createElement(\"span\", {\n        className: _this.addPrefix('cascader-cols'),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 378\n        },\n        __self: this\n      }, nodes.map(function (node, index) {\n        return React.createElement(\"span\", {\n          key: \"col-\" + index,\n          className: _this.addPrefix('cascader-col'),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 380\n          },\n          __self: this\n        }, node[labelKey]);\n      }))));\n    };\n\n    var _data = props.data,\n        _value = props.value,\n        defaultValue = props.defaultValue;\n    var initState = {\n      data: _data,\n      searchKeyword: '',\n      prevValue: _value,\n      value: defaultValue || [],\n      selectNode: null,\n\n      /**\n       * 选中值的路径\n       */\n      activePaths: []\n    };\n    MultiCascader.utils = (0, _utils.default)(props);\n    var flattenData = (0, _treeUtils.flattenTree)(_data, props.childrenKey);\n    _this.isControlled = !(0, _isUndefined2.default)(_value);\n    _this.state = (0, _extends3.default)({}, initState, {\n      flattenData: flattenData,\n\n      /**\n       * 用于展示面板的数据列表，是一个二维的数组\n       * 是通过 data 树结构转换成的二维的数组，其中只包含页面上展示的数据\n       */\n      items: [flattenData.filter(function (item) {\n        return !item.parent;\n      })]\n    }, MultiCascader.getCascadeState(props, flattenData)); // for test\n\n    _this.menuContainerRef = React.createRef();\n    _this.positionRef = React.createRef();\n    _this.triggerRef = React.createRef();\n    _this.toggleRef = React.createRef();\n    return _this;\n  }\n\n  MultiCascader.getCascadeState = function getCascadeState(nextProps, flattenData, nextValue) {\n    var data = nextProps.data,\n        cascade = nextProps.cascade,\n        value = nextProps.value,\n        defaultValue = nextProps.defaultValue,\n        uncheckableItemValues = nextProps.uncheckableItemValues;\n    var cascadeValue = nextValue || value || defaultValue || [];\n\n    if (cascade && data) {\n      cascadeValue = MultiCascader.utils.transformValue(cascadeValue, flattenData, uncheckableItemValues);\n    }\n\n    return {\n      value: cascadeValue\n    };\n  };\n\n  MultiCascader.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n    var data = nextProps.data,\n        valueKey = nextProps.valueKey,\n        childrenKey = nextProps.childrenKey;\n    var value = nextProps.value || prevState.value || [];\n    var prevValue = prevState.prevValue,\n        _prevState$selectNode = prevState.selectNode,\n        selectNode = _prevState$selectNode === void 0 ? {} : _prevState$selectNode,\n        items = prevState.items;\n    var flattenData = prevState.flattenData;\n    var isChangedData = data !== prevState.data;\n    var isChangedValue = !(0, _shallowEqualArray.default)(prevValue, nextProps.value);\n\n    if (isChangedData || isChangedValue) {\n      if (isChangedData) {\n        flattenData = (0, _treeUtils.flattenTree)(data, nextProps.childrenKey);\n      }\n      /**\n       * 如果更新了 data,\n       * 首先获取到被点击节点的值 `selectNode`， 然后再拿到新增后的 `newChildren`,\n       */\n\n\n      var nextSelectNode = flattenData.find(function (n) {\n        return selectNode && n[valueKey] === selectNode[valueKey];\n      });\n      var newChildren = ((0, _get2.default)(nextSelectNode, childrenKey) || []).map(function (item) {\n        item.parent = nextSelectNode;\n        return item;\n      });\n\n      if (newChildren.length && items) {\n        items[items.length - 1] = newChildren;\n      }\n\n      var nextState = (0, _extends3.default)({\n        selectNode: nextSelectNode,\n        flattenData: flattenData,\n        data: data,\n        items: MultiCascader.utils.getItems(nextSelectNode, flattenData)\n      }, MultiCascader.getCascadeState(nextProps, flattenData, value));\n\n      if (isChangedValue) {\n        nextState.prevValue = nextProps.value;\n      }\n\n      return nextState;\n    }\n\n    return null;\n  };\n\n  var _proto = MultiCascader.prototype;\n\n  _proto.getValue = function getValue() {\n    return this.state.value || [];\n  };\n\n  _proto.getSearchResult = function getSearchResult() {\n    var _this$props8 = this.props,\n        labelKey = _this$props8.labelKey,\n        valueKey = _this$props8.valueKey,\n        _this$props8$unchecka = _this$props8.uncheckableItemValues,\n        uncheckableItemValues = _this$props8$unchecka === void 0 ? [] : _this$props8$unchecka;\n    var _this$state = this.state,\n        searchKeyword = _this$state.searchKeyword,\n        flattenData = _this$state.flattenData;\n    var items = [];\n    var result = flattenData.filter(function (item) {\n      if (uncheckableItemValues.some(function (value) {\n        return item[valueKey] === value;\n      })) {\n        return false;\n      }\n\n      if (item[labelKey].match(new RegExp((0, _getSafeRegExpString.default)(searchKeyword), 'i'))) {\n        return true;\n      }\n\n      return false;\n    });\n\n    for (var i = 0; i < result.length; i++) {\n      items.push(result[i]);\n\n      if (i === 99) {\n        return items;\n      }\n    }\n\n    return items;\n  };\n\n  _proto.renderSearchResultPanel = function renderSearchResultPanel() {\n    var locale = this.props.locale;\n    var searchKeyword = this.state.searchKeyword;\n\n    if (searchKeyword === '') {\n      return null;\n    }\n\n    var items = this.getSearchResult();\n    return React.createElement(\"div\", {\n      className: this.addPrefix('cascader-search-panel'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 400\n      },\n      __self: this\n    }, items.length ? items.map(this.renderSearchRow) : React.createElement(\"div\", {\n      className: this.addPrefix('none'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 404\n      },\n      __self: this\n    }, locale.noResultsText));\n  };\n\n  _proto.renderDropdownMenu = function renderDropdownMenu() {\n    var _classNames2;\n\n    var _this$state2 = this.state,\n        items = _this$state2.items,\n        activePaths = _this$state2.activePaths,\n        searchKeyword = _this$state2.searchKeyword;\n    var _this$props9 = this.props,\n        renderMenu = _this$props9.renderMenu,\n        renderExtraFooter = _this$props9.renderExtraFooter,\n        menuClassName = _this$props9.menuClassName,\n        menuStyle = _this$props9.menuStyle,\n        classPrefix = _this$props9.classPrefix,\n        searchable = _this$props9.searchable,\n        locale = _this$props9.locale,\n        inline = _this$props9.inline;\n    var classes = (0, _classnames.default)(this.addPrefix('cascader-menu'), this.addPrefix('multi-cascader-menu'), menuClassName, (_classNames2 = {}, _classNames2[this.addPrefix('inline')] = inline, _classNames2));\n    var menuProps = (0, _pick2.default)(this.props, Object.keys(_DropdownMenu.dropdownMenuPropTypes));\n    return React.createElement(_Picker.MenuWrapper, {\n      className: classes,\n      style: menuStyle,\n      getToggleInstance: this.getToggleInstance,\n      getPositionInstance: this.getPositionInstance,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 435\n      },\n      __self: this\n    }, searchable && React.createElement(_Picker.SearchBar, {\n      placeholder: locale.searchPlaceholder,\n      onChange: this.handleSearch,\n      value: searchKeyword,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 442\n      },\n      __self: this\n    }), this.renderSearchResultPanel(), searchKeyword === '' && React.createElement(_DropdownMenu.default, (0, _extends3.default)({}, menuProps, {\n      classPrefix: classPrefix,\n      ref: this.menuContainerRef,\n      cascadeItems: items,\n      cascadePathItems: activePaths,\n      value: this.getValue(),\n      onSelect: this.handleSelect,\n      onCheck: this.handleCheck,\n      renderMenu: renderMenu,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 452\n      },\n      __self: this\n    })), renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  _proto.render = function render() {\n    var _this$props$value;\n\n    var _this$props10 = this.props,\n        valueKey = _this$props10.valueKey,\n        labelKey = _this$props10.labelKey,\n        childrenKey = _this$props10.childrenKey,\n        placeholder = _this$props10.placeholder,\n        renderValue = _this$props10.renderValue,\n        disabled = _this$props10.disabled,\n        cleanable = _this$props10.cleanable,\n        locale = _this$props10.locale,\n        toggleComponentClass = _this$props10.toggleComponentClass,\n        style = _this$props10.style,\n        onEnter = _this$props10.onEnter,\n        onExited = _this$props10.onExited,\n        onClean = _this$props10.onClean,\n        countable = _this$props10.countable,\n        cascade = _this$props10.cascade,\n        inline = _this$props10.inline,\n        positionRef = _this$props10.positionRef,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props10, [\"valueKey\", \"labelKey\", \"childrenKey\", \"placeholder\", \"renderValue\", \"disabled\", \"cleanable\", \"locale\", \"toggleComponentClass\", \"style\", \"onEnter\", \"onExited\", \"onClean\", \"countable\", \"cascade\", \"inline\", \"positionRef\"]);\n\n    if (inline) {\n      return this.renderDropdownMenu();\n    }\n\n    var flattenData = this.state.flattenData;\n    var unhandled = (0, _utils2.getUnhandledProps)(MultiCascader, rest);\n    var value = this.getValue();\n    var selectedItems = flattenData.filter(function (item) {\n      return value.some(function (v) {\n        return v === item[valueKey];\n      });\n    }) || [];\n    /**\n     * 1.Have a value and the value is valid.\n     * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.\n     */\n\n    var hasValue = selectedItems.length > 0 || ((_this$props$value = this.props.value) === null || _this$props$value === void 0 ? void 0 : _this$props$value.length) > 0 && (0, _isFunction2.default)(renderValue);\n    var selectedElement = placeholder;\n\n    if (selectedItems.length > 0) {\n      selectedElement = React.createElement(_Picker.SelectedElement, {\n        selectedItems: selectedItems,\n        countable: countable,\n        valueKey: valueKey,\n        labelKey: labelKey,\n        childrenKey: childrenKey,\n        prefix: this.addPrefix,\n        cascade: cascade,\n        locale: locale,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 513\n        },\n        __self: this\n      });\n    }\n\n    if (hasValue && (0, _isFunction2.default)(renderValue)) {\n      selectedElement = renderValue((value === null || value === void 0 ? void 0 : value.length) > 0 ? value : this.props.value, selectedItems, selectedElement);\n\n      if ((0, _isNil2.default)(selectedElement)) {\n        hasValue = false;\n      }\n    }\n\n    var classes = (0, _Picker.getToggleWrapperClassName)('cascader', this.addPrefix, this.props, hasValue);\n    return React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      tabIndex: -1,\n      role: \"menu\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 540\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggleTrigger, {\n      pickerProps: this.props,\n      ref: this.triggerRef,\n      positionRef: (0, _utils2.mergeRefs)(this.positionRef, positionRef),\n      onEnter: (0, _utils2.createChainedFunction)(this.handleEntered, onEnter),\n      onExited: (0, _utils2.createChainedFunction)(this.handleExit, onExited),\n      speaker: this.renderDropdownMenu(),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 541\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggle, (0, _extends3.default)({}, unhandled, {\n      ref: this.toggleRef,\n      componentClass: toggleComponentClass,\n      onClean: (0, _utils2.createChainedFunction)(this.handleClean, onClean),\n      cleanable: cleanable && !disabled,\n      hasValue: hasValue,\n      active: this.state.active,\n      \"aria-disabled\": disabled,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 549\n      },\n      __self: this\n    }), selectedElement || locale.placeholder)));\n  };\n\n  return MultiCascader;\n}(React.Component);\n\nMultiCascader.propTypes = (0, _extends3.default)({}, _propTypes2.listPickerPropTypes, {\n  cascade: _propTypes.default.bool,\n  inline: _propTypes.default.bool,\n  countable: _propTypes.default.bool,\n  menuWidth: _propTypes.default.number,\n  menuHeight: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  uncheckableItemValues: _propTypes.default.array,\n  searchable: _propTypes.default.bool,\n  renderMenuItem: _propTypes.default.func,\n  renderMenu: _propTypes.default.func,\n  onSearch: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onCheck: _propTypes.default.func\n});\nMultiCascader.defaultProps = (0, _extends3.default)({}, _propTypes2.listPickerDefaultProps, {\n  searchable: true,\n  countable: true,\n  cascade: true,\n  uncheckableItemValues: [],\n  locale: {\n    placeholder: 'Select',\n    checkAll: 'All',\n    searchPlaceholder: 'Search',\n    noResultsText: 'No results found'\n  }\n});\nMultiCascader.utils = {};\n(0, _reactLifecyclesCompat.polyfill)(MultiCascader);\n\nvar _default = (0, _utils2.defaultProps)({\n  classPrefix: 'picker'\n})(MultiCascader);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/MultiCascader/MultiCascader.tsx?");
 
 /***/ }),
 
@@ -9051,7 +8932,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _NavItem = _interopRequireDefault(__webpack_require__(/*! ./NavItem */ \"./src/Nav/NavItem.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _prefix = __webpack_require__(/*! ../utils/prefix */ \"./src/utils/prefix.ts\");\n\nvar _Navbar = __webpack_require__(/*! ../Navbar/Navbar */ \"./src/Navbar/Navbar.tsx\");\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Nav/Nav.tsx\";\n\nvar Nav =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Nav, _React$Component);\n\n  function Nav() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = Nav.prototype;\n\n  _proto.render = function render() {\n    var _this$props = this.props,\n        classPrefix = _this$props.classPrefix,\n        appearance = _this$props.appearance,\n        vertical = _this$props.vertical,\n        justified = _this$props.justified,\n        reversed = _this$props.reversed,\n        pullRight = _this$props.pullRight,\n        className = _this$props.className,\n        children = _this$props.children,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"classPrefix\", \"appearance\", \"vertical\", \"justified\", \"reversed\", \"pullRight\", \"className\", \"children\"]);\n\n    var _ref = this.context || {},\n        _ref$sidenav = _ref.sidenav,\n        sidenav = _ref$sidenav === void 0 ? false : _ref$sidenav,\n        _ref$expanded = _ref.expanded,\n        expanded = _ref$expanded === void 0 ? false : _ref$expanded,\n        _ref$activeKey = _ref.activeKey,\n        activeKey = _ref$activeKey === void 0 ? props.activeKey : _ref$activeKey,\n        _ref$onSelect = _ref.onSelect,\n        onSelect = _ref$onSelect === void 0 ? props.onSelect : _ref$onSelect;\n\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var globalClassNamePrefix = (0, _prefix.getClassNamePrefix)();\n    var hasWaterline = appearance !== 'default';\n\n    var items = _utils.ReactChildren.mapCloneElement(children, function (item) {\n      var _item$type;\n\n      var _item$props = item.props,\n          eventKey = _item$props.eventKey,\n          active = _item$props.active,\n          onSelectItem = _item$props.onSelect,\n          rest = (0, _objectWithoutPropertiesLoose2.default)(_item$props, [\"eventKey\", \"active\", \"onSelect\"]);\n      var displayName = item === null || item === void 0 ? void 0 : (_item$type = item.type) === null || _item$type === void 0 ? void 0 : _item$type.displayName;\n      var hasTooltip = sidenav && !expanded;\n\n      if (~(displayName === null || displayName === void 0 ? void 0 : displayName.indexOf('(NavItem)'))) {\n        return (0, _extends2.default)({}, rest, {\n          onSelect: (0, _utils.createChainedFunction)(onSelect, onSelectItem),\n          hasTooltip: hasTooltip,\n          active: typeof activeKey === 'undefined' ? active : (0, _shallowEqual.default)(activeKey, eventKey)\n        });\n      } else if (~(displayName === null || displayName === void 0 ? void 0 : displayName.indexOf('(Dropdown)'))) {\n        return (0, _extends2.default)({}, rest, {\n          onSelect: (0, _utils.createChainedFunction)(onSelect, onSelectItem),\n          activeKey: activeKey,\n          showHeader: hasTooltip,\n          componentClass: 'li'\n        });\n      }\n\n      return null;\n    });\n\n    var unhandled = (0, _utils.getUnhandledProps)(Nav, props);\n    return React.createElement(_Navbar.NavbarContext.Consumer, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 92\n      },\n      __self: this\n    }, function (navbar) {\n      var _classNames;\n\n      var classes = (0, _classnames.default)(classPrefix, addPrefix(appearance), className, (_classNames = {}, _classNames[globalClassNamePrefix + \"navbar-nav\"] = navbar, _classNames[globalClassNamePrefix + \"navbar-right\"] = pullRight, _classNames[globalClassNamePrefix + \"sidenav-nav\"] = sidenav, _classNames[addPrefix('horizontal')] = navbar || !vertical && !sidenav, _classNames[addPrefix('vertical')] = vertical || sidenav, _classNames[addPrefix('justified')] = justified, _classNames[addPrefix('reversed')] = reversed, _classNames));\n      return React.createElement(\"div\", (0, _extends2.default)({}, unhandled, {\n        className: classes,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 104\n        },\n        __self: this\n      }), React.createElement(\"ul\", {\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 105\n        },\n        __self: this\n      }, items), hasWaterline && React.createElement(\"div\", {\n        className: addPrefix('waterline'),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 106\n        },\n        __self: this\n      }));\n    });\n  };\n\n  return Nav;\n}(React.Component);\n\nNav.contextType = _Sidenav.SidenavContext;\nNav.propTypes = {\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  appearance: _propTypes.default.oneOf(['default', 'subtle', 'tabs']),\n  // Reverse Direction of tabs/subtle\n  reversed: _propTypes.default.bool,\n  justified: _propTypes.default.bool,\n  vertical: _propTypes.default.bool,\n  pullRight: _propTypes.default.bool,\n  activeKey: _propTypes.default.any,\n  onSelect: _propTypes.default.func\n};\nNav.defaultProps = {\n  appearance: 'default'\n};\nvar EnhancedNav = (0, _utils.defaultProps)({\n  classPrefix: 'nav'\n})(Nav);\n(0, _recompose.setStatic)('Item', _NavItem.default)(EnhancedNav);\nvar _default = EnhancedNav;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Nav/Nav.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _NavItem = _interopRequireDefault(__webpack_require__(/*! ./NavItem */ \"./src/Nav/NavItem.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _prefix = __webpack_require__(/*! ../utils/prefix */ \"./src/utils/prefix.ts\");\n\nvar _Navbar = __webpack_require__(/*! ../Navbar/Navbar */ \"./src/Navbar/Navbar.tsx\");\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Nav/Nav.tsx\";\n\nvar Nav =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Nav, _React$Component);\n\n  function Nav() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = Nav.prototype;\n\n  _proto.render = function render() {\n    var _this$props = this.props,\n        classPrefix = _this$props.classPrefix,\n        appearance = _this$props.appearance,\n        vertical = _this$props.vertical,\n        justified = _this$props.justified,\n        reversed = _this$props.reversed,\n        pullRight = _this$props.pullRight,\n        className = _this$props.className,\n        children = _this$props.children,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"classPrefix\", \"appearance\", \"vertical\", \"justified\", \"reversed\", \"pullRight\", \"className\", \"children\"]);\n\n    var _ref = this.context || {},\n        _ref$sidenav = _ref.sidenav,\n        sidenav = _ref$sidenav === void 0 ? false : _ref$sidenav,\n        _ref$expanded = _ref.expanded,\n        expanded = _ref$expanded === void 0 ? false : _ref$expanded,\n        _ref$activeKey = _ref.activeKey,\n        activeKey = _ref$activeKey === void 0 ? props.activeKey : _ref$activeKey,\n        _ref$onSelect = _ref.onSelect,\n        onSelect = _ref$onSelect === void 0 ? props.onSelect : _ref$onSelect;\n\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var globalClassNamePrefix = (0, _prefix.getClassNamePrefix)();\n    var hasWaterline = appearance !== 'default';\n\n    var items = _utils.ReactChildren.mapCloneElement(children, function (item) {\n      var _item$type;\n\n      var _item$props = item.props,\n          eventKey = _item$props.eventKey,\n          active = _item$props.active,\n          onSelectItem = _item$props.onSelect,\n          rest = (0, _objectWithoutPropertiesLoose2.default)(_item$props, [\"eventKey\", \"active\", \"onSelect\"]);\n      var displayName = item === null || item === void 0 ? void 0 : (_item$type = item.type) === null || _item$type === void 0 ? void 0 : _item$type.displayName;\n      var hasTooltip = sidenav && !expanded;\n\n      if (~(displayName === null || displayName === void 0 ? void 0 : displayName.indexOf('(NavItem)'))) {\n        return (0, _extends2.default)({}, rest, {\n          onSelect: (0, _utils.createChainedFunction)(onSelect, onSelectItem),\n          hasTooltip: hasTooltip,\n          active: typeof activeKey === 'undefined' ? active : (0, _shallowEqual.default)(activeKey, eventKey)\n        });\n      } else if (~(displayName === null || displayName === void 0 ? void 0 : displayName.indexOf('(Dropdown)'))) {\n        return (0, _extends2.default)({}, rest, {\n          onSelect: (0, _utils.createChainedFunction)(onSelect, onSelectItem),\n          activeKey: activeKey,\n          showHeader: hasTooltip,\n          componentClass: 'li'\n        });\n      }\n\n      return null;\n    });\n\n    var unhandled = (0, _utils.getUnhandledProps)(Nav, props);\n    return React.createElement(_Navbar.NavbarContext.Consumer, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 92\n      },\n      __self: this\n    }, function (navbar) {\n      var _classNames;\n\n      var classes = (0, _classnames.default)(classPrefix, addPrefix(appearance), className, (_classNames = {}, _classNames[globalClassNamePrefix + \"navbar-nav\"] = navbar, _classNames[globalClassNamePrefix + \"navbar-right\"] = pullRight, _classNames[globalClassNamePrefix + \"sidenav-nav\"] = sidenav, _classNames[addPrefix('horizontal')] = navbar || !vertical && !sidenav, _classNames[addPrefix('vertical')] = vertical || sidenav, _classNames[addPrefix('justified')] = justified, _classNames[addPrefix('reversed')] = reversed, _classNames));\n      return React.createElement(\"div\", (0, _extends2.default)({}, unhandled, {\n        className: classes,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 104\n        },\n        __self: this\n      }), React.createElement(\"ul\", {\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 105\n        },\n        __self: this\n      }, items), hasWaterline && React.createElement(\"div\", {\n        className: addPrefix('waterline'),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 106\n        },\n        __self: this\n      }));\n    });\n  };\n\n  return Nav;\n}(React.Component);\n\nNav.contextType = _Sidenav.SidenavContext;\nNav.propTypes = {\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  appearance: _propTypes.default.oneOf(['default', 'subtle', 'tabs']),\n  // Reverse Direction of tabs/subtle\n  reversed: _propTypes.default.bool,\n  justified: _propTypes.default.bool,\n  vertical: _propTypes.default.bool,\n  pullRight: _propTypes.default.bool,\n  activeKey: _propTypes.default.any,\n  onSelect: _propTypes.default.func\n};\nNav.defaultProps = {\n  appearance: 'default'\n};\nvar EnhancedNav = (0, _utils.defaultProps)({\n  classPrefix: 'nav'\n})(Nav);\n(0, _utils.setStatic)('Item', _NavItem.default)(EnhancedNav);\nvar _default = EnhancedNav;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Nav/Nav.tsx?");
 
 /***/ }),
 
@@ -9087,7 +8968,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.NavbarContext = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _NavbarBody = _interopRequireDefault(__webpack_require__(/*! ./NavbarBody */ \"./src/Navbar/NavbarBody.tsx\"));\n\nvar _NavbarHeader = _interopRequireDefault(__webpack_require__(/*! ./NavbarHeader */ \"./src/Navbar/NavbarHeader.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Navbar/Navbar.tsx\";\nvar NavbarContext = (0, _utils.createContext)(null);\nexports.NavbarContext = NavbarContext;\n\nvar Navbar =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Navbar, _React$Component);\n\n  function Navbar() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = Navbar.prototype;\n\n  _proto.render = function render() {\n    var _this$props = this.props,\n        className = _this$props.className,\n        Component = _this$props.componentClass,\n        hasChildContext = _this$props.hasChildContext,\n        classPrefix = _this$props.classPrefix,\n        appearance = _this$props.appearance,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"className\", \"componentClass\", \"hasChildContext\", \"classPrefix\", \"appearance\"]);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames.default)(classPrefix, addPrefix(appearance), className);\n    return React.createElement(NavbarContext.Provider, {\n      value: hasChildContext,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 38\n      },\n      __self: this\n    }, React.createElement(Component, (0, _extends2.default)({}, rest, {\n      className: classes,\n      role: \"navigation\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 39\n      },\n      __self: this\n    })));\n  };\n\n  return Navbar;\n}(React.Component);\n\nNavbar.propTypes = {\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  appearance: _propTypes.default.oneOf(['default', 'inverse', 'subtle']),\n  componentClass: _propTypes.default.elementType,\n  hasChildContext: _propTypes.default.bool\n};\nNavbar.defaultProps = {\n  hasChildContext: true,\n  appearance: 'default'\n};\nvar EnhancedNavbar = (0, _utils.defaultProps)({\n  componentClass: 'div',\n  classPrefix: 'navbar'\n})(Navbar);\n(0, _recompose.setStatic)('Header', _NavbarHeader.default)(EnhancedNavbar);\n(0, _recompose.setStatic)('Body', _NavbarBody.default)(EnhancedNavbar);\nvar _default = EnhancedNavbar;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Navbar/Navbar.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.NavbarContext = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _NavbarBody = _interopRequireDefault(__webpack_require__(/*! ./NavbarBody */ \"./src/Navbar/NavbarBody.tsx\"));\n\nvar _NavbarHeader = _interopRequireDefault(__webpack_require__(/*! ./NavbarHeader */ \"./src/Navbar/NavbarHeader.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Navbar/Navbar.tsx\";\nvar NavbarContext = (0, _utils.createContext)(null);\nexports.NavbarContext = NavbarContext;\n\nvar Navbar =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Navbar, _React$Component);\n\n  function Navbar() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = Navbar.prototype;\n\n  _proto.render = function render() {\n    var _this$props = this.props,\n        className = _this$props.className,\n        Component = _this$props.componentClass,\n        hasChildContext = _this$props.hasChildContext,\n        classPrefix = _this$props.classPrefix,\n        appearance = _this$props.appearance,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"className\", \"componentClass\", \"hasChildContext\", \"classPrefix\", \"appearance\"]);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames.default)(classPrefix, addPrefix(appearance), className);\n    return React.createElement(NavbarContext.Provider, {\n      value: hasChildContext,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 37\n      },\n      __self: this\n    }, React.createElement(Component, (0, _extends2.default)({}, rest, {\n      className: classes,\n      role: \"navigation\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 38\n      },\n      __self: this\n    })));\n  };\n\n  return Navbar;\n}(React.Component);\n\nNavbar.propTypes = {\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  appearance: _propTypes.default.oneOf(['default', 'inverse', 'subtle']),\n  componentClass: _propTypes.default.elementType,\n  hasChildContext: _propTypes.default.bool\n};\nNavbar.defaultProps = {\n  hasChildContext: true,\n  appearance: 'default'\n};\nvar EnhancedNavbar = (0, _utils.defaultProps)({\n  componentClass: 'div',\n  classPrefix: 'navbar'\n})(Navbar);\n(0, _utils.setStatic)('Header', _NavbarHeader.default)(EnhancedNavbar);\n(0, _utils.setStatic)('Body', _NavbarBody.default)(EnhancedNavbar);\nvar _default = EnhancedNavbar;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Navbar/Navbar.tsx?");
 
 /***/ }),
 
@@ -9255,7 +9136,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _PaginationButton = _interopRequireDefault(__webpack_require__(/*! ./PaginationButton */ \"./src/Pagination/PaginationButton.tsx\"));\n\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\n\nvar _Icon = _interopRequireDefault(__webpack_require__(/*! ../Icon */ \"./src/Icon/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Pagination/Pagination.tsx\";\n\nvar Pagination =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Pagination, _React$Component);\n\n  function Pagination() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = Pagination.prototype;\n\n  /**\n   * Note that `handledProps` are generated automatically during\n   * build with `babel-plugin-transform-react-flow-handled-props`\n   */\n  _proto.renderPageButtons = function renderPageButtons() {\n    var pageButtons = [];\n    var startPage;\n    var endPage;\n    var hasHiddenPagesAfter;\n    var _this$props = this.props,\n        maxButtons = _this$props.maxButtons,\n        activePage = _this$props.activePage,\n        pages = _this$props.pages,\n        ellipsis = _this$props.ellipsis,\n        boundaryLinks = _this$props.boundaryLinks,\n        locale = _this$props.locale;\n\n    if (maxButtons) {\n      var hiddenPagesBefore = activePage - Math.floor(maxButtons / 2);\n      startPage = hiddenPagesBefore > 1 ? hiddenPagesBefore : 1;\n      hasHiddenPagesAfter = startPage + maxButtons <= pages;\n\n      if (!hasHiddenPagesAfter) {\n        endPage = pages;\n        startPage = pages - maxButtons + 1;\n\n        if (startPage < 1) {\n          startPage = 1;\n        }\n      } else {\n        endPage = startPage + maxButtons - 1;\n      }\n    } else {\n      startPage = 1;\n      endPage = pages;\n    }\n\n    for (var pagenumber = startPage; pagenumber <= endPage; pagenumber += 1) {\n      pageButtons.push(this.renderItem({\n        key: pagenumber,\n        eventKey: pagenumber,\n        active: pagenumber === activePage,\n        children: pagenumber\n      }));\n    }\n\n    if (boundaryLinks && ellipsis && startPage !== 1) {\n      pageButtons.unshift(this.renderItem({\n        key: 'ellipsisFirst',\n        disabled: true,\n        children: React.createElement(\"span\", {\n          \"aria-label\": \"More\",\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 95\n          },\n          __self: this\n        }, ellipsis === true ? React.createElement(_Icon.default, {\n          icon: _constants.PAGINATION_ICON_NAMES.more,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 96\n          },\n          __self: this\n        }) : ellipsis)\n      }));\n      pageButtons.unshift(this.renderItem({\n        key: 1,\n        eventKey: 1,\n        children: 1\n      }));\n    }\n\n    if (maxButtons && hasHiddenPagesAfter && ellipsis) {\n      pageButtons.push(this.renderItem({\n        key: 'ellipsis',\n        disabled: true,\n        children: React.createElement(\"span\", {\n          \"aria-label\": \"More\",\n          title: locale.more,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 117\n          },\n          __self: this\n        }, ellipsis === true ? React.createElement(_Icon.default, {\n          icon: _constants.PAGINATION_ICON_NAMES.more,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 118\n          },\n          __self: this\n        }) : ellipsis)\n      }));\n\n      if (boundaryLinks && endPage !== pages) {\n        pageButtons.push(this.renderItem({\n          key: pages,\n          eventKey: pages,\n          disabled: false,\n          children: pages\n        }));\n      }\n    }\n\n    return pageButtons;\n  };\n\n  _proto.renderPrev = function renderPrev() {\n    var _this$props2 = this.props,\n        activePage = _this$props2.activePage,\n        prev = _this$props2.prev,\n        locale = _this$props2.locale;\n\n    if (!prev) {\n      return null;\n    }\n\n    return this.renderItem({\n      key: 'prev',\n      eventKey: activePage - 1,\n      disabled: activePage === 1,\n      children: React.createElement(\"span\", {\n        \"aria-label\": \"Previous\",\n        title: locale.prev,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 149\n        },\n        __self: this\n      }, prev === true ? React.createElement(_Icon.default, {\n        icon: _constants.PAGINATION_ICON_NAMES.prev,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 150\n        },\n        __self: this\n      }) : prev)\n    });\n  };\n\n  _proto.renderNext = function renderNext() {\n    var _this$props3 = this.props,\n        pages = _this$props3.pages,\n        activePage = _this$props3.activePage,\n        next = _this$props3.next,\n        locale = _this$props3.locale;\n\n    if (!next) {\n      return null;\n    }\n\n    return this.renderItem({\n      key: 'next',\n      eventKey: activePage + 1,\n      disabled: activePage >= pages,\n      children: React.createElement(\"span\", {\n        \"aria-label\": \"Next\",\n        title: locale.next,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 167\n        },\n        __self: this\n      }, next === true ? React.createElement(_Icon.default, {\n        icon: _constants.PAGINATION_ICON_NAMES.next,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 168\n        },\n        __self: this\n      }) : next)\n    });\n  };\n\n  _proto.renderFirst = function renderFirst() {\n    var _this$props4 = this.props,\n        activePage = _this$props4.activePage,\n        first = _this$props4.first,\n        locale = _this$props4.locale;\n\n    if (!first) {\n      return null;\n    }\n\n    return this.renderItem({\n      key: 'first',\n      eventKey: 1,\n      disabled: activePage === 1,\n      children: React.createElement(\"span\", {\n        \"aria-label\": \"First\",\n        title: locale.first,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 186\n        },\n        __self: this\n      }, first === true ? React.createElement(_Icon.default, {\n        icon: _constants.PAGINATION_ICON_NAMES.first,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 187\n        },\n        __self: this\n      }) : first)\n    });\n  };\n\n  _proto.renderLast = function renderLast() {\n    var _this$props5 = this.props,\n        pages = _this$props5.pages,\n        activePage = _this$props5.activePage,\n        last = _this$props5.last,\n        locale = _this$props5.locale;\n\n    if (!last) {\n      return null;\n    }\n\n    return this.renderItem({\n      key: 'last',\n      eventKey: pages,\n      disabled: activePage >= pages,\n      children: React.createElement(\"span\", {\n        \"aria-label\": \"Last\",\n        title: locale.last,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 204\n        },\n        __self: this\n      }, last === true ? React.createElement(_Icon.default, {\n        icon: _constants.PAGINATION_ICON_NAMES.last,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 205\n        },\n        __self: this\n      }) : last)\n    });\n  };\n\n  _proto.renderItem = function renderItem(props) {\n    var _this$props6 = this.props,\n        onSelect = _this$props6.onSelect,\n        buttonComponentClass = _this$props6.buttonComponentClass,\n        disabled = _this$props6.disabled;\n    var disabledButton = props.disabled;\n\n    if (typeof disabled === 'function') {\n      disabledButton = disabled(props.eventKey);\n    } else if (typeof disabled === 'boolean') {\n      disabledButton = disabled;\n    }\n\n    return React.createElement(_PaginationButton.default, (0, _extends2.default)({}, props, {\n      disabled: disabledButton,\n      onSelect: disabledButton ? null : onSelect,\n      componentClass: buttonComponentClass,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 223\n      },\n      __self: this\n    }));\n  };\n\n  _proto.render = function render() {\n    var _this$props7 = this.props,\n        className = _this$props7.className,\n        classPrefix = _this$props7.classPrefix,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props7, [\"className\", \"classPrefix\"]);\n    var unhandled = (0, _utils.getUnhandledProps)(Pagination, rest);\n    return React.createElement(\"ul\", (0, _extends2.default)({\n      className: (0, _classnames.default)(classPrefix, className)\n    }, unhandled, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 237\n      },\n      __self: this\n    }), this.renderFirst(), this.renderPrev(), this.renderPageButtons(), this.renderNext(), this.renderLast());\n  };\n\n  return Pagination;\n}(React.Component);\n\nPagination.propTypes = {\n  activePage: _propTypes.default.number,\n  pages: _propTypes.default.number,\n  maxButtons: _propTypes.default.number,\n  boundaryLinks: _propTypes.default.bool,\n  ellipsis: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),\n  first: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),\n  last: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),\n  prev: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),\n  next: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),\n  buttonComponentClass: _propTypes.default.elementType,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  locale: _propTypes.default.object,\n  disabled: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func]),\n  onSelect: _propTypes.default.func\n};\nPagination.defaultProps = {\n  activePage: 1,\n  pages: 1,\n  maxButtons: 0,\n  buttonComponentClass: _SafeAnchor.default,\n  locale: {\n    more: 'More',\n    prev: 'Previous',\n    next: 'Next',\n    first: 'First',\n    last: 'Last'\n  }\n};\nPagination.handledProps = [];\n\nvar _default = (0, _recompose.compose)((0, _utils.withStyleProps)({\n  hasSize: true\n}), (0, _utils.defaultProps)({\n  classPrefix: 'pagination'\n}))(Pagination);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Pagination/Pagination.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _PaginationButton = _interopRequireDefault(__webpack_require__(/*! ./PaginationButton */ \"./src/Pagination/PaginationButton.tsx\"));\n\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\n\nvar _Icon = _interopRequireDefault(__webpack_require__(/*! ../Icon */ \"./src/Icon/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Pagination/Pagination.tsx\";\n\nvar Pagination =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Pagination, _React$Component);\n\n  function Pagination() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = Pagination.prototype;\n\n  /**\n   * Note that `handledProps` are generated automatically during\n   * build with `babel-plugin-transform-react-flow-handled-props`\n   */\n  _proto.renderPageButtons = function renderPageButtons() {\n    var pageButtons = [];\n    var startPage;\n    var endPage;\n    var hasHiddenPagesAfter;\n    var _this$props = this.props,\n        maxButtons = _this$props.maxButtons,\n        activePage = _this$props.activePage,\n        pages = _this$props.pages,\n        ellipsis = _this$props.ellipsis,\n        boundaryLinks = _this$props.boundaryLinks,\n        locale = _this$props.locale;\n\n    if (maxButtons) {\n      var hiddenPagesBefore = activePage - Math.floor(maxButtons / 2);\n      startPage = hiddenPagesBefore > 1 ? hiddenPagesBefore : 1;\n      hasHiddenPagesAfter = startPage + maxButtons <= pages;\n\n      if (!hasHiddenPagesAfter) {\n        endPage = pages;\n        startPage = pages - maxButtons + 1;\n\n        if (startPage < 1) {\n          startPage = 1;\n        }\n      } else {\n        endPage = startPage + maxButtons - 1;\n      }\n    } else {\n      startPage = 1;\n      endPage = pages;\n    }\n\n    for (var pagenumber = startPage; pagenumber <= endPage; pagenumber += 1) {\n      pageButtons.push(this.renderItem({\n        key: pagenumber,\n        eventKey: pagenumber,\n        active: pagenumber === activePage,\n        children: pagenumber\n      }));\n    }\n\n    if (boundaryLinks && ellipsis && startPage !== 1) {\n      pageButtons.unshift(this.renderItem({\n        key: 'ellipsisFirst',\n        disabled: true,\n        children: React.createElement(\"span\", {\n          \"aria-label\": \"More\",\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 94\n          },\n          __self: this\n        }, ellipsis === true ? React.createElement(_Icon.default, {\n          icon: _constants.PAGINATION_ICON_NAMES.more,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 95\n          },\n          __self: this\n        }) : ellipsis)\n      }));\n      pageButtons.unshift(this.renderItem({\n        key: 1,\n        eventKey: 1,\n        children: 1\n      }));\n    }\n\n    if (maxButtons && hasHiddenPagesAfter && ellipsis) {\n      pageButtons.push(this.renderItem({\n        key: 'ellipsis',\n        disabled: true,\n        children: React.createElement(\"span\", {\n          \"aria-label\": \"More\",\n          title: locale.more,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 116\n          },\n          __self: this\n        }, ellipsis === true ? React.createElement(_Icon.default, {\n          icon: _constants.PAGINATION_ICON_NAMES.more,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 117\n          },\n          __self: this\n        }) : ellipsis)\n      }));\n\n      if (boundaryLinks && endPage !== pages) {\n        pageButtons.push(this.renderItem({\n          key: pages,\n          eventKey: pages,\n          disabled: false,\n          children: pages\n        }));\n      }\n    }\n\n    return pageButtons;\n  };\n\n  _proto.renderPrev = function renderPrev() {\n    var _this$props2 = this.props,\n        activePage = _this$props2.activePage,\n        prev = _this$props2.prev,\n        locale = _this$props2.locale;\n\n    if (!prev) {\n      return null;\n    }\n\n    return this.renderItem({\n      key: 'prev',\n      eventKey: activePage - 1,\n      disabled: activePage === 1,\n      children: React.createElement(\"span\", {\n        \"aria-label\": \"Previous\",\n        title: locale.prev,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 148\n        },\n        __self: this\n      }, prev === true ? React.createElement(_Icon.default, {\n        icon: _constants.PAGINATION_ICON_NAMES.prev,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 149\n        },\n        __self: this\n      }) : prev)\n    });\n  };\n\n  _proto.renderNext = function renderNext() {\n    var _this$props3 = this.props,\n        pages = _this$props3.pages,\n        activePage = _this$props3.activePage,\n        next = _this$props3.next,\n        locale = _this$props3.locale;\n\n    if (!next) {\n      return null;\n    }\n\n    return this.renderItem({\n      key: 'next',\n      eventKey: activePage + 1,\n      disabled: activePage >= pages,\n      children: React.createElement(\"span\", {\n        \"aria-label\": \"Next\",\n        title: locale.next,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 166\n        },\n        __self: this\n      }, next === true ? React.createElement(_Icon.default, {\n        icon: _constants.PAGINATION_ICON_NAMES.next,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 167\n        },\n        __self: this\n      }) : next)\n    });\n  };\n\n  _proto.renderFirst = function renderFirst() {\n    var _this$props4 = this.props,\n        activePage = _this$props4.activePage,\n        first = _this$props4.first,\n        locale = _this$props4.locale;\n\n    if (!first) {\n      return null;\n    }\n\n    return this.renderItem({\n      key: 'first',\n      eventKey: 1,\n      disabled: activePage === 1,\n      children: React.createElement(\"span\", {\n        \"aria-label\": \"First\",\n        title: locale.first,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 185\n        },\n        __self: this\n      }, first === true ? React.createElement(_Icon.default, {\n        icon: _constants.PAGINATION_ICON_NAMES.first,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 186\n        },\n        __self: this\n      }) : first)\n    });\n  };\n\n  _proto.renderLast = function renderLast() {\n    var _this$props5 = this.props,\n        pages = _this$props5.pages,\n        activePage = _this$props5.activePage,\n        last = _this$props5.last,\n        locale = _this$props5.locale;\n\n    if (!last) {\n      return null;\n    }\n\n    return this.renderItem({\n      key: 'last',\n      eventKey: pages,\n      disabled: activePage >= pages,\n      children: React.createElement(\"span\", {\n        \"aria-label\": \"Last\",\n        title: locale.last,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 203\n        },\n        __self: this\n      }, last === true ? React.createElement(_Icon.default, {\n        icon: _constants.PAGINATION_ICON_NAMES.last,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 204\n        },\n        __self: this\n      }) : last)\n    });\n  };\n\n  _proto.renderItem = function renderItem(props) {\n    var _this$props6 = this.props,\n        onSelect = _this$props6.onSelect,\n        buttonComponentClass = _this$props6.buttonComponentClass,\n        disabled = _this$props6.disabled;\n    var disabledButton = props.disabled;\n\n    if (typeof disabled === 'function') {\n      disabledButton = disabled(props.eventKey);\n    } else if (typeof disabled === 'boolean') {\n      disabledButton = disabled;\n    }\n\n    return React.createElement(_PaginationButton.default, (0, _extends2.default)({}, props, {\n      disabled: disabledButton,\n      onSelect: disabledButton ? null : onSelect,\n      componentClass: buttonComponentClass,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 222\n      },\n      __self: this\n    }));\n  };\n\n  _proto.render = function render() {\n    var _this$props7 = this.props,\n        className = _this$props7.className,\n        classPrefix = _this$props7.classPrefix,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props7, [\"className\", \"classPrefix\"]);\n    var unhandled = (0, _utils.getUnhandledProps)(Pagination, rest);\n    return React.createElement(\"ul\", (0, _extends2.default)({\n      className: (0, _classnames.default)(classPrefix, className)\n    }, unhandled, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 236\n      },\n      __self: this\n    }), this.renderFirst(), this.renderPrev(), this.renderPageButtons(), this.renderNext(), this.renderLast());\n  };\n\n  return Pagination;\n}(React.Component);\n\nPagination.propTypes = {\n  activePage: _propTypes.default.number,\n  pages: _propTypes.default.number,\n  maxButtons: _propTypes.default.number,\n  boundaryLinks: _propTypes.default.bool,\n  ellipsis: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),\n  first: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),\n  last: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),\n  prev: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),\n  next: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),\n  buttonComponentClass: _propTypes.default.elementType,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  locale: _propTypes.default.object,\n  disabled: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func]),\n  onSelect: _propTypes.default.func\n};\nPagination.defaultProps = {\n  activePage: 1,\n  pages: 1,\n  maxButtons: 0,\n  buttonComponentClass: _SafeAnchor.default,\n  locale: {\n    more: 'More',\n    prev: 'Previous',\n    next: 'Next',\n    first: 'First',\n    last: 'Last'\n  }\n};\nPagination.handledProps = [];\n\nvar _default = (0, _utils.compose)((0, _utils.withStyleProps)({\n  hasSize: true\n}), (0, _utils.defaultProps)({\n  classPrefix: 'pagination'\n}))(Pagination);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Pagination/Pagination.tsx?");
 
 /***/ }),
 
@@ -9735,7 +9616,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/Rate/utils.ts\");\n\nvar _shallowEqualArray = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqualArray */ \"./src/utils/shallowEqualArray.ts\"));\n\nvar _Icon = _interopRequireDefault(__webpack_require__(/*! ../Icon */ \"./src/Icon/index.tsx\"));\n\nvar _Character = _interopRequireDefault(__webpack_require__(/*! ./Character */ \"./src/Rate/Character.tsx\"));\n\nvar _FormContext = __webpack_require__(/*! ../Form/FormContext */ \"./src/Form/FormContext.tsx\");\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Rate/Rate.tsx\";\n\nvar Rate =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Rate, _React$Component);\n\n  Rate.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, nextState) {\n    var value = nextProps.value,\n        max = nextProps.max,\n        allowHalf = nextProps.allowHalf;\n    var characterMap = (0, _utils2.transformValueToCharacterMap)(value, max, allowHalf);\n\n    if (typeof value !== 'undefined' && value !== nextState.prevPropsValue) {\n      return {\n        prevPropsValue: value,\n        characterMap: characterMap\n      };\n    }\n\n    return null;\n  };\n\n  function Rate(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.getCharacterMap = function (value) {\n      var _this$props = _this.props,\n          max = _this$props.max,\n          allowHalf = _this$props.allowHalf;\n      return (0, _utils2.transformValueToCharacterMap)(value, max, allowHalf);\n    };\n\n    _this.resetCharacterMap = function () {\n      _this.setState({\n        characterMap: _this.getCharacterMap(_this.getValue())\n      });\n    };\n\n    _this.handleMouseLeave = function (event) {\n      var _this$props$onChangeA, _this$props2;\n\n      _this.resetCharacterMap();\n\n      (_this$props$onChangeA = (_this$props2 = _this.props).onChangeActive) === null || _this$props$onChangeA === void 0 ? void 0 : _this$props$onChangeA.call(_this$props2, _this.getValue(), event);\n    };\n\n    _this.handleChangeValue = function (index, event) {\n      var _this$props3 = _this.props,\n          cleanable = _this$props3.cleanable,\n          onChange = _this$props3.onChange;\n      var characterMap = _this.state.characterMap;\n\n      var value = _this.getValue();\n\n      var nextValue = (0, _utils2.transformCharacterMapToValue)(characterMap);\n\n      if (cleanable && value === nextValue && _this.getCharacterMap(value)[index] === characterMap[index]) {\n        nextValue = 0;\n      }\n\n      if (nextValue !== value) {\n        _this.setState({\n          prevPropsValue: nextValue,\n          characterMap: _this.getCharacterMap(nextValue)\n        });\n\n        onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n      }\n    };\n\n    _this.handleKeyDown = function (index, event) {\n      var keyCode = event.keyCode;\n      var _this$props4 = _this.props,\n          max = _this$props4.max,\n          allowHalf = _this$props4.allowHalf;\n      var characterMap = _this.state.characterMap;\n      var nextValue = (0, _utils2.transformCharacterMapToValue)(characterMap);\n\n      if (keyCode === _constants.KEY_CODE.RIGHT && nextValue < max) {\n        nextValue = allowHalf ? nextValue + 0.5 : nextValue + 1;\n      } else if (keyCode === _constants.KEY_CODE.LEFT && nextValue > 0) {\n        nextValue = allowHalf ? nextValue - 0.5 : nextValue - 1;\n      }\n\n      _this.setState({\n        characterMap: _this.getCharacterMap(nextValue)\n      });\n\n      if (keyCode === _constants.KEY_CODE.ENTER) {\n        _this.handleChangeValue(index, event);\n      }\n    };\n\n    _this.handleClick = function (index, key, event) {\n      _this.handleChangeCharacterMap(index, key, event, function () {\n        _this.handleChangeValue(index, event);\n      });\n    };\n\n    var _value = props.value;\n    var prevPropsValue = typeof _value !== 'undefined' ? _value : props.defaultValue;\n    _this.state = {\n      prevPropsValue: prevPropsValue,\n      characterMap: _this.getCharacterMap(prevPropsValue)\n    };\n    return _this;\n  }\n\n  var _proto = Rate.prototype;\n\n  _proto.getValue = function getValue() {\n    var value = this.props.value;\n    return typeof value === 'undefined' ? this.state.prevPropsValue : value;\n  };\n\n  _proto.handleChangeCharacterMap = function handleChangeCharacterMap(index, key, event, callback) {\n    var _this2 = this;\n\n    var characterMap = this.state.characterMap;\n    var nextCharacterMap = characterMap.map(function (_item, i) {\n      if (i === index && key === 'before' && _this2.props.allowHalf) {\n        return 0.5;\n      }\n\n      return index >= i ? 1 : 0;\n    });\n\n    if (!(0, _shallowEqualArray.default)(characterMap, nextCharacterMap)) {\n      var _this$props$onChangeA2, _this$props5;\n\n      this.setState({\n        characterMap: nextCharacterMap\n      }, callback);\n      (_this$props$onChangeA2 = (_this$props5 = this.props).onChangeActive) === null || _this$props$onChangeA2 === void 0 ? void 0 : _this$props$onChangeA2.call(_this$props5, (0, _utils2.transformCharacterMapToValue)(nextCharacterMap), event);\n      return;\n    }\n\n    callback === null || callback === void 0 ? void 0 : callback();\n  };\n\n  _proto.render = function render() {\n    var _classNames,\n        _this3 = this;\n\n    var _this$props6 = this.props,\n        character = _this$props6.character,\n        className = _this$props6.className,\n        classPrefix = _this$props6.classPrefix,\n        disabled = _this$props6.disabled,\n        max = _this$props6.max,\n        renderCharacter = _this$props6.renderCharacter,\n        readOnly = _this$props6.readOnly,\n        vertical = _this$props6.vertical,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props6, [\"character\", \"className\", \"classPrefix\", \"disabled\", \"max\", \"renderCharacter\", \"readOnly\", \"vertical\"]);\n    var characterMap = this.state.characterMap;\n    var hoverValue = (0, _utils2.transformCharacterMapToValue)(characterMap);\n    var classes = (0, _classnames.default)(classPrefix, className, (_classNames = {}, _classNames[this.addPrefix('disabled')] = disabled, _classNames[this.addPrefix('readonly')] = readOnly, _classNames));\n    var unhandled = (0, _utils.getUnhandledProps)(Rate, rest);\n    var plaintextRate = React.createElement(\"div\", (0, _extends2.default)({}, unhandled, {\n      className: className,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 176\n      },\n      __self: this\n    }), this.getValue() + \"(\" + max + \")\");\n    var rate = React.createElement(\"ul\", (0, _extends2.default)({}, unhandled, {\n      className: classes,\n      onMouseLeave: this.handleMouseLeave,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 180\n      },\n      __self: this\n    }), characterMap.map(function (item, index) {\n      return React.createElement(_Character.default, {\n        key: index,\n        status: item,\n        disabled: disabled || readOnly,\n        vertical: vertical,\n        onClick: _this3.handleClick.bind(_this3, index),\n        onKeyDown: _this3.handleKeyDown.bind(_this3, index),\n        onMouseMove: _this3.handleChangeCharacterMap.bind(_this3, index),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 182\n        },\n        __self: this\n      }, renderCharacter ? renderCharacter(hoverValue, index) : character);\n    }));\n    return React.createElement(_FormContext.FormPlaintextContext.Consumer, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 198\n      },\n      __self: this\n    }, function (plaintext) {\n      return plaintext ? plaintextRate : rate;\n    });\n  };\n\n  return Rate;\n}(React.Component);\n\nRate.propTypes = {\n  allowHalf: _propTypes.default.bool,\n  character: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  cleanable: _propTypes.default.bool,\n  defaultValue: _propTypes.default.number,\n  disabled: _propTypes.default.bool,\n  max: _propTypes.default.number,\n  renderCharacter: _propTypes.default.func,\n  readOnly: _propTypes.default.bool,\n  size: _propTypes.default.oneOf(_constants.SIZE),\n  value: _propTypes.default.number,\n  vertical: _propTypes.default.bool,\n  onChange: _propTypes.default.func,\n  onChangeActive: _propTypes.default.func\n};\nRate.defaultProps = {\n  character: React.createElement(_Icon.default, {\n    icon: \"star\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 40\n    },\n    __self: void 0\n  }),\n  cleanable: true,\n  defaultValue: 0,\n  max: 5,\n  size: 'md'\n};\n\nvar _default = (0, _recompose.compose)((0, _utils.withStyleProps)({\n  hasSize: true,\n  hasColor: true\n}), (0, _utils.defaultProps)({\n  classPrefix: 'rate'\n}))(Rate);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Rate/Rate.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/Rate/utils.ts\");\n\nvar _shallowEqualArray = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqualArray */ \"./src/utils/shallowEqualArray.ts\"));\n\nvar _Icon = _interopRequireDefault(__webpack_require__(/*! ../Icon */ \"./src/Icon/index.tsx\"));\n\nvar _Character = _interopRequireDefault(__webpack_require__(/*! ./Character */ \"./src/Rate/Character.tsx\"));\n\nvar _FormContext = __webpack_require__(/*! ../Form/FormContext */ \"./src/Form/FormContext.tsx\");\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Rate/Rate.tsx\";\n\nvar Rate =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Rate, _React$Component);\n\n  Rate.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, nextState) {\n    var value = nextProps.value,\n        max = nextProps.max,\n        allowHalf = nextProps.allowHalf;\n    var characterMap = (0, _utils2.transformValueToCharacterMap)(value, max, allowHalf);\n\n    if (typeof value !== 'undefined' && value !== nextState.prevPropsValue) {\n      return {\n        prevPropsValue: value,\n        characterMap: characterMap\n      };\n    }\n\n    return null;\n  };\n\n  function Rate(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.getCharacterMap = function (value) {\n      var _this$props = _this.props,\n          max = _this$props.max,\n          allowHalf = _this$props.allowHalf;\n      return (0, _utils2.transformValueToCharacterMap)(value, max, allowHalf);\n    };\n\n    _this.resetCharacterMap = function () {\n      _this.setState({\n        characterMap: _this.getCharacterMap(_this.getValue())\n      });\n    };\n\n    _this.handleMouseLeave = function (event) {\n      var _this$props$onChangeA, _this$props2;\n\n      _this.resetCharacterMap();\n\n      (_this$props$onChangeA = (_this$props2 = _this.props).onChangeActive) === null || _this$props$onChangeA === void 0 ? void 0 : _this$props$onChangeA.call(_this$props2, _this.getValue(), event);\n    };\n\n    _this.handleChangeValue = function (index, event) {\n      var _this$props3 = _this.props,\n          cleanable = _this$props3.cleanable,\n          onChange = _this$props3.onChange;\n      var characterMap = _this.state.characterMap;\n\n      var value = _this.getValue();\n\n      var nextValue = (0, _utils2.transformCharacterMapToValue)(characterMap);\n\n      if (cleanable && value === nextValue && _this.getCharacterMap(value)[index] === characterMap[index]) {\n        nextValue = 0;\n      }\n\n      if (nextValue !== value) {\n        _this.setState({\n          prevPropsValue: nextValue,\n          characterMap: _this.getCharacterMap(nextValue)\n        });\n\n        onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n      }\n    };\n\n    _this.handleKeyDown = function (index, event) {\n      var keyCode = event.keyCode;\n      var _this$props4 = _this.props,\n          max = _this$props4.max,\n          allowHalf = _this$props4.allowHalf;\n      var characterMap = _this.state.characterMap;\n      var nextValue = (0, _utils2.transformCharacterMapToValue)(characterMap);\n\n      if (keyCode === _constants.KEY_CODE.RIGHT && nextValue < max) {\n        nextValue = allowHalf ? nextValue + 0.5 : nextValue + 1;\n      } else if (keyCode === _constants.KEY_CODE.LEFT && nextValue > 0) {\n        nextValue = allowHalf ? nextValue - 0.5 : nextValue - 1;\n      }\n\n      _this.setState({\n        characterMap: _this.getCharacterMap(nextValue)\n      });\n\n      if (keyCode === _constants.KEY_CODE.ENTER) {\n        _this.handleChangeValue(index, event);\n      }\n    };\n\n    _this.handleClick = function (index, key, event) {\n      _this.handleChangeCharacterMap(index, key, event, function () {\n        _this.handleChangeValue(index, event);\n      });\n    };\n\n    var _value = props.value;\n    var prevPropsValue = typeof _value !== 'undefined' ? _value : props.defaultValue;\n    _this.state = {\n      prevPropsValue: prevPropsValue,\n      characterMap: _this.getCharacterMap(prevPropsValue)\n    };\n    return _this;\n  }\n\n  var _proto = Rate.prototype;\n\n  _proto.getValue = function getValue() {\n    var value = this.props.value;\n    return typeof value === 'undefined' ? this.state.prevPropsValue : value;\n  };\n\n  _proto.handleChangeCharacterMap = function handleChangeCharacterMap(index, key, event, callback) {\n    var _this2 = this;\n\n    var characterMap = this.state.characterMap;\n    var nextCharacterMap = characterMap.map(function (_item, i) {\n      if (i === index && key === 'before' && _this2.props.allowHalf) {\n        return 0.5;\n      }\n\n      return index >= i ? 1 : 0;\n    });\n\n    if (!(0, _shallowEqualArray.default)(characterMap, nextCharacterMap)) {\n      var _this$props$onChangeA2, _this$props5;\n\n      this.setState({\n        characterMap: nextCharacterMap\n      }, callback);\n      (_this$props$onChangeA2 = (_this$props5 = this.props).onChangeActive) === null || _this$props$onChangeA2 === void 0 ? void 0 : _this$props$onChangeA2.call(_this$props5, (0, _utils2.transformCharacterMapToValue)(nextCharacterMap), event);\n      return;\n    }\n\n    callback === null || callback === void 0 ? void 0 : callback();\n  };\n\n  _proto.render = function render() {\n    var _classNames,\n        _this3 = this;\n\n    var _this$props6 = this.props,\n        character = _this$props6.character,\n        className = _this$props6.className,\n        classPrefix = _this$props6.classPrefix,\n        disabled = _this$props6.disabled,\n        max = _this$props6.max,\n        renderCharacter = _this$props6.renderCharacter,\n        readOnly = _this$props6.readOnly,\n        vertical = _this$props6.vertical,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props6, [\"character\", \"className\", \"classPrefix\", \"disabled\", \"max\", \"renderCharacter\", \"readOnly\", \"vertical\"]);\n    var characterMap = this.state.characterMap;\n    var hoverValue = (0, _utils2.transformCharacterMapToValue)(characterMap);\n    var classes = (0, _classnames.default)(classPrefix, className, (_classNames = {}, _classNames[this.addPrefix('disabled')] = disabled, _classNames[this.addPrefix('readonly')] = readOnly, _classNames));\n    var unhandled = (0, _utils.getUnhandledProps)(Rate, rest);\n    var plaintextRate = React.createElement(\"div\", (0, _extends2.default)({}, unhandled, {\n      className: className,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 175\n      },\n      __self: this\n    }), this.getValue() + \"(\" + max + \")\");\n    var rate = React.createElement(\"ul\", (0, _extends2.default)({}, unhandled, {\n      className: classes,\n      onMouseLeave: this.handleMouseLeave,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 179\n      },\n      __self: this\n    }), characterMap.map(function (item, index) {\n      return React.createElement(_Character.default, {\n        key: index,\n        status: item,\n        disabled: disabled || readOnly,\n        vertical: vertical,\n        onClick: _this3.handleClick.bind(_this3, index),\n        onKeyDown: _this3.handleKeyDown.bind(_this3, index),\n        onMouseMove: _this3.handleChangeCharacterMap.bind(_this3, index),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 181\n        },\n        __self: this\n      }, renderCharacter ? renderCharacter(hoverValue, index) : character);\n    }));\n    return React.createElement(_FormContext.FormPlaintextContext.Consumer, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 197\n      },\n      __self: this\n    }, function (plaintext) {\n      return plaintext ? plaintextRate : rate;\n    });\n  };\n\n  return Rate;\n}(React.Component);\n\nRate.propTypes = {\n  allowHalf: _propTypes.default.bool,\n  character: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  cleanable: _propTypes.default.bool,\n  defaultValue: _propTypes.default.number,\n  disabled: _propTypes.default.bool,\n  max: _propTypes.default.number,\n  renderCharacter: _propTypes.default.func,\n  readOnly: _propTypes.default.bool,\n  size: _propTypes.default.oneOf(_constants.SIZE),\n  value: _propTypes.default.number,\n  vertical: _propTypes.default.bool,\n  onChange: _propTypes.default.func,\n  onChangeActive: _propTypes.default.func\n};\nRate.defaultProps = {\n  character: React.createElement(_Icon.default, {\n    icon: \"star\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 39\n    },\n    __self: void 0\n  }),\n  cleanable: true,\n  defaultValue: 0,\n  max: 5,\n  size: 'md'\n};\n\nvar _default = (0, _utils.compose)((0, _utils.withStyleProps)({\n  hasSize: true,\n  hasColor: true\n}), (0, _utils.defaultProps)({\n  classPrefix: 'rate'\n}))(Rate);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Rate/Rate.tsx?");
 
 /***/ }),
 
@@ -9915,7 +9796,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.SidenavContext = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _remove2 = _interopRequireDefault(__webpack_require__(/*! lodash/remove */ \"./node_modules/lodash/remove.js\"));\n\nvar _clone2 = _interopRequireDefault(__webpack_require__(/*! lodash/clone */ \"./node_modules/lodash/clone.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _Transition = _interopRequireDefault(__webpack_require__(/*! ../Animation/Transition */ \"./src/Animation/Transition.tsx\"));\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _SidenavBody = _interopRequireDefault(__webpack_require__(/*! ./SidenavBody */ \"./src/Sidenav/SidenavBody.tsx\"));\n\nvar _SidenavHeader = _interopRequireDefault(__webpack_require__(/*! ./SidenavHeader */ \"./src/Sidenav/SidenavHeader.tsx\"));\n\nvar _SidenavToggle = _interopRequireDefault(__webpack_require__(/*! ./SidenavToggle */ \"./src/Sidenav/SidenavToggle.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Sidenav/Sidenav.tsx\";\nvar SidenavContext = (0, _utils.createContext)(null);\nexports.SidenavContext = SidenavContext;\n\nvar Sidenav =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Sidenav, _React$Component);\n\n  function Sidenav(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n\n    _this.getOpenKeys = function () {\n      var openKeys = _this.props.openKeys;\n\n      if ((0, _isUndefined2.default)(openKeys)) {\n        return _this.state.openKeys;\n      }\n\n      return openKeys;\n    };\n\n    _this.handleSelect = function (eventKey, event) {\n      var _this$props$onSelect, _this$props;\n\n      (_this$props$onSelect = (_this$props = _this.props).onSelect) === null || _this$props$onSelect === void 0 ? void 0 : _this$props$onSelect.call(_this$props, eventKey, event);\n    };\n\n    _this.handleOpenChange = function (eventKey, event) {\n      var _this$props$onOpenCha, _this$props2;\n\n      var find = function find(key) {\n        return (0, _shallowEqual.default)(key, eventKey);\n      };\n\n      var openKeys = (0, _clone2.default)(_this.getOpenKeys()) || [];\n\n      if (openKeys.some(find)) {\n        (0, _remove2.default)(openKeys, find);\n      } else {\n        openKeys.push(eventKey);\n      }\n\n      _this.setState({\n        openKeys: openKeys\n      });\n\n      (_this$props$onOpenCha = (_this$props2 = _this.props).onOpenChange) === null || _this$props$onOpenCha === void 0 ? void 0 : _this$props$onOpenCha.call(_this$props2, openKeys, event);\n    };\n\n    _this.state = {\n      openKeys: props.defaultOpenKeys || []\n    };\n    return _this;\n  }\n\n  var _proto = Sidenav.prototype;\n\n  _proto.render = function render() {\n    var _this$props3 = this.props,\n        className = _this$props3.className,\n        classPrefix = _this$props3.classPrefix,\n        appearance = _this$props3.appearance,\n        expanded = _this$props3.expanded,\n        activeKey = _this$props3.activeKey,\n        Component = _this$props3.componentClass,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props3, [\"className\", \"classPrefix\", \"appearance\", \"expanded\", \"activeKey\", \"componentClass\"]);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames.default)(classPrefix, addPrefix(appearance), className);\n    var unhandled = (0, _utils.getUnhandledProps)(Sidenav, props);\n    return React.createElement(SidenavContext.Provider, {\n      value: {\n        expanded: expanded,\n        activeKey: activeKey,\n        sidenav: true,\n        openKeys: this.getOpenKeys(),\n        onOpenChange: this.handleOpenChange,\n        onSelect: this.handleSelect\n      },\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 89\n      },\n      __self: this\n    }, React.createElement(_Transition.default, {\n      in: expanded,\n      timeout: 300,\n      exitedClassName: addPrefix('collapse-out'),\n      exitingClassName: addPrefix(['collapse-out', 'collapsing']),\n      enteredClassName: addPrefix('collapse-in'),\n      enteringClassName: addPrefix(['collapse-in', 'collapsing']),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 99\n      },\n      __self: this\n    }, function (props, ref) {\n      var className = props.className,\n          rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"className\"]);\n      return React.createElement(Component, (0, _extends2.default)({}, rest, unhandled, {\n        ref: ref,\n        className: (0, _classnames.default)(classes, className),\n        role: \"navigation\",\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 110\n        },\n        __self: this\n      }));\n    }));\n  };\n\n  return Sidenav;\n}(React.Component);\n\nSidenav.propTypes = {\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  expanded: _propTypes.default.bool,\n  appearance: _propTypes.default.oneOf(['default', 'inverse', 'subtle']),\n  defaultOpenKeys: _propTypes.default.array,\n  openKeys: _propTypes.default.array,\n  onOpenChange: _propTypes.default.func,\n  activeKey: _propTypes.default.any,\n  onSelect: _propTypes.default.func,\n  componentClass: _propTypes.default.elementType\n};\nSidenav.defaultProps = {\n  appearance: 'default',\n  expanded: true\n};\nvar EnhancedSidenav = (0, _utils.defaultProps)({\n  classPrefix: 'sidenav',\n  componentClass: 'div'\n})(Sidenav);\n(0, _recompose.setStatic)('Header', _SidenavHeader.default)(EnhancedSidenav);\n(0, _recompose.setStatic)('Body', _SidenavBody.default)(EnhancedSidenav);\n(0, _recompose.setStatic)('Toggle', _SidenavToggle.default)(EnhancedSidenav);\nvar _default = EnhancedSidenav;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/Sidenav.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.SidenavContext = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _remove2 = _interopRequireDefault(__webpack_require__(/*! lodash/remove */ \"./node_modules/lodash/remove.js\"));\n\nvar _clone2 = _interopRequireDefault(__webpack_require__(/*! lodash/clone */ \"./node_modules/lodash/clone.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _Transition = _interopRequireDefault(__webpack_require__(/*! ../Animation/Transition */ \"./src/Animation/Transition.tsx\"));\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _SidenavBody = _interopRequireDefault(__webpack_require__(/*! ./SidenavBody */ \"./src/Sidenav/SidenavBody.tsx\"));\n\nvar _SidenavHeader = _interopRequireDefault(__webpack_require__(/*! ./SidenavHeader */ \"./src/Sidenav/SidenavHeader.tsx\"));\n\nvar _SidenavToggle = _interopRequireDefault(__webpack_require__(/*! ./SidenavToggle */ \"./src/Sidenav/SidenavToggle.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Sidenav/Sidenav.tsx\";\nvar SidenavContext = (0, _utils.createContext)(null);\nexports.SidenavContext = SidenavContext;\n\nvar Sidenav =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Sidenav, _React$Component);\n\n  function Sidenav(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n\n    _this.getOpenKeys = function () {\n      var openKeys = _this.props.openKeys;\n\n      if ((0, _isUndefined2.default)(openKeys)) {\n        return _this.state.openKeys;\n      }\n\n      return openKeys;\n    };\n\n    _this.handleSelect = function (eventKey, event) {\n      var _this$props$onSelect, _this$props;\n\n      (_this$props$onSelect = (_this$props = _this.props).onSelect) === null || _this$props$onSelect === void 0 ? void 0 : _this$props$onSelect.call(_this$props, eventKey, event);\n    };\n\n    _this.handleOpenChange = function (eventKey, event) {\n      var _this$props$onOpenCha, _this$props2;\n\n      var find = function find(key) {\n        return (0, _shallowEqual.default)(key, eventKey);\n      };\n\n      var openKeys = (0, _clone2.default)(_this.getOpenKeys()) || [];\n\n      if (openKeys.some(find)) {\n        (0, _remove2.default)(openKeys, find);\n      } else {\n        openKeys.push(eventKey);\n      }\n\n      _this.setState({\n        openKeys: openKeys\n      });\n\n      (_this$props$onOpenCha = (_this$props2 = _this.props).onOpenChange) === null || _this$props$onOpenCha === void 0 ? void 0 : _this$props$onOpenCha.call(_this$props2, openKeys, event);\n    };\n\n    _this.state = {\n      openKeys: props.defaultOpenKeys || []\n    };\n    return _this;\n  }\n\n  var _proto = Sidenav.prototype;\n\n  _proto.render = function render() {\n    var _this$props3 = this.props,\n        className = _this$props3.className,\n        classPrefix = _this$props3.classPrefix,\n        appearance = _this$props3.appearance,\n        expanded = _this$props3.expanded,\n        activeKey = _this$props3.activeKey,\n        Component = _this$props3.componentClass,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props3, [\"className\", \"classPrefix\", \"appearance\", \"expanded\", \"activeKey\", \"componentClass\"]);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames.default)(classPrefix, addPrefix(appearance), className);\n    var unhandled = (0, _utils.getUnhandledProps)(Sidenav, props);\n    return React.createElement(SidenavContext.Provider, {\n      value: {\n        expanded: expanded,\n        activeKey: activeKey,\n        sidenav: true,\n        openKeys: this.getOpenKeys(),\n        onOpenChange: this.handleOpenChange,\n        onSelect: this.handleSelect\n      },\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 88\n      },\n      __self: this\n    }, React.createElement(_Transition.default, {\n      in: expanded,\n      timeout: 300,\n      exitedClassName: addPrefix('collapse-out'),\n      exitingClassName: addPrefix(['collapse-out', 'collapsing']),\n      enteredClassName: addPrefix('collapse-in'),\n      enteringClassName: addPrefix(['collapse-in', 'collapsing']),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 98\n      },\n      __self: this\n    }, function (props, ref) {\n      var className = props.className,\n          rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"className\"]);\n      return React.createElement(Component, (0, _extends2.default)({}, rest, unhandled, {\n        ref: ref,\n        className: (0, _classnames.default)(classes, className),\n        role: \"navigation\",\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 109\n        },\n        __self: this\n      }));\n    }));\n  };\n\n  return Sidenav;\n}(React.Component);\n\nSidenav.propTypes = {\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  expanded: _propTypes.default.bool,\n  appearance: _propTypes.default.oneOf(['default', 'inverse', 'subtle']),\n  defaultOpenKeys: _propTypes.default.array,\n  openKeys: _propTypes.default.array,\n  onOpenChange: _propTypes.default.func,\n  activeKey: _propTypes.default.any,\n  onSelect: _propTypes.default.func,\n  componentClass: _propTypes.default.elementType\n};\nSidenav.defaultProps = {\n  appearance: 'default',\n  expanded: true\n};\nvar EnhancedSidenav = (0, _utils.defaultProps)({\n  classPrefix: 'sidenav',\n  componentClass: 'div'\n})(Sidenav);\n(0, _utils.setStatic)('Header', _SidenavHeader.default)(EnhancedSidenav);\n(0, _utils.setStatic)('Body', _SidenavBody.default)(EnhancedSidenav);\n(0, _utils.setStatic)('Toggle', _SidenavToggle.default)(EnhancedSidenav);\nvar _default = EnhancedSidenav;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/Sidenav.tsx?");
 
 /***/ }),
 
@@ -10059,7 +9940,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _flatten2 = _interopRequireDefault(__webpack_require__(/*! lodash/flatten */ \"./node_modules/lodash/flatten.js\"));\n\nvar _get2 = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _StepItem = _interopRequireDefault(__webpack_require__(/*! ./StepItem */ \"./src/Steps/StepItem.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Steps/Steps.tsx\";\n\nvar Steps =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Steps, _React$Component);\n\n  function Steps() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = Steps.prototype;\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props = this.props,\n        classPrefix = _this$props.classPrefix,\n        className = _this$props.className,\n        children = _this$props.children,\n        vertical = _this$props.vertical,\n        small = _this$props.small,\n        current = _this$props.current,\n        currentStatus = _this$props.currentStatus,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"classPrefix\", \"className\", \"children\", \"vertical\", \"small\", \"current\", \"currentStatus\"]);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var horizontal = !vertical;\n    var classes = (0, _classnames.default)(classPrefix, className, (_classNames = {}, _classNames[addPrefix('small')] = small, _classNames[addPrefix('vertical')] = vertical, _classNames[addPrefix('horizontal')] = horizontal, _classNames));\n    var count = (0, _get2.default)((0, _flatten2.default)(children), 'length');\n\n    var items = _utils.ReactChildren.mapCloneElement(children, function (item, index) {\n      var _itemStyles;\n\n      var itemStyles = (_itemStyles = {}, _itemStyles[(0, _utils.isIE10)() ? 'msFlexPreferredSize' : 'flexBasis'] = index < count - 1 ? 100 / (count - 1) + \"%\" : undefined, _itemStyles.maxWidth = index === count - 1 ? 100 / count + \"%\" : undefined, _itemStyles);\n      var itemProps = (0, _extends2.default)({\n        stepNumber: index + 1,\n        status: 'wait',\n        style: horizontal ? itemStyles : undefined\n      }, item.props); // fix tail color\n\n      if (currentStatus === 'error' && index === current - 1) {\n        itemProps.className = addPrefix('next-error');\n      }\n\n      if (!item.props.status) {\n        if (index === current) {\n          itemProps.status = currentStatus;\n        } else if (index < current) {\n          itemProps.status = 'finish';\n        }\n      }\n\n      return itemProps;\n    });\n\n    return React.createElement(\"div\", (0, _extends2.default)({}, rest, {\n      className: classes,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 77\n      },\n      __self: this\n    }), items);\n  };\n\n  return Steps;\n}(React.Component);\n\nSteps.propTypes = {\n  classPrefix: _propTypes.default.string,\n  vertical: _propTypes.default.bool,\n  small: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  current: _propTypes.default.number,\n  currentStatus: _propTypes.default.oneOf(['finish', 'wait', 'process', 'error'])\n};\nSteps.defaultProps = {\n  currentStatus: 'process',\n  current: 0\n};\nvar EnhancedSteps = (0, _utils.defaultProps)({\n  classPrefix: 'steps'\n})(Steps);\n(0, _recompose.setStatic)('Item', _StepItem.default)(EnhancedSteps);\nvar _default = EnhancedSteps;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Steps/Steps.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _flatten2 = _interopRequireDefault(__webpack_require__(/*! lodash/flatten */ \"./node_modules/lodash/flatten.js\"));\n\nvar _get2 = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _StepItem = _interopRequireDefault(__webpack_require__(/*! ./StepItem */ \"./src/Steps/StepItem.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Steps/Steps.tsx\";\n\nvar Steps =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Steps, _React$Component);\n\n  function Steps() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = Steps.prototype;\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props = this.props,\n        classPrefix = _this$props.classPrefix,\n        className = _this$props.className,\n        children = _this$props.children,\n        vertical = _this$props.vertical,\n        small = _this$props.small,\n        current = _this$props.current,\n        currentStatus = _this$props.currentStatus,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"classPrefix\", \"className\", \"children\", \"vertical\", \"small\", \"current\", \"currentStatus\"]);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var horizontal = !vertical;\n    var classes = (0, _classnames.default)(classPrefix, className, (_classNames = {}, _classNames[addPrefix('small')] = small, _classNames[addPrefix('vertical')] = vertical, _classNames[addPrefix('horizontal')] = horizontal, _classNames));\n    var count = (0, _get2.default)((0, _flatten2.default)(children), 'length');\n\n    var items = _utils.ReactChildren.mapCloneElement(children, function (item, index) {\n      var _itemStyles;\n\n      var itemStyles = (_itemStyles = {}, _itemStyles[(0, _utils.isIE10)() ? 'msFlexPreferredSize' : 'flexBasis'] = index < count - 1 ? 100 / (count - 1) + \"%\" : undefined, _itemStyles.maxWidth = index === count - 1 ? 100 / count + \"%\" : undefined, _itemStyles);\n      var itemProps = (0, _extends2.default)({\n        stepNumber: index + 1,\n        status: 'wait',\n        style: horizontal ? itemStyles : undefined\n      }, item.props); // fix tail color\n\n      if (currentStatus === 'error' && index === current - 1) {\n        itemProps.className = addPrefix('next-error');\n      }\n\n      if (!item.props.status) {\n        if (index === current) {\n          itemProps.status = currentStatus;\n        } else if (index < current) {\n          itemProps.status = 'finish';\n        }\n      }\n\n      return itemProps;\n    });\n\n    return React.createElement(\"div\", (0, _extends2.default)({}, rest, {\n      className: classes,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 76\n      },\n      __self: this\n    }), items);\n  };\n\n  return Steps;\n}(React.Component);\n\nSteps.propTypes = {\n  classPrefix: _propTypes.default.string,\n  vertical: _propTypes.default.bool,\n  small: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  current: _propTypes.default.number,\n  currentStatus: _propTypes.default.oneOf(['finish', 'wait', 'process', 'error'])\n};\nSteps.defaultProps = {\n  currentStatus: 'process',\n  current: 0\n};\nvar EnhancedSteps = (0, _utils.defaultProps)({\n  classPrefix: 'steps'\n})(Steps);\n(0, _utils.setStatic)('Item', _StepItem.default)(EnhancedSteps);\nvar _default = EnhancedSteps;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Steps/Steps.tsx?");
 
 /***/ }),
 
@@ -10083,7 +9964,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _rsuiteTable = __webpack_require__(/*! rsuite-table */ \"./node_modules/rsuite-table/es/index.js\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _withLocale = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/withLocale */ \"./src/IntlProvider/withLocale.tsx\"));\n\nvar _TablePagination = _interopRequireDefault(__webpack_require__(/*! ./TablePagination */ \"./src/Table/TablePagination.tsx\"));\n\nvar EnhancedLocaleTable = (0, _recompose.compose)((0, _withLocale.default)(['Table']), (0, _utils.defaultProps)({\n  loadAnimation: true\n}))(_rsuiteTable.Table);\n(0, _recompose.setStatic)('Column', _rsuiteTable.Column)(EnhancedLocaleTable);\n(0, _recompose.setStatic)('ColumnGroup', _rsuiteTable.ColumnGroup)(EnhancedLocaleTable);\n(0, _recompose.setStatic)('Cell', _rsuiteTable.Cell)(EnhancedLocaleTable);\n(0, _recompose.setStatic)('HeaderCell', _rsuiteTable.HeaderCell)(EnhancedLocaleTable);\n(0, _recompose.setStatic)('Pagination', _TablePagination.default)(EnhancedLocaleTable);\nvar _default = EnhancedLocaleTable;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Table/Table.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _rsuiteTable = __webpack_require__(/*! rsuite-table */ \"./node_modules/rsuite-table/es/index.js\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _withLocale = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/withLocale */ \"./src/IntlProvider/withLocale.tsx\"));\n\nvar _TablePagination = _interopRequireDefault(__webpack_require__(/*! ./TablePagination */ \"./src/Table/TablePagination.tsx\"));\n\nvar EnhancedLocaleTable = (0, _utils.compose)((0, _withLocale.default)(['Table']), (0, _utils.defaultProps)({\n  loadAnimation: true\n}))(_rsuiteTable.Table);\n(0, _utils.setStatic)('Column', _rsuiteTable.Column)(EnhancedLocaleTable);\n(0, _utils.setStatic)('ColumnGroup', _rsuiteTable.ColumnGroup)(EnhancedLocaleTable);\n(0, _utils.setStatic)('Cell', _rsuiteTable.Cell)(EnhancedLocaleTable);\n(0, _utils.setStatic)('HeaderCell', _rsuiteTable.HeaderCell)(EnhancedLocaleTable);\n(0, _utils.setStatic)('Pagination', _TablePagination.default)(EnhancedLocaleTable);\nvar _default = EnhancedLocaleTable;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Table/Table.tsx?");
 
 /***/ }),
 
@@ -10095,7 +9976,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _Pagination = _interopRequireDefault(__webpack_require__(/*! ../Pagination */ \"./src/Pagination/index.tsx\"));\n\nvar _SelectPicker = _interopRequireDefault(__webpack_require__(/*! ../SelectPicker */ \"./src/SelectPicker/index.tsx\"));\n\nvar _Divider = _interopRequireDefault(__webpack_require__(/*! ../Divider */ \"./src/Divider/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _withLocale = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/withLocale */ \"./src/IntlProvider/withLocale.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Table/TablePagination.tsx\";\n\nvar TablePagination =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(TablePagination, _React$Component);\n\n  function TablePagination() {\n    var _this;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n\n    _this.handleChangeLength = function (eventKey) {\n      var _this$props$onChangeL, _this$props;\n\n      (_this$props$onChangeL = (_this$props = _this.props).onChangeLength) === null || _this$props$onChangeL === void 0 ? void 0 : _this$props$onChangeL.call(_this$props, eventKey);\n    };\n\n    _this.handleChangePage = function (eventKey) {\n      var _this$props$onChangeP, _this$props2;\n\n      (_this$props$onChangeP = (_this$props2 = _this.props).onChangePage) === null || _this$props$onChangeP === void 0 ? void 0 : _this$props$onChangeP.call(_this$props2, eventKey);\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    return _this;\n  }\n\n  var _proto = TablePagination.prototype;\n\n  _proto.renderLengthMenu = function renderLengthMenu() {\n    var _this$props3 = this.props,\n        _this$props3$lengthMe = _this$props3.lengthMenu,\n        lengthMenu = _this$props3$lengthMe === void 0 ? [] : _this$props3$lengthMe,\n        renderLengthMenu = _this$props3.renderLengthMenu,\n        showLengthMenu = _this$props3.showLengthMenu,\n        locale = _this$props3.locale,\n        displayLength = _this$props3.displayLength,\n        disabled = _this$props3.disabled;\n\n    if (!showLengthMenu) {\n      return null;\n    }\n\n    var disabledPicker = typeof disabled === 'function' ? disabled('picker') : disabled;\n    var picker = React.createElement(_SelectPicker.default, {\n      appearance: \"subtle\",\n      cleanable: false,\n      searchable: false,\n      placement: \"topStart\",\n      data: lengthMenu,\n      value: displayLength,\n      onChange: this.handleChangeLength,\n      menuStyle: {\n        minWidth: 'auto'\n      },\n      disabled: disabledPicker,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 101\n      },\n      __self: this\n    });\n    return React.createElement(\"div\", {\n      className: this.addPrefix('length-menu'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 115\n      },\n      __self: this\n    }, renderLengthMenu ? renderLengthMenu(picker) : (0, _utils.tplTransform)(locale.lengthMenuInfo, picker));\n  };\n\n  _proto.renderInfo = function renderInfo() {\n    var _this$props4 = this.props,\n        renderTotal = _this$props4.renderTotal,\n        total = _this$props4.total,\n        showInfo = _this$props4.showInfo,\n        locale = _this$props4.locale,\n        activePage = _this$props4.activePage;\n\n    if (!showInfo) {\n      return null;\n    }\n\n    return React.createElement(\"div\", {\n      className: this.addPrefix('page-info'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 129\n      },\n      __self: this\n    }, renderTotal ? renderTotal(total, activePage) : (0, _utils.tplTransform)(locale.totalInfo, total));\n  };\n\n  _proto.render = function render() {\n    var _this$props5 = this.props,\n        total = _this$props5.total,\n        prev = _this$props5.prev,\n        next = _this$props5.next,\n        first = _this$props5.first,\n        last = _this$props5.last,\n        maxButtons = _this$props5.maxButtons,\n        className = _this$props5.className,\n        displayLength = _this$props5.displayLength,\n        activePage = _this$props5.activePage,\n        disabled = _this$props5.disabled,\n        style = _this$props5.style,\n        reverse = _this$props5.reverse,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props5, [\"total\", \"prev\", \"next\", \"first\", \"last\", \"maxButtons\", \"className\", \"displayLength\", \"activePage\", \"disabled\", \"style\", \"reverse\"]);\n    var pages = Math.floor(total / displayLength) + (total % displayLength ? 1 : 0);\n    var classes = (0, _classnames.default)(this.addPrefix('toolbar'), className);\n    var unhandled = (0, _utils.getUnhandledProps)(TablePagination, rest);\n    var pagers = [React.createElement(\"div\", {\n      className: (0, _classnames.default)(this.addPrefix('start')),\n      key: 1,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 156\n      },\n      __self: this\n    }, this.renderLengthMenu(), React.createElement(_Divider.default, {\n      vertical: true,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 158\n      },\n      __self: this\n    }), this.renderInfo()), React.createElement(\"div\", {\n      className: (0, _classnames.default)(this.addPrefix('end')),\n      key: 2,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 161\n      },\n      __self: this\n    }, React.createElement(_Pagination.default, (0, _extends2.default)({\n      size: \"xs\",\n      prev: prev,\n      next: next,\n      first: first,\n      last: last,\n      maxButtons: maxButtons,\n      pages: pages,\n      disabled: disabled,\n      onSelect: this.handleChangePage,\n      activePage: activePage\n    }, unhandled, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 162\n      },\n      __self: this\n    })))];\n    return React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 179\n      },\n      __self: this\n    }, reverse ? pagers.reverse() : pagers);\n  };\n\n  return TablePagination;\n}(React.Component);\n\nTablePagination.propTypes = {\n  lengthMenu: _propTypes.default.arrayOf(_propTypes.default.shape({\n    value: _propTypes.default.number,\n    label: _propTypes.default.node\n  })),\n  showLengthMenu: _propTypes.default.bool,\n  showInfo: _propTypes.default.bool,\n  total: _propTypes.default.number,\n  displayLength: _propTypes.default.number,\n  prev: _propTypes.default.bool,\n  next: _propTypes.default.bool,\n  first: _propTypes.default.bool,\n  last: _propTypes.default.bool,\n  maxButtons: _propTypes.default.number,\n  activePage: _propTypes.default.number,\n  className: _propTypes.default.string,\n  locale: _propTypes.default.object,\n  classPrefix: _propTypes.default.string,\n  disabled: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func]),\n  style: _propTypes.default.object,\n  // reverse start and end position\n  reverse: _propTypes.default.bool,\n  renderLengthMenu: _propTypes.default.func,\n  renderTotal: _propTypes.default.func,\n  onChangePage: _propTypes.default.func,\n  onChangeLength: _propTypes.default.func\n};\nTablePagination.defaultProps = {\n  showLengthMenu: true,\n  showInfo: true,\n  lengthMenu: [{\n    value: 30,\n    label: 30\n  }, {\n    value: 50,\n    label: 50\n  }, {\n    value: 100,\n    label: 100\n  }],\n  displayLength: 30,\n  prev: true,\n  next: true,\n  first: true,\n  last: true,\n  activePage: 1,\n  maxButtons: 5,\n  locale: {\n    lengthMenuInfo: 'Show {0} data',\n    totalInfo: 'Total: {0}'\n  }\n};\n\nvar _default = (0, _recompose.compose)((0, _withLocale.default)(['TablePagination']), (0, _utils.defaultProps)({\n  classPrefix: 'table-pagination'\n}))(TablePagination);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Table/TablePagination.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _Pagination = _interopRequireDefault(__webpack_require__(/*! ../Pagination */ \"./src/Pagination/index.tsx\"));\n\nvar _SelectPicker = _interopRequireDefault(__webpack_require__(/*! ../SelectPicker */ \"./src/SelectPicker/index.tsx\"));\n\nvar _Divider = _interopRequireDefault(__webpack_require__(/*! ../Divider */ \"./src/Divider/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _withLocale = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/withLocale */ \"./src/IntlProvider/withLocale.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Table/TablePagination.tsx\";\n\nvar TablePagination =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(TablePagination, _React$Component);\n\n  function TablePagination() {\n    var _this;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n\n    _this.handleChangeLength = function (eventKey) {\n      var _this$props$onChangeL, _this$props;\n\n      (_this$props$onChangeL = (_this$props = _this.props).onChangeLength) === null || _this$props$onChangeL === void 0 ? void 0 : _this$props$onChangeL.call(_this$props, eventKey);\n    };\n\n    _this.handleChangePage = function (eventKey) {\n      var _this$props$onChangeP, _this$props2;\n\n      (_this$props$onChangeP = (_this$props2 = _this.props).onChangePage) === null || _this$props$onChangeP === void 0 ? void 0 : _this$props$onChangeP.call(_this$props2, eventKey);\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    return _this;\n  }\n\n  var _proto = TablePagination.prototype;\n\n  _proto.renderLengthMenu = function renderLengthMenu() {\n    var _this$props3 = this.props,\n        _this$props3$lengthMe = _this$props3.lengthMenu,\n        lengthMenu = _this$props3$lengthMe === void 0 ? [] : _this$props3$lengthMe,\n        renderLengthMenu = _this$props3.renderLengthMenu,\n        showLengthMenu = _this$props3.showLengthMenu,\n        locale = _this$props3.locale,\n        displayLength = _this$props3.displayLength,\n        disabled = _this$props3.disabled;\n\n    if (!showLengthMenu) {\n      return null;\n    }\n\n    var disabledPicker = typeof disabled === 'function' ? disabled('picker') : disabled;\n    var picker = React.createElement(_SelectPicker.default, {\n      appearance: \"subtle\",\n      cleanable: false,\n      searchable: false,\n      placement: \"topStart\",\n      data: lengthMenu,\n      value: displayLength,\n      onChange: this.handleChangeLength,\n      menuStyle: {\n        minWidth: 'auto'\n      },\n      disabled: disabledPicker,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 100\n      },\n      __self: this\n    });\n    return React.createElement(\"div\", {\n      className: this.addPrefix('length-menu'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 114\n      },\n      __self: this\n    }, renderLengthMenu ? renderLengthMenu(picker) : (0, _utils.tplTransform)(locale.lengthMenuInfo, picker));\n  };\n\n  _proto.renderInfo = function renderInfo() {\n    var _this$props4 = this.props,\n        renderTotal = _this$props4.renderTotal,\n        total = _this$props4.total,\n        showInfo = _this$props4.showInfo,\n        locale = _this$props4.locale,\n        activePage = _this$props4.activePage;\n\n    if (!showInfo) {\n      return null;\n    }\n\n    return React.createElement(\"div\", {\n      className: this.addPrefix('page-info'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 128\n      },\n      __self: this\n    }, renderTotal ? renderTotal(total, activePage) : (0, _utils.tplTransform)(locale.totalInfo, total));\n  };\n\n  _proto.render = function render() {\n    var _this$props5 = this.props,\n        total = _this$props5.total,\n        prev = _this$props5.prev,\n        next = _this$props5.next,\n        first = _this$props5.first,\n        last = _this$props5.last,\n        maxButtons = _this$props5.maxButtons,\n        className = _this$props5.className,\n        displayLength = _this$props5.displayLength,\n        activePage = _this$props5.activePage,\n        disabled = _this$props5.disabled,\n        style = _this$props5.style,\n        reverse = _this$props5.reverse,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props5, [\"total\", \"prev\", \"next\", \"first\", \"last\", \"maxButtons\", \"className\", \"displayLength\", \"activePage\", \"disabled\", \"style\", \"reverse\"]);\n    var pages = Math.floor(total / displayLength) + (total % displayLength ? 1 : 0);\n    var classes = (0, _classnames.default)(this.addPrefix('toolbar'), className);\n    var unhandled = (0, _utils.getUnhandledProps)(TablePagination, rest);\n    var pagers = [React.createElement(\"div\", {\n      className: (0, _classnames.default)(this.addPrefix('start')),\n      key: 1,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 155\n      },\n      __self: this\n    }, this.renderLengthMenu(), React.createElement(_Divider.default, {\n      vertical: true,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 157\n      },\n      __self: this\n    }), this.renderInfo()), React.createElement(\"div\", {\n      className: (0, _classnames.default)(this.addPrefix('end')),\n      key: 2,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 160\n      },\n      __self: this\n    }, React.createElement(_Pagination.default, (0, _extends2.default)({\n      size: \"xs\",\n      prev: prev,\n      next: next,\n      first: first,\n      last: last,\n      maxButtons: maxButtons,\n      pages: pages,\n      disabled: disabled,\n      onSelect: this.handleChangePage,\n      activePage: activePage\n    }, unhandled, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 161\n      },\n      __self: this\n    })))];\n    return React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 178\n      },\n      __self: this\n    }, reverse ? pagers.reverse() : pagers);\n  };\n\n  return TablePagination;\n}(React.Component);\n\nTablePagination.propTypes = {\n  lengthMenu: _propTypes.default.arrayOf(_propTypes.default.shape({\n    value: _propTypes.default.number,\n    label: _propTypes.default.node\n  })),\n  showLengthMenu: _propTypes.default.bool,\n  showInfo: _propTypes.default.bool,\n  total: _propTypes.default.number,\n  displayLength: _propTypes.default.number,\n  prev: _propTypes.default.bool,\n  next: _propTypes.default.bool,\n  first: _propTypes.default.bool,\n  last: _propTypes.default.bool,\n  maxButtons: _propTypes.default.number,\n  activePage: _propTypes.default.number,\n  className: _propTypes.default.string,\n  locale: _propTypes.default.object,\n  classPrefix: _propTypes.default.string,\n  disabled: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func]),\n  style: _propTypes.default.object,\n  // reverse start and end position\n  reverse: _propTypes.default.bool,\n  renderLengthMenu: _propTypes.default.func,\n  renderTotal: _propTypes.default.func,\n  onChangePage: _propTypes.default.func,\n  onChangeLength: _propTypes.default.func\n};\nTablePagination.defaultProps = {\n  showLengthMenu: true,\n  showInfo: true,\n  lengthMenu: [{\n    value: 30,\n    label: 30\n  }, {\n    value: 50,\n    label: 50\n  }, {\n    value: 100,\n    label: 100\n  }],\n  displayLength: 30,\n  prev: true,\n  next: true,\n  first: true,\n  last: true,\n  activePage: 1,\n  maxButtons: 5,\n  locale: {\n    lengthMenuInfo: 'Show {0} data',\n    totalInfo: 'Total: {0}'\n  }\n};\n\nvar _default = (0, _utils.compose)((0, _withLocale.default)(['TablePagination']), (0, _utils.defaultProps)({\n  classPrefix: 'table-pagination'\n}))(TablePagination);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Table/TablePagination.tsx?");
 
 /***/ }),
 
@@ -10119,7 +10000,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames2 = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Tag/Tag.tsx\";\n\nvar Tag =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Tag, _React$Component);\n\n  function Tag() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = Tag.prototype;\n\n  _proto.render = function render() {\n    var _classnames;\n\n    var _this$props = this.props,\n        children = _this$props.children,\n        Component = _this$props.componentClass,\n        onClose = _this$props.onClose,\n        classPrefix = _this$props.classPrefix,\n        closable = _this$props.closable,\n        className = _this$props.className,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"children\", \"componentClass\", \"onClose\", \"classPrefix\", \"closable\", \"className\"]);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames2.default)(classPrefix, className, (_classnames = {}, _classnames[addPrefix('closeable')] = closable, _classnames));\n    return React.createElement(Component, (0, _extends2.default)({\n      className: classes\n    }, rest, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 34\n      },\n      __self: this\n    }), React.createElement(\"span\", {\n      className: addPrefix('text'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 35\n      },\n      __self: this\n    }, children), closable && React.createElement(\"i\", {\n      role: \"button\",\n      tabIndex: -1,\n      className: addPrefix('icon-close'),\n      onClick: onClose,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 37\n      },\n      __self: this\n    }));\n  };\n\n  return Tag;\n}(React.Component);\n\nTag.propTypes = {\n  closable: _propTypes.default.bool,\n  classPrefix: _propTypes.default.string,\n  onClose: _propTypes.default.func,\n  children: _propTypes.default.node,\n  className: _propTypes.default.string,\n  componentClass: _propTypes.default.elementType\n};\n\nvar _default = (0, _recompose.compose)((0, _utils.withStyleProps)({\n  hasColor: true,\n  defaultColor: 'default'\n}), (0, _utils.defaultProps)({\n  componentClass: 'div',\n  classPrefix: 'tag'\n}))(Tag);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Tag/Tag.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames2 = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Tag/Tag.tsx\";\n\nvar Tag =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Tag, _React$Component);\n\n  function Tag() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = Tag.prototype;\n\n  _proto.render = function render() {\n    var _classnames;\n\n    var _this$props = this.props,\n        children = _this$props.children,\n        Component = _this$props.componentClass,\n        onClose = _this$props.onClose,\n        classPrefix = _this$props.classPrefix,\n        closable = _this$props.closable,\n        className = _this$props.className,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"children\", \"componentClass\", \"onClose\", \"classPrefix\", \"closable\", \"className\"]);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames2.default)(classPrefix, className, (_classnames = {}, _classnames[addPrefix('closeable')] = closable, _classnames));\n    return React.createElement(Component, (0, _extends2.default)({\n      className: classes\n    }, rest, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 33\n      },\n      __self: this\n    }), React.createElement(\"span\", {\n      className: addPrefix('text'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 34\n      },\n      __self: this\n    }, children), closable && React.createElement(\"i\", {\n      role: \"button\",\n      tabIndex: -1,\n      className: addPrefix('icon-close'),\n      onClick: onClose,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 36\n      },\n      __self: this\n    }));\n  };\n\n  return Tag;\n}(React.Component);\n\nTag.propTypes = {\n  closable: _propTypes.default.bool,\n  classPrefix: _propTypes.default.string,\n  onClose: _propTypes.default.func,\n  children: _propTypes.default.node,\n  className: _propTypes.default.string,\n  componentClass: _propTypes.default.elementType\n};\n\nvar _default = (0, _utils.compose)((0, _utils.withStyleProps)({\n  hasColor: true,\n  defaultColor: 'default'\n}), (0, _utils.defaultProps)({\n  componentClass: 'div',\n  classPrefix: 'tag'\n}))(Tag);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Tag/Tag.tsx?");
 
 /***/ }),
 
@@ -10167,7 +10048,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _InputPicker = _interopRequireDefault(__webpack_require__(/*! ../InputPicker/InputPicker */ \"./src/InputPicker/InputPicker.tsx\"));\n\nvar _withLocale = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/withLocale */ \"./src/IntlProvider/withLocale.tsx\"));\n\nvar _default = (0, _recompose.compose)((0, _withLocale.default)(['Picker', 'InputPicker']), (0, _utils.defaultProps)({\n  multi: true\n}))(_InputPicker.default);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/TagPicker/index.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _InputPicker = _interopRequireDefault(__webpack_require__(/*! ../InputPicker/InputPicker */ \"./src/InputPicker/InputPicker.tsx\"));\n\nvar _withLocale = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/withLocale */ \"./src/IntlProvider/withLocale.tsx\"));\n\nvar _default = (0, _utils.compose)((0, _withLocale.default)(['Picker', 'InputPicker']), (0, _utils.defaultProps)({\n  multi: true\n}))(_InputPicker.default);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/TagPicker/index.tsx?");
 
 /***/ }),
 
@@ -10179,7 +10060,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _some2 = _interopRequireDefault(__webpack_require__(/*! lodash/some */ \"./node_modules/lodash/some.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _TimelineItem = _interopRequireDefault(__webpack_require__(/*! ./TimelineItem */ \"./src/Timeline/TimelineItem.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Timeline/Timeline.tsx\";\n\nvar Timeline =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Timeline, _React$Component);\n\n  function Timeline() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = Timeline.prototype;\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props = this.props,\n        children = _this$props.children,\n        Component = _this$props.componentClass,\n        classPrefix = _this$props.classPrefix,\n        className = _this$props.className,\n        align = _this$props.align,\n        endless = _this$props.endless,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"children\", \"componentClass\", \"classPrefix\", \"className\", \"align\", \"endless\"]);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var count = React.Children.count(children);\n    var withTime = (0, _some2.default)(React.Children.toArray(children), function (_ref) {\n      var props = _ref.props;\n      return !!props.time;\n    });\n    var classes = (0, _classnames.default)(classPrefix, className, addPrefix(\"align-\" + align), (_classNames = {}, _classNames[addPrefix('with-time')] = withTime, _classNames[addPrefix('endless')] = endless, _classNames));\n    return React.createElement(Component, (0, _extends2.default)({\n      className: classes\n    }, rest, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 45\n      },\n      __self: this\n    }), _utils.ReactChildren.mapCloneElement(children, function (_child, index) {\n      return {\n        last: index + 1 === count,\n        align: align\n      };\n    }));\n  };\n\n  return Timeline;\n}(React.Component);\n\nTimeline.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node,\n  componentClass: _propTypes.default.elementType,\n  align: _propTypes.default.oneOf(['left', 'right', 'alternate']),\n  endless: _propTypes.default.bool\n};\nTimeline.defaultProps = {\n  align: 'left'\n};\nvar EnhancedTimeline = (0, _utils.defaultProps)({\n  classPrefix: 'timeline',\n  componentClass: 'ul'\n})(Timeline);\n(0, _recompose.setStatic)('Item', _TimelineItem.default)(EnhancedTimeline);\nvar _default = EnhancedTimeline;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Timeline/Timeline.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _some2 = _interopRequireDefault(__webpack_require__(/*! lodash/some */ \"./node_modules/lodash/some.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _TimelineItem = _interopRequireDefault(__webpack_require__(/*! ./TimelineItem */ \"./src/Timeline/TimelineItem.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Timeline/Timeline.tsx\";\n\nvar Timeline =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Timeline, _React$Component);\n\n  function Timeline() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = Timeline.prototype;\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props = this.props,\n        children = _this$props.children,\n        Component = _this$props.componentClass,\n        classPrefix = _this$props.classPrefix,\n        className = _this$props.className,\n        align = _this$props.align,\n        endless = _this$props.endless,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"children\", \"componentClass\", \"classPrefix\", \"className\", \"align\", \"endless\"]);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var count = React.Children.count(children);\n    var withTime = (0, _some2.default)(React.Children.toArray(children), function (_ref) {\n      var props = _ref.props;\n      return !!props.time;\n    });\n    var classes = (0, _classnames.default)(classPrefix, className, addPrefix(\"align-\" + align), (_classNames = {}, _classNames[addPrefix('with-time')] = withTime, _classNames[addPrefix('endless')] = endless, _classNames));\n    return React.createElement(Component, (0, _extends2.default)({\n      className: classes\n    }, rest, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 44\n      },\n      __self: this\n    }), _utils.ReactChildren.mapCloneElement(children, function (_child, index) {\n      return {\n        last: index + 1 === count,\n        align: align\n      };\n    }));\n  };\n\n  return Timeline;\n}(React.Component);\n\nTimeline.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node,\n  componentClass: _propTypes.default.elementType,\n  align: _propTypes.default.oneOf(['left', 'right', 'alternate']),\n  endless: _propTypes.default.bool\n};\nTimeline.defaultProps = {\n  align: 'left'\n};\nvar EnhancedTimeline = (0, _utils.defaultProps)({\n  classPrefix: 'timeline',\n  componentClass: 'ul'\n})(Timeline);\n(0, _utils.setStatic)('Item', _TimelineItem.default)(EnhancedTimeline);\nvar _default = EnhancedTimeline;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Timeline/Timeline.tsx?");
 
 /***/ }),
 
@@ -10191,7 +10072,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Timeline/TimelineItem.tsx\";\n\nvar TimelineItem =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(TimelineItem, _React$Component);\n\n  function TimelineItem() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = TimelineItem.prototype;\n\n  _proto.render = function render() {\n    var _classNames, _classNames2;\n\n    var _this$props = this.props,\n        children = _this$props.children,\n        Component = _this$props.componentClass,\n        classPrefix = _this$props.classPrefix,\n        last = _this$props.last,\n        className = _this$props.className,\n        dot = _this$props.dot,\n        time = _this$props.time,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"children\", \"componentClass\", \"classPrefix\", \"last\", \"className\", \"dot\", \"time\"]);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames.default)(classPrefix, className, (_classNames = {}, _classNames[addPrefix('last')] = last, _classNames));\n    return React.createElement(Component, (0, _extends2.default)({\n      className: classes\n    }, rest, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 35\n      },\n      __self: this\n    }), React.createElement(\"span\", {\n      className: addPrefix('tail'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 36\n      },\n      __self: this\n    }), React.createElement(\"span\", {\n      className: (0, _classnames.default)(addPrefix('dot'), (_classNames2 = {}, _classNames2[addPrefix('custom-dot')] = !!dot, _classNames2)),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 37\n      },\n      __self: this\n    }, dot), time && React.createElement(\"div\", {\n      className: addPrefix('time'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 40\n      },\n      __self: this\n    }, time), React.createElement(\"div\", {\n      className: addPrefix('content'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 41\n      },\n      __self: this\n    }, children));\n  };\n\n  return TimelineItem;\n}(React.Component);\n\nTimelineItem.propTypes = {\n  last: _propTypes.default.bool,\n  dot: _propTypes.default.node,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  componentClass: _propTypes.default.elementType\n};\n\nvar _default = (0, _recompose.compose)((0, _utils.withStyleProps)({\n  hasColor: true\n}), (0, _utils.defaultProps)({\n  componentClass: 'li',\n  classPrefix: 'timeline-item'\n}))(TimelineItem);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Timeline/TimelineItem.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Timeline/TimelineItem.tsx\";\n\nvar TimelineItem =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(TimelineItem, _React$Component);\n\n  function TimelineItem() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = TimelineItem.prototype;\n\n  _proto.render = function render() {\n    var _classNames, _classNames2;\n\n    var _this$props = this.props,\n        children = _this$props.children,\n        Component = _this$props.componentClass,\n        classPrefix = _this$props.classPrefix,\n        last = _this$props.last,\n        className = _this$props.className,\n        dot = _this$props.dot,\n        time = _this$props.time,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"children\", \"componentClass\", \"classPrefix\", \"last\", \"className\", \"dot\", \"time\"]);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames.default)(classPrefix, className, (_classNames = {}, _classNames[addPrefix('last')] = last, _classNames));\n    return React.createElement(Component, (0, _extends2.default)({\n      className: classes\n    }, rest, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 34\n      },\n      __self: this\n    }), React.createElement(\"span\", {\n      className: addPrefix('tail'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 35\n      },\n      __self: this\n    }), React.createElement(\"span\", {\n      className: (0, _classnames.default)(addPrefix('dot'), (_classNames2 = {}, _classNames2[addPrefix('custom-dot')] = !!dot, _classNames2)),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 36\n      },\n      __self: this\n    }, dot), time && React.createElement(\"div\", {\n      className: addPrefix('time'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 39\n      },\n      __self: this\n    }, time), React.createElement(\"div\", {\n      className: addPrefix('content'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 40\n      },\n      __self: this\n    }, children));\n  };\n\n  return TimelineItem;\n}(React.Component);\n\nTimelineItem.propTypes = {\n  last: _propTypes.default.bool,\n  dot: _propTypes.default.node,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  componentClass: _propTypes.default.elementType\n};\n\nvar _default = (0, _utils.compose)((0, _utils.withStyleProps)({\n  hasColor: true\n}), (0, _utils.defaultProps)({\n  componentClass: 'li',\n  classPrefix: 'timeline-item'\n}))(TimelineItem);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Timeline/TimelineItem.tsx?");
 
 /***/ }),
 
@@ -10215,7 +10096,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Toggle/Toggle.tsx\";\n\nvar Toggle =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Toggle, _React$Component);\n\n  function Toggle(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n\n    _this.handleChange = function (event) {\n      var _this$props = _this.props,\n          onChange = _this$props.onChange,\n          disabled = _this$props.disabled;\n      var checked = !_this.getCheckedStatus();\n\n      if (disabled) {\n        return;\n      }\n\n      _this.setState({\n        checked: checked\n      });\n\n      onChange === null || onChange === void 0 ? void 0 : onChange(checked, event);\n    };\n\n    _this.state = {\n      checked: props.defaultChecked\n    };\n    return _this;\n  }\n\n  var _proto = Toggle.prototype;\n\n  _proto.getCheckedStatus = function getCheckedStatus() {\n    var checked = this.props.checked;\n    return typeof checked === 'undefined' ? this.state.checked : checked;\n  };\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props2 = this.props,\n        disabled = _this$props2.disabled,\n        className = _this$props2.className,\n        checkedChildren = _this$props2.checkedChildren,\n        unCheckedChildren = _this$props2.unCheckedChildren,\n        classPrefix = _this$props2.classPrefix,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props2, [\"disabled\", \"className\", \"checkedChildren\", \"unCheckedChildren\", \"classPrefix\"]);\n    var checked = this.getCheckedStatus();\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames.default)(classPrefix, className, (_classNames = {}, _classNames[addPrefix('checked')] = checked, _classNames[addPrefix('disabled')] = disabled, _classNames));\n    var inner = checked ? checkedChildren : unCheckedChildren;\n    var unhandled = (0, _utils.getUnhandledProps)(Toggle, rest);\n    return React.createElement(\"span\", (0, _extends2.default)({}, unhandled, {\n      className: classes,\n      \"aria-pressed\": checked,\n      \"aria-disabled\": disabled,\n      \"aria-label\": typeof inner === 'string' ? inner : null,\n      role: \"button\",\n      tabIndex: -1,\n      onClick: this.handleChange,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 69\n      },\n      __self: this\n    }), React.createElement(\"span\", {\n      className: addPrefix('inner'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 79\n      },\n      __self: this\n    }, inner));\n  };\n\n  return Toggle;\n}(React.Component);\n\nToggle.propTypes = {\n  disabled: _propTypes.default.bool,\n  checked: _propTypes.default.bool,\n  defaultChecked: _propTypes.default.bool,\n  checkedChildren: _propTypes.default.node,\n  unCheckedChildren: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  onChange: _propTypes.default.func\n};\n\nvar _default = (0, _recompose.compose)((0, _utils.withStyleProps)({\n  hasSize: true\n}), (0, _utils.defaultProps)({\n  classPrefix: 'btn-toggle'\n}))(Toggle);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Toggle/Toggle.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Toggle/Toggle.tsx\";\n\nvar Toggle =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Toggle, _React$Component);\n\n  function Toggle(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n\n    _this.handleChange = function (event) {\n      var _this$props = _this.props,\n          onChange = _this$props.onChange,\n          disabled = _this$props.disabled;\n      var checked = !_this.getCheckedStatus();\n\n      if (disabled) {\n        return;\n      }\n\n      _this.setState({\n        checked: checked\n      });\n\n      onChange === null || onChange === void 0 ? void 0 : onChange(checked, event);\n    };\n\n    _this.state = {\n      checked: props.defaultChecked\n    };\n    return _this;\n  }\n\n  var _proto = Toggle.prototype;\n\n  _proto.getCheckedStatus = function getCheckedStatus() {\n    var checked = this.props.checked;\n    return typeof checked === 'undefined' ? this.state.checked : checked;\n  };\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props2 = this.props,\n        disabled = _this$props2.disabled,\n        className = _this$props2.className,\n        checkedChildren = _this$props2.checkedChildren,\n        unCheckedChildren = _this$props2.unCheckedChildren,\n        classPrefix = _this$props2.classPrefix,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props2, [\"disabled\", \"className\", \"checkedChildren\", \"unCheckedChildren\", \"classPrefix\"]);\n    var checked = this.getCheckedStatus();\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var classes = (0, _classnames.default)(classPrefix, className, (_classNames = {}, _classNames[addPrefix('checked')] = checked, _classNames[addPrefix('disabled')] = disabled, _classNames));\n    var inner = checked ? checkedChildren : unCheckedChildren;\n    var unhandled = (0, _utils.getUnhandledProps)(Toggle, rest);\n    return React.createElement(\"span\", (0, _extends2.default)({}, unhandled, {\n      className: classes,\n      \"aria-pressed\": checked,\n      \"aria-disabled\": disabled,\n      \"aria-label\": typeof inner === 'string' ? inner : null,\n      role: \"button\",\n      tabIndex: -1,\n      onClick: this.handleChange,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 68\n      },\n      __self: this\n    }), React.createElement(\"span\", {\n      className: addPrefix('inner'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 78\n      },\n      __self: this\n    }, inner));\n  };\n\n  return Toggle;\n}(React.Component);\n\nToggle.propTypes = {\n  disabled: _propTypes.default.bool,\n  checked: _propTypes.default.bool,\n  defaultChecked: _propTypes.default.bool,\n  checkedChildren: _propTypes.default.node,\n  unCheckedChildren: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  onChange: _propTypes.default.func\n};\n\nvar _default = (0, _utils.compose)((0, _utils.withStyleProps)({\n  hasSize: true\n}), (0, _utils.defaultProps)({\n  classPrefix: 'btn-toggle'\n}))(Toggle);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Toggle/Toggle.tsx?");
 
 /***/ }),
 
@@ -10347,7 +10228,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/assertThisInitialized */ \"./node_modules/@babel/runtime/helpers/assertThisInitialized.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _find2 = _interopRequireDefault(__webpack_require__(/*! lodash/find */ \"./node_modules/lodash/find.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _IntlContext = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/IntlContext */ \"./src/IntlProvider/IntlContext.ts\"));\n\nvar _withLocale = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/withLocale */ \"./src/IntlProvider/withLocale.tsx\"));\n\nvar _UploadFileItem = _interopRequireDefault(__webpack_require__(/*! ./UploadFileItem */ \"./src/Uploader/UploadFileItem.tsx\"));\n\nvar _UploadTrigger = _interopRequireDefault(__webpack_require__(/*! ./UploadTrigger */ \"./src/Uploader/UploadTrigger.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/Uploader/utils.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Uploader/Uploader.tsx\";\n\nvar Uploader =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Uploader, _React$Component);\n\n  function Uploader(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.inputRef = void 0;\n\n    _this.handleRemoveFile = function (fileKey) {\n      var _this$props$onRemove, _this$props, _this$props$onChange, _this$props2;\n\n      var fileList = _this.getFileList();\n\n      var file = (0, _find2.default)(fileList, function (f) {\n        return f.fileKey === fileKey;\n      });\n      var nextFileList = fileList.filter(function (f) {\n        return f.fileKey !== fileKey;\n      });\n\n      if (_this.xhrs[file.fileKey] && _this.xhrs[file.fileKey].readyState !== 4) {\n        _this.xhrs[file.fileKey].abort();\n      }\n\n      _this.setState({\n        fileList: nextFileList\n      });\n\n      (_this$props$onRemove = (_this$props = _this.props).onRemove) === null || _this$props$onRemove === void 0 ? void 0 : _this$props$onRemove.call(_this$props, file);\n      (_this$props$onChange = (_this$props2 = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props2, nextFileList);\n\n      _this.cleanInputValue();\n    };\n\n    _this.handleUploadTriggerChange = function (event) {\n      var _this$props3 = _this.props,\n          autoUpload = _this$props3.autoUpload,\n          shouldQueueUpdate = _this$props3.shouldQueueUpdate,\n          onChange = _this$props3.onChange;\n\n      var fileList = _this.getFileList();\n\n      var files = (0, _utils2.getFiles)(event);\n      var newFileList = [];\n      Array.from(files).forEach(function (file) {\n        newFileList.push({\n          blobFile: file,\n          name: file.name,\n          status: 'inited',\n          fileKey: (0, _utils2.guid)()\n        });\n      });\n      var nextFileList = [].concat(fileList, newFileList);\n      var checkState = shouldQueueUpdate === null || shouldQueueUpdate === void 0 ? void 0 : shouldQueueUpdate(nextFileList, newFileList);\n\n      var upload = function upload() {\n        onChange === null || onChange === void 0 ? void 0 : onChange(nextFileList);\n\n        _this.setState({\n          fileList: nextFileList\n        }, function () {\n          autoUpload && _this.handleAjaxUpload();\n        });\n      };\n\n      if (checkState instanceof Promise) {\n        checkState.then(function (res) {\n          if (res) {\n            upload();\n          }\n        });\n        return;\n      } else if (checkState === false) {\n        _this.cleanInputValue();\n\n        return;\n      }\n\n      upload();\n    };\n\n    _this.handleAjaxUploadSuccess = function (file, response, event, xhr) {\n      var nextFile = (0, _extends2.default)({}, file, {\n        status: 'finished',\n        progress: 100\n      });\n\n      _this.updateFileList(nextFile, function () {\n        var _this$props$onSuccess, _this$props4;\n\n        (_this$props$onSuccess = (_this$props4 = _this.props).onSuccess) === null || _this$props$onSuccess === void 0 ? void 0 : _this$props$onSuccess.call(_this$props4, response, nextFile, event, xhr);\n      });\n    };\n\n    _this.handleAjaxUploadError = function (file, status, event, xhr) {\n      var nextFile = (0, _extends2.default)({}, file, {\n        status: 'error'\n      });\n\n      _this.updateFileList(nextFile, function () {\n        var _this$props$onError, _this$props5;\n\n        (_this$props$onError = (_this$props5 = _this.props).onError) === null || _this$props$onError === void 0 ? void 0 : _this$props$onError.call(_this$props5, status, nextFile, event, xhr);\n      });\n    };\n\n    _this.handleAjaxUploadProgress = function (file, percent, event, xhr) {\n      var nextFile = (0, _extends2.default)({}, file, {\n        status: 'uploading',\n        progress: percent\n      });\n\n      _this.updateFileList(nextFile, function () {\n        var _this$props$onProgres, _this$props6;\n\n        (_this$props$onProgres = (_this$props6 = _this.props).onProgress) === null || _this$props$onProgres === void 0 ? void 0 : _this$props$onProgres.call(_this$props6, percent, nextFile, event, xhr);\n      });\n    };\n\n    _this.handleUploadFile = function (file) {\n      var _this$props7 = _this.props,\n          name = _this$props7.name,\n          action = _this$props7.action,\n          headers = _this$props7.headers,\n          withCredentials = _this$props7.withCredentials,\n          timeout = _this$props7.timeout,\n          data = _this$props7.data,\n          onUpload = _this$props7.onUpload;\n      var xhr = (0, _utils.ajaxUpload)({\n        name: name,\n        timeout: timeout,\n        headers: headers,\n        data: data,\n        withCredentials: withCredentials,\n        file: file.blobFile,\n        url: action,\n        onError: _this.handleAjaxUploadError.bind((0, _assertThisInitialized2.default)(_this), file),\n        onSuccess: _this.handleAjaxUploadSuccess.bind((0, _assertThisInitialized2.default)(_this), file),\n        onProgress: _this.handleAjaxUploadProgress.bind((0, _assertThisInitialized2.default)(_this), file)\n      });\n\n      _this.updateFileList((0, _extends2.default)({}, file, {\n        status: 'uploading'\n      }));\n\n      _this.xhrs[file.fileKey] = xhr;\n      onUpload === null || onUpload === void 0 ? void 0 : onUpload(file);\n    };\n\n    _this.handleReupload = function (file) {\n      var _this$props8 = _this.props,\n          onReupload = _this$props8.onReupload,\n          autoUpload = _this$props8.autoUpload;\n      autoUpload && _this.handleUploadFile(file);\n      onReupload === null || onReupload === void 0 ? void 0 : onReupload(file);\n    };\n\n    _this.createFile = function (file) {\n      var fileKey = file.fileKey;\n      return (0, _extends2.default)({}, file, {\n        fileKey: fileKey || (0, _utils2.guid)(),\n        progress: 0\n      });\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.progressTimer = void 0;\n    _this.xhrs = {};\n    _this.uploadTrigger = null;\n    var _props$defaultFileLis = props.defaultFileList,\n        defaultFileList = _props$defaultFileLis === void 0 ? [] : _props$defaultFileLis;\n\n    var _fileList = defaultFileList.map(_this.createFile);\n\n    _this.state = {\n      fileList: _fileList,\n      fileMap: {}\n    };\n    _this.inputRef = React.createRef();\n    return _this;\n  } // public API\n\n\n  var _proto = Uploader.prototype;\n\n  _proto.start = function start(file) {\n    if (file) {\n      this.handleUploadFile(file);\n      return;\n    }\n\n    this.handleAjaxUpload();\n  };\n\n  _proto.getFileList = function getFileList() {\n    var fileList = this.props.fileList;\n    var fileMap = this.state.fileMap;\n\n    if (typeof fileList !== 'undefined') {\n      return fileList.map(function (file) {\n        return (0, _extends2.default)({}, file, {}, fileMap[file.fileKey]);\n      });\n    }\n\n    return this.state.fileList;\n  };\n\n  _proto.cleanInputValue = function cleanInputValue() {\n    if (this.inputRef.current) {\n      this.inputRef.current.getInputInstance().value = '';\n    }\n  };\n\n  _proto.handleAjaxUpload = function handleAjaxUpload() {\n    var _this2 = this;\n\n    var shouldUpload = this.props.shouldUpload;\n    var fileList = this.getFileList();\n    fileList.forEach(function (file) {\n      var checkState = shouldUpload === null || shouldUpload === void 0 ? void 0 : shouldUpload(file);\n\n      if (checkState instanceof Promise) {\n        checkState.then(function (res) {\n          if (res) {\n            _this2.handleUploadFile(file);\n          }\n        });\n        return;\n      } else if (checkState === false) {\n        return;\n      }\n\n      if (file.status === 'inited') {\n        _this2.handleUploadFile(file);\n      }\n    });\n    this.cleanInputValue();\n  };\n\n  _proto.updateFileList = function updateFileList(nextFile, callback) {\n    var fileList = this.getFileList();\n    var nextFileList = fileList.map(function (file) {\n      return file.fileKey === nextFile.fileKey ? nextFile : file;\n    });\n    var nextState = {\n      fileList: nextFileList\n    };\n\n    if (nextFile.progress) {\n      var fileMap = this.state.fileMap;\n      fileMap[nextFile.fileKey] = {\n        progress: nextFile.progress,\n        status: nextFile.status\n      };\n      nextState.fileMap = fileMap;\n    }\n\n    this.setState(nextState, callback);\n  };\n\n  _proto.renderFileItems = function renderFileItems() {\n    var _this3 = this;\n\n    var _this$props9 = this.props,\n        disabledFileItem = _this$props9.disabledFileItem,\n        listType = _this$props9.listType,\n        onPreview = _this$props9.onPreview,\n        maxPreviewFileSize = _this$props9.maxPreviewFileSize,\n        renderFileInfo = _this$props9.renderFileInfo,\n        removable = _this$props9.removable;\n    var fileList = this.getFileList();\n    return React.createElement(\"div\", {\n      key: \"items\",\n      className: this.addPrefix('file-items'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 328\n      },\n      __self: this\n    }, fileList.map(function (file, index) {\n      return React.createElement(_UploadFileItem.default, {\n        key: file.fileKey || index,\n        file: file,\n        maxPreviewFileSize: maxPreviewFileSize,\n        listType: listType,\n        disabled: disabledFileItem,\n        onPreview: onPreview,\n        onReupload: _this3.handleReupload,\n        onCancel: _this3.handleRemoveFile,\n        renderFileInfo: renderFileInfo,\n        removable: removable,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 330\n        },\n        __self: this\n      });\n    }));\n  };\n\n  _proto.renderUploadTrigger = function renderUploadTrigger() {\n    var _this$props10 = this.props,\n        name = _this$props10.name,\n        multiple = _this$props10.multiple,\n        disabled = _this$props10.disabled,\n        accept = _this$props10.accept,\n        children = _this$props10.children,\n        toggleComponentClass = _this$props10.toggleComponentClass,\n        draggable = _this$props10.draggable,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props10, [\"name\", \"multiple\", \"disabled\", \"accept\", \"children\", \"toggleComponentClass\", \"draggable\"]);\n    var unhandled = (0, _utils.getUnhandledProps)(Uploader, rest);\n    return React.createElement(_UploadTrigger.default, (0, _extends2.default)({}, unhandled, {\n      name: name,\n      key: \"trigger\",\n      multiple: multiple,\n      draggable: draggable,\n      disabled: disabled,\n      accept: accept,\n      ref: this.inputRef,\n      onChange: this.handleUploadTriggerChange,\n      componentClass: toggleComponentClass,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 361\n      },\n      __self: this\n    }), children);\n  };\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props11 = this.props,\n        classPrefix = _this$props11.classPrefix,\n        className = _this$props11.className,\n        listType = _this$props11.listType,\n        fileListVisible = _this$props11.fileListVisible,\n        locale = _this$props11.locale,\n        style = _this$props11.style,\n        draggable = _this$props11.draggable;\n    var classes = (0, _classnames.default)(className, classPrefix, this.addPrefix(listType), (_classNames = {}, _classNames[this.addPrefix('draggable')] = draggable, _classNames));\n    var renderList = [this.renderUploadTrigger()];\n\n    if (fileListVisible) {\n      renderList.push(this.renderFileItems());\n    }\n\n    if (listType === 'picture') {\n      renderList.reverse();\n    }\n\n    return React.createElement(_IntlContext.default.Provider, {\n      value: locale,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 402\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 403\n      },\n      __self: this\n    }, renderList));\n  };\n\n  return Uploader;\n}(React.Component);\n\nUploader.propTypes = {\n  action: _propTypes.default.string,\n  accept: _propTypes.default.string,\n  autoUpload: _propTypes.default.bool,\n  children: _propTypes.default.node,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  defaultFileList: _propTypes.default.array,\n  fileList: _propTypes.default.array,\n  data: _propTypes.default.object,\n  multiple: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  disabledFileItem: _propTypes.default.bool,\n  name: _propTypes.default.string,\n  timeout: _propTypes.default.number,\n  withCredentials: _propTypes.default.bool,\n  headers: _propTypes.default.object,\n  locale: _propTypes.default.object,\n  listType: _propTypes.default.oneOf(['text', 'picture-text', 'picture']),\n  shouldQueueUpdate: _propTypes.default.func,\n  shouldUpload: _propTypes.default.func,\n  onChange: _propTypes.default.func,\n  onUpload: _propTypes.default.func,\n  onReupload: _propTypes.default.func,\n  onPreview: _propTypes.default.func,\n  onError: _propTypes.default.func,\n  onSuccess: _propTypes.default.func,\n  onProgress: _propTypes.default.func,\n  onRemove: _propTypes.default.func,\n  maxPreviewFileSize: _propTypes.default.number,\n  style: _propTypes.default.object,\n  toggleComponentClass: _propTypes.default.elementType,\n  renderFileInfo: _propTypes.default.func,\n  removable: _propTypes.default.bool,\n  fileListVisible: _propTypes.default.bool,\n  draggable: _propTypes.default.bool\n};\nUploader.defaultProps = {\n  autoUpload: true,\n  timeout: 0,\n  name: 'file',\n  multiple: false,\n  disabled: false,\n  withCredentials: false,\n  data: {},\n  listType: 'text',\n  removable: true,\n  fileListVisible: true\n};\n\nvar _default = (0, _recompose.compose)((0, _withLocale.default)(['Uploader']), (0, _utils.defaultProps)({\n  classPrefix: 'uploader'\n}))(Uploader);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Uploader/Uploader.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/assertThisInitialized */ \"./node_modules/@babel/runtime/helpers/assertThisInitialized.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _find2 = _interopRequireDefault(__webpack_require__(/*! lodash/find */ \"./node_modules/lodash/find.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _IntlContext = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/IntlContext */ \"./src/IntlProvider/IntlContext.ts\"));\n\nvar _withLocale = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/withLocale */ \"./src/IntlProvider/withLocale.tsx\"));\n\nvar _UploadFileItem = _interopRequireDefault(__webpack_require__(/*! ./UploadFileItem */ \"./src/Uploader/UploadFileItem.tsx\"));\n\nvar _UploadTrigger = _interopRequireDefault(__webpack_require__(/*! ./UploadTrigger */ \"./src/Uploader/UploadTrigger.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/Uploader/utils.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Uploader/Uploader.tsx\";\n\nvar Uploader =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Uploader, _React$Component);\n\n  function Uploader(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.inputRef = void 0;\n\n    _this.handleRemoveFile = function (fileKey) {\n      var _this$props$onRemove, _this$props, _this$props$onChange, _this$props2;\n\n      var fileList = _this.getFileList();\n\n      var file = (0, _find2.default)(fileList, function (f) {\n        return f.fileKey === fileKey;\n      });\n      var nextFileList = fileList.filter(function (f) {\n        return f.fileKey !== fileKey;\n      });\n\n      if (_this.xhrs[file.fileKey] && _this.xhrs[file.fileKey].readyState !== 4) {\n        _this.xhrs[file.fileKey].abort();\n      }\n\n      _this.setState({\n        fileList: nextFileList\n      });\n\n      (_this$props$onRemove = (_this$props = _this.props).onRemove) === null || _this$props$onRemove === void 0 ? void 0 : _this$props$onRemove.call(_this$props, file);\n      (_this$props$onChange = (_this$props2 = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props2, nextFileList);\n\n      _this.cleanInputValue();\n    };\n\n    _this.handleUploadTriggerChange = function (event) {\n      var _this$props3 = _this.props,\n          autoUpload = _this$props3.autoUpload,\n          shouldQueueUpdate = _this$props3.shouldQueueUpdate,\n          onChange = _this$props3.onChange;\n\n      var fileList = _this.getFileList();\n\n      var files = (0, _utils2.getFiles)(event);\n      var newFileList = [];\n      Array.from(files).forEach(function (file) {\n        newFileList.push({\n          blobFile: file,\n          name: file.name,\n          status: 'inited',\n          fileKey: (0, _utils2.guid)()\n        });\n      });\n      var nextFileList = [].concat(fileList, newFileList);\n      var checkState = shouldQueueUpdate === null || shouldQueueUpdate === void 0 ? void 0 : shouldQueueUpdate(nextFileList, newFileList);\n\n      var upload = function upload() {\n        onChange === null || onChange === void 0 ? void 0 : onChange(nextFileList);\n\n        _this.setState({\n          fileList: nextFileList\n        }, function () {\n          autoUpload && _this.handleAjaxUpload();\n        });\n      };\n\n      if (checkState instanceof Promise) {\n        checkState.then(function (res) {\n          if (res) {\n            upload();\n          }\n        });\n        return;\n      } else if (checkState === false) {\n        _this.cleanInputValue();\n\n        return;\n      }\n\n      upload();\n    };\n\n    _this.handleAjaxUploadSuccess = function (file, response, event, xhr) {\n      var nextFile = (0, _extends2.default)({}, file, {\n        status: 'finished',\n        progress: 100\n      });\n\n      _this.updateFileList(nextFile, function () {\n        var _this$props$onSuccess, _this$props4;\n\n        (_this$props$onSuccess = (_this$props4 = _this.props).onSuccess) === null || _this$props$onSuccess === void 0 ? void 0 : _this$props$onSuccess.call(_this$props4, response, nextFile, event, xhr);\n      });\n    };\n\n    _this.handleAjaxUploadError = function (file, status, event, xhr) {\n      var nextFile = (0, _extends2.default)({}, file, {\n        status: 'error'\n      });\n\n      _this.updateFileList(nextFile, function () {\n        var _this$props$onError, _this$props5;\n\n        (_this$props$onError = (_this$props5 = _this.props).onError) === null || _this$props$onError === void 0 ? void 0 : _this$props$onError.call(_this$props5, status, nextFile, event, xhr);\n      });\n    };\n\n    _this.handleAjaxUploadProgress = function (file, percent, event, xhr) {\n      var nextFile = (0, _extends2.default)({}, file, {\n        status: 'uploading',\n        progress: percent\n      });\n\n      _this.updateFileList(nextFile, function () {\n        var _this$props$onProgres, _this$props6;\n\n        (_this$props$onProgres = (_this$props6 = _this.props).onProgress) === null || _this$props$onProgres === void 0 ? void 0 : _this$props$onProgres.call(_this$props6, percent, nextFile, event, xhr);\n      });\n    };\n\n    _this.handleUploadFile = function (file) {\n      var _this$props7 = _this.props,\n          name = _this$props7.name,\n          action = _this$props7.action,\n          headers = _this$props7.headers,\n          withCredentials = _this$props7.withCredentials,\n          timeout = _this$props7.timeout,\n          data = _this$props7.data,\n          onUpload = _this$props7.onUpload;\n      var xhr = (0, _utils.ajaxUpload)({\n        name: name,\n        timeout: timeout,\n        headers: headers,\n        data: data,\n        withCredentials: withCredentials,\n        file: file.blobFile,\n        url: action,\n        onError: _this.handleAjaxUploadError.bind((0, _assertThisInitialized2.default)(_this), file),\n        onSuccess: _this.handleAjaxUploadSuccess.bind((0, _assertThisInitialized2.default)(_this), file),\n        onProgress: _this.handleAjaxUploadProgress.bind((0, _assertThisInitialized2.default)(_this), file)\n      });\n\n      _this.updateFileList((0, _extends2.default)({}, file, {\n        status: 'uploading'\n      }));\n\n      _this.xhrs[file.fileKey] = xhr;\n      onUpload === null || onUpload === void 0 ? void 0 : onUpload(file);\n    };\n\n    _this.handleReupload = function (file) {\n      var _this$props8 = _this.props,\n          onReupload = _this$props8.onReupload,\n          autoUpload = _this$props8.autoUpload;\n      autoUpload && _this.handleUploadFile(file);\n      onReupload === null || onReupload === void 0 ? void 0 : onReupload(file);\n    };\n\n    _this.createFile = function (file) {\n      var fileKey = file.fileKey;\n      return (0, _extends2.default)({}, file, {\n        fileKey: fileKey || (0, _utils2.guid)(),\n        progress: 0\n      });\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.progressTimer = void 0;\n    _this.xhrs = {};\n    _this.uploadTrigger = null;\n    var _props$defaultFileLis = props.defaultFileList,\n        defaultFileList = _props$defaultFileLis === void 0 ? [] : _props$defaultFileLis;\n\n    var _fileList = defaultFileList.map(_this.createFile);\n\n    _this.state = {\n      fileList: _fileList,\n      fileMap: {}\n    };\n    _this.inputRef = React.createRef();\n    return _this;\n  } // public API\n\n\n  var _proto = Uploader.prototype;\n\n  _proto.start = function start(file) {\n    if (file) {\n      this.handleUploadFile(file);\n      return;\n    }\n\n    this.handleAjaxUpload();\n  };\n\n  _proto.getFileList = function getFileList() {\n    var fileList = this.props.fileList;\n    var fileMap = this.state.fileMap;\n\n    if (typeof fileList !== 'undefined') {\n      return fileList.map(function (file) {\n        return (0, _extends2.default)({}, file, {}, fileMap[file.fileKey]);\n      });\n    }\n\n    return this.state.fileList;\n  };\n\n  _proto.cleanInputValue = function cleanInputValue() {\n    if (this.inputRef.current) {\n      this.inputRef.current.getInputInstance().value = '';\n    }\n  };\n\n  _proto.handleAjaxUpload = function handleAjaxUpload() {\n    var _this2 = this;\n\n    var shouldUpload = this.props.shouldUpload;\n    var fileList = this.getFileList();\n    fileList.forEach(function (file) {\n      var checkState = shouldUpload === null || shouldUpload === void 0 ? void 0 : shouldUpload(file);\n\n      if (checkState instanceof Promise) {\n        checkState.then(function (res) {\n          if (res) {\n            _this2.handleUploadFile(file);\n          }\n        });\n        return;\n      } else if (checkState === false) {\n        return;\n      }\n\n      if (file.status === 'inited') {\n        _this2.handleUploadFile(file);\n      }\n    });\n    this.cleanInputValue();\n  };\n\n  _proto.updateFileList = function updateFileList(nextFile, callback) {\n    var fileList = this.getFileList();\n    var nextFileList = fileList.map(function (file) {\n      return file.fileKey === nextFile.fileKey ? nextFile : file;\n    });\n    var nextState = {\n      fileList: nextFileList\n    };\n\n    if (nextFile.progress || nextFile.status === 'error') {\n      var fileMap = this.state.fileMap;\n      fileMap[nextFile.fileKey] = {\n        progress: nextFile.progress,\n        status: nextFile.status\n      };\n      nextState.fileMap = fileMap;\n    }\n\n    this.setState(nextState, callback);\n  };\n\n  _proto.renderFileItems = function renderFileItems() {\n    var _this3 = this;\n\n    var _this$props9 = this.props,\n        disabledFileItem = _this$props9.disabledFileItem,\n        listType = _this$props9.listType,\n        onPreview = _this$props9.onPreview,\n        maxPreviewFileSize = _this$props9.maxPreviewFileSize,\n        renderFileInfo = _this$props9.renderFileInfo,\n        removable = _this$props9.removable;\n    var fileList = this.getFileList();\n    return React.createElement(\"div\", {\n      key: \"items\",\n      className: this.addPrefix('file-items'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 327\n      },\n      __self: this\n    }, fileList.map(function (file, index) {\n      return React.createElement(_UploadFileItem.default, {\n        key: file.fileKey || index,\n        file: file,\n        maxPreviewFileSize: maxPreviewFileSize,\n        listType: listType,\n        disabled: disabledFileItem,\n        onPreview: onPreview,\n        onReupload: _this3.handleReupload,\n        onCancel: _this3.handleRemoveFile,\n        renderFileInfo: renderFileInfo,\n        removable: removable,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 329\n        },\n        __self: this\n      });\n    }));\n  };\n\n  _proto.renderUploadTrigger = function renderUploadTrigger() {\n    var _this$props10 = this.props,\n        name = _this$props10.name,\n        multiple = _this$props10.multiple,\n        disabled = _this$props10.disabled,\n        accept = _this$props10.accept,\n        children = _this$props10.children,\n        toggleComponentClass = _this$props10.toggleComponentClass,\n        draggable = _this$props10.draggable,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props10, [\"name\", \"multiple\", \"disabled\", \"accept\", \"children\", \"toggleComponentClass\", \"draggable\"]);\n    var unhandled = (0, _utils.getUnhandledProps)(Uploader, rest);\n    return React.createElement(_UploadTrigger.default, (0, _extends2.default)({}, unhandled, {\n      name: name,\n      key: \"trigger\",\n      multiple: multiple,\n      draggable: draggable,\n      disabled: disabled,\n      accept: accept,\n      ref: this.inputRef,\n      onChange: this.handleUploadTriggerChange,\n      componentClass: toggleComponentClass,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 360\n      },\n      __self: this\n    }), children);\n  };\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props11 = this.props,\n        classPrefix = _this$props11.classPrefix,\n        className = _this$props11.className,\n        listType = _this$props11.listType,\n        fileListVisible = _this$props11.fileListVisible,\n        locale = _this$props11.locale,\n        style = _this$props11.style,\n        draggable = _this$props11.draggable;\n    var classes = (0, _classnames.default)(className, classPrefix, this.addPrefix(listType), (_classNames = {}, _classNames[this.addPrefix('draggable')] = draggable, _classNames));\n    var renderList = [this.renderUploadTrigger()];\n\n    if (fileListVisible) {\n      renderList.push(this.renderFileItems());\n    }\n\n    if (listType === 'picture') {\n      renderList.reverse();\n    }\n\n    return React.createElement(_IntlContext.default.Provider, {\n      value: locale,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 401\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 402\n      },\n      __self: this\n    }, renderList));\n  };\n\n  return Uploader;\n}(React.Component);\n\nUploader.propTypes = {\n  action: _propTypes.default.string,\n  accept: _propTypes.default.string,\n  autoUpload: _propTypes.default.bool,\n  children: _propTypes.default.node,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  defaultFileList: _propTypes.default.array,\n  fileList: _propTypes.default.array,\n  data: _propTypes.default.object,\n  multiple: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  disabledFileItem: _propTypes.default.bool,\n  name: _propTypes.default.string,\n  timeout: _propTypes.default.number,\n  withCredentials: _propTypes.default.bool,\n  headers: _propTypes.default.object,\n  locale: _propTypes.default.object,\n  listType: _propTypes.default.oneOf(['text', 'picture-text', 'picture']),\n  shouldQueueUpdate: _propTypes.default.func,\n  shouldUpload: _propTypes.default.func,\n  onChange: _propTypes.default.func,\n  onUpload: _propTypes.default.func,\n  onReupload: _propTypes.default.func,\n  onPreview: _propTypes.default.func,\n  onError: _propTypes.default.func,\n  onSuccess: _propTypes.default.func,\n  onProgress: _propTypes.default.func,\n  onRemove: _propTypes.default.func,\n  maxPreviewFileSize: _propTypes.default.number,\n  style: _propTypes.default.object,\n  toggleComponentClass: _propTypes.default.elementType,\n  renderFileInfo: _propTypes.default.func,\n  removable: _propTypes.default.bool,\n  fileListVisible: _propTypes.default.bool,\n  draggable: _propTypes.default.bool\n};\nUploader.defaultProps = {\n  autoUpload: true,\n  timeout: 0,\n  name: 'file',\n  multiple: false,\n  disabled: false,\n  withCredentials: false,\n  data: {},\n  listType: 'text',\n  removable: true,\n  fileListVisible: true\n};\n\nvar _default = (0, _utils.compose)((0, _withLocale.default)(['Uploader']), (0, _utils.defaultProps)({\n  classPrefix: 'uploader'\n}))(Uploader);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Uploader/Uploader.tsx?");
 
 /***/ }),
 
@@ -10527,7 +10408,7 @@ eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/h
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("/* WEBPACK VAR INJECTION */(function(process) {\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _prefix = __webpack_require__(/*! ./prefix */ \"./src/utils/prefix.ts\");\n\nvar _extendReactStatics = _interopRequireDefault(__webpack_require__(/*! ./extendReactStatics */ \"./src/utils/extendReactStatics.ts\"));\n\nfunction defaultProps(props) {\n  var classPrefix = props.classPrefix,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"classPrefix\"]);\n  return function (BaseComponent) {\n    var DefaultProps = React.forwardRef(function (ownerProps, ref) {\n      return React.createElement(BaseComponent, (0, _extends2.default)({\n        ref: ref\n      }, ownerProps));\n    });\n    DefaultProps.displayName = BaseComponent.displayName;\n    DefaultProps.defaultProps = (0, _extends2.default)({}, BaseComponent.defaultProps, {}, rest, {\n      classPrefix: classPrefix ? \"\" + (0, _prefix.getClassNamePrefix)() + classPrefix : undefined\n    });\n    (0, _extendReactStatics.default)(DefaultProps, BaseComponent);\n\n    if (process.env.RUN_ENV === 'test') {\n      return (0, _recompose.setDisplayName)((0, _recompose.wrapDisplayName)(BaseComponent, '__test__'))(DefaultProps);\n    }\n\n    return (0, _recompose.setDisplayName)((0, _recompose.wrapDisplayName)(BaseComponent, 'defaultProps'))(DefaultProps);\n  };\n}\n\nvar _default = defaultProps;\nexports.default = _default;\nmodule.exports = exports.default;\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../node_modules/process/browser.js */ \"./node_modules/process/browser.js\")))\n\n//# sourceURL=webpack://rsuite/./src/utils/defaultProps.ts?");
+eval("/* WEBPACK VAR INJECTION */(function(process) {\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _recompose = __webpack_require__(/*! ./recompose */ \"./src/utils/recompose.ts\");\n\nvar _prefix = __webpack_require__(/*! ./prefix */ \"./src/utils/prefix.ts\");\n\nvar _extendReactStatics = _interopRequireDefault(__webpack_require__(/*! ./extendReactStatics */ \"./src/utils/extendReactStatics.ts\"));\n\nfunction defaultProps(props) {\n  var classPrefix = props.classPrefix,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"classPrefix\"]);\n  return function (BaseComponent) {\n    var DefaultProps = React.forwardRef(function (ownerProps, ref) {\n      return React.createElement(BaseComponent, (0, _extends2.default)({\n        ref: ref\n      }, ownerProps));\n    });\n    DefaultProps.displayName = BaseComponent.displayName;\n    DefaultProps.defaultProps = (0, _extends2.default)({}, BaseComponent.defaultProps, {}, rest, {\n      classPrefix: classPrefix ? \"\" + (0, _prefix.getClassNamePrefix)() + classPrefix : undefined\n    });\n    (0, _extendReactStatics.default)(DefaultProps, BaseComponent);\n\n    if (process.env.RUN_ENV === 'test') {\n      return (0, _recompose.setDisplayName)((0, _recompose.wrapDisplayName)(BaseComponent, '__test__'))(DefaultProps);\n    }\n\n    return (0, _recompose.setDisplayName)((0, _recompose.wrapDisplayName)(BaseComponent, 'defaultProps'))(DefaultProps);\n  };\n}\n\nvar _default = defaultProps;\nexports.default = _default;\nmodule.exports = exports.default;\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../node_modules/process/browser.js */ \"./node_modules/process/browser.js\")))\n\n//# sourceURL=webpack://rsuite/./src/utils/defaultProps.ts?");
 
 /***/ }),
 
@@ -10659,7 +10540,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nvar _exportNames = {\n  withStyleProps: true,\n  prefix: true,\n  createChainedFunction: true,\n  defaultProps: true,\n  getUnhandledProps: true,\n  isOneOf: true,\n  ReactChildren: true,\n  tplTransform: true,\n  ajaxUpload: true,\n  previewFile: true,\n  getDataGroupBy: true,\n  clone: true,\n  findNodesOfTree: true,\n  createContext: true,\n  placementPolyfill: true,\n  getMonthView: true,\n  isRTL: true,\n  refType: true,\n  mergeRefs: true,\n  getDOMNode: true,\n  defaultClassPrefix: true,\n  getClassNamePrefix: true,\n  globalKey: true\n};\nexports.globalKey = exports.getClassNamePrefix = exports.defaultClassPrefix = exports.getDOMNode = exports.mergeRefs = exports.refType = exports.isRTL = exports.getMonthView = exports.placementPolyfill = exports.createContext = exports.findNodesOfTree = exports.clone = exports.getDataGroupBy = exports.previewFile = exports.ajaxUpload = exports.tplTransform = exports.ReactChildren = exports.isOneOf = exports.getUnhandledProps = exports.defaultProps = exports.createChainedFunction = exports.prefix = exports.withStyleProps = void 0;\n\nvar _BrowserDetection = __webpack_require__(/*! ./BrowserDetection */ \"./src/utils/BrowserDetection.ts\");\n\nObject.keys(_BrowserDetection).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  exports[key] = _BrowserDetection[key];\n});\n\nvar _htmlPropsUtils = __webpack_require__(/*! ./htmlPropsUtils */ \"./src/utils/htmlPropsUtils.ts\");\n\nObject.keys(_htmlPropsUtils).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  exports[key] = _htmlPropsUtils[key];\n});\n\nvar _withStyleProps = _interopRequireDefault(__webpack_require__(/*! ./withStyleProps */ \"./src/utils/withStyleProps.tsx\"));\n\nexports.withStyleProps = _withStyleProps.default;\n\nvar _prefix = _interopRequireWildcard(__webpack_require__(/*! ./prefix */ \"./src/utils/prefix.ts\"));\n\nexports.prefix = _prefix.default;\nexports.defaultClassPrefix = _prefix.defaultClassPrefix;\nexports.getClassNamePrefix = _prefix.getClassNamePrefix;\nexports.globalKey = _prefix.globalKey;\n\nvar _createChainedFunction = _interopRequireDefault(__webpack_require__(/*! ./createChainedFunction */ \"./src/utils/createChainedFunction.ts\"));\n\nexports.createChainedFunction = _createChainedFunction.default;\n\nvar _defaultProps = _interopRequireDefault(__webpack_require__(/*! ./defaultProps */ \"./src/utils/defaultProps.ts\"));\n\nexports.defaultProps = _defaultProps.default;\n\nvar _getUnhandledProps = _interopRequireDefault(__webpack_require__(/*! ./getUnhandledProps */ \"./src/utils/getUnhandledProps.ts\"));\n\nexports.getUnhandledProps = _getUnhandledProps.default;\n\nvar _isOneOf = _interopRequireDefault(__webpack_require__(/*! ./isOneOf */ \"./src/utils/isOneOf.ts\"));\n\nexports.isOneOf = _isOneOf.default;\n\nvar _ReactChildren = _interopRequireDefault(__webpack_require__(/*! ./ReactChildren */ \"./src/utils/ReactChildren.tsx\"));\n\nexports.ReactChildren = _ReactChildren.default;\n\nvar _tplTransform = _interopRequireDefault(__webpack_require__(/*! ./tplTransform */ \"./src/utils/tplTransform.tsx\"));\n\nexports.tplTransform = _tplTransform.default;\n\nvar _ajaxUpload = _interopRequireDefault(__webpack_require__(/*! ./ajaxUpload */ \"./src/utils/ajaxUpload.ts\"));\n\nexports.ajaxUpload = _ajaxUpload.default;\n\nvar _previewFile = _interopRequireDefault(__webpack_require__(/*! ./previewFile */ \"./src/utils/previewFile.ts\"));\n\nexports.previewFile = _previewFile.default;\n\nvar _getDataGroupBy = _interopRequireDefault(__webpack_require__(/*! ./getDataGroupBy */ \"./src/utils/getDataGroupBy.ts\"));\n\nexports.getDataGroupBy = _getDataGroupBy.default;\n\nvar _clone = _interopRequireDefault(__webpack_require__(/*! ./clone */ \"./src/utils/clone.ts\"));\n\nexports.clone = _clone.default;\n\nvar _findNodesOfTree = _interopRequireDefault(__webpack_require__(/*! ./findNodesOfTree */ \"./src/utils/findNodesOfTree.ts\"));\n\nexports.findNodesOfTree = _findNodesOfTree.default;\n\nvar _createContext = _interopRequireDefault(__webpack_require__(/*! ./createContext */ \"./src/utils/createContext.ts\"));\n\nexports.createContext = _createContext.default;\n\nvar _placementPolyfill = _interopRequireDefault(__webpack_require__(/*! ./placementPolyfill */ \"./src/utils/placementPolyfill.ts\"));\n\nexports.placementPolyfill = _placementPolyfill.default;\n\nvar _getMonthView = _interopRequireDefault(__webpack_require__(/*! ./getMonthView */ \"./src/utils/getMonthView.ts\"));\n\nexports.getMonthView = _getMonthView.default;\n\nvar _directionUtil = _interopRequireDefault(__webpack_require__(/*! ./directionUtil */ \"./src/utils/directionUtil.ts\"));\n\nexports.isRTL = _directionUtil.default;\n\nvar _refType = _interopRequireDefault(__webpack_require__(/*! ./refType */ \"./src/utils/refType.ts\"));\n\nexports.refType = _refType.default;\n\nvar _mergeRefs = _interopRequireDefault(__webpack_require__(/*! ./mergeRefs */ \"./src/utils/mergeRefs.ts\"));\n\nexports.mergeRefs = _mergeRefs.default;\n\nvar _getDOMNode = _interopRequireDefault(__webpack_require__(/*! ./getDOMNode */ \"./src/utils/getDOMNode.ts\"));\n\nexports.getDOMNode = _getDOMNode.default;\n\n//# sourceURL=webpack://rsuite/./src/utils/index.ts?");
+eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nvar _exportNames = {\n  withStyleProps: true,\n  prefix: true,\n  createChainedFunction: true,\n  defaultProps: true,\n  getUnhandledProps: true,\n  isOneOf: true,\n  ReactChildren: true,\n  tplTransform: true,\n  ajaxUpload: true,\n  previewFile: true,\n  getDataGroupBy: true,\n  clone: true,\n  findNodesOfTree: true,\n  createContext: true,\n  placementPolyfill: true,\n  getMonthView: true,\n  isRTL: true,\n  refType: true,\n  mergeRefs: true,\n  getDOMNode: true,\n  defaultClassPrefix: true,\n  getClassNamePrefix: true,\n  globalKey: true\n};\nexports.globalKey = exports.getClassNamePrefix = exports.defaultClassPrefix = exports.getDOMNode = exports.mergeRefs = exports.refType = exports.isRTL = exports.getMonthView = exports.placementPolyfill = exports.createContext = exports.findNodesOfTree = exports.clone = exports.getDataGroupBy = exports.previewFile = exports.ajaxUpload = exports.tplTransform = exports.ReactChildren = exports.isOneOf = exports.getUnhandledProps = exports.defaultProps = exports.createChainedFunction = exports.prefix = exports.withStyleProps = void 0;\n\nvar _BrowserDetection = __webpack_require__(/*! ./BrowserDetection */ \"./src/utils/BrowserDetection.ts\");\n\nObject.keys(_BrowserDetection).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  exports[key] = _BrowserDetection[key];\n});\n\nvar _htmlPropsUtils = __webpack_require__(/*! ./htmlPropsUtils */ \"./src/utils/htmlPropsUtils.ts\");\n\nObject.keys(_htmlPropsUtils).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  exports[key] = _htmlPropsUtils[key];\n});\n\nvar _withStyleProps = _interopRequireDefault(__webpack_require__(/*! ./withStyleProps */ \"./src/utils/withStyleProps.tsx\"));\n\nexports.withStyleProps = _withStyleProps.default;\n\nvar _recompose = __webpack_require__(/*! ./recompose */ \"./src/utils/recompose.ts\");\n\nObject.keys(_recompose).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  exports[key] = _recompose[key];\n});\n\nvar _prefix = _interopRequireWildcard(__webpack_require__(/*! ./prefix */ \"./src/utils/prefix.ts\"));\n\nexports.prefix = _prefix.default;\nexports.defaultClassPrefix = _prefix.defaultClassPrefix;\nexports.getClassNamePrefix = _prefix.getClassNamePrefix;\nexports.globalKey = _prefix.globalKey;\n\nvar _createChainedFunction = _interopRequireDefault(__webpack_require__(/*! ./createChainedFunction */ \"./src/utils/createChainedFunction.ts\"));\n\nexports.createChainedFunction = _createChainedFunction.default;\n\nvar _defaultProps = _interopRequireDefault(__webpack_require__(/*! ./defaultProps */ \"./src/utils/defaultProps.ts\"));\n\nexports.defaultProps = _defaultProps.default;\n\nvar _getUnhandledProps = _interopRequireDefault(__webpack_require__(/*! ./getUnhandledProps */ \"./src/utils/getUnhandledProps.ts\"));\n\nexports.getUnhandledProps = _getUnhandledProps.default;\n\nvar _isOneOf = _interopRequireDefault(__webpack_require__(/*! ./isOneOf */ \"./src/utils/isOneOf.ts\"));\n\nexports.isOneOf = _isOneOf.default;\n\nvar _ReactChildren = _interopRequireDefault(__webpack_require__(/*! ./ReactChildren */ \"./src/utils/ReactChildren.tsx\"));\n\nexports.ReactChildren = _ReactChildren.default;\n\nvar _tplTransform = _interopRequireDefault(__webpack_require__(/*! ./tplTransform */ \"./src/utils/tplTransform.tsx\"));\n\nexports.tplTransform = _tplTransform.default;\n\nvar _ajaxUpload = _interopRequireDefault(__webpack_require__(/*! ./ajaxUpload */ \"./src/utils/ajaxUpload.ts\"));\n\nexports.ajaxUpload = _ajaxUpload.default;\n\nvar _previewFile = _interopRequireDefault(__webpack_require__(/*! ./previewFile */ \"./src/utils/previewFile.ts\"));\n\nexports.previewFile = _previewFile.default;\n\nvar _getDataGroupBy = _interopRequireDefault(__webpack_require__(/*! ./getDataGroupBy */ \"./src/utils/getDataGroupBy.ts\"));\n\nexports.getDataGroupBy = _getDataGroupBy.default;\n\nvar _clone = _interopRequireDefault(__webpack_require__(/*! ./clone */ \"./src/utils/clone.ts\"));\n\nexports.clone = _clone.default;\n\nvar _findNodesOfTree = _interopRequireDefault(__webpack_require__(/*! ./findNodesOfTree */ \"./src/utils/findNodesOfTree.ts\"));\n\nexports.findNodesOfTree = _findNodesOfTree.default;\n\nvar _createContext = _interopRequireDefault(__webpack_require__(/*! ./createContext */ \"./src/utils/createContext.ts\"));\n\nexports.createContext = _createContext.default;\n\nvar _placementPolyfill = _interopRequireDefault(__webpack_require__(/*! ./placementPolyfill */ \"./src/utils/placementPolyfill.ts\"));\n\nexports.placementPolyfill = _placementPolyfill.default;\n\nvar _getMonthView = _interopRequireDefault(__webpack_require__(/*! ./getMonthView */ \"./src/utils/getMonthView.ts\"));\n\nexports.getMonthView = _getMonthView.default;\n\nvar _directionUtil = _interopRequireDefault(__webpack_require__(/*! ./directionUtil */ \"./src/utils/directionUtil.ts\"));\n\nexports.isRTL = _directionUtil.default;\n\nvar _refType = _interopRequireDefault(__webpack_require__(/*! ./refType */ \"./src/utils/refType.ts\"));\n\nexports.refType = _refType.default;\n\nvar _mergeRefs = _interopRequireDefault(__webpack_require__(/*! ./mergeRefs */ \"./src/utils/mergeRefs.ts\"));\n\nexports.mergeRefs = _mergeRefs.default;\n\nvar _getDOMNode = _interopRequireDefault(__webpack_require__(/*! ./getDOMNode */ \"./src/utils/getDOMNode.ts\"));\n\nexports.getDOMNode = _getDOMNode.default;\n\n//# sourceURL=webpack://rsuite/./src/utils/index.ts?");
 
 /***/ }),
 
@@ -10735,6 +10616,18 @@ eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/h
 
 /***/ }),
 
+/***/ "./src/utils/recompose.ts":
+/*!********************************!*\
+  !*** ./src/utils/recompose.ts ***!
+  \********************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nexports.__esModule = true;\nexports.compose = compose;\nexports.setStatic = setStatic;\nexports.setDisplayName = setDisplayName;\nexports.getDisplayName = getDisplayName;\nexports.wrapDisplayName = wrapDisplayName;\nexports.setPropTypes = setPropTypes;\n\nfunction compose() {\n  for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {\n    funcs[_key] = arguments[_key];\n  }\n\n  return funcs.reduce(function (a, b) {\n    return function () {\n      return a(b.apply(void 0, arguments));\n    };\n  }, function (arg) {\n    return arg;\n  });\n}\n\nfunction setStatic(key, value) {\n  return function (BaseComponent) {\n    /* eslint-disable no-param-reassign */\n    BaseComponent[key] = value;\n    /* eslint-enable no-param-reassign */\n\n    return BaseComponent;\n  };\n}\n\nfunction setDisplayName(displayName) {\n  return setStatic('displayName', displayName);\n}\n\nfunction getDisplayName(component) {\n  if (typeof component === 'string') {\n    return component;\n  }\n\n  if (!component) {\n    return undefined;\n  }\n\n  return component.displayName || component.name || 'Component';\n}\n\nfunction wrapDisplayName(component, wrapperName) {\n  return wrapperName + \"(\" + getDisplayName(component) + \")\";\n}\n\nfunction setPropTypes(propTypes) {\n  return setStatic('propTypes', propTypes);\n}\n\n//# sourceURL=webpack://rsuite/./src/utils/recompose.ts?");
+
+/***/ }),
+
 /***/ "./src/utils/refType.ts":
 /*!******************************!*\
   !*** ./src/utils/refType.ts ***!
@@ -10827,7 +10720,7 @@ eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/h
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.shouldShowNodeByExpanded = shouldShowNodeByExpanded;\nexports.flattenTree = flattenTree;\nexports.getNodeParents = getNodeParents;\nexports.getVirtualLisHeight = getVirtualLisHeight;\nexports.hasVisibleChildren = hasVisibleChildren;\nexports.treeDeprecatedWarning = treeDeprecatedWarning;\nexports.compareArray = compareArray;\nexports.getExpandAll = getExpandAll;\nexports.getExpandItemValues = getExpandItemValues;\nexports.getExpandState = getExpandState;\nexports.getDragNodeKeys = getDragNodeKeys;\nexports.calDropNodePosition = calDropNodePosition;\nexports.removeDragNode = removeDragNode;\nexports.createUpdateTreeDataFunction = createUpdateTreeDataFunction;\nexports.findNodeOfTree = findNodeOfTree;\nexports.filterNodesOfTree = filterNodesOfTree;\nexports.getExpandWhenSearching = getExpandWhenSearching;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _isEmpty2 = _interopRequireDefault(__webpack_require__(/*! lodash/isEmpty */ \"./node_modules/lodash/isEmpty.js\"));\n\nvar _clone2 = _interopRequireDefault(__webpack_require__(/*! lodash/clone */ \"./node_modules/lodash/clone.js\"));\n\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _isArray2 = _interopRequireDefault(__webpack_require__(/*! lodash/isArray */ \"./node_modules/lodash/isArray.js\"));\n\nvar _intersection2 = _interopRequireDefault(__webpack_require__(/*! lodash/intersection */ \"./node_modules/lodash/intersection.js\"));\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _shallowEqualArray = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqualArray */ \"./src/utils/shallowEqualArray.ts\"));\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar SEARCH_BAR_HEIGHT = 48;\nvar MENU_PADDING = 12; // Tree Node 之间的 间隔\n\nvar TREE_NODE_GAP = 4;\n/**\n * 判断当前节点是否应该显示\n * @param {*} expandItemValues\n * @param {*} parentKeys\n */\n\nfunction shouldShowNodeByExpanded(expandItemValues, parentKeys) {\n  if (expandItemValues === void 0) {\n    expandItemValues = [];\n  }\n\n  if (parentKeys === void 0) {\n    parentKeys = [];\n  }\n\n  var intersectionKeys = (0, _intersection2.default)(expandItemValues, parentKeys);\n\n  if (intersectionKeys.length === parentKeys.length) {\n    return true;\n  }\n\n  return false;\n}\n/**\n * 拍平树结构为数组\n * @param {*} tree\n * @param {*} childrenKey\n * @param {*} executor\n */\n\n\nfunction flattenTree(tree, childrenKey, executor) {\n  if (childrenKey === void 0) {\n    childrenKey = 'children';\n  }\n\n  var flattenData = [];\n\n  var traverse = function traverse(data, parent) {\n    if (!(0, _isArray2.default)(data)) {\n      return;\n    }\n\n    data.forEach(function (item, index) {\n      var node = typeof executor === 'function' ? executor(item, index) : item;\n      node.parent = parent;\n      flattenData.push((0, _extends2.default)({}, node));\n\n      if (item[childrenKey]) {\n        traverse(item[childrenKey], item);\n      }\n    });\n  };\n\n  traverse(tree, null);\n  return flattenData;\n}\n/**\n * 获取树节点所有的祖先节点\n * @param {*} node\n */\n\n\nfunction getNodeParents(node, parentKey, valueKey) {\n  if (parentKey === void 0) {\n    parentKey = 'parent';\n  }\n\n  var parents = [];\n\n  var traverse = function traverse(node) {\n    if (node === null || node === void 0 ? void 0 : node[parentKey]) {\n      traverse(node[parentKey]);\n\n      if (valueKey) {\n        parents.push(node[parentKey][valueKey]);\n      } else {\n        parents.push(node[parentKey]);\n      }\n    }\n  };\n\n  traverse(node);\n  return parents;\n}\n/**\n * 获取 VirtualList 的高度\n * @param {*} inline\n * @param {*} height\n */\n\n\nfunction getVirtualLisHeight(inline, searchable, height) {\n  if (height === void 0) {\n    height = 0;\n  }\n\n  var searchBarHeight = searchable ? SEARCH_BAR_HEIGHT : 0;\n  return inline ? height - MENU_PADDING * 2 : height - searchBarHeight - MENU_PADDING * 2;\n}\n/**\n * 判断节点是否存在可见的子节点。\n * @param node\n */\n\n\nfunction hasVisibleChildren(node, childrenKey) {\n  if (!Array.isArray(node[childrenKey])) {\n    return false;\n  }\n\n  return node[childrenKey].some(function (child) {\n    return child.visible;\n  });\n}\n/**\n * 废弃 prop warning\n * @param prop\n */\n\n\nfunction treeDeprecatedWarning(props, keys) {\n  if (keys === void 0) {\n    keys = [];\n  }\n\n  keys.forEach(function (key) {\n    if (!(0, _isUndefined2.default)(props[key])) {\n      console.warn(\"'Warning: \" + key + \" is deprecated and will be removed in a future release.'\");\n    }\n  });\n}\n/**\n * 浅比较两个数组是否不一样\n * @param a\n * @param b\n */\n\n\nfunction compareArray(a, b) {\n  return (0, _isArray2.default)(a) && (0, _isArray2.default)(b) && !(0, _shallowEqualArray.default)(a, b);\n}\n/**\n * 获取 expandAll 的 value\n * @param props\n */\n\n\nfunction getExpandAll(props) {\n  var expandAll = props.expandAll,\n      defaultExpandAll = props.defaultExpandAll;\n  return !(0, _isUndefined2.default)(expandAll) ? expandAll : defaultExpandAll;\n}\n/**\n * 获取 expandItemValues 的 value\n * @param props\n */\n\n\nfunction getExpandItemValues(props) {\n  var expandItemValues = props.expandItemValues,\n      defaultExpandItemValues = props.defaultExpandItemValues;\n\n  if (!(0, _isUndefined2.default)(expandItemValues) && Array.isArray(expandItemValues)) {\n    return expandItemValues;\n  }\n\n  if (!(0, _isUndefined2.default)(defaultExpandItemValues) && Array.isArray(defaultExpandItemValues)) {\n    return defaultExpandItemValues;\n  }\n\n  return [];\n}\n/**\n * 获取节点展开状态\n * @param node\n * @param props\n */\n\n\nfunction getExpandState(node, props) {\n  var _node$childrenKey;\n\n  var valueKey = props.valueKey,\n      childrenKey = props.childrenKey,\n      expandItemValues = props.expandItemValues;\n  var expandAll = getExpandAll(props);\n  var expand = getExpandItemValues(props).some(function (value) {\n    return (0, _shallowEqual.default)(node[valueKey], value);\n  });\n\n  if (!(0, _isUndefined2.default)(expandItemValues)) {\n    return expand;\n  } else if ((_node$childrenKey = node[childrenKey]) === null || _node$childrenKey === void 0 ? void 0 : _node$childrenKey.length) {\n    if (!(0, _isNil2.default)(node.expand)) {\n      return !!node.expand;\n    } else if (expandAll) {\n      return true;\n    }\n\n    return false;\n  }\n\n  return false;\n}\n/**\n * 获取拖拽节点及子节点的key\n * @param node\n * @param childrenKey\n * @param valueKey\n */\n\n\nfunction getDragNodeKeys(dragNode, childrenKey, valueKey) {\n  var dragNodeKeys = [dragNode[valueKey]];\n\n  var traverse = function traverse(data) {\n    if ((data === null || data === void 0 ? void 0 : data.length) > 0) {\n      data.forEach(function (node) {\n        dragNodeKeys = dragNodeKeys.concat([node[valueKey]]);\n\n        if (node[childrenKey]) {\n          traverse(node[childrenKey]);\n        }\n      });\n    }\n  };\n\n  traverse(dragNode[childrenKey]);\n  return dragNodeKeys;\n}\n\nfunction calDropNodePosition(event, treeNodeElement) {\n  var clientY = event.clientY;\n\n  var _treeNodeElement$getB = treeNodeElement.getBoundingClientRect(),\n      top = _treeNodeElement$getB.top,\n      bottom = _treeNodeElement$getB.bottom;\n\n  var gap = TREE_NODE_GAP; // 处于节点下方\n\n  if (clientY >= bottom - gap && clientY <= bottom) {\n    return _constants.TREE_NODE_DROP_POSITION.DRAG_OVER_BOTTOM;\n  } // 处于节点上方\n\n\n  if (clientY <= top + gap && clientY >= top) {\n    return _constants.TREE_NODE_DROP_POSITION.DRAG_OVER_TOP;\n  }\n\n  if (clientY >= top + gap && clientY <= bottom - gap) {\n    return _constants.TREE_NODE_DROP_POSITION.DRAG_OVER;\n  }\n\n  return -1;\n}\n\nfunction removeDragNode(data, params, _ref) {\n  var valueKey = _ref.valueKey,\n      childrenKey = _ref.childrenKey;\n  var dragNode = params.dragNode;\n\n  var traverse = function traverse(items, parent) {\n    for (var _index = 0; _index < items.length; _index += 1) {\n      var item = items[_index];\n\n      if ((0, _shallowEqual.default)(item[valueKey], dragNode[valueKey])) {\n        items.splice(_index, 1); // 当 children 为空，需要删除 children 属性，不显示角标\n\n        if (items.length === 0 && parent) {\n          delete parent.children;\n        }\n\n        break;\n      }\n\n      if (Array.isArray(item[childrenKey])) {\n        traverse(item[childrenKey], item);\n      }\n    }\n  };\n\n  traverse(data);\n}\n/**\n * 移动节点valueKey，先删除 dragNode 原本所在的数据，再将 dragNode 移动到拖动的位置\n * @param data\n * @param params\n */\n\n\nfunction createUpdateTreeDataFunction(params, _ref2) {\n  var valueKey = _ref2.valueKey,\n      childrenKey = _ref2.childrenKey;\n  return function (tree) {\n    var data = [].concat(tree);\n    var dragNode = params.dragNode,\n        dropNode = params.dropNode,\n        dropNodePosition = params.dropNodePosition;\n    removeDragNode(data, params, {\n      valueKey: valueKey,\n      childrenKey: childrenKey\n    });\n\n    var updateTree = function updateTree(items) {\n      for (var _index2 = 0; _index2 < items.length; _index2 += 1) {\n        var item = items[_index2];\n\n        if ((0, _shallowEqual.default)(item[valueKey], dropNode[valueKey])) {\n          // 拖拽到 dropNode内，作为 dropNode 的子节点\n          if (dropNodePosition === _constants.TREE_NODE_DROP_POSITION.DRAG_OVER) {\n            item[childrenKey] = (0, _isNil2.default)(item[childrenKey]) ? [] : item[childrenKey];\n            item[childrenKey].push(dragNode);\n            break;\n          } else if (dropNodePosition === _constants.TREE_NODE_DROP_POSITION.DRAG_OVER_TOP) {\n            // 拖拽到 dropNode 的上面\n            items.splice(_index2, 0, dragNode);\n            break;\n          } else if (dropNodePosition === _constants.TREE_NODE_DROP_POSITION.DRAG_OVER_BOTTOM) {\n            // 拖拽到 dropNode 的下面\n            items.splice(_index2 + 1, 0, dragNode);\n            break;\n          }\n        }\n\n        if (Array.isArray(item[childrenKey]) && item[childrenKey].length > 0) {\n          updateTree(item[childrenKey]);\n        }\n      }\n    };\n\n    updateTree(data);\n    return [].concat(data);\n  };\n}\n\nfunction findNodeOfTree(data, check) {\n  var findNode = function findNode(nodes) {\n    if (nodes === void 0) {\n      nodes = [];\n    }\n\n    for (var i = 0; i < nodes.length; i += 1) {\n      var item = nodes[i];\n\n      if ((0, _isArray2.default)(item.children)) {\n        var _node = findNode(item.children);\n\n        if (_node) {\n          return _node;\n        }\n      }\n\n      if (check(item)) {\n        return item;\n      }\n    }\n\n    return undefined;\n  };\n\n  return findNode(data);\n}\n\nfunction filterNodesOfTree(data, check) {\n  var findNodes = function findNodes(nodes) {\n    if (nodes === void 0) {\n      nodes = [];\n    }\n\n    var nextNodes = [];\n\n    for (var i = 0; i < nodes.length; i += 1) {\n      if ((0, _isArray2.default)(nodes[i].children)) {\n        var nextChildren = findNodes(nodes[i].children);\n\n        if (nextChildren.length) {\n          var item = (0, _clone2.default)(nodes[i]);\n          item.children = nextChildren;\n          nextNodes.push(item);\n          continue;\n        }\n      }\n\n      if (check(nodes[i])) {\n        nextNodes.push(nodes[i]);\n      }\n    }\n\n    return nextNodes;\n  };\n\n  return findNodes(data);\n}\n/**\n * 根据是否处于搜索状态来返回 expand 的值。如果处于搜索状态下，则展开所有的节点\n * @param searchKeyword\n * @param expand\n */\n\n\nfunction getExpandWhenSearching(searchKeyword, expand) {\n  return !(0, _isEmpty2.default)(searchKeyword) ? true : expand;\n}\n\n//# sourceURL=webpack://rsuite/./src/utils/treeUtils.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.shouldShowNodeByExpanded = shouldShowNodeByExpanded;\nexports.flattenTree = flattenTree;\nexports.getNodeParents = getNodeParents;\nexports.getVirtualLisHeight = getVirtualLisHeight;\nexports.hasVisibleChildren = hasVisibleChildren;\nexports.treeDeprecatedWarning = treeDeprecatedWarning;\nexports.compareArray = compareArray;\nexports.getExpandAll = getExpandAll;\nexports.getExpandItemValues = getExpandItemValues;\nexports.getExpandState = getExpandState;\nexports.getDragNodeKeys = getDragNodeKeys;\nexports.calDropNodePosition = calDropNodePosition;\nexports.removeDragNode = removeDragNode;\nexports.createUpdateTreeDataFunction = createUpdateTreeDataFunction;\nexports.findNodeOfTree = findNodeOfTree;\nexports.filterNodesOfTree = filterNodesOfTree;\nexports.getExpandWhenSearching = getExpandWhenSearching;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _isEmpty2 = _interopRequireDefault(__webpack_require__(/*! lodash/isEmpty */ \"./node_modules/lodash/isEmpty.js\"));\n\nvar _clone2 = _interopRequireDefault(__webpack_require__(/*! lodash/clone */ \"./node_modules/lodash/clone.js\"));\n\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _isArray2 = _interopRequireDefault(__webpack_require__(/*! lodash/isArray */ \"./node_modules/lodash/isArray.js\"));\n\nvar _intersection2 = _interopRequireDefault(__webpack_require__(/*! lodash/intersection */ \"./node_modules/lodash/intersection.js\"));\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _shallowEqualArray = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqualArray */ \"./src/utils/shallowEqualArray.ts\"));\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar SEARCH_BAR_HEIGHT = 48;\nvar MENU_PADDING = 12; // Tree Node 之间的 间隔\n\nvar TREE_NODE_GAP = 4;\n/**\n * 判断当前节点是否应该显示\n * @param {*} expandItemValues\n * @param {*} parentKeys\n */\n\nfunction shouldShowNodeByExpanded(expandItemValues, parentKeys) {\n  if (expandItemValues === void 0) {\n    expandItemValues = [];\n  }\n\n  if (parentKeys === void 0) {\n    parentKeys = [];\n  }\n\n  var intersectionKeys = (0, _intersection2.default)(expandItemValues, parentKeys);\n\n  if (intersectionKeys.length === parentKeys.length) {\n    return true;\n  }\n\n  return false;\n}\n/**\n * 拍平树结构为数组\n * @param {*} tree\n * @param {*} childrenKey\n * @param {*} executor\n */\n\n\nfunction flattenTree(tree, childrenKey, executor) {\n  if (childrenKey === void 0) {\n    childrenKey = 'children';\n  }\n\n  var flattenData = [];\n\n  var traverse = function traverse(data, parent) {\n    if (!(0, _isArray2.default)(data)) {\n      return;\n    }\n\n    data.forEach(function (item, index) {\n      var node = typeof executor === 'function' ? executor(item, index) : item;\n      node.parent = parent;\n      flattenData.push((0, _extends2.default)({}, node));\n\n      if (item[childrenKey]) {\n        traverse(item[childrenKey], item);\n      }\n    });\n  };\n\n  traverse(tree, null);\n  return flattenData;\n}\n/**\n * 获取树节点所有的祖先节点\n * @param {*} node\n */\n\n\nfunction getNodeParents(node, parentKey, valueKey) {\n  if (parentKey === void 0) {\n    parentKey = 'parent';\n  }\n\n  var parents = [];\n\n  var traverse = function traverse(node) {\n    if (node === null || node === void 0 ? void 0 : node[parentKey]) {\n      traverse(node[parentKey]);\n\n      if (valueKey) {\n        parents.push(node[parentKey][valueKey]);\n      } else {\n        parents.push(node[parentKey]);\n      }\n    }\n  };\n\n  traverse(node);\n  return parents;\n}\n/**\n * 获取 VirtualList 的高度\n * @param {*} inline\n * @param {*} height\n */\n\n\nfunction getVirtualLisHeight(inline, searchable, height) {\n  if (height === void 0) {\n    height = 0;\n  }\n\n  var searchBarHeight = searchable ? SEARCH_BAR_HEIGHT : 0;\n  return inline ? height - MENU_PADDING * 2 : height - searchBarHeight - MENU_PADDING * 2;\n}\n/**\n * 判断节点是否存在可见的子节点。\n * @param node\n */\n\n\nfunction hasVisibleChildren(node, childrenKey) {\n  if (!Array.isArray(node[childrenKey])) {\n    return false;\n  }\n\n  return node[childrenKey].some(function (child) {\n    return child.visible;\n  });\n}\n/**\n * 废弃 prop warning\n * @param prop\n */\n\n\nfunction treeDeprecatedWarning(props, keys) {\n  if (keys === void 0) {\n    keys = [];\n  }\n\n  keys.forEach(function (key) {\n    if (!(0, _isUndefined2.default)(props[key])) {\n      console.warn(\"'Warning: \" + key + \" is deprecated and will be removed in a future release.'\");\n    }\n  });\n}\n/**\n * 浅比较两个数组是否不一样\n * @param a\n * @param b\n */\n\n\nfunction compareArray(a, b) {\n  if (!((0, _isArray2.default)(a) && (0, _isArray2.default)(b))) {\n    return a !== b;\n  }\n\n  return !(0, _shallowEqualArray.default)(a, b);\n}\n/**\n * 获取 expandAll 的 value\n * @param props\n */\n\n\nfunction getExpandAll(props) {\n  var expandAll = props.expandAll,\n      defaultExpandAll = props.defaultExpandAll;\n  return !(0, _isUndefined2.default)(expandAll) ? expandAll : defaultExpandAll;\n}\n/**\n * 获取 expandItemValues 的 value\n * @param props\n */\n\n\nfunction getExpandItemValues(props) {\n  var expandItemValues = props.expandItemValues,\n      defaultExpandItemValues = props.defaultExpandItemValues;\n\n  if (!(0, _isUndefined2.default)(expandItemValues) && Array.isArray(expandItemValues)) {\n    return expandItemValues;\n  }\n\n  if (!(0, _isUndefined2.default)(defaultExpandItemValues) && Array.isArray(defaultExpandItemValues)) {\n    return defaultExpandItemValues;\n  }\n\n  return [];\n}\n/**\n * 获取节点展开状态\n * @param node\n * @param props\n */\n\n\nfunction getExpandState(node, props) {\n  var _node$childrenKey;\n\n  var valueKey = props.valueKey,\n      childrenKey = props.childrenKey,\n      expandItemValues = props.expandItemValues;\n  var expandAll = getExpandAll(props);\n  var expand = getExpandItemValues(props).some(function (value) {\n    return (0, _shallowEqual.default)(node[valueKey], value);\n  });\n\n  if (!(0, _isUndefined2.default)(expandItemValues)) {\n    return expand;\n  } else if ((_node$childrenKey = node[childrenKey]) === null || _node$childrenKey === void 0 ? void 0 : _node$childrenKey.length) {\n    if (!(0, _isNil2.default)(node.expand)) {\n      return !!node.expand;\n    } else if (expandAll) {\n      return true;\n    }\n\n    return false;\n  }\n\n  return false;\n}\n/**\n * 获取拖拽节点及子节点的key\n * @param node\n * @param childrenKey\n * @param valueKey\n */\n\n\nfunction getDragNodeKeys(dragNode, childrenKey, valueKey) {\n  var dragNodeKeys = [dragNode[valueKey]];\n\n  var traverse = function traverse(data) {\n    if ((data === null || data === void 0 ? void 0 : data.length) > 0) {\n      data.forEach(function (node) {\n        dragNodeKeys = dragNodeKeys.concat([node[valueKey]]);\n\n        if (node[childrenKey]) {\n          traverse(node[childrenKey]);\n        }\n      });\n    }\n  };\n\n  traverse(dragNode[childrenKey]);\n  return dragNodeKeys;\n}\n\nfunction calDropNodePosition(event, treeNodeElement) {\n  var clientY = event.clientY;\n\n  var _treeNodeElement$getB = treeNodeElement.getBoundingClientRect(),\n      top = _treeNodeElement$getB.top,\n      bottom = _treeNodeElement$getB.bottom;\n\n  var gap = TREE_NODE_GAP; // 处于节点下方\n\n  if (clientY >= bottom - gap && clientY <= bottom) {\n    return _constants.TREE_NODE_DROP_POSITION.DRAG_OVER_BOTTOM;\n  } // 处于节点上方\n\n\n  if (clientY <= top + gap && clientY >= top) {\n    return _constants.TREE_NODE_DROP_POSITION.DRAG_OVER_TOP;\n  }\n\n  if (clientY >= top + gap && clientY <= bottom - gap) {\n    return _constants.TREE_NODE_DROP_POSITION.DRAG_OVER;\n  }\n\n  return -1;\n}\n\nfunction removeDragNode(data, params, _ref) {\n  var valueKey = _ref.valueKey,\n      childrenKey = _ref.childrenKey;\n  var dragNode = params.dragNode;\n\n  var traverse = function traverse(items, parent) {\n    for (var _index = 0; _index < items.length; _index += 1) {\n      var item = items[_index];\n\n      if ((0, _shallowEqual.default)(item[valueKey], dragNode[valueKey])) {\n        items.splice(_index, 1); // 当 children 为空，需要删除 children 属性，不显示角标\n\n        if (items.length === 0 && parent) {\n          delete parent.children;\n        }\n\n        break;\n      }\n\n      if (Array.isArray(item[childrenKey])) {\n        traverse(item[childrenKey], item);\n      }\n    }\n  };\n\n  traverse(data);\n}\n/**\n * 移动节点valueKey，先删除 dragNode 原本所在的数据，再将 dragNode 移动到拖动的位置\n * @param data\n * @param params\n */\n\n\nfunction createUpdateTreeDataFunction(params, _ref2) {\n  var valueKey = _ref2.valueKey,\n      childrenKey = _ref2.childrenKey;\n  return function (tree) {\n    var data = [].concat(tree);\n    var dragNode = params.dragNode,\n        dropNode = params.dropNode,\n        dropNodePosition = params.dropNodePosition;\n    removeDragNode(data, params, {\n      valueKey: valueKey,\n      childrenKey: childrenKey\n    });\n\n    var updateTree = function updateTree(items) {\n      for (var _index2 = 0; _index2 < items.length; _index2 += 1) {\n        var item = items[_index2];\n\n        if ((0, _shallowEqual.default)(item[valueKey], dropNode[valueKey])) {\n          // 拖拽到 dropNode内，作为 dropNode 的子节点\n          if (dropNodePosition === _constants.TREE_NODE_DROP_POSITION.DRAG_OVER) {\n            item[childrenKey] = (0, _isNil2.default)(item[childrenKey]) ? [] : item[childrenKey];\n            item[childrenKey].push(dragNode);\n            break;\n          } else if (dropNodePosition === _constants.TREE_NODE_DROP_POSITION.DRAG_OVER_TOP) {\n            // 拖拽到 dropNode 的上面\n            items.splice(_index2, 0, dragNode);\n            break;\n          } else if (dropNodePosition === _constants.TREE_NODE_DROP_POSITION.DRAG_OVER_BOTTOM) {\n            // 拖拽到 dropNode 的下面\n            items.splice(_index2 + 1, 0, dragNode);\n            break;\n          }\n        }\n\n        if (Array.isArray(item[childrenKey]) && item[childrenKey].length > 0) {\n          updateTree(item[childrenKey]);\n        }\n      }\n    };\n\n    updateTree(data);\n    return [].concat(data);\n  };\n}\n\nfunction findNodeOfTree(data, check) {\n  var findNode = function findNode(nodes) {\n    if (nodes === void 0) {\n      nodes = [];\n    }\n\n    for (var i = 0; i < nodes.length; i += 1) {\n      var item = nodes[i];\n\n      if ((0, _isArray2.default)(item.children)) {\n        var _node = findNode(item.children);\n\n        if (_node) {\n          return _node;\n        }\n      }\n\n      if (check(item)) {\n        return item;\n      }\n    }\n\n    return undefined;\n  };\n\n  return findNode(data);\n}\n\nfunction filterNodesOfTree(data, check) {\n  var findNodes = function findNodes(nodes) {\n    if (nodes === void 0) {\n      nodes = [];\n    }\n\n    var nextNodes = [];\n\n    for (var i = 0; i < nodes.length; i += 1) {\n      if ((0, _isArray2.default)(nodes[i].children)) {\n        var nextChildren = findNodes(nodes[i].children);\n\n        if (nextChildren.length) {\n          var item = (0, _clone2.default)(nodes[i]);\n          item.children = nextChildren;\n          nextNodes.push(item);\n          continue;\n        }\n      }\n\n      if (check(nodes[i])) {\n        nextNodes.push(nodes[i]);\n      }\n    }\n\n    return nextNodes;\n  };\n\n  return findNodes(data);\n}\n/**\n * 根据是否处于搜索状态来返回 expand 的值。如果处于搜索状态下，则展开所有的节点\n * @param searchKeyword\n * @param expand\n */\n\n\nfunction getExpandWhenSearching(searchKeyword, expand) {\n  return !(0, _isEmpty2.default)(searchKeyword) ? true : expand;\n}\n\n//# sourceURL=webpack://rsuite/./src/utils/treeUtils.ts?");
 
 /***/ }),
 
@@ -10839,7 +10732,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("/* WEBPACK VAR INJECTION */(function(process) {\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _prefix = _interopRequireDefault(__webpack_require__(/*! ./prefix */ \"./src/utils/prefix.ts\"));\n\nvar _extendReactStatics = _interopRequireDefault(__webpack_require__(/*! ./extendReactStatics */ \"./src/utils/extendReactStatics.ts\"));\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _refType = _interopRequireDefault(__webpack_require__(/*! ./refType */ \"./src/utils/refType.ts\"));\n\nfunction withStyleProps(options) {\n  if (options === void 0) {\n    options = {};\n  }\n\n  return function (BaseComponent) {\n    var _options = options,\n        hasSize = _options.hasSize,\n        hasStatus = _options.hasStatus,\n        hasColor = _options.hasColor,\n        defaultColor = _options.defaultColor;\n    var WithStyleComponent = React.forwardRef(function (props, ref) {\n      var _classNames;\n\n      var classPrefix = props.classPrefix,\n          size = props.size,\n          color = props.color,\n          status = props.status,\n          className = props.className,\n          rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"classPrefix\", \"size\", \"color\", \"status\", \"className\"]);\n      var addPrefix = (0, _prefix.default)(classPrefix);\n      var classes = (0, _classnames.default)(className, (_classNames = {}, _classNames[addPrefix(size)] = hasSize && size, _classNames[addPrefix(color)] = hasColor && color, _classNames[addPrefix(defaultColor)] = !color, _classNames[addPrefix(status)] = hasStatus && status, _classNames));\n      return React.createElement(BaseComponent, (0, _extends2.default)({}, rest, {\n        ref: ref,\n        classPrefix: classPrefix,\n        className: classes\n      }));\n    });\n    var propTypes = {\n      innerRef: _refType.default\n    };\n\n    if (hasSize) {\n      propTypes.size = _propTypes.default.oneOf(_constants.SIZE);\n    }\n\n    if (hasColor) {\n      propTypes.color = _propTypes.default.oneOf(_constants.COLOR);\n    }\n\n    if (hasStatus) {\n      propTypes.status = _propTypes.default.oneOf(_constants.STATUS);\n    }\n\n    (0, _extendReactStatics.default)(WithStyleComponent, BaseComponent);\n    (0, _recompose.setPropTypes)(propTypes)(WithStyleComponent);\n\n    if (process.env.RUN_ENV === 'test') {\n      return (0, _recompose.setDisplayName)((0, _recompose.wrapDisplayName)(BaseComponent, '__test__'))(WithStyleComponent);\n    }\n\n    return (0, _recompose.setDisplayName)((0, _recompose.wrapDisplayName)(BaseComponent, 'withStyleProps'))(WithStyleComponent);\n  };\n}\n\nvar _default = withStyleProps;\nexports.default = _default;\nmodule.exports = exports.default;\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../node_modules/process/browser.js */ \"./node_modules/process/browser.js\")))\n\n//# sourceURL=webpack://rsuite/./src/utils/withStyleProps.tsx?");
+eval("/* WEBPACK VAR INJECTION */(function(process) {\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! ./recompose */ \"./src/utils/recompose.ts\");\n\nvar _prefix = _interopRequireDefault(__webpack_require__(/*! ./prefix */ \"./src/utils/prefix.ts\"));\n\nvar _extendReactStatics = _interopRequireDefault(__webpack_require__(/*! ./extendReactStatics */ \"./src/utils/extendReactStatics.ts\"));\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _refType = _interopRequireDefault(__webpack_require__(/*! ./refType */ \"./src/utils/refType.ts\"));\n\nfunction withStyleProps(options) {\n  if (options === void 0) {\n    options = {};\n  }\n\n  return function (BaseComponent) {\n    var _options = options,\n        hasSize = _options.hasSize,\n        hasStatus = _options.hasStatus,\n        hasColor = _options.hasColor,\n        defaultColor = _options.defaultColor;\n    var WithStyleComponent = React.forwardRef(function (props, ref) {\n      var _classNames;\n\n      var classPrefix = props.classPrefix,\n          size = props.size,\n          color = props.color,\n          status = props.status,\n          className = props.className,\n          rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"classPrefix\", \"size\", \"color\", \"status\", \"className\"]);\n      var addPrefix = (0, _prefix.default)(classPrefix);\n      var classes = (0, _classnames.default)(className, (_classNames = {}, _classNames[addPrefix(size)] = hasSize && size, _classNames[addPrefix(color)] = hasColor && color, _classNames[addPrefix(defaultColor)] = !color, _classNames[addPrefix(status)] = hasStatus && status, _classNames));\n      return React.createElement(BaseComponent, (0, _extends2.default)({}, rest, {\n        ref: ref,\n        classPrefix: classPrefix,\n        className: classes\n      }));\n    });\n    var propTypes = {\n      innerRef: _refType.default\n    };\n\n    if (hasSize) {\n      propTypes.size = _propTypes.default.oneOf(_constants.SIZE);\n    }\n\n    if (hasColor) {\n      propTypes.color = _propTypes.default.oneOf(_constants.COLOR);\n    }\n\n    if (hasStatus) {\n      propTypes.status = _propTypes.default.oneOf(_constants.STATUS);\n    }\n\n    (0, _extendReactStatics.default)(WithStyleComponent, BaseComponent);\n    (0, _recompose.setPropTypes)(propTypes)(WithStyleComponent);\n\n    if (process.env.RUN_ENV === 'test') {\n      return (0, _recompose.setDisplayName)((0, _recompose.wrapDisplayName)(BaseComponent, '__test__'))(WithStyleComponent);\n    }\n\n    return (0, _recompose.setDisplayName)((0, _recompose.wrapDisplayName)(BaseComponent, 'withStyleProps'))(WithStyleComponent);\n  };\n}\n\nvar _default = withStyleProps;\nexports.default = _default;\nmodule.exports = exports.default;\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../node_modules/process/browser.js */ \"./node_modules/process/browser.js\")))\n\n//# sourceURL=webpack://rsuite/./src/utils/withStyleProps.tsx?");
 
 /***/ }),