rsuite 4.10.2 → 4.10.6

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 ***!
@@ -2843,30 +2795,6 @@ eval("function resizeListener(e) {\n  var win = e.target || e.srcElement\n  if (
 
 /***/ }),
 
-/***/ "./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?");
-
-/***/ }),
-
 /***/ "./node_modules/lodash/_SetCache.js":
 /*!******************************************!*\
   !*** ./node_modules/lodash/_SetCache.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 ***!
@@ -5170,7 +5086,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _bab
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ \"./node_modules/rsuite-table/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"./node_modules/rsuite-table/node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inheritsLoose */ \"./node_modules/rsuite-table/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash/isFunction */ \"./node_modules/rsuite-table/node_modules/lodash/isFunction.js\");\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash_isFunction__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! lodash/flatten */ \"./node_modules/rsuite-table/node_modules/lodash/flatten.js\");\n/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(lodash_flatten__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! lodash/debounce */ \"./node_modules/rsuite-table/node_modules/lodash/debounce.js\");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var lodash_isEqual__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! lodash/isEqual */ \"./node_modules/rsuite-table/node_modules/lodash/isEqual.js\");\n/* harmony import */ var lodash_isEqual__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(lodash_isEqual__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var lodash_eq__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! lodash/eq */ \"./node_modules/rsuite-table/node_modules/lodash/eq.js\");\n/* harmony import */ var lodash_eq__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(lodash_eq__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! lodash/omit */ \"./node_modules/rsuite-table/node_modules/lodash/omit.js\");\n/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var lodash_merge__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! lodash/merge */ \"./node_modules/rsuite-table/node_modules/lodash/merge.js\");\n/* harmony import */ var lodash_merge__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(lodash_merge__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var element_resize_event__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! element-resize-event */ \"./node_modules/element-resize-event/index.js\");\n/* harmony import */ var element_resize_event__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(element_resize_event__WEBPACK_IMPORTED_MODULE_13__);\n/* harmony import */ var dom_lib_lib_transition_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! dom-lib/lib/transition/translateDOMPositionXY */ \"./node_modules/dom-lib/lib/transition/translateDOMPositionXY.js\");\n/* harmony import */ var dom_lib_lib_transition_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(dom_lib_lib_transition_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var dom_lib__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n/* harmony import */ var _Row__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./Row */ \"./node_modules/rsuite-table/es/Row.js\");\n/* harmony import */ var _CellGroup__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./CellGroup */ \"./node_modules/rsuite-table/es/CellGroup.js\");\n/* harmony import */ var _Scrollbar__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./Scrollbar */ \"./node_modules/rsuite-table/es/Scrollbar.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _ColumnGroup__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./ColumnGroup */ \"./node_modules/rsuite-table/es/ColumnGroup.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar SORT_TYPE = {\n  DESC: 'desc',\n  ASC: 'asc'\n};\nvar propTypes = {\n  autoHeight: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  affixHeader: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number]),\n  affixHorizontalScrollbar: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number]),\n  bordered: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  bodyRef: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  className: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n  classPrefix: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n  children: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.any,\n  cellBordered: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  data: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.object),\n  defaultExpandAllRows: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  defaultExpandedRowKeys: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number])),\n  defaultSortType: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string]),\n  disabledScroll: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  expandedRowKeys: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number])),\n  hover: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  height: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number,\n  headerHeight: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number,\n  locale: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.object,\n  loading: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  loadAnimation: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  minHeight: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number,\n  rowKey: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number]),\n  rowHeight: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func]),\n  renderTreeToggle: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  renderRowExpanded: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  rowExpandedHeight: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number,\n  renderEmpty: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  renderLoading: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  rowClassName: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string]),\n  rtl: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  style: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.object,\n  sortColumn: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n  sortType: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string]),\n  showHeader: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  shouldUpdateScroll: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  translate3d: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  wordWrap: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  width: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number,\n  virtualized: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  isTree: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  onRowClick: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onRowContextMenu: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onScroll: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onSortColumn: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onExpandChange: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onTouchStart: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onTouchMove: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onDataUpdated: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func\n};\n\nvar Table = /*#__PURE__*/function (_React$Component) {\n  Object(_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(Table, _React$Component);\n\n  Table.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {\n    if (props.data !== state.cacheData || props.isTree !== state.isTree) {\n      return {\n        cacheData: props.data,\n        isTree: props.isTree,\n        data: props.isTree ? Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"flattenData\"])(props.data) : props.data\n      };\n    }\n\n    return null;\n  };\n\n  function Table(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.translateDOMPositionXY = null;\n    _this.scrollListener = null;\n    _this.tableRef = void 0;\n    _this.scrollbarYRef = void 0;\n    _this.scrollbarXRef = void 0;\n    _this.tableBodyRef = void 0;\n    _this.affixHeaderWrapperRef = void 0;\n    _this.mouseAreaRef = void 0;\n    _this.headerWrapperRef = void 0;\n    _this.tableHeaderRef = void 0;\n    _this.wheelWrapperRef = void 0;\n    _this.tableRows = {};\n    _this.mounted = false;\n    _this.disableEventsTimeoutId = null;\n    _this.scrollY = 0;\n    _this.scrollX = 0;\n    _this.wheelHandler = void 0;\n    _this.minScrollY = void 0;\n    _this.minScrollX = void 0;\n    _this.mouseArea = void 0;\n    _this.touchX = void 0;\n    _this.touchY = void 0;\n    _this.wheelListener = void 0;\n    _this.touchStartListener = void 0;\n    _this.touchMoveListener = void 0;\n    _this._cacheCells = null;\n    _this._cacheChildrenSize = 0;\n    _this._visibleRows = [];\n\n    _this.listenWheel = function (deltaX, deltaY) {\n      var _this$scrollbarXRef$c, _this$scrollbarXRef$c2, _this$scrollbarYRef$c, _this$scrollbarYRef$c2;\n\n      _this.handleWheel(deltaX, deltaY);\n\n      (_this$scrollbarXRef$c = _this.scrollbarXRef.current) === null || _this$scrollbarXRef$c === void 0 ? void 0 : (_this$scrollbarXRef$c2 = _this$scrollbarXRef$c.onWheelScroll) === null || _this$scrollbarXRef$c2 === void 0 ? void 0 : _this$scrollbarXRef$c2.call(_this$scrollbarXRef$c, deltaX);\n      (_this$scrollbarYRef$c = _this.scrollbarYRef.current) === null || _this$scrollbarYRef$c === void 0 ? void 0 : (_this$scrollbarYRef$c2 = _this$scrollbarYRef$c.onWheelScroll) === null || _this$scrollbarYRef$c2 === void 0 ? void 0 : _this$scrollbarYRef$c2.call(_this$scrollbarYRef$c, deltaY);\n    };\n\n    _this.setOffsetByAffix = function () {\n      var _this$headerWrapperRe, _this$tableRef;\n\n      var _this$props = _this.props,\n          affixHeader = _this$props.affixHeader,\n          affixHorizontalScrollbar = _this$props.affixHorizontalScrollbar;\n      var headerNode = (_this$headerWrapperRe = _this.headerWrapperRef) === null || _this$headerWrapperRe === void 0 ? void 0 : _this$headerWrapperRe.current;\n\n      if (Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isNumberOrTrue\"])(affixHeader) && headerNode) {\n        _this.setState(function () {\n          return {\n            headerOffset: Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getOffset\"])(headerNode)\n          };\n        });\n      }\n\n      var tableNode = (_this$tableRef = _this.tableRef) === null || _this$tableRef === void 0 ? void 0 : _this$tableRef.current;\n\n      if (Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isNumberOrTrue\"])(affixHorizontalScrollbar) && tableNode) {\n        _this.setState(function () {\n          return {\n            tableOffset: Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getOffset\"])(tableNode)\n          };\n        });\n      }\n    };\n\n    _this.handleWindowScroll = function () {\n      var _this$props2 = _this.props,\n          affixHeader = _this$props2.affixHeader,\n          affixHorizontalScrollbar = _this$props2.affixHorizontalScrollbar;\n\n      if (Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isNumberOrTrue\"])(affixHeader)) {\n        _this.affixTableHeader();\n      }\n\n      if (Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isNumberOrTrue\"])(affixHorizontalScrollbar)) {\n        _this.affixHorizontalScrollbar();\n      }\n    };\n\n    _this.affixHorizontalScrollbar = function () {\n      var _this$scrollbarXRef, _this$scrollbarXRef$c3, _this$scrollbarXRef$c4;\n\n      var scrollY = window.scrollY || window.pageYOffset;\n      var windowHeight = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getHeight\"])(window);\n\n      var height = _this.getTableHeight();\n\n      var _this$state = _this.state,\n          tableOffset = _this$state.tableOffset,\n          fixedHorizontalScrollbar = _this$state.fixedHorizontalScrollbar;\n      var affixHorizontalScrollbar = _this.props.affixHorizontalScrollbar;\n\n      var headerHeight = _this.getTableHeaderHeight();\n\n      var bottom = typeof affixHorizontalScrollbar === 'number' ? affixHorizontalScrollbar : 0;\n      var fixedScrollbar = scrollY + windowHeight < height + (tableOffset.top + bottom) && scrollY + windowHeight - headerHeight > tableOffset.top + bottom;\n\n      if ((_this$scrollbarXRef = _this.scrollbarXRef) !== null && _this$scrollbarXRef !== void 0 && (_this$scrollbarXRef$c3 = _this$scrollbarXRef.current) !== null && _this$scrollbarXRef$c3 !== void 0 && (_this$scrollbarXRef$c4 = _this$scrollbarXRef$c3.barRef) !== null && _this$scrollbarXRef$c4 !== void 0 && _this$scrollbarXRef$c4.current && fixedHorizontalScrollbar !== fixedScrollbar) {\n        _this.setState({\n          fixedHorizontalScrollbar: fixedScrollbar\n        });\n      }\n    };\n\n    _this.affixTableHeader = function () {\n      var affixHeader = _this.props.affixHeader;\n      var top = typeof affixHeader === 'number' ? affixHeader : 0;\n      var _this$state2 = _this.state,\n          headerOffset = _this$state2.headerOffset,\n          contentHeight = _this$state2.contentHeight;\n      var scrollY = window.scrollY || window.pageYOffset;\n      var fixedHeader = scrollY - (headerOffset.top - top) >= 0 && scrollY < headerOffset.top - top + contentHeight;\n\n      if (_this.affixHeaderWrapperRef.current) {\n        Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"toggleClass\"])(_this.affixHeaderWrapperRef.current, 'fixed', fixedHeader);\n      }\n    };\n\n    _this.handleSortColumn = function (dataKey) {\n      var _this$props$onSortCol, _this$props3;\n\n      var sortType = _this.getSortType();\n\n      if (_this.props.sortColumn === dataKey) {\n        sortType = sortType === SORT_TYPE.ASC ? SORT_TYPE.DESC : SORT_TYPE.ASC;\n\n        _this.setState({\n          sortType: sortType\n        });\n      }\n\n      (_this$props$onSortCol = (_this$props3 = _this.props).onSortColumn) === null || _this$props$onSortCol === void 0 ? void 0 : _this$props$onSortCol.call(_this$props3, dataKey, sortType);\n    };\n\n    _this.handleColumnResizeEnd = function (columnWidth, _cursorDelta, dataKey, index) {\n      var _this$setState;\n\n      _this._cacheCells = null;\n\n      _this.setState((_this$setState = {\n        isColumnResizing: false\n      }, _this$setState[dataKey + \"_\" + index + \"_width\"] = columnWidth, _this$setState));\n\n      Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(_this.mouseAreaRef.current, {\n        display: 'none'\n      });\n    };\n\n    _this.handleColumnResizeStart = function (width, left, fixed) {\n      _this.setState({\n        isColumnResizing: true\n      });\n\n      _this.handleColumnResizeMove(width, left, fixed);\n    };\n\n    _this.handleColumnResizeMove = function (width, left, fixed) {\n      var _addStyle;\n\n      var mouseAreaLeft = width + left;\n      var x = mouseAreaLeft;\n      var dir = 'left';\n\n      if (_this.isRTL()) {\n        mouseAreaLeft += _this.minScrollX + _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"];\n        dir = 'right';\n      }\n\n      if (!fixed) {\n        x = mouseAreaLeft + (_this.isRTL() ? -_this.scrollX : _this.scrollX);\n      }\n\n      Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(_this.mouseAreaRef.current, (_addStyle = {\n        display: 'block'\n      }, _addStyle[dir] = x + \"px\", _addStyle));\n    };\n\n    _this.handleTreeToggle = function (rowKey, _rowIndex, rowData) {\n      var _this$props$onExpandC, _this$props4;\n\n      var expandedRowKeys = _this.getExpandedRowKeys();\n\n      var open = false;\n      var nextExpandedRowKeys = [];\n\n      for (var i = 0; i < expandedRowKeys.length; i++) {\n        var _key = expandedRowKeys[i];\n\n        if (_key === rowKey) {\n          open = true;\n        } else {\n          nextExpandedRowKeys.push(_key);\n        }\n      }\n\n      if (!open) {\n        nextExpandedRowKeys.push(rowKey);\n      }\n\n      _this.setState({\n        expandedRowKeys: nextExpandedRowKeys\n      });\n\n      (_this$props$onExpandC = (_this$props4 = _this.props).onExpandChange) === null || _this$props$onExpandC === void 0 ? void 0 : _this$props$onExpandC.call(_this$props4, !open, rowData);\n    };\n\n    _this.handleScrollX = function (delta) {\n      _this.handleWheel(delta, 0);\n    };\n\n    _this.handleScrollY = function (delta) {\n      _this.handleWheel(0, delta);\n    };\n\n    _this.handleWheel = function (deltaX, deltaY) {\n      var _this$props5 = _this.props,\n          onScroll = _this$props5.onScroll,\n          virtualized = _this$props5.virtualized;\n      var _this$state3 = _this.state,\n          contentWidth = _this$state3.contentWidth,\n          width = _this$state3.width;\n\n      if (!_this.tableRef.current) {\n        return;\n      }\n\n      var nextScrollX = contentWidth <= width ? 0 : _this.scrollX - deltaX;\n      var nextScrollY = _this.scrollY - deltaY;\n      _this.scrollY = Math.min(0, nextScrollY < _this.minScrollY ? _this.minScrollY : nextScrollY);\n      _this.scrollX = Math.min(0, nextScrollX < _this.minScrollX ? _this.minScrollX : nextScrollX);\n\n      _this.updatePosition();\n\n      onScroll === null || onScroll === void 0 ? void 0 : onScroll(_this.scrollX, _this.scrollY);\n\n      if (virtualized) {\n        _this.setState({\n          isScrolling: true,\n          scrollY: _this.scrollY\n        });\n\n        if (_this.disableEventsTimeoutId) {\n          Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"cancelAnimationTimeout\"])(_this.disableEventsTimeoutId);\n        }\n\n        _this.disableEventsTimeoutId = Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"requestAnimationTimeout\"])(_this.debounceScrollEndedCallback, 150);\n      }\n    };\n\n    _this.debounceScrollEndedCallback = function () {\n      _this.disableEventsTimeoutId = null;\n\n      _this.setState({\n        isScrolling: false\n      });\n    };\n\n    _this.handleTouchStart = function (event) {\n      var _this$props$onTouchSt, _this$props6;\n\n      if (event.touches) {\n        var _event$touches$ = event.touches[0],\n            pageX = _event$touches$.pageX,\n            pageY = _event$touches$.pageY;\n        _this.touchX = pageX;\n        _this.touchY = pageY;\n      }\n\n      (_this$props$onTouchSt = (_this$props6 = _this.props).onTouchStart) === null || _this$props$onTouchSt === void 0 ? void 0 : _this$props$onTouchSt.call(_this$props6, event);\n    };\n\n    _this.handleTouchMove = function (event) {\n      var _this$props$onTouchMo, _this$props7;\n\n      var autoHeight = _this.props.autoHeight;\n\n      if (event.touches) {\n        var _event$preventDefault, _this$scrollbarXRef$c5, _this$scrollbarXRef$c6, _this$scrollbarYRef$c3, _this$scrollbarYRef$c4;\n\n        var _event$touches$2 = event.touches[0],\n            pageX = _event$touches$2.pageX,\n            pageY = _event$touches$2.pageY;\n        var deltaX = _this.touchX - pageX;\n        var deltaY = autoHeight ? 0 : _this.touchY - pageY;\n\n        if (!_this.shouldHandleWheelY(deltaY) && !_this.shouldHandleWheelX(deltaX)) {\n          return;\n        }\n\n        (_event$preventDefault = event.preventDefault) === null || _event$preventDefault === void 0 ? void 0 : _event$preventDefault.call(event);\n\n        _this.handleWheel(deltaX, deltaY);\n\n        (_this$scrollbarXRef$c5 = _this.scrollbarXRef.current) === null || _this$scrollbarXRef$c5 === void 0 ? void 0 : (_this$scrollbarXRef$c6 = _this$scrollbarXRef$c5.onWheelScroll) === null || _this$scrollbarXRef$c6 === void 0 ? void 0 : _this$scrollbarXRef$c6.call(_this$scrollbarXRef$c5, deltaX);\n        (_this$scrollbarYRef$c3 = _this.scrollbarYRef.current) === null || _this$scrollbarYRef$c3 === void 0 ? void 0 : (_this$scrollbarYRef$c4 = _this$scrollbarYRef$c3.onWheelScroll) === null || _this$scrollbarYRef$c4 === void 0 ? void 0 : _this$scrollbarYRef$c4.call(_this$scrollbarYRef$c3, deltaY);\n        _this.touchX = pageX;\n        _this.touchY = pageY;\n      }\n\n      (_this$props$onTouchMo = (_this$props7 = _this.props).onTouchMove) === null || _this$props$onTouchMo === void 0 ? void 0 : _this$props$onTouchMo.call(_this$props7, event);\n    };\n\n    _this.handleBodyScroll = function (event) {\n      if (event.target !== _this.tableBodyRef.current) {\n        return;\n      }\n\n      var left = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"scrollLeft\"])(event.target);\n      var top = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"scrollTop\"])(event.target);\n\n      if (top === 0 && left === 0) {\n        return;\n      }\n\n      _this.listenWheel(left, top);\n\n      Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"scrollLeft\"])(event.target, 0);\n      Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"scrollTop\"])(event.target, 0);\n    };\n\n    _this.shouldHandleWheelX = function (delta) {\n      var _this$props8 = _this.props,\n          disabledScroll = _this$props8.disabledScroll,\n          loading = _this$props8.loading;\n\n      if (delta === 0 || disabledScroll || loading) {\n        return false;\n      }\n\n      return true;\n    };\n\n    _this.shouldHandleWheelY = function (delta) {\n      var _this$props9 = _this.props,\n          disabledScroll = _this$props9.disabledScroll,\n          loading = _this$props9.loading;\n\n      if (delta === 0 || disabledScroll || loading) {\n        return false;\n      }\n\n      return delta >= 0 && _this.scrollY > _this.minScrollY || delta < 0 && _this.scrollY < 0;\n    };\n\n    _this.addPrefix = function (name) {\n      return Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"prefix\"])(_this.props.classPrefix)(name);\n    };\n\n    _this.calculateTableWidth = function () {\n      var _this$tableRef2;\n\n      var table = (_this$tableRef2 = _this.tableRef) === null || _this$tableRef2 === void 0 ? void 0 : _this$tableRef2.current;\n      var width = _this.state.width;\n\n      if (table) {\n        var nextWidth = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getWidth\"])(table);\n\n        if (width !== nextWidth) {\n          var _this$scrollbarXRef2, _this$scrollbarXRef2$;\n\n          _this.scrollX = 0;\n          (_this$scrollbarXRef2 = _this.scrollbarXRef) === null || _this$scrollbarXRef2 === void 0 ? void 0 : (_this$scrollbarXRef2$ = _this$scrollbarXRef2.current) === null || _this$scrollbarXRef2$ === void 0 ? void 0 : _this$scrollbarXRef2$.resetScrollBarPosition();\n        }\n\n        _this._cacheCells = null;\n\n        _this.setState({\n          width: nextWidth\n        });\n      }\n\n      _this.setOffsetByAffix();\n    };\n\n    _this.scrollTop = function (top) {\n      var _this$scrollbarYRef, _this$scrollbarYRef$c5, _this$scrollbarYRef$c6;\n\n      if (top === void 0) {\n        top = 0;\n      }\n\n      var _this$getControlledSc = _this.getControlledScrollTopValue(top),\n          scrollY = _this$getControlledSc[0],\n          handleScrollY = _this$getControlledSc[1];\n\n      _this.scrollY = scrollY;\n      (_this$scrollbarYRef = _this.scrollbarYRef) === null || _this$scrollbarYRef === void 0 ? void 0 : (_this$scrollbarYRef$c5 = _this$scrollbarYRef.current) === null || _this$scrollbarYRef$c5 === void 0 ? void 0 : (_this$scrollbarYRef$c6 = _this$scrollbarYRef$c5.resetScrollBarPosition) === null || _this$scrollbarYRef$c6 === void 0 ? void 0 : _this$scrollbarYRef$c6.call(_this$scrollbarYRef$c5, handleScrollY);\n\n      _this.updatePosition();\n      /**\n       * 当开启 virtualized，调用 scrollTop 后会出现白屏现象，\n       * 原因是直接操作 DOM 的坐标，但是组件没有重新渲染，需要调用 forceUpdate 重新进入 render。\n       * Fix: rsuite#1044\n       */\n\n\n      if (_this.props.virtualized && _this.state.contentHeight > _this.props.height) {\n        _this.forceUpdate();\n      }\n    };\n\n    _this.scrollLeft = function (left) {\n      var _this$scrollbarXRef3, _this$scrollbarXRef3$, _this$scrollbarXRef3$2;\n\n      if (left === void 0) {\n        left = 0;\n      }\n\n      var _this$getControlledSc2 = _this.getControlledScrollLeftValue(left),\n          scrollX = _this$getControlledSc2[0],\n          handleScrollX = _this$getControlledSc2[1];\n\n      _this.scrollX = scrollX;\n      (_this$scrollbarXRef3 = _this.scrollbarXRef) === null || _this$scrollbarXRef3 === void 0 ? void 0 : (_this$scrollbarXRef3$ = _this$scrollbarXRef3.current) === null || _this$scrollbarXRef3$ === void 0 ? void 0 : (_this$scrollbarXRef3$2 = _this$scrollbarXRef3$.resetScrollBarPosition) === null || _this$scrollbarXRef3$2 === void 0 ? void 0 : _this$scrollbarXRef3$2.call(_this$scrollbarXRef3$, handleScrollX);\n\n      _this.updatePosition();\n    };\n\n    _this.scrollTo = function (coord) {\n      var _ref = coord || {},\n          x = _ref.x,\n          y = _ref.y;\n\n      if (typeof x === 'number') {\n        _this.scrollLeft(x);\n      }\n\n      if (typeof y === 'number') {\n        _this.scrollTop(y);\n      }\n    };\n\n    _this.bindTableRowsRef = function (index, rowData) {\n      return function (ref) {\n        if (ref) {\n          _this.tableRows[index] = [ref, rowData];\n        }\n      };\n    };\n\n    _this.bindRowClick = function (rowData) {\n      return function (event) {\n        var _this$props$onRowClic, _this$props10;\n\n        (_this$props$onRowClic = (_this$props10 = _this.props).onRowClick) === null || _this$props$onRowClic === void 0 ? void 0 : _this$props$onRowClic.call(_this$props10, rowData, event);\n      };\n    };\n\n    _this.bindRowContextMenu = function (rowData) {\n      return function (event) {\n        var _this$props$onRowCont, _this$props11;\n\n        (_this$props$onRowCont = (_this$props11 = _this.props).onRowContextMenu) === null || _this$props$onRowCont === void 0 ? void 0 : _this$props$onRowCont.call(_this$props11, rowData, event);\n      };\n    };\n\n    var _width = props.width,\n        data = props.data,\n        _rowKey = props.rowKey,\n        defaultExpandAllRows = props.defaultExpandAllRows,\n        renderRowExpanded = props.renderRowExpanded,\n        defaultExpandedRowKeys = props.defaultExpandedRowKeys,\n        _props$children = props.children,\n        children = _props$children === void 0 ? [] : _props$children,\n        isTree = props.isTree,\n        defaultSortType = props.defaultSortType;\n\n    var _expandedRowKeys = defaultExpandAllRows ? Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"findRowKeys\"])(data, _rowKey, lodash_isFunction__WEBPACK_IMPORTED_MODULE_6___default()(renderRowExpanded)) : defaultExpandedRowKeys || [];\n\n    var shouldFixedColumn = Array.from(lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(children)).some(function (child) {\n      return child && child.props && child.props.fixed;\n    });\n\n    if (isTree && !_rowKey) {\n      throw new Error('The `rowKey` is required when set isTree');\n    }\n\n    _this.state = {\n      isTree: isTree,\n      expandedRowKeys: _expandedRowKeys,\n      shouldFixedColumn: shouldFixedColumn,\n      cacheData: data,\n      data: isTree ? Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"flattenData\"])(data) : data,\n      width: _width || 0,\n      columnWidth: 0,\n      dataKey: 0,\n      contentHeight: 0,\n      contentWidth: 0,\n      tableRowsMaxHeight: [],\n      sortType: defaultSortType,\n      scrollY: 0,\n      isScrolling: false,\n      fixedHeader: false\n    };\n    _this.scrollY = 0;\n    _this.scrollX = 0;\n    _this.wheelHandler = new dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"WheelHandler\"](_this.listenWheel, _this.shouldHandleWheelX, _this.shouldHandleWheelY, false);\n    _this._cacheChildrenSize = lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(children).length;\n    _this.translateDOMPositionXY = Object(dom_lib_lib_transition_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_14__[\"getTranslateDOMPositionXY\"])({\n      enable3DTransform: props.translate3d\n    });\n    _this.tableRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.scrollbarYRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.scrollbarXRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.tableBodyRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.affixHeaderWrapperRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.mouseAreaRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.headerWrapperRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.wheelWrapperRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.tableHeaderRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    return _this;\n  }\n\n  var _proto = Table.prototype;\n\n  _proto.componentDidMount = function componentDidMount() {\n    var _this$props13, _this$props13$bodyRef;\n\n    this.calculateTableWidth();\n    this.calculateTableContextHeight();\n    this.calculateRowMaxHeight();\n    this.setOffsetByAffix();\n    this.initPosition();\n    element_resize_event__WEBPACK_IMPORTED_MODULE_13___default()(this.tableRef.current, lodash_debounce__WEBPACK_IMPORTED_MODULE_8___default()(this.calculateTableWidth, 400));\n    var options = {\n      passive: false\n    };\n    var tableBody = this.tableBodyRef.current;\n\n    if (tableBody) {\n      this.wheelListener = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"on\"])(tableBody, 'wheel', this.wheelHandler.onWheel, options);\n      this.touchStartListener = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"on\"])(tableBody, 'touchstart', this.handleTouchStart, options);\n      this.touchMoveListener = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"on\"])(tableBody, 'touchmove', this.handleTouchMove, options);\n    }\n\n    var _this$props12 = this.props,\n        affixHeader = _this$props12.affixHeader,\n        affixHorizontalScrollbar = _this$props12.affixHorizontalScrollbar;\n\n    if (Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isNumberOrTrue\"])(affixHeader) || Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isNumberOrTrue\"])(affixHorizontalScrollbar)) {\n      this.scrollListener = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"on\"])(window, 'scroll', this.handleWindowScroll);\n    }\n\n    (_this$props13 = this.props) === null || _this$props13 === void 0 ? void 0 : (_this$props13$bodyRef = _this$props13.bodyRef) === null || _this$props13$bodyRef === void 0 ? void 0 : _this$props13$bodyRef.call(_this$props13, this.wheelWrapperRef.current);\n  };\n\n  _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps, nextState) {\n    var _cacheChildrenSize = lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(nextProps.children || []).length;\n    /**\n     * 单元格列的信息在初始化后会被缓存，在某些属性被更新以后，需要清除缓存。\n     */\n\n    if (_cacheChildrenSize !== this._cacheChildrenSize) {\n      this._cacheChildrenSize = _cacheChildrenSize;\n      this._cacheCells = null;\n    } else if (this.props.children !== nextProps.children || this.props.sortColumn !== nextProps.sortColumn || this.props.sortType !== nextProps.sortType) {\n      this._cacheCells = null;\n    }\n\n    return !lodash_eq__WEBPACK_IMPORTED_MODULE_10___default()(this.props, nextProps) || !lodash_isEqual__WEBPACK_IMPORTED_MODULE_9___default()(this.state, nextState);\n  };\n\n  _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {\n    var rowHeight = prevProps.rowHeight,\n        data = prevProps.data,\n        height = prevProps.height;\n\n    if (data !== this.props.data) {\n      var _this$props$onDataUpd, _this$props14;\n\n      this.calculateRowMaxHeight();\n      (_this$props$onDataUpd = (_this$props14 = this.props).onDataUpdated) === null || _this$props$onDataUpd === void 0 ? void 0 : _this$props$onDataUpd.call(_this$props14, this.props.data, this.scrollTo);\n      var maxHeight = this.props.data.length * (typeof rowHeight === 'function' ? rowHeight(null) : rowHeight); // 当开启允许更新滚动条，或者滚动条位置大于表格的最大高度，则初始滚动条位置\n\n      if (this.props.shouldUpdateScroll || Math.abs(this.scrollY) > maxHeight) {\n        this.scrollTo({\n          x: 0,\n          y: 0\n        });\n      }\n    } else {\n      this.updatePosition();\n    }\n\n    if ( // 当 Table 的 data 发生变化，需要重新计算高度\n    data !== this.props.data || // 当 Table 的 height 属性发生变化，需要重新计算 Table 高度\n    height !== this.props.height || // 当 Table 内容区的高度发生变化需要重新计算\n    prevState.contentHeight !== this.state.contentHeight || // 当 expandedRowKeys 发生变化，需要重新计算 Table 高度，如果重算会导致滚动条不显示。\n    prevState.expandedRowKeys !== this.state.expandedRowKeys || prevProps.expandedRowKeys !== this.props.expandedRowKeys) {\n      this.calculateTableContextHeight(prevProps);\n    }\n\n    this.calculateTableContentWidth(prevProps);\n  };\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    var _this$wheelListener, _this$touchStartListe, _this$touchMoveListen, _this$scrollListener;\n\n    this.wheelHandler = null;\n\n    if (this.tableRef.current) {\n      Object(element_resize_event__WEBPACK_IMPORTED_MODULE_13__[\"unbind\"])(this.tableRef.current);\n    }\n\n    (_this$wheelListener = this.wheelListener) === null || _this$wheelListener === void 0 ? void 0 : _this$wheelListener.off();\n    (_this$touchStartListe = this.touchStartListener) === null || _this$touchStartListe === void 0 ? void 0 : _this$touchStartListe.off();\n    (_this$touchMoveListen = this.touchMoveListener) === null || _this$touchMoveListen === void 0 ? void 0 : _this$touchMoveListen.off();\n    (_this$scrollListener = this.scrollListener) === null || _this$scrollListener === void 0 ? void 0 : _this$scrollListener.off();\n  };\n\n  _proto.getExpandedRowKeys = function getExpandedRowKeys() {\n    var expandedRowKeys = this.props.expandedRowKeys;\n    return typeof expandedRowKeys === 'undefined' ? this.state.expandedRowKeys : expandedRowKeys;\n  };\n\n  _proto.getSortType = function getSortType() {\n    var sortType = this.props.sortType;\n    return typeof sortType === 'undefined' ? this.state.sortType : sortType;\n  };\n\n  _proto.getScrollCellGroups = function getScrollCellGroups() {\n    var _this$tableRef$curren;\n\n    return (_this$tableRef$curren = this.tableRef.current) === null || _this$tableRef$curren === void 0 ? void 0 : _this$tableRef$curren.querySelectorAll(\".\" + this.addPrefix('cell-group-scroll'));\n  };\n\n  _proto.getFixedLeftCellGroups = function getFixedLeftCellGroups() {\n    var _this$tableRef$curren2;\n\n    return (_this$tableRef$curren2 = this.tableRef.current) === null || _this$tableRef$curren2 === void 0 ? void 0 : _this$tableRef$curren2.querySelectorAll(\".\" + this.addPrefix('cell-group-fixed-left'));\n  };\n\n  _proto.getFixedRightCellGroups = function getFixedRightCellGroups() {\n    var _this$tableRef$curren3;\n\n    return (_this$tableRef$curren3 = this.tableRef.current) === null || _this$tableRef$curren3 === void 0 ? void 0 : _this$tableRef$curren3.querySelectorAll(\".\" + this.addPrefix('cell-group-fixed-right'));\n  };\n\n  _proto.isRTL = function isRTL() {\n    return this.props.rtl || Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isRTL\"])();\n  };\n\n  _proto.getRowHeight = function getRowHeight(rowData) {\n    if (rowData === void 0) {\n      rowData = {};\n    }\n\n    var rowHeight = this.props.rowHeight;\n    return typeof rowHeight === 'function' ? rowHeight(rowData) : rowHeight;\n  }\n  /**\n   * 获取表头高度\n   */\n  ;\n\n  _proto.getTableHeaderHeight = function getTableHeaderHeight() {\n    var _this$props15 = this.props,\n        headerHeight = _this$props15.headerHeight,\n        showHeader = _this$props15.showHeader;\n    return showHeader ? headerHeight : 0;\n  }\n  /**\n   * 获取 Table 需要渲染的高度\n   */\n  ;\n\n  _proto.getTableHeight = function getTableHeight() {\n    var contentHeight = this.state.contentHeight;\n    var _this$props16 = this.props,\n        minHeight = _this$props16.minHeight,\n        height = _this$props16.height,\n        autoHeight = _this$props16.autoHeight,\n        data = _this$props16.data;\n    var headerHeight = this.getTableHeaderHeight();\n\n    if (data.length === 0 && autoHeight) {\n      return height;\n    }\n\n    return autoHeight ? Math.max(headerHeight + contentHeight, minHeight) : height;\n  }\n  /**\n   * 获取 columns ReactElement 数组\n   * - 处理 children 中存在 <Column> 数组的情况\n   * - 过滤 children 中的空项\n   */\n  ;\n\n  _proto.getTableColumns = function getTableColumns() {\n    var children = this.props.children;\n\n    if (!Array.isArray(children)) {\n      return children;\n    }\n\n    var flattenColumns = lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(children).map(function (column) {\n      if ((column === null || column === void 0 ? void 0 : column.type) === _ColumnGroup__WEBPACK_IMPORTED_MODULE_22__[\"default\"]) {\n        var _column$props = column === null || column === void 0 ? void 0 : column.props,\n            header = _column$props.header,\n            childColumns = _column$props.children,\n            align = _column$props.align,\n            fixed = _column$props.fixed,\n            verticalAlign = _column$props.verticalAlign;\n\n        return childColumns.map(function (childColumn, index) {\n          // 把 ColumnGroup 设置的属性覆盖到 Column\n          var groupCellProps = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, childColumn === null || childColumn === void 0 ? void 0 : childColumn.props, {\n            align: align,\n            fixed: fixed,\n            verticalAlign: verticalAlign\n          });\n          /**\n           * 为分组中的第一列设置属性:\n           * groupCount: 分组子项个数\n           * groupHeader: 分组标题\n           * resizable: 设置为不可自定义列宽\n           */\n\n\n          if (index === 0) {\n            groupCellProps.groupCount = childColumns.length;\n            groupCellProps.groupHeader = header;\n            groupCellProps.resizable = false;\n          }\n\n          return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"cloneElement\"](childColumn, groupCellProps);\n        });\n      }\n\n      return column;\n    }); // 把 Columns 中的数组，展平为一维数组，计算 lastColumn 与 firstColumn。\n\n    return lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(flattenColumns).filter(function (col) {\n      return col;\n    });\n  };\n\n  _proto.getCellDescriptor = function getCellDescriptor() {\n    var _this2 = this;\n\n    if (this._cacheCells) {\n      return this._cacheCells;\n    }\n\n    var hasCustomTreeCol = false;\n    var left = 0; // Cell left margin\n\n    var headerCells = []; // Table header cell\n\n    var bodyCells = []; // Table body cell\n\n    var children = this.props.children;\n\n    if (!children) {\n      this._cacheCells = {\n        headerCells: headerCells,\n        bodyCells: bodyCells,\n        hasCustomTreeCol: hasCustomTreeCol,\n        allColumnsWidth: left\n      };\n      return this._cacheCells;\n    }\n\n    var columns = this.getTableColumns();\n    var tableWidth = this.state.width;\n    var _this$props17 = this.props,\n        sortColumn = _this$props17.sortColumn,\n        rowHeight = _this$props17.rowHeight,\n        showHeader = _this$props17.showHeader;\n\n    var _getTotalByColumns = Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"getTotalByColumns\"])(columns),\n        totalFlexGrow = _getTotalByColumns.totalFlexGrow,\n        totalWidth = _getTotalByColumns.totalWidth;\n\n    var headerHeight = this.getTableHeaderHeight();\n    react__WEBPACK_IMPORTED_MODULE_3__[\"Children\"].forEach(columns, function (column, index) {\n      if ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"isValidElement\"](column)) {\n        var columnChildren = column.props.children;\n        var _column$props2 = column.props,\n            width = _column$props2.width,\n            resizable = _column$props2.resizable,\n            flexGrow = _column$props2.flexGrow,\n            minWidth = _column$props2.minWidth,\n            onResize = _column$props2.onResize,\n            treeCol = _column$props2.treeCol;\n\n        if (treeCol) {\n          hasCustomTreeCol = true;\n        }\n\n        if (resizable && flexGrow) {\n          console.warn(\"Cannot set 'resizable' and 'flexGrow' together in <Column>, column index: \" + index);\n        }\n\n        if (columnChildren.length !== 2) {\n          throw new Error(\"Component <HeaderCell> and <Cell> is required, column index: \" + index + \" \");\n        }\n\n        var nextWidth = _this2.state[columnChildren[1].props.dataKey + \"_\" + index + \"_width\"] || width || 0;\n\n        if (tableWidth && flexGrow && totalFlexGrow) {\n          nextWidth = Math.max((tableWidth - totalWidth) / totalFlexGrow * flexGrow, minWidth || 60);\n        }\n\n        var cellProps = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, lodash_omit__WEBPACK_IMPORTED_MODULE_11___default()(column.props, ['children']), {\n          'aria-colindex': index + 1,\n          left: left,\n          headerHeight: headerHeight,\n          key: index,\n          width: nextWidth,\n          height: rowHeight,\n          firstColumn: index === 0,\n          lastColumn: index === columns.length - 1\n        });\n\n        if (showHeader && headerHeight) {\n          var headerCellProps = {\n            // index 用于拖拽列宽时候（Resizable column），定义的序号\n            index: index,\n            dataKey: columnChildren[1].props.dataKey,\n            isHeaderCell: true,\n            sortable: column.props.sortable,\n            onSortColumn: _this2.handleSortColumn,\n            sortType: _this2.getSortType(),\n            sortColumn: sortColumn,\n            flexGrow: flexGrow\n          };\n\n          if (resizable) {\n            lodash_merge__WEBPACK_IMPORTED_MODULE_12___default()(headerCellProps, {\n              onResize: onResize,\n              onColumnResizeEnd: _this2.handleColumnResizeEnd,\n              onColumnResizeStart: _this2.handleColumnResizeStart,\n              onColumnResizeMove: _this2.handleColumnResizeMove\n            });\n          }\n\n          headerCells.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"cloneElement\"](columnChildren[0], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, cellProps, headerCellProps)));\n        }\n\n        bodyCells.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"cloneElement\"](columnChildren[1], cellProps));\n        left += nextWidth;\n      }\n    });\n    return this._cacheCells = {\n      headerCells: headerCells,\n      bodyCells: bodyCells,\n      allColumnsWidth: left,\n      hasCustomTreeCol: hasCustomTreeCol\n    };\n  };\n\n  _proto.initPosition = function initPosition() {\n    var _this3 = this;\n\n    if (this.isRTL()) {\n      setTimeout(function () {\n        var _this3$scrollbarXRef, _this3$scrollbarXRef$, _this3$scrollbarXRef$2;\n\n        var _this3$state = _this3.state,\n            contentWidth = _this3$state.contentWidth,\n            width = _this3$state.width;\n        _this3.scrollX = width - contentWidth - _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"];\n\n        _this3.updatePosition();\n\n        (_this3$scrollbarXRef = _this3.scrollbarXRef) === null || _this3$scrollbarXRef === void 0 ? void 0 : (_this3$scrollbarXRef$ = _this3$scrollbarXRef.current) === null || _this3$scrollbarXRef$ === void 0 ? void 0 : (_this3$scrollbarXRef$2 = _this3$scrollbarXRef$.resetScrollBarPosition) === null || _this3$scrollbarXRef$2 === void 0 ? void 0 : _this3$scrollbarXRef$2.call(_this3$scrollbarXRef$, -_this3.scrollX);\n      }, 0);\n    }\n  };\n\n  _proto.updatePosition = function updatePosition() {\n    var _this$tableHeaderRef;\n\n    /**\n     * 当存在锁定列情况处理\n     */\n    if (this.state.shouldFixedColumn) {\n      this.updatePositionByFixedCell();\n    } else {\n      var _this$wheelWrapperRef, _this$headerWrapperRe2, _this$affixHeaderWrap, _affixHeaderElement$h;\n\n      var wheelStyle = {};\n      var headerStyle = {};\n      this.translateDOMPositionXY(wheelStyle, this.scrollX, this.scrollY);\n      this.translateDOMPositionXY(headerStyle, this.scrollX, 0);\n      var wheelElement = (_this$wheelWrapperRef = this.wheelWrapperRef) === null || _this$wheelWrapperRef === void 0 ? void 0 : _this$wheelWrapperRef.current;\n      var headerElement = (_this$headerWrapperRe2 = this.headerWrapperRef) === null || _this$headerWrapperRe2 === void 0 ? void 0 : _this$headerWrapperRe2.current;\n      var affixHeaderElement = (_this$affixHeaderWrap = this.affixHeaderWrapperRef) === null || _this$affixHeaderWrap === void 0 ? void 0 : _this$affixHeaderWrap.current;\n      wheelElement && Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(wheelElement, wheelStyle);\n      headerElement && Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(headerElement, headerStyle);\n\n      if (affixHeaderElement !== null && affixHeaderElement !== void 0 && (_affixHeaderElement$h = affixHeaderElement.hasChildNodes) !== null && _affixHeaderElement$h !== void 0 && _affixHeaderElement$h.call(affixHeaderElement)) {\n        Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(affixHeaderElement.firstChild, headerStyle);\n      }\n    }\n\n    if ((_this$tableHeaderRef = this.tableHeaderRef) !== null && _this$tableHeaderRef !== void 0 && _this$tableHeaderRef.current) {\n      Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"toggleClass\"])(this.tableHeaderRef.current, this.addPrefix('cell-group-shadow'), this.scrollY < 0);\n    }\n  };\n\n  _proto.updatePositionByFixedCell = function updatePositionByFixedCell() {\n    var _this$wheelWrapperRef2;\n\n    var wheelGroupStyle = {};\n    var wheelStyle = {};\n    var scrollGroups = this.getScrollCellGroups();\n    var fixedLeftGroups = this.getFixedLeftCellGroups();\n    var fixedRightGroups = this.getFixedRightCellGroups();\n    var _this$state4 = this.state,\n        contentWidth = _this$state4.contentWidth,\n        width = _this$state4.width;\n    this.translateDOMPositionXY(wheelGroupStyle, this.scrollX, 0);\n    this.translateDOMPositionXY(wheelStyle, 0, this.scrollY);\n    var scrollArrayGroups = Array.from(scrollGroups);\n\n    for (var i = 0; i < scrollArrayGroups.length; i++) {\n      var group = scrollArrayGroups[i];\n      Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(group, wheelGroupStyle);\n    }\n\n    if ((_this$wheelWrapperRef2 = this.wheelWrapperRef) !== null && _this$wheelWrapperRef2 !== void 0 && _this$wheelWrapperRef2.current) {\n      Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(this.wheelWrapperRef.current, wheelStyle);\n    }\n\n    var leftShadowClassName = this.addPrefix('cell-group-left-shadow');\n    var rightShadowClassName = this.addPrefix('cell-group-right-shadow');\n    var showLeftShadow = this.scrollX < 0;\n    var showRightShadow = width - contentWidth - _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"] !== this.scrollX;\n    Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"toggleClass\"])(fixedLeftGroups, leftShadowClassName, showLeftShadow);\n    Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"toggleClass\"])(fixedRightGroups, rightShadowClassName, showRightShadow);\n  };\n\n  _proto.shouldRenderExpandedRow = function shouldRenderExpandedRow(rowData) {\n    var _this$props18 = this.props,\n        rowKey = _this$props18.rowKey,\n        renderRowExpanded = _this$props18.renderRowExpanded,\n        isTree = _this$props18.isTree;\n    var expandedRowKeys = this.getExpandedRowKeys() || [];\n    return lodash_isFunction__WEBPACK_IMPORTED_MODULE_6___default()(renderRowExpanded) && !isTree && expandedRowKeys.some(function (key) {\n      return key === rowData[rowKey];\n    });\n  };\n\n  _proto.calculateRowMaxHeight = function calculateRowMaxHeight() {\n    var wordWrap = this.props.wordWrap;\n\n    if (wordWrap) {\n      var tableRowsMaxHeight = [];\n      var tableRows = Object.values(this.tableRows);\n\n      for (var i = 0; i < tableRows.length; i++) {\n        var _tableRows$i = tableRows[i],\n            row = _tableRows$i[0];\n\n        if (row) {\n          var cells = row.querySelectorAll(\".\" + this.addPrefix('cell-wrap')) || [];\n          var cellArray = Array.from(cells);\n          var maxHeight = 0;\n\n          for (var j = 0; j < cellArray.length; j++) {\n            var cell = cellArray[j];\n            var h = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getHeight\"])(cell);\n            maxHeight = Math.max(maxHeight, h);\n          }\n\n          tableRowsMaxHeight.push(maxHeight);\n        }\n      }\n\n      this.setState({\n        tableRowsMaxHeight: tableRowsMaxHeight\n      });\n    }\n  };\n\n  _proto.calculateTableContentWidth = function calculateTableContentWidth(prevProps) {\n    var _this$tableRef3;\n\n    var table = (_this$tableRef3 = this.tableRef) === null || _this$tableRef3 === void 0 ? void 0 : _this$tableRef3.current;\n    var row = table.querySelector(\".\" + this.addPrefix('row') + \":not(.virtualized)\");\n    var contentWidth = row ? Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getWidth\"])(row) : 0;\n    this.setState({\n      contentWidth: contentWidth\n    }); // 这里 -SCROLLBAR_WIDTH 是为了让滚动条不挡住内容部分\n\n    this.minScrollX = -(contentWidth - this.state.width) - _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"];\n    /**\n     * 1.判断 Table 列数是否发生变化\n     * 2.判断 Table 内容区域是否宽度有变化\n     *\n     * 满足 1 和 2 则更新横向滚动条位置\n     */\n\n    if (lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(this.props.children).length !== lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(prevProps.children).length && this.state.contentWidth !== contentWidth) {\n      this.scrollLeft(0);\n    }\n  };\n\n  _proto.calculateTableContextHeight = function calculateTableContextHeight(prevProps) {\n    var table = this.tableRef.current;\n    var rows = table.querySelectorAll(\".\" + this.addPrefix('row')) || [];\n    var _this$props19 = this.props,\n        height = _this$props19.height,\n        autoHeight = _this$props19.autoHeight,\n        rowHeight = _this$props19.rowHeight,\n        affixHeader = _this$props19.affixHeader;\n    var headerHeight = this.getTableHeaderHeight();\n    var contentHeight = rows.length ? Array.from(rows).map(function (row) {\n      return Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getHeight\"])(row) || rowHeight;\n    }).reduce(function (x, y) {\n      return x + y;\n    }) : 0; // 当设置 affixHeader 属性后要减掉两个 header 的高度\n\n    var nextContentHeight = contentHeight - (affixHeader ? headerHeight * 2 : headerHeight);\n\n    if (nextContentHeight !== this.state.contentHeight) {\n      this.setState({\n        contentHeight: nextContentHeight\n      });\n    }\n\n    if (prevProps && ( // 当 data 更新，或者表格高度更新，则更新滚动条\n    prevProps.height !== height || prevProps.data !== this.props.data) && this.scrollY !== 0) {\n      this.scrollTop(Math.abs(this.scrollY));\n      this.updatePosition();\n    }\n\n    if (!autoHeight) {\n      // 这里 -SCROLLBAR_WIDTH 是为了让滚动条不挡住内容部分\n      this.minScrollY = -(contentHeight - height) - _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"];\n    } // 如果内容区域的高度小于表格的高度，则重置 Y 坐标滚动条\n\n\n    if (contentHeight < height) {\n      this.scrollTop(0);\n    } // 如果 scrollTop 的值大于可以滚动的范围 ，则重置 Y 坐标滚动条\n    // 当 Table 为 virtualized 时， wheel 事件触发每次都会进入该逻辑， 避免在滚动到底部后滚动条重置, +SCROLLBAR_WIDTH\n\n\n    if (Math.abs(this.scrollY) + height - headerHeight > nextContentHeight + _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"]) {\n      this.scrollTop(this.scrollY);\n    }\n  };\n\n  _proto.getControlledScrollTopValue = function getControlledScrollTopValue(value) {\n    if (this.props.autoHeight) {\n      return [0, 0];\n    }\n\n    var contentHeight = this.state.contentHeight;\n    var headerHeight = this.getTableHeaderHeight();\n    var height = this.getTableHeight(); // 滚动值的最大范围判断\n\n    value = Math.min(value, Math.max(0, contentHeight - (height - headerHeight))); // value 值是表格理论滚动位置的一个值，通过 value 计算出 scrollY 坐标值与滚动条位置的值\n\n    return [-value, value / contentHeight * (height - headerHeight)];\n  };\n\n  _proto.getControlledScrollLeftValue = function getControlledScrollLeftValue(value) {\n    var _this$state5 = this.state,\n        contentWidth = _this$state5.contentWidth,\n        width = _this$state5.width; // 滚动值的最大范围判断\n\n    value = Math.min(value, Math.max(0, contentWidth - width));\n    return [-value, value / contentWidth * width];\n  }\n  /**\n   * public method\n   */\n  ;\n\n  _proto.renderRowData = function renderRowData(bodyCells, rowData, props, shouldRenderExpandedRow) {\n    var _this$props20 = this.props,\n        renderTreeToggle = _this$props20.renderTreeToggle,\n        rowKey = _this$props20.rowKey,\n        wordWrap = _this$props20.wordWrap,\n        isTree = _this$props20.isTree;\n    var hasChildren = isTree && rowData.children && Array.isArray(rowData.children);\n    var nextRowKey = typeof rowData[rowKey] !== 'undefined' ? rowData[rowKey] : props.key;\n\n    var rowProps = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, props, {\n      key: nextRowKey,\n      'aria-rowindex': props.key + 2,\n      rowRef: this.bindTableRowsRef(props.key, rowData),\n      onClick: this.bindRowClick(rowData),\n      onContextMenu: this.bindRowContextMenu(rowData)\n    });\n\n    var expandedRowKeys = this.getExpandedRowKeys() || [];\n    var expanded = expandedRowKeys.some(function (key) {\n      return key === rowData[rowKey];\n    });\n    var cells = [];\n\n    for (var i = 0; i < bodyCells.length; i++) {\n      var cell = bodyCells[i];\n      cells.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"cloneElement\"](cell, {\n        hasChildren: hasChildren,\n        rowData: rowData,\n        wordWrap: wordWrap,\n        renderTreeToggle: renderTreeToggle,\n        height: props.height,\n        rowIndex: props.key,\n        depth: props.depth,\n        onTreeToggle: this.handleTreeToggle,\n        rowKey: nextRowKey,\n        expanded: expanded\n      }));\n    }\n\n    return this.renderRow(rowProps, cells, shouldRenderExpandedRow, rowData);\n  };\n\n  _proto.renderRow = function renderRow(props, cells, shouldRenderExpandedRow, rowData) {\n    var rowClassName = this.props.rowClassName;\n    var _this$state6 = this.state,\n        shouldFixedColumn = _this$state6.shouldFixedColumn,\n        width = _this$state6.width,\n        contentWidth = _this$state6.contentWidth;\n\n    var depth = props.depth,\n        restRowProps = Object(_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(props, [\"depth\"]);\n\n    if (typeof rowClassName === 'function') {\n      restRowProps.className = rowClassName(rowData);\n    } else {\n      restRowProps.className = rowClassName;\n    }\n\n    var rowStyles = {};\n    var rowRight = 0;\n\n    if (this.isRTL() && contentWidth > width) {\n      rowRight = width - contentWidth;\n      rowStyles.right = rowRight;\n    } // IF there are fixed columns, add a fixed group\n\n\n    if (shouldFixedColumn && contentWidth > width) {\n      var fixedLeftCells = [];\n      var fixedRightCells = [];\n      var scrollCells = [];\n      var fixedLeftCellGroupWidth = 0;\n      var fixedRightCellGroupWidth = 0;\n\n      for (var i = 0; i < cells.length; i++) {\n        var cell = cells[i];\n        var _cell$props = cell.props,\n            fixed = _cell$props.fixed,\n            _width2 = _cell$props.width;\n        var isFixedStart = fixed === 'left' || fixed === true;\n        var isFixedEnd = fixed === 'right';\n\n        if (this.isRTL()) {\n          isFixedStart = fixed === 'right';\n          isFixedEnd = fixed === 'left' || fixed === true;\n        }\n\n        if (isFixedStart) {\n          fixedLeftCells.push(cell);\n          fixedLeftCellGroupWidth += _width2;\n        } else if (isFixedEnd) {\n          fixedRightCells.push(cell);\n          fixedRightCellGroupWidth += _width2;\n        } else {\n          scrollCells.push(cell);\n        }\n      }\n\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_Row__WEBPACK_IMPORTED_MODULE_16__[\"default\"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, restRowProps, {\n        \"data-depth\": depth,\n        style: rowStyles\n      }), fixedLeftCellGroupWidth ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_CellGroup__WEBPACK_IMPORTED_MODULE_17__[\"default\"], {\n        fixed: \"left\",\n        height: props.isHeaderRow ? props.headerHeight : props.height,\n        width: fixedLeftCellGroupWidth,\n        style: this.isRTL() ? {\n          right: width - fixedLeftCellGroupWidth - rowRight\n        } : null\n      }, Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"mergeCells\"])(Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"resetLeftForCells\"])(fixedLeftCells))) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_CellGroup__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"mergeCells\"])(scrollCells)), fixedRightCellGroupWidth ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_CellGroup__WEBPACK_IMPORTED_MODULE_17__[\"default\"], {\n        fixed: \"right\",\n        style: this.isRTL() ? {\n          right: 0 - rowRight\n        } : {\n          left: width - fixedRightCellGroupWidth - _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"]\n        },\n        height: props.isHeaderRow ? props.headerHeight : props.height,\n        width: fixedRightCellGroupWidth + _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"]\n      }, Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"mergeCells\"])(Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"resetLeftForCells\"])(fixedRightCells, _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"]))) : null, shouldRenderExpandedRow && this.renderRowExpanded(rowData));\n    }\n\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_Row__WEBPACK_IMPORTED_MODULE_16__[\"default\"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, restRowProps, {\n      \"data-depth\": depth,\n      style: rowStyles\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_CellGroup__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"mergeCells\"])(cells)), shouldRenderExpandedRow && this.renderRowExpanded(rowData));\n  };\n\n  _proto.renderRowExpanded = function renderRowExpanded(rowData) {\n    var _this$props21 = this.props,\n        renderRowExpanded = _this$props21.renderRowExpanded,\n        rowExpandedHeight = _this$props21.rowExpandedHeight;\n    var styles = {\n      height: rowExpandedHeight\n    };\n\n    if (typeof renderRowExpanded === 'function') {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n        className: this.addPrefix('row-expanded'),\n        style: styles\n      }, renderRowExpanded(rowData));\n    }\n\n    return null;\n  };\n\n  _proto.renderMouseArea = function renderMouseArea() {\n    var headerHeight = this.getTableHeaderHeight();\n    var styles = {\n      height: this.getTableHeight()\n    };\n    var spanStyles = {\n      height: headerHeight - 1\n    };\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      ref: this.mouseAreaRef,\n      className: this.addPrefix('mouse-area'),\n      style: styles\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"span\", {\n      style: spanStyles\n    }));\n  };\n\n  _proto.renderTableHeader = function renderTableHeader(headerCells, rowWidth) {\n    var affixHeader = this.props.affixHeader;\n    var tableWidth = this.state.width;\n    var top = typeof affixHeader === 'number' ? affixHeader : 0;\n    var headerHeight = this.getTableHeaderHeight();\n    var rowProps = {\n      'aria-rowindex': 1,\n      rowRef: this.tableHeaderRef,\n      width: rowWidth,\n      height: this.getRowHeight(),\n      headerHeight: headerHeight,\n      isHeaderRow: true,\n      top: 0\n    };\n    var fixedStyle = {\n      position: 'fixed',\n      overflow: 'hidden',\n      height: this.getTableHeaderHeight(),\n      width: tableWidth,\n      top: top\n    }; // Affix header\n\n    var header = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(this.addPrefix('affix-header')),\n      style: fixedStyle,\n      ref: this.affixHeaderWrapperRef\n    }, this.renderRow(rowProps, headerCells));\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](react__WEBPACK_IMPORTED_MODULE_3__[\"Fragment\"], null, (affixHeader === 0 || affixHeader) && header, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      role: \"rowgroup\",\n      className: this.addPrefix('header-row-wrapper'),\n      ref: this.headerWrapperRef\n    }, this.renderRow(rowProps, headerCells)));\n  };\n\n  _proto.renderTableBody = function renderTableBody(bodyCells, rowWidth) {\n    var _this$props22 = this.props,\n        rowExpandedHeight = _this$props22.rowExpandedHeight,\n        renderRowExpanded = _this$props22.renderRowExpanded,\n        isTree = _this$props22.isTree,\n        rowKey = _this$props22.rowKey,\n        wordWrap = _this$props22.wordWrap,\n        virtualized = _this$props22.virtualized,\n        rowHeight = _this$props22.rowHeight;\n    var headerHeight = this.getTableHeaderHeight();\n    var _this$state7 = this.state,\n        tableRowsMaxHeight = _this$state7.tableRowsMaxHeight,\n        isScrolling = _this$state7.isScrolling,\n        data = _this$state7.data;\n    var height = this.getTableHeight();\n    var bodyHeight = height - headerHeight;\n    var bodyStyles = {\n      top: headerHeight,\n      height: bodyHeight\n    };\n    var contentHeight = 0;\n    var topHideHeight = 0;\n    var bottomHideHeight = 0;\n    this._visibleRows = [];\n\n    if (data) {\n      var top = 0; // Row position\n\n      var minTop = Math.abs(this.scrollY);\n      var maxTop = minTop + height + rowExpandedHeight;\n      var isCustomRowHeight = typeof rowHeight === 'function';\n      var isUncertainHeight = !!(renderRowExpanded || isCustomRowHeight || isTree);\n      /**\n      如果开启了 virtualized  同时 Table 中的的行高是可变的，\n      则需要循环遍历 data, 获取每一行的高度。\n      */\n\n      if (isUncertainHeight && virtualized || !virtualized) {\n        for (var index = 0; index < data.length; index++) {\n          var rowData = data[index];\n          var maxHeight = tableRowsMaxHeight[index];\n          var shouldRenderExpandedRow = this.shouldRenderExpandedRow(rowData);\n          var nextRowHeight = 0;\n          var depth = 0;\n\n          if (typeof rowHeight === 'function') {\n            nextRowHeight = rowHeight(rowData);\n          } else {\n            nextRowHeight = maxHeight ? Math.max(maxHeight + _constants__WEBPACK_IMPORTED_MODULE_20__[\"CELL_PADDING_HEIGHT\"], rowHeight) : rowHeight;\n\n            if (shouldRenderExpandedRow) {\n              nextRowHeight += rowExpandedHeight;\n            }\n          }\n\n          if (isTree) {\n            var parents = Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"findAllParents\"])(rowData, rowKey);\n            var expandedRowKeys = this.getExpandedRowKeys();\n            depth = parents.length; //  如果是 Tree Table,  判断当前的行是否展开/折叠，如果是折叠则不显示该行。\n\n            if (!Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"shouldShowRowByExpanded\"])(expandedRowKeys, parents)) {\n              continue;\n            }\n          }\n\n          contentHeight += nextRowHeight;\n          var rowProps = {\n            key: index,\n            top: top,\n            width: rowWidth,\n            depth: depth,\n            height: nextRowHeight\n          };\n          top += nextRowHeight;\n\n          if (virtualized && !wordWrap) {\n            if (top + nextRowHeight < minTop) {\n              topHideHeight += nextRowHeight;\n              continue;\n            } else if (top > maxTop) {\n              bottomHideHeight += nextRowHeight;\n              continue;\n            }\n          }\n\n          this._visibleRows.push(this.renderRowData(bodyCells, rowData, rowProps, shouldRenderExpandedRow));\n        }\n      } else {\n        /**\n        如果 Table 的行高是固定的，则直接通过行高与行数进行计算，\n        减少遍历所有 data 带来的性能消耗\n        */\n        var _nextRowHeight = this.getRowHeight();\n\n        var startIndex = Math.max(Math.floor(minTop / _nextRowHeight), 0);\n        var endIndex = Math.min(startIndex + Math.ceil(bodyHeight / _nextRowHeight), data.length);\n        contentHeight = data.length * _nextRowHeight;\n        topHideHeight = startIndex * _nextRowHeight;\n        bottomHideHeight = (data.length - endIndex) * _nextRowHeight;\n\n        for (var _index = startIndex; _index < endIndex; _index++) {\n          var _rowData = data[_index];\n          var _rowProps = {\n            key: _index,\n            top: _index * _nextRowHeight,\n            width: rowWidth,\n            height: _nextRowHeight\n          };\n\n          this._visibleRows.push(this.renderRowData(bodyCells, _rowData, _rowProps, false));\n        }\n      }\n    }\n\n    var wheelStyles = {\n      position: 'absolute',\n      height: contentHeight,\n      minHeight: height,\n      pointerEvents: isScrolling ? 'none' : undefined\n    };\n    var topRowStyles = {\n      height: topHideHeight\n    };\n    var bottomRowStyles = {\n      height: bottomHideHeight\n    };\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      ref: this.tableBodyRef,\n      role: \"rowgroup\",\n      className: this.addPrefix('body-row-wrapper'),\n      style: bodyStyles,\n      onScroll: this.handleBodyScroll\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      style: wheelStyles,\n      className: this.addPrefix('body-wheel-area'),\n      ref: this.wheelWrapperRef\n    }, topHideHeight ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_Row__WEBPACK_IMPORTED_MODULE_16__[\"default\"], {\n      style: topRowStyles,\n      className: \"virtualized\"\n    }) : null, this._visibleRows, bottomHideHeight ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_Row__WEBPACK_IMPORTED_MODULE_16__[\"default\"], {\n      style: bottomRowStyles,\n      className: \"virtualized\"\n    }) : null), this.renderInfo(), this.renderScrollbar(), this.renderLoading());\n  };\n\n  _proto.renderInfo = function renderInfo() {\n    var _this$props23 = this.props,\n        locale = _this$props23.locale,\n        renderEmpty = _this$props23.renderEmpty,\n        loading = _this$props23.loading;\n\n    if (this._visibleRows.length || loading) {\n      return null;\n    }\n\n    var emptyMessage = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      className: this.addPrefix('body-info')\n    }, locale.emptyMessage);\n    return renderEmpty ? renderEmpty(emptyMessage) : emptyMessage;\n  };\n\n  _proto.renderScrollbar = function renderScrollbar() {\n    var _this$props24 = this.props,\n        disabledScroll = _this$props24.disabledScroll,\n        affixHorizontalScrollbar = _this$props24.affixHorizontalScrollbar,\n        id = _this$props24.id;\n    var _this$state8 = this.state,\n        contentWidth = _this$state8.contentWidth,\n        contentHeight = _this$state8.contentHeight,\n        width = _this$state8.width,\n        fixedHorizontalScrollbar = _this$state8.fixedHorizontalScrollbar;\n    var bottom = typeof affixHorizontalScrollbar === 'number' ? affixHorizontalScrollbar : 0;\n    var headerHeight = this.getTableHeaderHeight();\n    var height = this.getTableHeight();\n\n    if (disabledScroll) {\n      return null;\n    }\n\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_Scrollbar__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n      tableId: id,\n      className: classnames__WEBPACK_IMPORTED_MODULE_5___default()({\n        fixed: fixedHorizontalScrollbar\n      }),\n      style: {\n        width: width,\n        bottom: fixedHorizontalScrollbar ? bottom : undefined\n      },\n      length: this.state.width,\n      onScroll: this.handleScrollX,\n      scrollLength: contentWidth,\n      ref: this.scrollbarXRef\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_Scrollbar__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n      vertical: true,\n      tableId: id,\n      length: height - headerHeight,\n      scrollLength: contentHeight,\n      onScroll: this.handleScrollY,\n      ref: this.scrollbarYRef\n    }));\n  }\n  /**\n   *  show loading\n   */\n  ;\n\n  _proto.renderLoading = function renderLoading() {\n    var _this$props25 = this.props,\n        locale = _this$props25.locale,\n        loading = _this$props25.loading,\n        loadAnimation = _this$props25.loadAnimation,\n        renderLoading = _this$props25.renderLoading;\n\n    if (!loadAnimation && !loading) {\n      return null;\n    }\n\n    var loadingElement = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      className: this.addPrefix('loader-wrapper')\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      className: this.addPrefix('loader')\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"i\", {\n      className: this.addPrefix('loader-icon')\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"span\", {\n      className: this.addPrefix('loader-text')\n    }, locale.loading)));\n    return renderLoading ? renderLoading(loadingElement) : loadingElement;\n  };\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props26 = this.props,\n        children = _this$props26.children,\n        className = _this$props26.className,\n        data = _this$props26.data,\n        _this$props26$width = _this$props26.width,\n        width = _this$props26$width === void 0 ? 0 : _this$props26$width,\n        style = _this$props26.style,\n        isTree = _this$props26.isTree,\n        hover = _this$props26.hover,\n        bordered = _this$props26.bordered,\n        cellBordered = _this$props26.cellBordered,\n        wordWrap = _this$props26.wordWrap,\n        classPrefix = _this$props26.classPrefix,\n        loading = _this$props26.loading,\n        showHeader = _this$props26.showHeader,\n        rest = Object(_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_this$props26, [\"children\", \"className\", \"data\", \"width\", \"style\", \"isTree\", \"hover\", \"bordered\", \"cellBordered\", \"wordWrap\", \"classPrefix\", \"loading\", \"showHeader\"]);\n\n    var isColumnResizing = this.state.isColumnResizing;\n\n    var _this$getCellDescript = this.getCellDescriptor(),\n        headerCells = _this$getCellDescript.headerCells,\n        bodyCells = _this$getCellDescript.bodyCells,\n        allColumnsWidth = _this$getCellDescript.allColumnsWidth,\n        hasCustomTreeCol = _this$getCellDescript.hasCustomTreeCol;\n\n    var rowWidth = allColumnsWidth > width ? allColumnsWidth : width;\n    var clesses = classnames__WEBPACK_IMPORTED_MODULE_5___default()(classPrefix, className, (_classNames = {}, _classNames[this.addPrefix('word-wrap')] = wordWrap, _classNames[this.addPrefix('treetable')] = isTree, _classNames[this.addPrefix('bordered')] = bordered, _classNames[this.addPrefix('cell-bordered')] = cellBordered, _classNames[this.addPrefix('column-resizing')] = isColumnResizing, _classNames[this.addPrefix('hover')] = hover, _classNames[this.addPrefix('loading')] = loading, _classNames));\n\n    var styles = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({\n      width: width || 'auto',\n      height: this.getTableHeight()\n    }, style);\n\n    var unhandled = Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"getUnhandledProps\"])(propTypes, rest);\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_TableContext__WEBPACK_IMPORTED_MODULE_19__[\"default\"].Provider, {\n      value: {\n        translateDOMPositionXY: this.translateDOMPositionXY,\n        rtl: this.isRTL(),\n        isTree: isTree,\n        hasCustomTreeCol: hasCustomTreeCol\n      }\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({\n      role: isTree ? 'treegrid' : 'grid' // The aria-rowcount is specified on the element with the table.\n      // Its value is an integer equal to the total number of rows available, including header rows.\n      ,\n      \"aria-rowcount\": data.length + 1,\n      \"aria-colcount\": this._cacheChildrenSize\n    }, unhandled, {\n      className: clesses,\n      style: styles,\n      ref: this.tableRef\n    }), showHeader && this.renderTableHeader(headerCells, rowWidth), children && this.renderTableBody(bodyCells, rowWidth), showHeader && this.renderMouseArea()));\n  };\n\n  return Table;\n}(react__WEBPACK_IMPORTED_MODULE_3__[\"Component\"]);\n\nTable.propTypes = propTypes;\nTable.defaultProps = {\n  classPrefix: Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"defaultClassPrefix\"])('table'),\n  data: [],\n  defaultSortType: SORT_TYPE.DESC,\n  height: 200,\n  rowHeight: 46,\n  headerHeight: 40,\n  minHeight: 0,\n  rowExpandedHeight: 100,\n  hover: true,\n  showHeader: true,\n  rowKey: 'key',\n  translate3d: true,\n  shouldUpdateScroll: true,\n  locale: {\n    emptyMessage: 'No data found',\n    loading: 'Loading...'\n  }\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Table);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/Table.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ \"./node_modules/rsuite-table/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"./node_modules/rsuite-table/node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inheritsLoose */ \"./node_modules/rsuite-table/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash/isFunction */ \"./node_modules/rsuite-table/node_modules/lodash/isFunction.js\");\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash_isFunction__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! lodash/flatten */ \"./node_modules/rsuite-table/node_modules/lodash/flatten.js\");\n/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(lodash_flatten__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! lodash/debounce */ \"./node_modules/rsuite-table/node_modules/lodash/debounce.js\");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var lodash_isEqual__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! lodash/isEqual */ \"./node_modules/rsuite-table/node_modules/lodash/isEqual.js\");\n/* harmony import */ var lodash_isEqual__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(lodash_isEqual__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var lodash_eq__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! lodash/eq */ \"./node_modules/rsuite-table/node_modules/lodash/eq.js\");\n/* harmony import */ var lodash_eq__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(lodash_eq__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! lodash/omit */ \"./node_modules/rsuite-table/node_modules/lodash/omit.js\");\n/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var lodash_merge__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! lodash/merge */ \"./node_modules/rsuite-table/node_modules/lodash/merge.js\");\n/* harmony import */ var lodash_merge__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(lodash_merge__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var element_resize_event__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! element-resize-event */ \"./node_modules/element-resize-event/index.js\");\n/* harmony import */ var element_resize_event__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(element_resize_event__WEBPACK_IMPORTED_MODULE_13__);\n/* harmony import */ var dom_lib_lib_transition_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! dom-lib/lib/transition/translateDOMPositionXY */ \"./node_modules/dom-lib/lib/transition/translateDOMPositionXY.js\");\n/* harmony import */ var dom_lib_lib_transition_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(dom_lib_lib_transition_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var dom_lib__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n/* harmony import */ var _Row__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./Row */ \"./node_modules/rsuite-table/es/Row.js\");\n/* harmony import */ var _CellGroup__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./CellGroup */ \"./node_modules/rsuite-table/es/CellGroup.js\");\n/* harmony import */ var _Scrollbar__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./Scrollbar */ \"./node_modules/rsuite-table/es/Scrollbar.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _ColumnGroup__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./ColumnGroup */ \"./node_modules/rsuite-table/es/ColumnGroup.js\");\n/* harmony import */ var react_is__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! react-is */ \"./node_modules/rsuite-table/node_modules/react-is/index.js\");\n/* harmony import */ var react_is__WEBPACK_IMPORTED_MODULE_23___default = /*#__PURE__*/__webpack_require__.n(react_is__WEBPACK_IMPORTED_MODULE_23__);\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar SORT_TYPE = {\n  DESC: 'desc',\n  ASC: 'asc'\n};\nvar propTypes = {\n  autoHeight: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  affixHeader: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number]),\n  affixHorizontalScrollbar: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number]),\n  bordered: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  bodyRef: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  className: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n  classPrefix: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n  children: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.any,\n  cellBordered: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  data: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.object),\n  defaultExpandAllRows: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  defaultExpandedRowKeys: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number])),\n  defaultSortType: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string]),\n  disabledScroll: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  expandedRowKeys: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number])),\n  hover: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  height: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number,\n  headerHeight: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number,\n  locale: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.object,\n  loading: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  loadAnimation: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  minHeight: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number,\n  rowKey: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number]),\n  rowHeight: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func]),\n  renderTreeToggle: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  renderRowExpanded: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  rowExpandedHeight: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number,\n  renderEmpty: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  renderLoading: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  rowClassName: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string]),\n  rtl: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  style: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.object,\n  sortColumn: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n  sortType: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string]),\n  showHeader: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  shouldUpdateScroll: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  translate3d: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  wordWrap: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  width: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number,\n  virtualized: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  isTree: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  onRowClick: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onRowContextMenu: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onScroll: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onSortColumn: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onExpandChange: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onTouchStart: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onTouchMove: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onDataUpdated: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func\n};\n\nvar Table = /*#__PURE__*/function (_React$Component) {\n  Object(_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(Table, _React$Component);\n\n  Table.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {\n    if (props.data !== state.cacheData || props.isTree !== state.isTree) {\n      return {\n        cacheData: props.data,\n        isTree: props.isTree,\n        data: props.isTree ? Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"flattenData\"])(props.data) : props.data\n      };\n    }\n\n    return null;\n  };\n\n  function Table(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.translateDOMPositionXY = null;\n    _this.scrollListener = null;\n    _this.tableRef = void 0;\n    _this.scrollbarYRef = void 0;\n    _this.scrollbarXRef = void 0;\n    _this.tableBodyRef = void 0;\n    _this.affixHeaderWrapperRef = void 0;\n    _this.mouseAreaRef = void 0;\n    _this.headerWrapperRef = void 0;\n    _this.tableHeaderRef = void 0;\n    _this.wheelWrapperRef = void 0;\n    _this.tableRows = {};\n    _this.mounted = false;\n    _this.disableEventsTimeoutId = null;\n    _this.scrollY = 0;\n    _this.scrollX = 0;\n    _this.wheelHandler = void 0;\n    _this.minScrollY = void 0;\n    _this.minScrollX = void 0;\n    _this.mouseArea = void 0;\n    _this.touchX = void 0;\n    _this.touchY = void 0;\n    _this.wheelListener = void 0;\n    _this.touchStartListener = void 0;\n    _this.touchMoveListener = void 0;\n    _this._cacheCells = null;\n    _this._cacheChildrenSize = 0;\n    _this._visibleRows = [];\n\n    _this.listenWheel = function (deltaX, deltaY) {\n      var _this$scrollbarXRef$c, _this$scrollbarXRef$c2, _this$scrollbarYRef$c, _this$scrollbarYRef$c2;\n\n      _this.handleWheel(deltaX, deltaY);\n\n      (_this$scrollbarXRef$c = _this.scrollbarXRef.current) === null || _this$scrollbarXRef$c === void 0 ? void 0 : (_this$scrollbarXRef$c2 = _this$scrollbarXRef$c.onWheelScroll) === null || _this$scrollbarXRef$c2 === void 0 ? void 0 : _this$scrollbarXRef$c2.call(_this$scrollbarXRef$c, deltaX);\n      (_this$scrollbarYRef$c = _this.scrollbarYRef.current) === null || _this$scrollbarYRef$c === void 0 ? void 0 : (_this$scrollbarYRef$c2 = _this$scrollbarYRef$c.onWheelScroll) === null || _this$scrollbarYRef$c2 === void 0 ? void 0 : _this$scrollbarYRef$c2.call(_this$scrollbarYRef$c, deltaY);\n    };\n\n    _this.setOffsetByAffix = function () {\n      var _this$headerWrapperRe, _this$tableRef;\n\n      var _this$props = _this.props,\n          affixHeader = _this$props.affixHeader,\n          affixHorizontalScrollbar = _this$props.affixHorizontalScrollbar;\n      var headerNode = (_this$headerWrapperRe = _this.headerWrapperRef) === null || _this$headerWrapperRe === void 0 ? void 0 : _this$headerWrapperRe.current;\n\n      if (Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isNumberOrTrue\"])(affixHeader) && headerNode) {\n        _this.setState(function () {\n          return {\n            headerOffset: Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getOffset\"])(headerNode)\n          };\n        });\n      }\n\n      var tableNode = (_this$tableRef = _this.tableRef) === null || _this$tableRef === void 0 ? void 0 : _this$tableRef.current;\n\n      if (Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isNumberOrTrue\"])(affixHorizontalScrollbar) && tableNode) {\n        _this.setState(function () {\n          return {\n            tableOffset: Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getOffset\"])(tableNode)\n          };\n        });\n      }\n    };\n\n    _this.handleWindowScroll = function () {\n      var _this$props2 = _this.props,\n          affixHeader = _this$props2.affixHeader,\n          affixHorizontalScrollbar = _this$props2.affixHorizontalScrollbar;\n\n      if (Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isNumberOrTrue\"])(affixHeader)) {\n        _this.affixTableHeader();\n      }\n\n      if (Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isNumberOrTrue\"])(affixHorizontalScrollbar)) {\n        _this.affixHorizontalScrollbar();\n      }\n    };\n\n    _this.affixHorizontalScrollbar = function () {\n      var _this$scrollbarXRef, _this$scrollbarXRef$c3, _this$scrollbarXRef$c4;\n\n      var scrollY = window.scrollY || window.pageYOffset;\n      var windowHeight = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getHeight\"])(window);\n\n      var height = _this.getTableHeight();\n\n      var _this$state = _this.state,\n          tableOffset = _this$state.tableOffset,\n          fixedHorizontalScrollbar = _this$state.fixedHorizontalScrollbar;\n      var affixHorizontalScrollbar = _this.props.affixHorizontalScrollbar;\n\n      var headerHeight = _this.getTableHeaderHeight();\n\n      var bottom = typeof affixHorizontalScrollbar === 'number' ? affixHorizontalScrollbar : 0;\n      var fixedScrollbar = scrollY + windowHeight < height + (tableOffset.top + bottom) && scrollY + windowHeight - headerHeight > tableOffset.top + bottom;\n\n      if ((_this$scrollbarXRef = _this.scrollbarXRef) !== null && _this$scrollbarXRef !== void 0 && (_this$scrollbarXRef$c3 = _this$scrollbarXRef.current) !== null && _this$scrollbarXRef$c3 !== void 0 && (_this$scrollbarXRef$c4 = _this$scrollbarXRef$c3.barRef) !== null && _this$scrollbarXRef$c4 !== void 0 && _this$scrollbarXRef$c4.current && fixedHorizontalScrollbar !== fixedScrollbar) {\n        _this.setState({\n          fixedHorizontalScrollbar: fixedScrollbar\n        });\n      }\n    };\n\n    _this.affixTableHeader = function () {\n      var affixHeader = _this.props.affixHeader;\n      var top = typeof affixHeader === 'number' ? affixHeader : 0;\n      var _this$state2 = _this.state,\n          headerOffset = _this$state2.headerOffset,\n          contentHeight = _this$state2.contentHeight;\n      var scrollY = window.scrollY || window.pageYOffset;\n      var fixedHeader = scrollY - (headerOffset.top - top) >= 0 && scrollY < headerOffset.top - top + contentHeight;\n\n      if (_this.affixHeaderWrapperRef.current) {\n        Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"toggleClass\"])(_this.affixHeaderWrapperRef.current, 'fixed', fixedHeader);\n      }\n    };\n\n    _this.handleSortColumn = function (dataKey) {\n      var _this$props$onSortCol, _this$props3;\n\n      var sortType = _this.getSortType();\n\n      if (_this.props.sortColumn === dataKey) {\n        sortType = sortType === SORT_TYPE.ASC ? SORT_TYPE.DESC : SORT_TYPE.ASC;\n\n        _this.setState({\n          sortType: sortType\n        });\n      }\n\n      (_this$props$onSortCol = (_this$props3 = _this.props).onSortColumn) === null || _this$props$onSortCol === void 0 ? void 0 : _this$props$onSortCol.call(_this$props3, dataKey, sortType);\n    };\n\n    _this.handleColumnResizeEnd = function (columnWidth, _cursorDelta, dataKey, index) {\n      var _this$setState;\n\n      _this._cacheCells = null;\n\n      _this.setState((_this$setState = {\n        isColumnResizing: false\n      }, _this$setState[dataKey + \"_\" + index + \"_width\"] = columnWidth, _this$setState));\n\n      Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(_this.mouseAreaRef.current, {\n        display: 'none'\n      });\n    };\n\n    _this.handleColumnResizeStart = function (width, left, fixed) {\n      _this.setState({\n        isColumnResizing: true\n      });\n\n      _this.handleColumnResizeMove(width, left, fixed);\n    };\n\n    _this.handleColumnResizeMove = function (width, left, fixed) {\n      var _addStyle;\n\n      var mouseAreaLeft = width + left;\n      var x = mouseAreaLeft;\n      var dir = 'left';\n\n      if (_this.isRTL()) {\n        mouseAreaLeft += _this.minScrollX + _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"];\n        dir = 'right';\n      }\n\n      if (!fixed) {\n        x = mouseAreaLeft + (_this.isRTL() ? -_this.scrollX : _this.scrollX);\n      }\n\n      Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(_this.mouseAreaRef.current, (_addStyle = {\n        display: 'block'\n      }, _addStyle[dir] = x + \"px\", _addStyle));\n    };\n\n    _this.handleTreeToggle = function (rowKey, _rowIndex, rowData) {\n      var _this$props$onExpandC, _this$props4;\n\n      var expandedRowKeys = _this.getExpandedRowKeys();\n\n      var open = false;\n      var nextExpandedRowKeys = [];\n\n      for (var i = 0; i < expandedRowKeys.length; i++) {\n        var _key = expandedRowKeys[i];\n\n        if (_key === rowKey) {\n          open = true;\n        } else {\n          nextExpandedRowKeys.push(_key);\n        }\n      }\n\n      if (!open) {\n        nextExpandedRowKeys.push(rowKey);\n      }\n\n      _this.setState({\n        expandedRowKeys: nextExpandedRowKeys\n      });\n\n      (_this$props$onExpandC = (_this$props4 = _this.props).onExpandChange) === null || _this$props$onExpandC === void 0 ? void 0 : _this$props$onExpandC.call(_this$props4, !open, rowData);\n    };\n\n    _this.handleScrollX = function (delta) {\n      _this.handleWheel(delta, 0);\n    };\n\n    _this.handleScrollY = function (delta) {\n      _this.handleWheel(0, delta);\n    };\n\n    _this.handleWheel = function (deltaX, deltaY) {\n      var _this$props5 = _this.props,\n          onScroll = _this$props5.onScroll,\n          virtualized = _this$props5.virtualized;\n      var _this$state3 = _this.state,\n          contentWidth = _this$state3.contentWidth,\n          width = _this$state3.width;\n\n      if (!_this.tableRef.current) {\n        return;\n      }\n\n      var nextScrollX = contentWidth <= width ? 0 : _this.scrollX - deltaX;\n      var nextScrollY = _this.scrollY - deltaY;\n      _this.scrollY = Math.min(0, nextScrollY < _this.minScrollY ? _this.minScrollY : nextScrollY);\n      _this.scrollX = Math.min(0, nextScrollX < _this.minScrollX ? _this.minScrollX : nextScrollX);\n\n      _this.updatePosition();\n\n      onScroll === null || onScroll === void 0 ? void 0 : onScroll(_this.scrollX, _this.scrollY);\n\n      if (virtualized) {\n        _this.setState({\n          isScrolling: true,\n          scrollY: _this.scrollY\n        });\n\n        if (_this.disableEventsTimeoutId) {\n          Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"cancelAnimationTimeout\"])(_this.disableEventsTimeoutId);\n        }\n\n        _this.disableEventsTimeoutId = Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"requestAnimationTimeout\"])(_this.debounceScrollEndedCallback, 150);\n      }\n    };\n\n    _this.debounceScrollEndedCallback = function () {\n      _this.disableEventsTimeoutId = null;\n\n      _this.setState({\n        isScrolling: false\n      });\n    };\n\n    _this.handleTouchStart = function (event) {\n      var _this$props$onTouchSt, _this$props6;\n\n      if (event.touches) {\n        var _event$touches$ = event.touches[0],\n            pageX = _event$touches$.pageX,\n            pageY = _event$touches$.pageY;\n        _this.touchX = pageX;\n        _this.touchY = pageY;\n      }\n\n      (_this$props$onTouchSt = (_this$props6 = _this.props).onTouchStart) === null || _this$props$onTouchSt === void 0 ? void 0 : _this$props$onTouchSt.call(_this$props6, event);\n    };\n\n    _this.handleTouchMove = function (event) {\n      var _this$props$onTouchMo, _this$props7;\n\n      var autoHeight = _this.props.autoHeight;\n\n      if (event.touches) {\n        var _event$preventDefault, _this$scrollbarXRef$c5, _this$scrollbarXRef$c6, _this$scrollbarYRef$c3, _this$scrollbarYRef$c4;\n\n        var _event$touches$2 = event.touches[0],\n            pageX = _event$touches$2.pageX,\n            pageY = _event$touches$2.pageY;\n        var deltaX = _this.touchX - pageX;\n        var deltaY = autoHeight ? 0 : _this.touchY - pageY;\n\n        if (!_this.shouldHandleWheelY(deltaY) && !_this.shouldHandleWheelX(deltaX)) {\n          return;\n        }\n\n        (_event$preventDefault = event.preventDefault) === null || _event$preventDefault === void 0 ? void 0 : _event$preventDefault.call(event);\n\n        _this.handleWheel(deltaX, deltaY);\n\n        (_this$scrollbarXRef$c5 = _this.scrollbarXRef.current) === null || _this$scrollbarXRef$c5 === void 0 ? void 0 : (_this$scrollbarXRef$c6 = _this$scrollbarXRef$c5.onWheelScroll) === null || _this$scrollbarXRef$c6 === void 0 ? void 0 : _this$scrollbarXRef$c6.call(_this$scrollbarXRef$c5, deltaX);\n        (_this$scrollbarYRef$c3 = _this.scrollbarYRef.current) === null || _this$scrollbarYRef$c3 === void 0 ? void 0 : (_this$scrollbarYRef$c4 = _this$scrollbarYRef$c3.onWheelScroll) === null || _this$scrollbarYRef$c4 === void 0 ? void 0 : _this$scrollbarYRef$c4.call(_this$scrollbarYRef$c3, deltaY);\n        _this.touchX = pageX;\n        _this.touchY = pageY;\n      }\n\n      (_this$props$onTouchMo = (_this$props7 = _this.props).onTouchMove) === null || _this$props$onTouchMo === void 0 ? void 0 : _this$props$onTouchMo.call(_this$props7, event);\n    };\n\n    _this.handleBodyScroll = function (event) {\n      if (event.target !== _this.tableBodyRef.current) {\n        return;\n      }\n\n      var left = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"scrollLeft\"])(event.target);\n      var top = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"scrollTop\"])(event.target);\n\n      if (top === 0 && left === 0) {\n        return;\n      }\n\n      _this.listenWheel(left, top);\n\n      Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"scrollLeft\"])(event.target, 0);\n      Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"scrollTop\"])(event.target, 0);\n    };\n\n    _this.shouldHandleWheelX = function (delta) {\n      var _this$props8 = _this.props,\n          disabledScroll = _this$props8.disabledScroll,\n          loading = _this$props8.loading;\n\n      if (delta === 0 || disabledScroll || loading) {\n        return false;\n      }\n\n      return true;\n    };\n\n    _this.shouldHandleWheelY = function (delta) {\n      var _this$props9 = _this.props,\n          disabledScroll = _this$props9.disabledScroll,\n          loading = _this$props9.loading;\n\n      if (delta === 0 || disabledScroll || loading) {\n        return false;\n      }\n\n      return delta >= 0 && _this.scrollY > _this.minScrollY || delta < 0 && _this.scrollY < 0;\n    };\n\n    _this.addPrefix = function (name) {\n      return Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"prefix\"])(_this.props.classPrefix)(name);\n    };\n\n    _this.calculateTableWidth = function () {\n      var _this$tableRef2;\n\n      var table = (_this$tableRef2 = _this.tableRef) === null || _this$tableRef2 === void 0 ? void 0 : _this$tableRef2.current;\n      var width = _this.state.width;\n\n      if (table) {\n        var nextWidth = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getWidth\"])(table);\n\n        if (width !== nextWidth) {\n          var _this$scrollbarXRef2, _this$scrollbarXRef2$;\n\n          _this.scrollX = 0;\n          (_this$scrollbarXRef2 = _this.scrollbarXRef) === null || _this$scrollbarXRef2 === void 0 ? void 0 : (_this$scrollbarXRef2$ = _this$scrollbarXRef2.current) === null || _this$scrollbarXRef2$ === void 0 ? void 0 : _this$scrollbarXRef2$.resetScrollBarPosition();\n        }\n\n        _this._cacheCells = null;\n\n        _this.setState({\n          width: nextWidth\n        });\n      }\n\n      _this.setOffsetByAffix();\n    };\n\n    _this.scrollTop = function (top) {\n      var _this$scrollbarYRef, _this$scrollbarYRef$c5, _this$scrollbarYRef$c6;\n\n      if (top === void 0) {\n        top = 0;\n      }\n\n      var _this$getControlledSc = _this.getControlledScrollTopValue(top),\n          scrollY = _this$getControlledSc[0],\n          handleScrollY = _this$getControlledSc[1];\n\n      _this.scrollY = scrollY;\n      (_this$scrollbarYRef = _this.scrollbarYRef) === null || _this$scrollbarYRef === void 0 ? void 0 : (_this$scrollbarYRef$c5 = _this$scrollbarYRef.current) === null || _this$scrollbarYRef$c5 === void 0 ? void 0 : (_this$scrollbarYRef$c6 = _this$scrollbarYRef$c5.resetScrollBarPosition) === null || _this$scrollbarYRef$c6 === void 0 ? void 0 : _this$scrollbarYRef$c6.call(_this$scrollbarYRef$c5, handleScrollY);\n\n      _this.updatePosition();\n      /**\n       * 当开启 virtualized，调用 scrollTop 后会出现白屏现象，\n       * 原因是直接操作 DOM 的坐标，但是组件没有重新渲染，需要调用 forceUpdate 重新进入 render。\n       * Fix: rsuite#1044\n       */\n\n\n      if (_this.props.virtualized && _this.state.contentHeight > _this.props.height) {\n        _this.forceUpdate();\n      }\n    };\n\n    _this.scrollLeft = function (left) {\n      var _this$scrollbarXRef3, _this$scrollbarXRef3$, _this$scrollbarXRef3$2;\n\n      if (left === void 0) {\n        left = 0;\n      }\n\n      var _this$getControlledSc2 = _this.getControlledScrollLeftValue(left),\n          scrollX = _this$getControlledSc2[0],\n          handleScrollX = _this$getControlledSc2[1];\n\n      _this.scrollX = scrollX;\n      (_this$scrollbarXRef3 = _this.scrollbarXRef) === null || _this$scrollbarXRef3 === void 0 ? void 0 : (_this$scrollbarXRef3$ = _this$scrollbarXRef3.current) === null || _this$scrollbarXRef3$ === void 0 ? void 0 : (_this$scrollbarXRef3$2 = _this$scrollbarXRef3$.resetScrollBarPosition) === null || _this$scrollbarXRef3$2 === void 0 ? void 0 : _this$scrollbarXRef3$2.call(_this$scrollbarXRef3$, handleScrollX);\n\n      _this.updatePosition();\n    };\n\n    _this.scrollTo = function (coord) {\n      var _ref = coord || {},\n          x = _ref.x,\n          y = _ref.y;\n\n      if (typeof x === 'number') {\n        _this.scrollLeft(x);\n      }\n\n      if (typeof y === 'number') {\n        _this.scrollTop(y);\n      }\n    };\n\n    _this.bindTableRowsRef = function (index, rowData) {\n      return function (ref) {\n        if (ref) {\n          _this.tableRows[index] = [ref, rowData];\n        }\n      };\n    };\n\n    _this.bindRowClick = function (rowData) {\n      return function (event) {\n        var _this$props$onRowClic, _this$props10;\n\n        (_this$props$onRowClic = (_this$props10 = _this.props).onRowClick) === null || _this$props$onRowClic === void 0 ? void 0 : _this$props$onRowClic.call(_this$props10, rowData, event);\n      };\n    };\n\n    _this.bindRowContextMenu = function (rowData) {\n      return function (event) {\n        var _this$props$onRowCont, _this$props11;\n\n        (_this$props$onRowCont = (_this$props11 = _this.props).onRowContextMenu) === null || _this$props$onRowCont === void 0 ? void 0 : _this$props$onRowCont.call(_this$props11, rowData, event);\n      };\n    };\n\n    var _width = props.width,\n        data = props.data,\n        _rowKey = props.rowKey,\n        defaultExpandAllRows = props.defaultExpandAllRows,\n        renderRowExpanded = props.renderRowExpanded,\n        defaultExpandedRowKeys = props.defaultExpandedRowKeys,\n        _props$children = props.children,\n        children = _props$children === void 0 ? [] : _props$children,\n        isTree = props.isTree,\n        defaultSortType = props.defaultSortType;\n\n    var _expandedRowKeys = defaultExpandAllRows ? Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"findRowKeys\"])(data, _rowKey, lodash_isFunction__WEBPACK_IMPORTED_MODULE_6___default()(renderRowExpanded)) : defaultExpandedRowKeys || [];\n\n    var shouldFixedColumn = Array.from(lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(children)).some(function (child) {\n      return child && child.props && child.props.fixed;\n    });\n\n    if (isTree && !_rowKey) {\n      throw new Error('The `rowKey` is required when set isTree');\n    }\n\n    _this.state = {\n      isTree: isTree,\n      expandedRowKeys: _expandedRowKeys,\n      shouldFixedColumn: shouldFixedColumn,\n      cacheData: data,\n      data: isTree ? Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"flattenData\"])(data) : data,\n      width: _width || 0,\n      columnWidth: 0,\n      dataKey: 0,\n      contentHeight: 0,\n      contentWidth: 0,\n      tableRowsMaxHeight: [],\n      sortType: defaultSortType,\n      scrollY: 0,\n      isScrolling: false,\n      fixedHeader: false\n    };\n    _this.scrollY = 0;\n    _this.scrollX = 0;\n    _this.wheelHandler = new dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"WheelHandler\"](_this.listenWheel, _this.shouldHandleWheelX, _this.shouldHandleWheelY, false);\n    _this._cacheChildrenSize = lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(children).length;\n    _this.translateDOMPositionXY = Object(dom_lib_lib_transition_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_14__[\"getTranslateDOMPositionXY\"])({\n      enable3DTransform: props.translate3d\n    });\n    _this.tableRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.scrollbarYRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.scrollbarXRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.tableBodyRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.affixHeaderWrapperRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.mouseAreaRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.headerWrapperRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.wheelWrapperRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.tableHeaderRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    return _this;\n  }\n\n  var _proto = Table.prototype;\n\n  _proto.componentDidMount = function componentDidMount() {\n    var _this$props13, _this$props13$bodyRef;\n\n    this.calculateTableWidth();\n    this.calculateTableContextHeight();\n    this.calculateRowMaxHeight();\n    this.setOffsetByAffix();\n    this.initPosition();\n    element_resize_event__WEBPACK_IMPORTED_MODULE_13___default()(this.tableRef.current, lodash_debounce__WEBPACK_IMPORTED_MODULE_8___default()(this.calculateTableWidth, 400));\n    var options = {\n      passive: false\n    };\n    var tableBody = this.tableBodyRef.current;\n\n    if (tableBody) {\n      this.wheelListener = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"on\"])(tableBody, 'wheel', this.wheelHandler.onWheel, options);\n      this.touchStartListener = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"on\"])(tableBody, 'touchstart', this.handleTouchStart, options);\n      this.touchMoveListener = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"on\"])(tableBody, 'touchmove', this.handleTouchMove, options);\n    }\n\n    var _this$props12 = this.props,\n        affixHeader = _this$props12.affixHeader,\n        affixHorizontalScrollbar = _this$props12.affixHorizontalScrollbar;\n\n    if (Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isNumberOrTrue\"])(affixHeader) || Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isNumberOrTrue\"])(affixHorizontalScrollbar)) {\n      this.scrollListener = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"on\"])(window, 'scroll', this.handleWindowScroll);\n    }\n\n    (_this$props13 = this.props) === null || _this$props13 === void 0 ? void 0 : (_this$props13$bodyRef = _this$props13.bodyRef) === null || _this$props13$bodyRef === void 0 ? void 0 : _this$props13$bodyRef.call(_this$props13, this.wheelWrapperRef.current);\n  };\n\n  _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps, nextState) {\n    var _cacheChildrenSize = lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(nextProps.children || []).length;\n    /**\n     * 单元格列的信息在初始化后会被缓存，在某些属性被更新以后，需要清除缓存。\n     */\n\n    if (_cacheChildrenSize !== this._cacheChildrenSize) {\n      this._cacheChildrenSize = _cacheChildrenSize;\n      this._cacheCells = null;\n    } else if (this.props.children !== nextProps.children || this.props.sortColumn !== nextProps.sortColumn || this.props.sortType !== nextProps.sortType) {\n      this._cacheCells = null;\n    }\n\n    return !lodash_eq__WEBPACK_IMPORTED_MODULE_10___default()(this.props, nextProps) || !lodash_isEqual__WEBPACK_IMPORTED_MODULE_9___default()(this.state, nextState);\n  };\n\n  _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {\n    var rowHeight = prevProps.rowHeight,\n        data = prevProps.data,\n        height = prevProps.height;\n\n    if (data !== this.props.data) {\n      var _this$props$onDataUpd, _this$props14;\n\n      this.calculateRowMaxHeight();\n      (_this$props$onDataUpd = (_this$props14 = this.props).onDataUpdated) === null || _this$props$onDataUpd === void 0 ? void 0 : _this$props$onDataUpd.call(_this$props14, this.props.data, this.scrollTo);\n      var maxHeight = this.props.data.length * (typeof rowHeight === 'function' ? rowHeight(null) : rowHeight); // 当开启允许更新滚动条，或者滚动条位置大于表格的最大高度，则初始滚动条位置\n\n      if (this.props.shouldUpdateScroll || Math.abs(this.scrollY) > maxHeight) {\n        this.scrollTo({\n          x: 0,\n          y: 0\n        });\n      }\n    } else {\n      this.updatePosition();\n    }\n\n    if ( // 当 Table 的 data 发生变化，需要重新计算高度\n    data !== this.props.data || // 当 Table 的 height 属性发生变化，需要重新计算 Table 高度\n    height !== this.props.height || // 当 Table 内容区的高度发生变化需要重新计算\n    prevState.contentHeight !== this.state.contentHeight || // 当 expandedRowKeys 发生变化，需要重新计算 Table 高度，如果重算会导致滚动条不显示。\n    prevState.expandedRowKeys !== this.state.expandedRowKeys || prevProps.expandedRowKeys !== this.props.expandedRowKeys) {\n      this.calculateTableContextHeight(prevProps);\n    }\n\n    this.calculateTableContentWidth(prevProps);\n  };\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    var _this$wheelListener, _this$touchStartListe, _this$touchMoveListen, _this$scrollListener;\n\n    this.wheelHandler = null;\n\n    if (this.tableRef.current) {\n      Object(element_resize_event__WEBPACK_IMPORTED_MODULE_13__[\"unbind\"])(this.tableRef.current);\n    }\n\n    (_this$wheelListener = this.wheelListener) === null || _this$wheelListener === void 0 ? void 0 : _this$wheelListener.off();\n    (_this$touchStartListe = this.touchStartListener) === null || _this$touchStartListe === void 0 ? void 0 : _this$touchStartListe.off();\n    (_this$touchMoveListen = this.touchMoveListener) === null || _this$touchMoveListen === void 0 ? void 0 : _this$touchMoveListen.off();\n    (_this$scrollListener = this.scrollListener) === null || _this$scrollListener === void 0 ? void 0 : _this$scrollListener.off();\n  };\n\n  _proto.getExpandedRowKeys = function getExpandedRowKeys() {\n    var expandedRowKeys = this.props.expandedRowKeys;\n    return typeof expandedRowKeys === 'undefined' ? this.state.expandedRowKeys : expandedRowKeys;\n  };\n\n  _proto.getSortType = function getSortType() {\n    var sortType = this.props.sortType;\n    return typeof sortType === 'undefined' ? this.state.sortType : sortType;\n  };\n\n  _proto.getScrollCellGroups = function getScrollCellGroups() {\n    var _this$tableRef$curren;\n\n    return (_this$tableRef$curren = this.tableRef.current) === null || _this$tableRef$curren === void 0 ? void 0 : _this$tableRef$curren.querySelectorAll(\".\" + this.addPrefix('cell-group-scroll'));\n  };\n\n  _proto.getFixedLeftCellGroups = function getFixedLeftCellGroups() {\n    var _this$tableRef$curren2;\n\n    return (_this$tableRef$curren2 = this.tableRef.current) === null || _this$tableRef$curren2 === void 0 ? void 0 : _this$tableRef$curren2.querySelectorAll(\".\" + this.addPrefix('cell-group-fixed-left'));\n  };\n\n  _proto.getFixedRightCellGroups = function getFixedRightCellGroups() {\n    var _this$tableRef$curren3;\n\n    return (_this$tableRef$curren3 = this.tableRef.current) === null || _this$tableRef$curren3 === void 0 ? void 0 : _this$tableRef$curren3.querySelectorAll(\".\" + this.addPrefix('cell-group-fixed-right'));\n  };\n\n  _proto.isRTL = function isRTL() {\n    return this.props.rtl || Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isRTL\"])();\n  };\n\n  _proto.getRowHeight = function getRowHeight(rowData) {\n    if (rowData === void 0) {\n      rowData = {};\n    }\n\n    var rowHeight = this.props.rowHeight;\n    return typeof rowHeight === 'function' ? rowHeight(rowData) : rowHeight;\n  }\n  /**\n   * 获取表头高度\n   */\n  ;\n\n  _proto.getTableHeaderHeight = function getTableHeaderHeight() {\n    var _this$props15 = this.props,\n        headerHeight = _this$props15.headerHeight,\n        showHeader = _this$props15.showHeader;\n    return showHeader ? headerHeight : 0;\n  }\n  /**\n   * 获取 Table 需要渲染的高度\n   */\n  ;\n\n  _proto.getTableHeight = function getTableHeight() {\n    var contentHeight = this.state.contentHeight;\n    var _this$props16 = this.props,\n        minHeight = _this$props16.minHeight,\n        height = _this$props16.height,\n        autoHeight = _this$props16.autoHeight,\n        data = _this$props16.data;\n    var headerHeight = this.getTableHeaderHeight();\n\n    if (data.length === 0 && autoHeight) {\n      return height;\n    }\n\n    return autoHeight ? Math.max(headerHeight + contentHeight, minHeight) : height;\n  }\n  /**\n   * 获取 columns ReactElement 数组\n   * - 处理 children 中存在 <Column> 数组的情况\n   * - 过滤 children 中的空项\n   */\n  ;\n\n  _proto.getTableColumns = function getTableColumns(children) {\n    if (!Array.isArray(children)) {\n      if (Object(react_is__WEBPACK_IMPORTED_MODULE_23__[\"isFragment\"])(children)) {\n        return this.getTableColumns(children.props.children);\n      }\n\n      return children;\n    }\n\n    var flattenColumns = lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(children).map(function (column) {\n      if ((column === null || column === void 0 ? void 0 : column.type) === _ColumnGroup__WEBPACK_IMPORTED_MODULE_22__[\"default\"]) {\n        var _column$props = column === null || column === void 0 ? void 0 : column.props,\n            header = _column$props.header,\n            childColumns = _column$props.children,\n            align = _column$props.align,\n            fixed = _column$props.fixed,\n            verticalAlign = _column$props.verticalAlign;\n\n        return childColumns.map(function (childColumn, index) {\n          // 把 ColumnGroup 设置的属性覆盖到 Column\n          var groupCellProps = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, childColumn === null || childColumn === void 0 ? void 0 : childColumn.props, {\n            align: align,\n            fixed: fixed,\n            verticalAlign: verticalAlign\n          });\n          /**\n           * 为分组中的第一列设置属性:\n           * groupCount: 分组子项个数\n           * groupHeader: 分组标题\n           * resizable: 设置为不可自定义列宽\n           */\n\n\n          if (index === 0) {\n            groupCellProps.groupCount = childColumns.length;\n            groupCellProps.groupHeader = header;\n            groupCellProps.resizable = false;\n          }\n\n          return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"cloneElement\"](childColumn, groupCellProps);\n        });\n      }\n\n      return column;\n    }); // 把 Columns 中的数组，展平为一维数组，计算 lastColumn 与 firstColumn。\n\n    return lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(flattenColumns).filter(function (col) {\n      return col;\n    });\n  };\n\n  _proto.getCellDescriptor = function getCellDescriptor() {\n    var _this2 = this;\n\n    if (this._cacheCells) {\n      return this._cacheCells;\n    }\n\n    var hasCustomTreeCol = false;\n    var left = 0; // Cell left margin\n\n    var headerCells = []; // Table header cell\n\n    var bodyCells = []; // Table body cell\n\n    var children = this.props.children;\n\n    if (!children) {\n      this._cacheCells = {\n        headerCells: headerCells,\n        bodyCells: bodyCells,\n        hasCustomTreeCol: hasCustomTreeCol,\n        allColumnsWidth: left\n      };\n      return this._cacheCells;\n    }\n\n    var columns = this.getTableColumns(children);\n    var tableWidth = this.state.width;\n    var _this$props17 = this.props,\n        sortColumn = _this$props17.sortColumn,\n        rowHeight = _this$props17.rowHeight,\n        showHeader = _this$props17.showHeader;\n\n    var _getTotalByColumns = Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"getTotalByColumns\"])(columns),\n        totalFlexGrow = _getTotalByColumns.totalFlexGrow,\n        totalWidth = _getTotalByColumns.totalWidth;\n\n    var headerHeight = this.getTableHeaderHeight();\n    react__WEBPACK_IMPORTED_MODULE_3__[\"Children\"].forEach(columns, function (column, index) {\n      if ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"isValidElement\"](column)) {\n        var columnChildren = column.props.children;\n        var _column$props2 = column.props,\n            width = _column$props2.width,\n            resizable = _column$props2.resizable,\n            flexGrow = _column$props2.flexGrow,\n            minWidth = _column$props2.minWidth,\n            onResize = _column$props2.onResize,\n            treeCol = _column$props2.treeCol;\n\n        if (treeCol) {\n          hasCustomTreeCol = true;\n        }\n\n        if (resizable && flexGrow) {\n          console.warn(\"Cannot set 'resizable' and 'flexGrow' together in <Column>, column index: \" + index);\n        }\n\n        if (columnChildren.length !== 2) {\n          throw new Error(\"Component <HeaderCell> and <Cell> is required, column index: \" + index + \" \");\n        }\n\n        var nextWidth = _this2.state[columnChildren[1].props.dataKey + \"_\" + index + \"_width\"] || width || 0;\n\n        if (tableWidth && flexGrow && totalFlexGrow) {\n          nextWidth = Math.max((tableWidth - totalWidth) / totalFlexGrow * flexGrow, minWidth || 60);\n        }\n\n        var cellProps = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, lodash_omit__WEBPACK_IMPORTED_MODULE_11___default()(column.props, ['children']), {\n          'aria-colindex': index + 1,\n          left: left,\n          headerHeight: headerHeight,\n          key: index,\n          width: nextWidth,\n          height: rowHeight,\n          firstColumn: index === 0,\n          lastColumn: index === columns.length - 1\n        });\n\n        if (showHeader && headerHeight) {\n          var headerCellProps = {\n            // index 用于拖拽列宽时候（Resizable column），定义的序号\n            index: index,\n            dataKey: columnChildren[1].props.dataKey,\n            isHeaderCell: true,\n            sortable: column.props.sortable,\n            onSortColumn: _this2.handleSortColumn,\n            sortType: _this2.getSortType(),\n            sortColumn: sortColumn,\n            flexGrow: flexGrow\n          };\n\n          if (resizable) {\n            lodash_merge__WEBPACK_IMPORTED_MODULE_12___default()(headerCellProps, {\n              onResize: onResize,\n              onColumnResizeEnd: _this2.handleColumnResizeEnd,\n              onColumnResizeStart: _this2.handleColumnResizeStart,\n              onColumnResizeMove: _this2.handleColumnResizeMove\n            });\n          }\n\n          headerCells.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"cloneElement\"](columnChildren[0], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, cellProps, headerCellProps)));\n        }\n\n        bodyCells.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"cloneElement\"](columnChildren[1], cellProps));\n        left += nextWidth;\n      }\n    });\n    return this._cacheCells = {\n      headerCells: headerCells,\n      bodyCells: bodyCells,\n      allColumnsWidth: left,\n      hasCustomTreeCol: hasCustomTreeCol\n    };\n  };\n\n  _proto.initPosition = function initPosition() {\n    var _this3 = this;\n\n    if (this.isRTL()) {\n      setTimeout(function () {\n        var _this3$scrollbarXRef, _this3$scrollbarXRef$, _this3$scrollbarXRef$2;\n\n        var _this3$state = _this3.state,\n            contentWidth = _this3$state.contentWidth,\n            width = _this3$state.width;\n        _this3.scrollX = width - contentWidth - _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"];\n\n        _this3.updatePosition();\n\n        (_this3$scrollbarXRef = _this3.scrollbarXRef) === null || _this3$scrollbarXRef === void 0 ? void 0 : (_this3$scrollbarXRef$ = _this3$scrollbarXRef.current) === null || _this3$scrollbarXRef$ === void 0 ? void 0 : (_this3$scrollbarXRef$2 = _this3$scrollbarXRef$.resetScrollBarPosition) === null || _this3$scrollbarXRef$2 === void 0 ? void 0 : _this3$scrollbarXRef$2.call(_this3$scrollbarXRef$, -_this3.scrollX);\n      }, 0);\n    }\n  };\n\n  _proto.updatePosition = function updatePosition() {\n    var _this$tableHeaderRef;\n\n    /**\n     * 当存在锁定列情况处理\n     */\n    if (this.state.shouldFixedColumn) {\n      this.updatePositionByFixedCell();\n    } else {\n      var _this$wheelWrapperRef, _this$headerWrapperRe2, _this$affixHeaderWrap, _affixHeaderElement$h;\n\n      var wheelStyle = {};\n      var headerStyle = {};\n      this.translateDOMPositionXY(wheelStyle, this.scrollX, this.scrollY);\n      this.translateDOMPositionXY(headerStyle, this.scrollX, 0);\n      var wheelElement = (_this$wheelWrapperRef = this.wheelWrapperRef) === null || _this$wheelWrapperRef === void 0 ? void 0 : _this$wheelWrapperRef.current;\n      var headerElement = (_this$headerWrapperRe2 = this.headerWrapperRef) === null || _this$headerWrapperRe2 === void 0 ? void 0 : _this$headerWrapperRe2.current;\n      var affixHeaderElement = (_this$affixHeaderWrap = this.affixHeaderWrapperRef) === null || _this$affixHeaderWrap === void 0 ? void 0 : _this$affixHeaderWrap.current;\n      wheelElement && Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(wheelElement, wheelStyle);\n      headerElement && Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(headerElement, headerStyle);\n\n      if (affixHeaderElement !== null && affixHeaderElement !== void 0 && (_affixHeaderElement$h = affixHeaderElement.hasChildNodes) !== null && _affixHeaderElement$h !== void 0 && _affixHeaderElement$h.call(affixHeaderElement)) {\n        Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(affixHeaderElement.firstChild, headerStyle);\n      }\n    }\n\n    if ((_this$tableHeaderRef = this.tableHeaderRef) !== null && _this$tableHeaderRef !== void 0 && _this$tableHeaderRef.current) {\n      Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"toggleClass\"])(this.tableHeaderRef.current, this.addPrefix('cell-group-shadow'), this.scrollY < 0);\n    }\n  };\n\n  _proto.updatePositionByFixedCell = function updatePositionByFixedCell() {\n    var _this$wheelWrapperRef2;\n\n    var wheelGroupStyle = {};\n    var wheelStyle = {};\n    var scrollGroups = this.getScrollCellGroups();\n    var fixedLeftGroups = this.getFixedLeftCellGroups();\n    var fixedRightGroups = this.getFixedRightCellGroups();\n    var _this$state4 = this.state,\n        contentWidth = _this$state4.contentWidth,\n        width = _this$state4.width;\n    this.translateDOMPositionXY(wheelGroupStyle, this.scrollX, 0);\n    this.translateDOMPositionXY(wheelStyle, 0, this.scrollY);\n    var scrollArrayGroups = Array.from(scrollGroups);\n\n    for (var i = 0; i < scrollArrayGroups.length; i++) {\n      var group = scrollArrayGroups[i];\n      Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(group, wheelGroupStyle);\n    }\n\n    if ((_this$wheelWrapperRef2 = this.wheelWrapperRef) !== null && _this$wheelWrapperRef2 !== void 0 && _this$wheelWrapperRef2.current) {\n      Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(this.wheelWrapperRef.current, wheelStyle);\n    }\n\n    var leftShadowClassName = this.addPrefix('cell-group-left-shadow');\n    var rightShadowClassName = this.addPrefix('cell-group-right-shadow');\n    var showLeftShadow = this.scrollX < 0;\n    var showRightShadow = width - contentWidth - _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"] !== this.scrollX;\n    Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"toggleClass\"])(fixedLeftGroups, leftShadowClassName, showLeftShadow);\n    Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"toggleClass\"])(fixedRightGroups, rightShadowClassName, showRightShadow);\n  };\n\n  _proto.shouldRenderExpandedRow = function shouldRenderExpandedRow(rowData) {\n    var _this$props18 = this.props,\n        rowKey = _this$props18.rowKey,\n        renderRowExpanded = _this$props18.renderRowExpanded,\n        isTree = _this$props18.isTree;\n    var expandedRowKeys = this.getExpandedRowKeys() || [];\n    return lodash_isFunction__WEBPACK_IMPORTED_MODULE_6___default()(renderRowExpanded) && !isTree && expandedRowKeys.some(function (key) {\n      return key === rowData[rowKey];\n    });\n  };\n\n  _proto.calculateRowMaxHeight = function calculateRowMaxHeight() {\n    var wordWrap = this.props.wordWrap;\n\n    if (wordWrap) {\n      var tableRowsMaxHeight = [];\n      var tableRows = Object.values(this.tableRows);\n\n      for (var i = 0; i < tableRows.length; i++) {\n        var _tableRows$i = tableRows[i],\n            row = _tableRows$i[0];\n\n        if (row) {\n          var cells = row.querySelectorAll(\".\" + this.addPrefix('cell-wrap')) || [];\n          var cellArray = Array.from(cells);\n          var maxHeight = 0;\n\n          for (var j = 0; j < cellArray.length; j++) {\n            var cell = cellArray[j];\n            var h = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getHeight\"])(cell);\n            maxHeight = Math.max(maxHeight, h);\n          }\n\n          tableRowsMaxHeight.push(maxHeight);\n        }\n      }\n\n      this.setState({\n        tableRowsMaxHeight: tableRowsMaxHeight\n      });\n    }\n  };\n\n  _proto.calculateTableContentWidth = function calculateTableContentWidth(prevProps) {\n    var _this$tableRef3;\n\n    var table = (_this$tableRef3 = this.tableRef) === null || _this$tableRef3 === void 0 ? void 0 : _this$tableRef3.current;\n    var row = table.querySelector(\".\" + this.addPrefix('row') + \":not(.virtualized)\");\n    var contentWidth = row ? Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getWidth\"])(row) : 0;\n    this.setState({\n      contentWidth: contentWidth\n    }); // 这里 -SCROLLBAR_WIDTH 是为了让滚动条不挡住内容部分\n\n    this.minScrollX = -(contentWidth - this.state.width) - _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"];\n    /**\n     * 1.判断 Table 列数是否发生变化\n     * 2.判断 Table 内容区域是否宽度有变化\n     *\n     * 满足 1 和 2 则更新横向滚动条位置\n     */\n\n    if (lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(this.props.children).length !== lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(prevProps.children).length && this.state.contentWidth !== contentWidth) {\n      this.scrollLeft(0);\n    }\n  };\n\n  _proto.calculateTableContextHeight = function calculateTableContextHeight(prevProps) {\n    var table = this.tableRef.current;\n    var rows = table.querySelectorAll(\".\" + this.addPrefix('row')) || [];\n    var _this$props19 = this.props,\n        height = _this$props19.height,\n        autoHeight = _this$props19.autoHeight,\n        rowHeight = _this$props19.rowHeight,\n        affixHeader = _this$props19.affixHeader;\n    var headerHeight = this.getTableHeaderHeight();\n    var contentHeight = rows.length ? Array.from(rows).map(function (row) {\n      return Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getHeight\"])(row) || rowHeight;\n    }).reduce(function (x, y) {\n      return x + y;\n    }) : 0; // 当设置 affixHeader 属性后要减掉两个 header 的高度\n\n    var nextContentHeight = contentHeight - (affixHeader ? headerHeight * 2 : headerHeight);\n\n    if (nextContentHeight !== this.state.contentHeight) {\n      this.setState({\n        contentHeight: nextContentHeight\n      });\n    }\n\n    if (prevProps && ( // 当 data 更新，或者表格高度更新，则更新滚动条\n    prevProps.height !== height || prevProps.data !== this.props.data) && this.scrollY !== 0) {\n      this.scrollTop(Math.abs(this.scrollY));\n      this.updatePosition();\n    }\n\n    if (!autoHeight) {\n      // 这里 -SCROLLBAR_WIDTH 是为了让滚动条不挡住内容部分\n      this.minScrollY = -(contentHeight - height) - _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"];\n    } // 如果内容区域的高度小于表格的高度，则重置 Y 坐标滚动条\n\n\n    if (contentHeight < height) {\n      this.scrollTop(0);\n    } // 如果 scrollTop 的值大于可以滚动的范围 ，则重置 Y 坐标滚动条\n    // 当 Table 为 virtualized 时， wheel 事件触发每次都会进入该逻辑， 避免在滚动到底部后滚动条重置, +SCROLLBAR_WIDTH\n\n\n    if (Math.abs(this.scrollY) + height - headerHeight > nextContentHeight + _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"]) {\n      this.scrollTop(this.scrollY);\n    }\n  };\n\n  _proto.getControlledScrollTopValue = function getControlledScrollTopValue(value) {\n    if (this.props.autoHeight) {\n      return [0, 0];\n    }\n\n    var contentHeight = this.state.contentHeight;\n    var headerHeight = this.getTableHeaderHeight();\n    var height = this.getTableHeight(); // 滚动值的最大范围判断\n\n    value = Math.min(value, Math.max(0, contentHeight - (height - headerHeight))); // value 值是表格理论滚动位置的一个值，通过 value 计算出 scrollY 坐标值与滚动条位置的值\n\n    return [-value, value / contentHeight * (height - headerHeight)];\n  };\n\n  _proto.getControlledScrollLeftValue = function getControlledScrollLeftValue(value) {\n    var _this$state5 = this.state,\n        contentWidth = _this$state5.contentWidth,\n        width = _this$state5.width; // 滚动值的最大范围判断\n\n    value = Math.min(value, Math.max(0, contentWidth - width));\n    return [-value, value / contentWidth * width];\n  }\n  /**\n   * public method\n   */\n  ;\n\n  _proto.renderRowData = function renderRowData(bodyCells, rowData, props, shouldRenderExpandedRow) {\n    var _this$props20 = this.props,\n        renderTreeToggle = _this$props20.renderTreeToggle,\n        rowKey = _this$props20.rowKey,\n        wordWrap = _this$props20.wordWrap,\n        isTree = _this$props20.isTree;\n    var hasChildren = isTree && rowData.children && Array.isArray(rowData.children);\n    var nextRowKey = typeof rowData[rowKey] !== 'undefined' ? rowData[rowKey] : props.key;\n\n    var rowProps = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, props, {\n      key: nextRowKey,\n      'aria-rowindex': props.key + 2,\n      rowRef: this.bindTableRowsRef(props.key, rowData),\n      onClick: this.bindRowClick(rowData),\n      onContextMenu: this.bindRowContextMenu(rowData)\n    });\n\n    var expandedRowKeys = this.getExpandedRowKeys() || [];\n    var expanded = expandedRowKeys.some(function (key) {\n      return key === rowData[rowKey];\n    });\n    var cells = [];\n\n    for (var i = 0; i < bodyCells.length; i++) {\n      var cell = bodyCells[i];\n      cells.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"cloneElement\"](cell, {\n        hasChildren: hasChildren,\n        rowData: rowData,\n        wordWrap: wordWrap,\n        renderTreeToggle: renderTreeToggle,\n        height: props.height,\n        rowIndex: props.key,\n        depth: props.depth,\n        onTreeToggle: this.handleTreeToggle,\n        rowKey: nextRowKey,\n        expanded: expanded\n      }));\n    }\n\n    return this.renderRow(rowProps, cells, shouldRenderExpandedRow, rowData);\n  };\n\n  _proto.renderRow = function renderRow(props, cells, shouldRenderExpandedRow, rowData) {\n    var rowClassName = this.props.rowClassName;\n    var _this$state6 = this.state,\n        shouldFixedColumn = _this$state6.shouldFixedColumn,\n        width = _this$state6.width,\n        contentWidth = _this$state6.contentWidth;\n\n    var depth = props.depth,\n        restRowProps = Object(_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(props, [\"depth\"]);\n\n    if (typeof rowClassName === 'function') {\n      restRowProps.className = rowClassName(rowData);\n    } else {\n      restRowProps.className = rowClassName;\n    }\n\n    var rowStyles = {};\n    var rowRight = 0;\n\n    if (this.isRTL() && contentWidth > width) {\n      rowRight = width - contentWidth;\n      rowStyles.right = rowRight;\n    } // IF there are fixed columns, add a fixed group\n\n\n    if (shouldFixedColumn && contentWidth > width) {\n      var fixedLeftCells = [];\n      var fixedRightCells = [];\n      var scrollCells = [];\n      var fixedLeftCellGroupWidth = 0;\n      var fixedRightCellGroupWidth = 0;\n\n      for (var i = 0; i < cells.length; i++) {\n        var cell = cells[i];\n        var _cell$props = cell.props,\n            fixed = _cell$props.fixed,\n            _width2 = _cell$props.width;\n        var isFixedStart = fixed === 'left' || fixed === true;\n        var isFixedEnd = fixed === 'right';\n\n        if (this.isRTL()) {\n          isFixedStart = fixed === 'right';\n          isFixedEnd = fixed === 'left' || fixed === true;\n        }\n\n        if (isFixedStart) {\n          fixedLeftCells.push(cell);\n          fixedLeftCellGroupWidth += _width2;\n        } else if (isFixedEnd) {\n          fixedRightCells.push(cell);\n          fixedRightCellGroupWidth += _width2;\n        } else {\n          scrollCells.push(cell);\n        }\n      }\n\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_Row__WEBPACK_IMPORTED_MODULE_16__[\"default\"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, restRowProps, {\n        \"data-depth\": depth,\n        style: rowStyles\n      }), fixedLeftCellGroupWidth ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_CellGroup__WEBPACK_IMPORTED_MODULE_17__[\"default\"], {\n        fixed: \"left\",\n        height: props.isHeaderRow ? props.headerHeight : props.height,\n        width: fixedLeftCellGroupWidth,\n        style: this.isRTL() ? {\n          right: width - fixedLeftCellGroupWidth - rowRight\n        } : null\n      }, Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"mergeCells\"])(Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"resetLeftForCells\"])(fixedLeftCells))) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_CellGroup__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"mergeCells\"])(scrollCells)), fixedRightCellGroupWidth ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_CellGroup__WEBPACK_IMPORTED_MODULE_17__[\"default\"], {\n        fixed: \"right\",\n        style: this.isRTL() ? {\n          right: 0 - rowRight\n        } : {\n          left: width - fixedRightCellGroupWidth - _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"]\n        },\n        height: props.isHeaderRow ? props.headerHeight : props.height,\n        width: fixedRightCellGroupWidth + _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"]\n      }, Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"mergeCells\"])(Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"resetLeftForCells\"])(fixedRightCells, _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"]))) : null, shouldRenderExpandedRow && this.renderRowExpanded(rowData));\n    }\n\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_Row__WEBPACK_IMPORTED_MODULE_16__[\"default\"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, restRowProps, {\n      \"data-depth\": depth,\n      style: rowStyles\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_CellGroup__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"mergeCells\"])(cells)), shouldRenderExpandedRow && this.renderRowExpanded(rowData));\n  };\n\n  _proto.renderRowExpanded = function renderRowExpanded(rowData) {\n    var _this$props21 = this.props,\n        renderRowExpanded = _this$props21.renderRowExpanded,\n        rowExpandedHeight = _this$props21.rowExpandedHeight;\n    var styles = {\n      height: rowExpandedHeight\n    };\n\n    if (typeof renderRowExpanded === 'function') {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n        className: this.addPrefix('row-expanded'),\n        style: styles\n      }, renderRowExpanded(rowData));\n    }\n\n    return null;\n  };\n\n  _proto.renderMouseArea = function renderMouseArea() {\n    var headerHeight = this.getTableHeaderHeight();\n    var styles = {\n      height: this.getTableHeight()\n    };\n    var spanStyles = {\n      height: headerHeight - 1\n    };\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      ref: this.mouseAreaRef,\n      className: this.addPrefix('mouse-area'),\n      style: styles\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"span\", {\n      style: spanStyles\n    }));\n  };\n\n  _proto.renderTableHeader = function renderTableHeader(headerCells, rowWidth) {\n    var affixHeader = this.props.affixHeader;\n    var tableWidth = this.state.width;\n    var top = typeof affixHeader === 'number' ? affixHeader : 0;\n    var headerHeight = this.getTableHeaderHeight();\n    var rowProps = {\n      'aria-rowindex': 1,\n      rowRef: this.tableHeaderRef,\n      width: rowWidth,\n      height: this.getRowHeight(),\n      headerHeight: headerHeight,\n      isHeaderRow: true,\n      top: 0\n    };\n    var fixedStyle = {\n      position: 'fixed',\n      overflow: 'hidden',\n      height: this.getTableHeaderHeight(),\n      width: tableWidth,\n      top: top\n    }; // Affix header\n\n    var header = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(this.addPrefix('affix-header')),\n      style: fixedStyle,\n      ref: this.affixHeaderWrapperRef\n    }, this.renderRow(rowProps, headerCells));\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](react__WEBPACK_IMPORTED_MODULE_3__[\"Fragment\"], null, (affixHeader === 0 || affixHeader) && header, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      role: \"rowgroup\",\n      className: this.addPrefix('header-row-wrapper'),\n      ref: this.headerWrapperRef\n    }, this.renderRow(rowProps, headerCells)));\n  };\n\n  _proto.renderTableBody = function renderTableBody(bodyCells, rowWidth) {\n    var _this$props22 = this.props,\n        rowExpandedHeight = _this$props22.rowExpandedHeight,\n        renderRowExpanded = _this$props22.renderRowExpanded,\n        isTree = _this$props22.isTree,\n        rowKey = _this$props22.rowKey,\n        wordWrap = _this$props22.wordWrap,\n        virtualized = _this$props22.virtualized,\n        rowHeight = _this$props22.rowHeight;\n    var headerHeight = this.getTableHeaderHeight();\n    var _this$state7 = this.state,\n        tableRowsMaxHeight = _this$state7.tableRowsMaxHeight,\n        isScrolling = _this$state7.isScrolling,\n        data = _this$state7.data;\n    var height = this.getTableHeight();\n    var bodyHeight = height - headerHeight;\n    var bodyStyles = {\n      top: headerHeight,\n      height: bodyHeight\n    };\n    var contentHeight = 0;\n    var topHideHeight = 0;\n    var bottomHideHeight = 0;\n    this._visibleRows = [];\n\n    if (data) {\n      var top = 0; // Row position\n\n      var minTop = Math.abs(this.scrollY);\n      var maxTop = minTop + height + rowExpandedHeight;\n      var isCustomRowHeight = typeof rowHeight === 'function';\n      var isUncertainHeight = !!(renderRowExpanded || isCustomRowHeight || isTree);\n      /**\n      如果开启了 virtualized  同时 Table 中的的行高是可变的，\n      则需要循环遍历 data, 获取每一行的高度。\n      */\n\n      if (isUncertainHeight && virtualized || !virtualized) {\n        for (var index = 0; index < data.length; index++) {\n          var rowData = data[index];\n          var maxHeight = tableRowsMaxHeight[index];\n          var shouldRenderExpandedRow = this.shouldRenderExpandedRow(rowData);\n          var nextRowHeight = 0;\n          var depth = 0;\n\n          if (typeof rowHeight === 'function') {\n            nextRowHeight = rowHeight(rowData);\n          } else {\n            nextRowHeight = maxHeight ? Math.max(maxHeight + _constants__WEBPACK_IMPORTED_MODULE_20__[\"CELL_PADDING_HEIGHT\"], rowHeight) : rowHeight;\n\n            if (shouldRenderExpandedRow) {\n              nextRowHeight += rowExpandedHeight;\n            }\n          }\n\n          if (isTree) {\n            var parents = Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"findAllParents\"])(rowData, rowKey);\n            var expandedRowKeys = this.getExpandedRowKeys();\n            depth = parents.length; //  如果是 Tree Table,  判断当前的行是否展开/折叠，如果是折叠则不显示该行。\n\n            if (!Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"shouldShowRowByExpanded\"])(expandedRowKeys, parents)) {\n              continue;\n            }\n          }\n\n          contentHeight += nextRowHeight;\n          var rowProps = {\n            key: index,\n            top: top,\n            width: rowWidth,\n            depth: depth,\n            height: nextRowHeight\n          };\n          top += nextRowHeight;\n\n          if (virtualized && !wordWrap) {\n            if (top + nextRowHeight < minTop) {\n              topHideHeight += nextRowHeight;\n              continue;\n            } else if (top > maxTop) {\n              bottomHideHeight += nextRowHeight;\n              continue;\n            }\n          }\n\n          this._visibleRows.push(this.renderRowData(bodyCells, rowData, rowProps, shouldRenderExpandedRow));\n        }\n      } else {\n        /**\n        如果 Table 的行高是固定的，则直接通过行高与行数进行计算，\n        减少遍历所有 data 带来的性能消耗\n        */\n        var _nextRowHeight = this.getRowHeight();\n\n        var startIndex = Math.max(Math.floor(minTop / _nextRowHeight), 0);\n        var endIndex = Math.min(startIndex + Math.ceil(bodyHeight / _nextRowHeight), data.length);\n        contentHeight = data.length * _nextRowHeight;\n        topHideHeight = startIndex * _nextRowHeight;\n        bottomHideHeight = (data.length - endIndex) * _nextRowHeight;\n\n        for (var _index = startIndex; _index < endIndex; _index++) {\n          var _rowData = data[_index];\n          var _rowProps = {\n            key: _index,\n            top: _index * _nextRowHeight,\n            width: rowWidth,\n            height: _nextRowHeight\n          };\n\n          this._visibleRows.push(this.renderRowData(bodyCells, _rowData, _rowProps, false));\n        }\n      }\n    }\n\n    var wheelStyles = {\n      position: 'absolute',\n      height: contentHeight,\n      minHeight: height,\n      pointerEvents: isScrolling ? 'none' : undefined\n    };\n    var topRowStyles = {\n      height: topHideHeight\n    };\n    var bottomRowStyles = {\n      height: bottomHideHeight\n    };\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      ref: this.tableBodyRef,\n      role: \"rowgroup\",\n      className: this.addPrefix('body-row-wrapper'),\n      style: bodyStyles,\n      onScroll: this.handleBodyScroll\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      style: wheelStyles,\n      className: this.addPrefix('body-wheel-area'),\n      ref: this.wheelWrapperRef\n    }, topHideHeight ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_Row__WEBPACK_IMPORTED_MODULE_16__[\"default\"], {\n      style: topRowStyles,\n      className: \"virtualized\"\n    }) : null, this._visibleRows, bottomHideHeight ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_Row__WEBPACK_IMPORTED_MODULE_16__[\"default\"], {\n      style: bottomRowStyles,\n      className: \"virtualized\"\n    }) : null), this.renderInfo(), this.renderScrollbar(), this.renderLoading());\n  };\n\n  _proto.renderInfo = function renderInfo() {\n    var _this$props23 = this.props,\n        locale = _this$props23.locale,\n        renderEmpty = _this$props23.renderEmpty,\n        loading = _this$props23.loading;\n\n    if (this._visibleRows.length || loading) {\n      return null;\n    }\n\n    var emptyMessage = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      className: this.addPrefix('body-info')\n    }, locale.emptyMessage);\n    return renderEmpty ? renderEmpty(emptyMessage) : emptyMessage;\n  };\n\n  _proto.renderScrollbar = function renderScrollbar() {\n    var _this$props24 = this.props,\n        disabledScroll = _this$props24.disabledScroll,\n        affixHorizontalScrollbar = _this$props24.affixHorizontalScrollbar,\n        id = _this$props24.id;\n    var _this$state8 = this.state,\n        contentWidth = _this$state8.contentWidth,\n        contentHeight = _this$state8.contentHeight,\n        width = _this$state8.width,\n        fixedHorizontalScrollbar = _this$state8.fixedHorizontalScrollbar;\n    var bottom = typeof affixHorizontalScrollbar === 'number' ? affixHorizontalScrollbar : 0;\n    var headerHeight = this.getTableHeaderHeight();\n    var height = this.getTableHeight();\n\n    if (disabledScroll) {\n      return null;\n    }\n\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_Scrollbar__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n      tableId: id,\n      className: classnames__WEBPACK_IMPORTED_MODULE_5___default()({\n        fixed: fixedHorizontalScrollbar\n      }),\n      style: {\n        width: width,\n        bottom: fixedHorizontalScrollbar ? bottom : undefined\n      },\n      length: this.state.width,\n      onScroll: this.handleScrollX,\n      scrollLength: contentWidth,\n      ref: this.scrollbarXRef\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_Scrollbar__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n      vertical: true,\n      tableId: id,\n      length: height - headerHeight,\n      scrollLength: contentHeight,\n      onScroll: this.handleScrollY,\n      ref: this.scrollbarYRef\n    }));\n  }\n  /**\n   *  show loading\n   */\n  ;\n\n  _proto.renderLoading = function renderLoading() {\n    var _this$props25 = this.props,\n        locale = _this$props25.locale,\n        loading = _this$props25.loading,\n        loadAnimation = _this$props25.loadAnimation,\n        renderLoading = _this$props25.renderLoading;\n\n    if (!loadAnimation && !loading) {\n      return null;\n    }\n\n    var loadingElement = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      className: this.addPrefix('loader-wrapper')\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      className: this.addPrefix('loader')\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"i\", {\n      className: this.addPrefix('loader-icon')\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"span\", {\n      className: this.addPrefix('loader-text')\n    }, locale.loading)));\n    return renderLoading ? renderLoading(loadingElement) : loadingElement;\n  };\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props26 = this.props,\n        children = _this$props26.children,\n        className = _this$props26.className,\n        data = _this$props26.data,\n        _this$props26$width = _this$props26.width,\n        width = _this$props26$width === void 0 ? 0 : _this$props26$width,\n        style = _this$props26.style,\n        isTree = _this$props26.isTree,\n        hover = _this$props26.hover,\n        bordered = _this$props26.bordered,\n        cellBordered = _this$props26.cellBordered,\n        wordWrap = _this$props26.wordWrap,\n        classPrefix = _this$props26.classPrefix,\n        loading = _this$props26.loading,\n        showHeader = _this$props26.showHeader,\n        rest = Object(_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_this$props26, [\"children\", \"className\", \"data\", \"width\", \"style\", \"isTree\", \"hover\", \"bordered\", \"cellBordered\", \"wordWrap\", \"classPrefix\", \"loading\", \"showHeader\"]);\n\n    var isColumnResizing = this.state.isColumnResizing;\n\n    var _this$getCellDescript = this.getCellDescriptor(),\n        headerCells = _this$getCellDescript.headerCells,\n        bodyCells = _this$getCellDescript.bodyCells,\n        allColumnsWidth = _this$getCellDescript.allColumnsWidth,\n        hasCustomTreeCol = _this$getCellDescript.hasCustomTreeCol;\n\n    var rowWidth = allColumnsWidth > width ? allColumnsWidth : width;\n    var clesses = classnames__WEBPACK_IMPORTED_MODULE_5___default()(classPrefix, className, (_classNames = {}, _classNames[this.addPrefix('word-wrap')] = wordWrap, _classNames[this.addPrefix('treetable')] = isTree, _classNames[this.addPrefix('bordered')] = bordered, _classNames[this.addPrefix('cell-bordered')] = cellBordered, _classNames[this.addPrefix('column-resizing')] = isColumnResizing, _classNames[this.addPrefix('hover')] = hover, _classNames[this.addPrefix('loading')] = loading, _classNames));\n\n    var styles = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({\n      width: width || 'auto',\n      height: this.getTableHeight()\n    }, style);\n\n    var unhandled = Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"getUnhandledProps\"])(propTypes, rest);\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_TableContext__WEBPACK_IMPORTED_MODULE_19__[\"default\"].Provider, {\n      value: {\n        translateDOMPositionXY: this.translateDOMPositionXY,\n        rtl: this.isRTL(),\n        isTree: isTree,\n        hasCustomTreeCol: hasCustomTreeCol\n      }\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({\n      role: isTree ? 'treegrid' : 'grid' // The aria-rowcount is specified on the element with the table.\n      // Its value is an integer equal to the total number of rows available, including header rows.\n      ,\n      \"aria-rowcount\": data.length + 1,\n      \"aria-colcount\": this._cacheChildrenSize\n    }, unhandled, {\n      className: clesses,\n      style: styles,\n      ref: this.tableRef\n    }), showHeader && this.renderTableHeader(headerCells, rowWidth), children && this.renderTableBody(bodyCells, rowWidth), showHeader && this.renderMouseArea()));\n  };\n\n  return Table;\n}(react__WEBPACK_IMPORTED_MODULE_3__[\"Component\"]);\n\nTable.propTypes = propTypes;\nTable.defaultProps = {\n  classPrefix: Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"defaultClassPrefix\"])('table'),\n  data: [],\n  defaultSortType: SORT_TYPE.DESC,\n  height: 200,\n  rowHeight: 46,\n  headerHeight: 40,\n  minHeight: 0,\n  rowExpandedHeight: 100,\n  hover: true,\n  showHeader: true,\n  rowKey: 'key',\n  translate3d: true,\n  shouldUpdateScroll: true,\n  locale: {\n    emptyMessage: 'No data found',\n    loading: 'Loading...'\n  }\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Table);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/Table.js?");
 
 /***/ }),
 
@@ -6970,6 +6886,30 @@ eval("/**\n * This method returns the first argument it receives.\n *\n * @stati
 
 /***/ }),
 
+/***/ "./node_modules/rsuite-table/node_modules/react-is/cjs/react-is.development.js":
+/*!*************************************************************************************!*\
+  !*** ./node_modules/rsuite-table/node_modules/react-is/cjs/react-is.development.js ***!
+  \*************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("/** @license React v17.0.2\n * react-is.development.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\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\n\n\nif (true) {\n  (function() {\n'use strict';\n\n// ATTENTION\n// When adding new symbols to this file,\n// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'\n// The Symbol used to tag the ReactElement-like types. If there is no native Symbol\n// nor polyfill, then a plain number is used for performance.\nvar REACT_ELEMENT_TYPE = 0xeac7;\nvar REACT_PORTAL_TYPE = 0xeaca;\nvar REACT_FRAGMENT_TYPE = 0xeacb;\nvar REACT_STRICT_MODE_TYPE = 0xeacc;\nvar REACT_PROFILER_TYPE = 0xead2;\nvar REACT_PROVIDER_TYPE = 0xeacd;\nvar REACT_CONTEXT_TYPE = 0xeace;\nvar REACT_FORWARD_REF_TYPE = 0xead0;\nvar REACT_SUSPENSE_TYPE = 0xead1;\nvar REACT_SUSPENSE_LIST_TYPE = 0xead8;\nvar REACT_MEMO_TYPE = 0xead3;\nvar REACT_LAZY_TYPE = 0xead4;\nvar REACT_BLOCK_TYPE = 0xead9;\nvar REACT_SERVER_BLOCK_TYPE = 0xeada;\nvar REACT_FUNDAMENTAL_TYPE = 0xead5;\nvar REACT_SCOPE_TYPE = 0xead7;\nvar REACT_OPAQUE_ID_TYPE = 0xeae0;\nvar REACT_DEBUG_TRACING_MODE_TYPE = 0xeae1;\nvar REACT_OFFSCREEN_TYPE = 0xeae2;\nvar REACT_LEGACY_HIDDEN_TYPE = 0xeae3;\n\nif (typeof Symbol === 'function' && Symbol.for) {\n  var symbolFor = Symbol.for;\n  REACT_ELEMENT_TYPE = symbolFor('react.element');\n  REACT_PORTAL_TYPE = symbolFor('react.portal');\n  REACT_FRAGMENT_TYPE = symbolFor('react.fragment');\n  REACT_STRICT_MODE_TYPE = symbolFor('react.strict_mode');\n  REACT_PROFILER_TYPE = symbolFor('react.profiler');\n  REACT_PROVIDER_TYPE = symbolFor('react.provider');\n  REACT_CONTEXT_TYPE = symbolFor('react.context');\n  REACT_FORWARD_REF_TYPE = symbolFor('react.forward_ref');\n  REACT_SUSPENSE_TYPE = symbolFor('react.suspense');\n  REACT_SUSPENSE_LIST_TYPE = symbolFor('react.suspense_list');\n  REACT_MEMO_TYPE = symbolFor('react.memo');\n  REACT_LAZY_TYPE = symbolFor('react.lazy');\n  REACT_BLOCK_TYPE = symbolFor('react.block');\n  REACT_SERVER_BLOCK_TYPE = symbolFor('react.server.block');\n  REACT_FUNDAMENTAL_TYPE = symbolFor('react.fundamental');\n  REACT_SCOPE_TYPE = symbolFor('react.scope');\n  REACT_OPAQUE_ID_TYPE = symbolFor('react.opaque.id');\n  REACT_DEBUG_TRACING_MODE_TYPE = symbolFor('react.debug_trace_mode');\n  REACT_OFFSCREEN_TYPE = symbolFor('react.offscreen');\n  REACT_LEGACY_HIDDEN_TYPE = symbolFor('react.legacy_hidden');\n}\n\n// Filter certain DOM attributes (e.g. src, href) if their values are empty strings.\n\nvar enableScopeAPI = false; // Experimental Create Event Handle API.\n\nfunction isValidElementType(type) {\n  if (typeof type === 'string' || typeof type === 'function') {\n    return true;\n  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).\n\n\n  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || type === REACT_DEBUG_TRACING_MODE_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || type === REACT_LEGACY_HIDDEN_TYPE || enableScopeAPI ) {\n    return true;\n  }\n\n  if (typeof type === 'object' && type !== null) {\n    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_BLOCK_TYPE || type[0] === REACT_SERVER_BLOCK_TYPE) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\nfunction typeOf(object) {\n  if (typeof object === 'object' && object !== null) {\n    var $$typeof = object.$$typeof;\n\n    switch ($$typeof) {\n      case REACT_ELEMENT_TYPE:\n        var type = object.type;\n\n        switch (type) {\n          case REACT_FRAGMENT_TYPE:\n          case REACT_PROFILER_TYPE:\n          case REACT_STRICT_MODE_TYPE:\n          case REACT_SUSPENSE_TYPE:\n          case REACT_SUSPENSE_LIST_TYPE:\n            return type;\n\n          default:\n            var $$typeofType = type && type.$$typeof;\n\n            switch ($$typeofType) {\n              case REACT_CONTEXT_TYPE:\n              case REACT_FORWARD_REF_TYPE:\n              case REACT_LAZY_TYPE:\n              case REACT_MEMO_TYPE:\n              case REACT_PROVIDER_TYPE:\n                return $$typeofType;\n\n              default:\n                return $$typeof;\n            }\n\n        }\n\n      case REACT_PORTAL_TYPE:\n        return $$typeof;\n    }\n  }\n\n  return undefined;\n}\nvar ContextConsumer = REACT_CONTEXT_TYPE;\nvar ContextProvider = REACT_PROVIDER_TYPE;\nvar Element = REACT_ELEMENT_TYPE;\nvar ForwardRef = REACT_FORWARD_REF_TYPE;\nvar Fragment = REACT_FRAGMENT_TYPE;\nvar Lazy = REACT_LAZY_TYPE;\nvar Memo = REACT_MEMO_TYPE;\nvar Portal = REACT_PORTAL_TYPE;\nvar Profiler = REACT_PROFILER_TYPE;\nvar StrictMode = REACT_STRICT_MODE_TYPE;\nvar Suspense = REACT_SUSPENSE_TYPE;\nvar hasWarnedAboutDeprecatedIsAsyncMode = false;\nvar hasWarnedAboutDeprecatedIsConcurrentMode = false; // AsyncMode should be deprecated\n\nfunction isAsyncMode(object) {\n  {\n    if (!hasWarnedAboutDeprecatedIsAsyncMode) {\n      hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint\n\n      console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 18+.');\n    }\n  }\n\n  return false;\n}\nfunction isConcurrentMode(object) {\n  {\n    if (!hasWarnedAboutDeprecatedIsConcurrentMode) {\n      hasWarnedAboutDeprecatedIsConcurrentMode = true; // Using console['warn'] to evade Babel and ESLint\n\n      console['warn']('The ReactIs.isConcurrentMode() alias has been deprecated, ' + 'and will be removed in React 18+.');\n    }\n  }\n\n  return false;\n}\nfunction isContextConsumer(object) {\n  return typeOf(object) === REACT_CONTEXT_TYPE;\n}\nfunction isContextProvider(object) {\n  return typeOf(object) === REACT_PROVIDER_TYPE;\n}\nfunction isElement(object) {\n  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;\n}\nfunction isForwardRef(object) {\n  return typeOf(object) === REACT_FORWARD_REF_TYPE;\n}\nfunction isFragment(object) {\n  return typeOf(object) === REACT_FRAGMENT_TYPE;\n}\nfunction isLazy(object) {\n  return typeOf(object) === REACT_LAZY_TYPE;\n}\nfunction isMemo(object) {\n  return typeOf(object) === REACT_MEMO_TYPE;\n}\nfunction isPortal(object) {\n  return typeOf(object) === REACT_PORTAL_TYPE;\n}\nfunction isProfiler(object) {\n  return typeOf(object) === REACT_PROFILER_TYPE;\n}\nfunction isStrictMode(object) {\n  return typeOf(object) === REACT_STRICT_MODE_TYPE;\n}\nfunction isSuspense(object) {\n  return typeOf(object) === REACT_SUSPENSE_TYPE;\n}\n\nexports.ContextConsumer = ContextConsumer;\nexports.ContextProvider = ContextProvider;\nexports.Element = Element;\nexports.ForwardRef = ForwardRef;\nexports.Fragment = Fragment;\nexports.Lazy = Lazy;\nexports.Memo = Memo;\nexports.Portal = Portal;\nexports.Profiler = Profiler;\nexports.StrictMode = StrictMode;\nexports.Suspense = Suspense;\nexports.isAsyncMode = isAsyncMode;\nexports.isConcurrentMode = isConcurrentMode;\nexports.isContextConsumer = isContextConsumer;\nexports.isContextProvider = isContextProvider;\nexports.isElement = isElement;\nexports.isForwardRef = isForwardRef;\nexports.isFragment = isFragment;\nexports.isLazy = isLazy;\nexports.isMemo = isMemo;\nexports.isPortal = isPortal;\nexports.isProfiler = isProfiler;\nexports.isStrictMode = isStrictMode;\nexports.isSuspense = isSuspense;\nexports.isValidElementType = isValidElementType;\nexports.typeOf = typeOf;\n  })();\n}\n\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/react-is/cjs/react-is.development.js?");
+
+/***/ }),
+
+/***/ "./node_modules/rsuite-table/node_modules/react-is/index.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/rsuite-table/node_modules/react-is/index.js ***!
+  \******************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nif (false) {} else {\n  module.exports = __webpack_require__(/*! ./cjs/react-is.development.js */ \"./node_modules/rsuite-table/node_modules/react-is/cjs/react-is.development.js\");\n}\n\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/react-is/index.js?");
+
+/***/ }),
+
 /***/ "./node_modules/schema-typed/es/ArrayType.js":
 /*!***************************************************!*\
   !*** ./node_modules/schema-typed/es/ArrayType.js ***!
@@ -7078,30 +7018,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 +7029,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 +7204,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 +7240,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 +7288,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 +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 _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 +7348,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 +7492,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 +7552,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?");
 
 /***/ }),
 
@@ -8139,7 +8044,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 +8056,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 +8140,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 +8260,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 +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 = 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 +8452,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 +8644,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 +8668,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 +8692,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 +8740,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?");
 
 /***/ }),
 
@@ -8883,7 +8788,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 _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 React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\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 _canUseDOM = _interopRequireDefault(__webpack_require__(/*! dom-lib/lib/query/canUseDOM */ \"./node_modules/dom-lib/lib/query/canUseDOM.js\"));\n\nvar _Portal = _interopRequireDefault(__webpack_require__(/*! ../Portal */ \"./src/Portal/index.tsx\"));\n\nvar _ModalManager = _interopRequireDefault(__webpack_require__(/*! ./ModalManager */ \"./src/Modal/ModalManager.ts\"));\n\nvar _Fade = _interopRequireDefault(__webpack_require__(/*! ../Animation/Fade */ \"./src/Animation/Fade.tsx\"));\n\nvar _getDOMNode = _interopRequireDefault(__webpack_require__(/*! ../utils/getDOMNode */ \"./src/utils/getDOMNode.ts\"));\n\nvar _mergeRefs = _interopRequireDefault(__webpack_require__(/*! ../utils/mergeRefs */ \"./src/utils/mergeRefs.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Modal/BaseModal.tsx\";\n\nvar RefHolder =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(RefHolder, _React$Component);\n\n  function RefHolder() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = RefHolder.prototype;\n\n  _proto.render = function render() {\n    return this.props.children || null;\n  };\n\n  return RefHolder;\n}(React.Component);\n\nvar modalManager = new _ModalManager.default();\n\nvar BaseModal =\n/*#__PURE__*/\nfunction (_React$Component2) {\n  (0, _inheritsLoose2.default)(BaseModal, _React$Component2);\n\n  function BaseModal(props) {\n    var _this;\n\n    _this = _React$Component2.call(this, props) || this;\n    _this.mountNode = null;\n    _this.modalNodeRef = null;\n    _this.backdropRef = null;\n    _this.dialogRef = null;\n    _this.lastFocus = null;\n    _this.onDocumentKeyupListener = null;\n    _this.onFocusinListener = null;\n\n    _this.setMountNodeRef = function (ref) {\n      var _ref$getMountNode;\n\n      _this.mountNode = ref === null || ref === void 0 ? void 0 : (_ref$getMountNode = ref.getMountNode) === null || _ref$getMountNode === void 0 ? void 0 : _ref$getMountNode.call(ref);\n    };\n\n    _this.handleHidden = function (args) {\n      var _this$props$onExited, _this$props;\n\n      _this.setState({\n        exited: true\n      });\n\n      _this.onHide();\n\n      (_this$props$onExited = (_this$props = _this.props).onExited) === null || _this$props$onExited === void 0 ? void 0 : _this$props$onExited.call(_this$props, args);\n    };\n\n    _this.handleBackdropClick = function (event) {\n      if (event.target !== event.currentTarget) {\n        return;\n      }\n\n      var _this$props2 = _this.props,\n          onBackdropClick = _this$props2.onBackdropClick,\n          backdrop = _this$props2.backdrop,\n          onHide = _this$props2.onHide;\n      onBackdropClick === null || onBackdropClick === void 0 ? void 0 : onBackdropClick(event);\n      backdrop && (onHide === null || onHide === void 0 ? void 0 : onHide(event));\n    };\n\n    _this.handleDocumentKeyUp = function (event) {\n      var _this$props3 = _this.props,\n          keyboard = _this$props3.keyboard,\n          onHide = _this$props3.onHide,\n          onEscapeKeyUp = _this$props3.onEscapeKeyUp;\n\n      if (keyboard && event.keyCode === 27 && _this.isTopModal()) {\n        onEscapeKeyUp === null || onEscapeKeyUp === void 0 ? void 0 : onEscapeKeyUp(event);\n        onHide === null || onHide === void 0 ? void 0 : onHide(event);\n      }\n    };\n\n    _this.enforceFocus = function () {\n      var enforceFocus = _this.props.enforceFocus;\n\n      if (!enforceFocus || !_this.isTopModal()) {\n        return;\n      }\n\n      var active = (0, _domLib.activeElement)((0, _domLib.ownerDocument)((0, _assertThisInitialized2.default)(_this)));\n\n      var modal = _this.getDialogElement();\n\n      if (modal && modal !== active && !(0, _domLib.contains)(modal, active)) {\n        modal.focus();\n      }\n    };\n\n    _this.state = {\n      exited: !props.show\n    };\n    _this.backdropRef = React.createRef();\n    _this.modalNodeRef = React.createRef();\n    _this.dialogRef = React.createRef();\n    return _this;\n  }\n\n  var _proto2 = BaseModal.prototype;\n\n  _proto2.componentDidMount = function componentDidMount() {\n    if (this.props.show) {\n      this.onShow();\n    }\n  };\n\n  BaseModal.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps) {\n    if (nextProps.show) {\n      return {\n        exited: false\n      };\n    } else if (!nextProps.transition) {\n      // Otherwise let handleHidden take care of marking exited.\n      return {\n        exited: true\n      };\n    }\n\n    return null;\n  };\n\n  _proto2.getSnapshotBeforeUpdate = function getSnapshotBeforeUpdate(prevProps) {\n    if (this.props.show && !prevProps.show) {\n      this.checkForFocus();\n    }\n\n    return null;\n  };\n\n  _proto2.componentDidUpdate = function componentDidUpdate(prevProps) {\n    var transition = this.props.transition;\n\n    if (prevProps.show && !this.props.show && !transition) {\n      // Otherwise handleHidden will call this.\n      this.onHide();\n    } else if (!prevProps.show && this.props.show) {\n      this.onShow();\n    }\n  };\n\n  _proto2.componentWillUnmount = function componentWillUnmount() {\n    var _this$props4 = this.props,\n        show = _this$props4.show,\n        transition = _this$props4.transition;\n\n    if (show || transition && !this.state.exited) {\n      this.onHide();\n    }\n  };\n\n  _proto2.onShow = function onShow() {\n    var _this$props$onShow, _this$props5;\n\n    var doc = (0, _domLib.ownerDocument)(this);\n    var container = (0, _domLib.getContainer)(this.props.container, doc.body);\n    var containerClassName = this.props.containerClassName;\n    modalManager.add(this, container, containerClassName);\n    this.onDocumentKeyupListener = (0, _domLib.on)(doc, 'keyup', this.handleDocumentKeyUp);\n    this.onFocusinListener = (0, _domLib.on)(doc, 'focus', this.enforceFocus);\n    (_this$props$onShow = (_this$props5 = this.props).onShow) === null || _this$props$onShow === void 0 ? void 0 : _this$props$onShow.call(_this$props5);\n  };\n\n  _proto2.onHide = function onHide() {\n    var _this$onDocumentKeyup, _this$onFocusinListen;\n\n    modalManager.remove(this);\n    (_this$onDocumentKeyup = this.onDocumentKeyupListener) === null || _this$onDocumentKeyup === void 0 ? void 0 : _this$onDocumentKeyup.off();\n    (_this$onFocusinListen = this.onFocusinListener) === null || _this$onFocusinListen === void 0 ? void 0 : _this$onFocusinListen.off();\n    this.restoreLastFocus();\n  };\n\n  _proto2.getDialogElement = function getDialogElement() {\n    return (0, _getDOMNode.default)(this.dialogRef.current);\n  };\n\n  _proto2.isTopModal = function isTopModal() {\n    return modalManager.isTopModal(this);\n  };\n\n  _proto2.checkForFocus = function checkForFocus() {\n    if (_canUseDOM.default) {\n      this.lastFocus = (0, _domLib.activeElement)();\n    }\n  };\n\n  _proto2.restoreLastFocus = function restoreLastFocus() {\n    // Support: <=IE11 doesn't support `focus()` on svg elements\n    if (this.lastFocus) {\n      var _this$lastFocus$focus, _this$lastFocus;\n\n      (_this$lastFocus$focus = (_this$lastFocus = this.lastFocus).focus) === null || _this$lastFocus$focus === void 0 ? void 0 : _this$lastFocus$focus.call(_this$lastFocus);\n      this.lastFocus = null;\n    }\n  };\n\n  _proto2.renderBackdrop = function renderBackdrop() {\n    var _this2 = this;\n\n    var _this$props6 = this.props,\n        transition = _this$props6.transition,\n        backdrop = _this$props6.backdrop,\n        backdropTransitionTimeout = _this$props6.backdropTransitionTimeout,\n        backdropStyle = _this$props6.backdropStyle,\n        backdropClassName = _this$props6.backdropClassName;\n    var backdropPorps = {\n      style: backdropStyle,\n      onClick: backdrop === true ? this.handleBackdropClick : undefined\n    };\n\n    if (transition) {\n      return React.createElement(_Fade.default, {\n        transitionAppear: true,\n        in: this.props.show,\n        timeout: backdropTransitionTimeout,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 204\n        },\n        __self: this\n      }, function (props, ref) {\n        var className = props.className,\n            rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"className\"]);\n        return React.createElement(\"div\", (0, _extends2.default)({}, rest, backdropPorps, {\n          className: (0, _classnames.default)(backdropClassName, className),\n          ref: (0, _mergeRefs.default)(_this2.backdropRef, ref),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 208\n          },\n          __self: this\n        }));\n      });\n    }\n\n    return React.createElement(\"div\", (0, _extends2.default)({\n      ref: this.backdropRef,\n      className: backdropClassName\n    }, backdropPorps, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 220\n      },\n      __self: this\n    }));\n  };\n\n  _proto2.render = function render() {\n    var _this$props7 = this.props,\n        children = _this$props7.children,\n        Transition = _this$props7.transition,\n        backdrop = _this$props7.backdrop,\n        dialogTransitionTimeout = _this$props7.dialogTransitionTimeout,\n        style = _this$props7.style,\n        className = _this$props7.className,\n        container = _this$props7.container,\n        animationProps = _this$props7.animationProps,\n        onExit = _this$props7.onExit,\n        onExiting = _this$props7.onExiting,\n        onEnter = _this$props7.onEnter,\n        onEntering = _this$props7.onEntering,\n        onEntered = _this$props7.onEntered,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props7, [\"children\", \"transition\", \"backdrop\", \"dialogTransitionTimeout\", \"style\", \"className\", \"container\", \"animationProps\", \"onExit\", \"onExiting\", \"onEnter\", \"onEntering\", \"onEntered\"]);\n    var show = !!rest.show;\n    var mountModal = show || Transition && !this.state.exited;\n\n    if (!mountModal) {\n      return null;\n    }\n\n    var dialog = children;\n\n    if (Transition) {\n      dialog = React.createElement(Transition, (0, _extends2.default)({}, animationProps, {\n        transitionAppear: true,\n        unmountOnExit: true,\n        in: show,\n        timeout: dialogTransitionTimeout,\n        onExit: onExit,\n        onExiting: onExiting,\n        onExited: this.handleHidden,\n        onEnter: onEnter,\n        onEntering: onEntering,\n        onEntered: onEntered,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 252\n        },\n        __self: this\n      }), dialog);\n    }\n\n    return React.createElement(_Portal.default, {\n      ref: this.setMountNodeRef,\n      container: container,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 271\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      ref: this.modalNodeRef,\n      role: rest.role,\n      style: style,\n      className: className,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 272\n      },\n      __self: this\n    }, backdrop && this.renderBackdrop(), React.createElement(RefHolder, {\n      ref: this.dialogRef,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 274\n      },\n      __self: this\n    }, dialog)));\n  };\n\n  return BaseModal;\n}(React.Component);\n\nBaseModal.manager = modalManager;\nBaseModal.defaultProps = {\n  backdrop: true,\n  keyboard: true,\n  autoFocus: true,\n  enforceFocus: true\n};\nvar _default = BaseModal;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Modal/BaseModal.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 _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 React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\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 _canUseDOM = _interopRequireDefault(__webpack_require__(/*! dom-lib/lib/query/canUseDOM */ \"./node_modules/dom-lib/lib/query/canUseDOM.js\"));\n\nvar _Portal = _interopRequireDefault(__webpack_require__(/*! ../Portal */ \"./src/Portal/index.tsx\"));\n\nvar _ModalManager = _interopRequireDefault(__webpack_require__(/*! ./ModalManager */ \"./src/Modal/ModalManager.ts\"));\n\nvar _Fade = _interopRequireDefault(__webpack_require__(/*! ../Animation/Fade */ \"./src/Animation/Fade.tsx\"));\n\nvar _getDOMNode = _interopRequireDefault(__webpack_require__(/*! ../utils/getDOMNode */ \"./src/utils/getDOMNode.ts\"));\n\nvar _mergeRefs = _interopRequireDefault(__webpack_require__(/*! ../utils/mergeRefs */ \"./src/utils/mergeRefs.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Modal/BaseModal.tsx\";\n\nvar RefHolder =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(RefHolder, _React$Component);\n\n  function RefHolder() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = RefHolder.prototype;\n\n  _proto.render = function render() {\n    return this.props.children || null;\n  };\n\n  return RefHolder;\n}(React.Component);\n\nvar modalManager = new _ModalManager.default();\n\nvar BaseModal =\n/*#__PURE__*/\nfunction (_React$Component2) {\n  (0, _inheritsLoose2.default)(BaseModal, _React$Component2);\n\n  function BaseModal(props) {\n    var _this;\n\n    _this = _React$Component2.call(this, props) || this;\n    _this.mountNode = null;\n    _this.modalNodeRef = null;\n    _this.backdropRef = null;\n    _this.dialogRef = null;\n    _this.lastFocus = null;\n    _this.onDocumentKeyupListener = null;\n    _this.onFocusinListener = null;\n    _this._isMounted = null;\n\n    _this.setMountNodeRef = function (ref) {\n      var _ref$getMountNode;\n\n      _this.mountNode = ref === null || ref === void 0 ? void 0 : (_ref$getMountNode = ref.getMountNode) === null || _ref$getMountNode === void 0 ? void 0 : _ref$getMountNode.call(ref);\n    };\n\n    _this.handleHidden = function (args) {\n      var _this$props$onExited, _this$props;\n\n      _this.setState({\n        exited: true\n      });\n\n      _this.onHide();\n\n      (_this$props$onExited = (_this$props = _this.props).onExited) === null || _this$props$onExited === void 0 ? void 0 : _this$props$onExited.call(_this$props, args);\n    };\n\n    _this.handleBackdropClick = function (event) {\n      if (event.target !== event.currentTarget) {\n        return;\n      }\n\n      var _this$props2 = _this.props,\n          onBackdropClick = _this$props2.onBackdropClick,\n          backdrop = _this$props2.backdrop,\n          onHide = _this$props2.onHide;\n      onBackdropClick === null || onBackdropClick === void 0 ? void 0 : onBackdropClick(event);\n      backdrop && (onHide === null || onHide === void 0 ? void 0 : onHide(event));\n    };\n\n    _this.handleDocumentKeyUp = function (event) {\n      var _this$props3 = _this.props,\n          keyboard = _this$props3.keyboard,\n          onHide = _this$props3.onHide,\n          onEscapeKeyUp = _this$props3.onEscapeKeyUp;\n\n      if (keyboard && event.keyCode === 27 && _this.isTopModal()) {\n        onEscapeKeyUp === null || onEscapeKeyUp === void 0 ? void 0 : onEscapeKeyUp(event);\n        onHide === null || onHide === void 0 ? void 0 : onHide(event);\n      }\n    };\n\n    _this.enforceFocus = function () {\n      var enforceFocus = _this.props.enforceFocus;\n\n      if (!enforceFocus || !_this._isMounted || !_this.isTopModal()) {\n        return;\n      }\n\n      var currentActiveElement = (0, _domLib.activeElement)((0, _domLib.ownerDocument)((0, _assertThisInitialized2.default)(_this)));\n\n      var modal = _this.getDialogElement();\n\n      if (modal && modal !== currentActiveElement && !(0, _domLib.contains)(modal, currentActiveElement)) {\n        modal.focus();\n      }\n    };\n\n    _this.handlePortalRendered = function () {\n      if (!_this.props.autoFocus) {\n        return;\n      }\n\n      var modal = _this.getDialogElement();\n\n      var currentActiveElement = (0, _domLib.activeElement)((0, _domLib.ownerDocument)((0, _assertThisInitialized2.default)(_this)));\n\n      if (modal && modal !== currentActiveElement && !(0, _domLib.contains)(modal, currentActiveElement)) {\n        _this.lastFocus = currentActiveElement;\n        modal.focus();\n      }\n    };\n\n    _this.state = {\n      exited: !props.show\n    };\n    _this.backdropRef = React.createRef();\n    _this.modalNodeRef = React.createRef();\n    _this.dialogRef = React.createRef();\n    return _this;\n  }\n\n  var _proto2 = BaseModal.prototype;\n\n  _proto2.componentDidMount = function componentDidMount() {\n    this._isMounted = true;\n\n    if (this.props.show) {\n      this.onShow();\n    }\n  };\n\n  BaseModal.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps) {\n    if (nextProps.show) {\n      return {\n        exited: false\n      };\n    } else if (!nextProps.transition) {\n      // Otherwise let handleHidden take care of marking exited.\n      return {\n        exited: true\n      };\n    }\n\n    return null;\n  };\n\n  _proto2.getSnapshotBeforeUpdate = function getSnapshotBeforeUpdate(prevProps) {\n    if (this.props.show && !prevProps.show) {\n      this.checkForFocus();\n    }\n\n    return null;\n  };\n\n  _proto2.componentDidUpdate = function componentDidUpdate(prevProps) {\n    var transition = this.props.transition;\n\n    if (prevProps.show && !this.props.show && !transition) {\n      // Otherwise handleHidden will call this.\n      this.onHide();\n    } else if (!prevProps.show && this.props.show) {\n      this.onShow();\n    }\n  };\n\n  _proto2.componentWillUnmount = function componentWillUnmount() {\n    var _this$props4 = this.props,\n        show = _this$props4.show,\n        transition = _this$props4.transition;\n    this._isMounted = false;\n\n    if (show || transition && !this.state.exited) {\n      this.onHide();\n    }\n  };\n\n  _proto2.onShow = function onShow() {\n    var _this$props$onShow, _this$props5;\n\n    var doc = (0, _domLib.ownerDocument)(this);\n    var container = (0, _domLib.getContainer)(this.props.container, doc.body);\n    var containerClassName = this.props.containerClassName;\n    modalManager.add(this, container, containerClassName);\n    this.onDocumentKeyupListener = (0, _domLib.on)(doc, 'keyup', this.handleDocumentKeyUp);\n    this.onFocusinListener = (0, _domLib.on)(doc, 'focus', this.enforceFocus);\n    (_this$props$onShow = (_this$props5 = this.props).onShow) === null || _this$props$onShow === void 0 ? void 0 : _this$props$onShow.call(_this$props5);\n  };\n\n  _proto2.onHide = function onHide() {\n    var _this$onDocumentKeyup, _this$onFocusinListen;\n\n    modalManager.remove(this);\n    (_this$onDocumentKeyup = this.onDocumentKeyupListener) === null || _this$onDocumentKeyup === void 0 ? void 0 : _this$onDocumentKeyup.off();\n    (_this$onFocusinListen = this.onFocusinListener) === null || _this$onFocusinListen === void 0 ? void 0 : _this$onFocusinListen.off();\n    this.restoreLastFocus();\n  };\n\n  _proto2.getDialogElement = function getDialogElement() {\n    return (0, _getDOMNode.default)(this.dialogRef.current);\n  };\n\n  _proto2.isTopModal = function isTopModal() {\n    return modalManager.isTopModal(this);\n  };\n\n  _proto2.checkForFocus = function checkForFocus() {\n    if (_canUseDOM.default) {\n      this.lastFocus = (0, _domLib.activeElement)();\n    }\n  };\n\n  _proto2.restoreLastFocus = function restoreLastFocus() {\n    // Support: <=IE11 doesn't support `focus()` on svg elements\n    if (this.lastFocus) {\n      var _this$lastFocus$focus, _this$lastFocus;\n\n      (_this$lastFocus$focus = (_this$lastFocus = this.lastFocus).focus) === null || _this$lastFocus$focus === void 0 ? void 0 : _this$lastFocus$focus.call(_this$lastFocus);\n      this.lastFocus = null;\n    }\n  };\n\n  _proto2.renderBackdrop = function renderBackdrop() {\n    var _this2 = this;\n\n    var _this$props6 = this.props,\n        transition = _this$props6.transition,\n        backdrop = _this$props6.backdrop,\n        backdropTransitionTimeout = _this$props6.backdropTransitionTimeout,\n        backdropStyle = _this$props6.backdropStyle,\n        backdropClassName = _this$props6.backdropClassName;\n    var backdropPorps = {\n      style: backdropStyle,\n      onClick: backdrop === true ? this.handleBackdropClick : undefined\n    };\n\n    if (transition) {\n      return React.createElement(_Fade.default, {\n        transitionAppear: true,\n        in: this.props.show,\n        timeout: backdropTransitionTimeout,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 222\n        },\n        __self: this\n      }, function (props, ref) {\n        var className = props.className,\n            rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"className\"]);\n        return React.createElement(\"div\", (0, _extends2.default)({}, rest, backdropPorps, {\n          className: (0, _classnames.default)(backdropClassName, className),\n          ref: (0, _mergeRefs.default)(_this2.backdropRef, ref),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 226\n          },\n          __self: this\n        }));\n      });\n    }\n\n    return React.createElement(\"div\", (0, _extends2.default)({\n      ref: this.backdropRef,\n      className: backdropClassName\n    }, backdropPorps, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 238\n      },\n      __self: this\n    }));\n  };\n\n  _proto2.render = function render() {\n    var _this$props7 = this.props,\n        children = _this$props7.children,\n        Transition = _this$props7.transition,\n        backdrop = _this$props7.backdrop,\n        dialogTransitionTimeout = _this$props7.dialogTransitionTimeout,\n        style = _this$props7.style,\n        className = _this$props7.className,\n        container = _this$props7.container,\n        animationProps = _this$props7.animationProps,\n        onExit = _this$props7.onExit,\n        onExiting = _this$props7.onExiting,\n        onEnter = _this$props7.onEnter,\n        onEntering = _this$props7.onEntering,\n        onEntered = _this$props7.onEntered,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props7, [\"children\", \"transition\", \"backdrop\", \"dialogTransitionTimeout\", \"style\", \"className\", \"container\", \"animationProps\", \"onExit\", \"onExiting\", \"onEnter\", \"onEntering\", \"onEntered\"]);\n    var show = !!rest.show;\n    var mountModal = show || Transition && !this.state.exited;\n\n    if (!mountModal) {\n      return null;\n    }\n\n    var dialog = children;\n\n    if (Transition) {\n      dialog = React.createElement(Transition, (0, _extends2.default)({}, animationProps, {\n        transitionAppear: true,\n        unmountOnExit: true,\n        in: show,\n        timeout: dialogTransitionTimeout,\n        onExit: onExit,\n        onExiting: onExiting,\n        onExited: this.handleHidden,\n        onEnter: onEnter,\n        onEntering: onEntering,\n        onEntered: onEntered,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 270\n        },\n        __self: this\n      }), dialog);\n    }\n\n    return React.createElement(_Portal.default, {\n      ref: this.setMountNodeRef,\n      container: container,\n      onRendered: this.handlePortalRendered,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 289\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      ref: this.modalNodeRef,\n      role: rest.role,\n      style: style,\n      className: className,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 294\n      },\n      __self: this\n    }, backdrop && this.renderBackdrop(), React.createElement(RefHolder, {\n      ref: this.dialogRef,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 296\n      },\n      __self: this\n    }, dialog)));\n  };\n\n  return BaseModal;\n}(React.Component);\n\nBaseModal.manager = modalManager;\nBaseModal.defaultProps = {\n  backdrop: true,\n  keyboard: true,\n  autoFocus: true,\n  enforceFocus: true\n};\nvar _default = BaseModal;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Modal/BaseModal.tsx?");
 
 /***/ }),
 
@@ -8895,7 +8800,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 +8836,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      tabIndex: -1,\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: 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, _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 +8920,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 +8956,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 +8992,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 +9160,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 +9640,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 +9820,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 +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\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 +9988,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 +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 _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 +10024,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 +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\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 +10084,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 +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/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 +10120,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 +10252,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 +10432,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 +10564,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 +10640,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 ***!
@@ -10839,7 +10756,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?");
 
 /***/ }),