rsuite 5.0.0-beta.5 → 5.0.0

package/dist/rsuite.js

@@ -267,6 +267,61 @@ eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol
 
 /***/ }),
 
+/***/ "./node_modules/@rsuite/icon-font/lib/direction/ArrowDown.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/@rsuite/icon-font/lib/direction/ArrowDown.js ***!
+  \*******************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction ArrowDown(props, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: \"1em\",\n    height: \"1em\",\n    viewBox: \"0 0 16 16\",\n    fill: \"currentColor\",\n    ref: svgRef\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M4 6l4 4 4-4z\"\n  }));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(ArrowDown);\nvar _default = ForwardRef;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icon-font/lib/direction/ArrowDown.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@rsuite/icon-font/lib/direction/ArrowRight.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@rsuite/icon-font/lib/direction/ArrowRight.js ***!
+  \********************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction ArrowRight(props, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: \"1em\",\n    height: \"1em\",\n    viewBox: \"0 0 16 16\",\n    fill: \"currentColor\",\n    ref: svgRef\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M6 12l4-4-4-4z\"\n  }));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(ArrowRight);\nvar _default = ForwardRef;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icon-font/lib/direction/ArrowRight.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@rsuite/icon-font/lib/direction/Sort.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/@rsuite/icon-font/lib/direction/Sort.js ***!
+  \**************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction Sort(props, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: \"1em\",\n    height: \"1em\",\n    viewBox: \"0 0 16 16\",\n    fill: \"currentColor\",\n    ref: svgRef\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M7.616 3.18a.5.5 0 01.696-.071l.072.071 2.5 3a.5.5 0 01-.704.704l-.064-.064L8 4.281 5.884 6.82a.5.5 0 01-.63.115l-.074-.051a.5.5 0 01-.115-.63l.051-.074 2.5-3zM7.616 12.82a.5.5 0 00.696.071l.072-.071 2.5-3a.5.5 0 00-.704-.704l-.064.064L8 11.719 5.884 9.18a.5.5 0 00-.63-.115l-.074.051a.5.5 0 00-.115.63l.051.074 2.5 3z\"\n  }));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(Sort);\nvar _default = ForwardRef;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icon-font/lib/direction/Sort.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@rsuite/icon-font/lib/direction/SortDown.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/@rsuite/icon-font/lib/direction/SortDown.js ***!
+  \******************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction SortDown(props, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: \"1em\",\n    height: \"1em\",\n    viewBox: \"0 0 16 16\",\n    fill: \"currentColor\",\n    ref: svgRef\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M8 13a.997.997 0 01-.707-.293l-3-3a.999.999 0 111.414-1.414L7 9.586V4a1 1 0 012 0v5.586l1.293-1.293a.999.999 0 111.414 1.414l-3 3A.997.997 0 018 13z\"\n  }));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SortDown);\nvar _default = ForwardRef;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icon-font/lib/direction/SortDown.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@rsuite/icon-font/lib/direction/SortUp.js":
+/*!****************************************************************!*\
+  !*** ./node_modules/@rsuite/icon-font/lib/direction/SortUp.js ***!
+  \****************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction SortUp(props, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: \"1em\",\n    height: \"1em\",\n    viewBox: \"0 0 16 16\",\n    fill: \"currentColor\",\n    ref: svgRef\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M8 3c.276 0 .526.112.707.293l3 3a.999.999 0 11-1.414 1.414L9 6.414V12a1 1 0 01-2 0V6.414L5.707 7.707a.999.999 0 11-1.414-1.414l3-3A.997.997 0 018 3z\"\n  }));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SortUp);\nvar _default = ForwardRef;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icon-font/lib/direction/SortUp.js?");
+
+/***/ }),
+
 /***/ "./node_modules/@rsuite/icon-font/lib/legacy/AngleDown.js":
 /*!****************************************************************!*\
   !*** ./node_modules/@rsuite/icon-font/lib/legacy/AngleDown.js ***!
@@ -498,6 +553,28 @@ eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol
 
 /***/ }),
 
+/***/ "./node_modules/@rsuite/icons/ArrowDown.js":
+/*!*************************************************!*\
+  !*** ./node_modules/@rsuite/icons/ArrowDown.js ***!
+  \*************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nObject.defineProperty(exports, \"default\", ({\n  enumerable: true,\n  get: function get() {\n    return _ArrowDown[\"default\"];\n  }\n}));\n\nvar _ArrowDown = _interopRequireDefault(__webpack_require__(/*! ./lib/icons/ArrowDown */ \"./node_modules/@rsuite/icons/lib/icons/ArrowDown.js\"));\n\nfunction _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : { default: obj };\n}\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icons/ArrowDown.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@rsuite/icons/ArrowRight.js":
+/*!**************************************************!*\
+  !*** ./node_modules/@rsuite/icons/ArrowRight.js ***!
+  \**************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nObject.defineProperty(exports, \"default\", ({\n  enumerable: true,\n  get: function get() {\n    return _ArrowRight[\"default\"];\n  }\n}));\n\nvar _ArrowRight = _interopRequireDefault(__webpack_require__(/*! ./lib/icons/ArrowRight */ \"./node_modules/@rsuite/icons/lib/icons/ArrowRight.js\"));\n\nfunction _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : { default: obj };\n}\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icons/ArrowRight.js?");
+
+/***/ }),
+
 /***/ "./node_modules/@rsuite/icons/Check.js":
 /*!*********************************************!*\
   !*** ./node_modules/@rsuite/icons/Check.js ***!
@@ -531,6 +608,39 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));
 
 /***/ }),
 
+/***/ "./node_modules/@rsuite/icons/Sort.js":
+/*!********************************************!*\
+  !*** ./node_modules/@rsuite/icons/Sort.js ***!
+  \********************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nObject.defineProperty(exports, \"default\", ({\n  enumerable: true,\n  get: function get() {\n    return _Sort[\"default\"];\n  }\n}));\n\nvar _Sort = _interopRequireDefault(__webpack_require__(/*! ./lib/icons/Sort */ \"./node_modules/@rsuite/icons/lib/icons/Sort.js\"));\n\nfunction _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : { default: obj };\n}\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icons/Sort.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@rsuite/icons/SortDown.js":
+/*!************************************************!*\
+  !*** ./node_modules/@rsuite/icons/SortDown.js ***!
+  \************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nObject.defineProperty(exports, \"default\", ({\n  enumerable: true,\n  get: function get() {\n    return _SortDown[\"default\"];\n  }\n}));\n\nvar _SortDown = _interopRequireDefault(__webpack_require__(/*! ./lib/icons/SortDown */ \"./node_modules/@rsuite/icons/lib/icons/SortDown.js\"));\n\nfunction _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : { default: obj };\n}\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icons/SortDown.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@rsuite/icons/SortUp.js":
+/*!**********************************************!*\
+  !*** ./node_modules/@rsuite/icons/SortUp.js ***!
+  \**********************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nObject.defineProperty(exports, \"default\", ({\n  enumerable: true,\n  get: function get() {\n    return _SortUp[\"default\"];\n  }\n}));\n\nvar _SortUp = _interopRequireDefault(__webpack_require__(/*! ./lib/icons/SortUp */ \"./node_modules/@rsuite/icons/lib/icons/SortUp.js\"));\n\nfunction _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : { default: obj };\n}\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icons/SortUp.js?");
+
+/***/ }),
+
 /***/ "./node_modules/@rsuite/icons/legacy/AngleDown.js":
 /*!********************************************************!*\
   !*** ./node_modules/@rsuite/icons/legacy/AngleDown.js ***!
@@ -784,6 +894,28 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
+/***/ "./node_modules/@rsuite/icons/lib/icons/ArrowDown.js":
+/*!***********************************************************!*\
+  !*** ./node_modules/@rsuite/icons/lib/icons/ArrowDown.js ***!
+  \***********************************************************/
+/***/ (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 _createSvgIcon = _interopRequireDefault(__webpack_require__(/*! ../createSvgIcon */ \"./node_modules/@rsuite/icons/lib/createSvgIcon.js\"));\n\nvar _ArrowDown = _interopRequireDefault(__webpack_require__(/*! @rsuite/icon-font/lib/direction/ArrowDown */ \"./node_modules/@rsuite/icon-font/lib/direction/ArrowDown.js\"));\n\n// Generated by script, don't edit it please.\nvar ArrowDown = (0, _createSvgIcon[\"default\"])({\n  as: _ArrowDown[\"default\"],\n  ariaLabel: 'arrow down',\n  category: 'direction',\n  displayName: 'ArrowDown'\n});\nvar _default = ArrowDown;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icons/lib/icons/ArrowDown.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@rsuite/icons/lib/icons/ArrowRight.js":
+/*!************************************************************!*\
+  !*** ./node_modules/@rsuite/icons/lib/icons/ArrowRight.js ***!
+  \************************************************************/
+/***/ (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 _createSvgIcon = _interopRequireDefault(__webpack_require__(/*! ../createSvgIcon */ \"./node_modules/@rsuite/icons/lib/createSvgIcon.js\"));\n\nvar _ArrowRight = _interopRequireDefault(__webpack_require__(/*! @rsuite/icon-font/lib/direction/ArrowRight */ \"./node_modules/@rsuite/icon-font/lib/direction/ArrowRight.js\"));\n\n// Generated by script, don't edit it please.\nvar ArrowRight = (0, _createSvgIcon[\"default\"])({\n  as: _ArrowRight[\"default\"],\n  ariaLabel: 'arrow right',\n  category: 'direction',\n  displayName: 'ArrowRight'\n});\nvar _default = ArrowRight;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icons/lib/icons/ArrowRight.js?");
+
+/***/ }),
+
 /***/ "./node_modules/@rsuite/icons/lib/icons/Check.js":
 /*!*******************************************************!*\
   !*** ./node_modules/@rsuite/icons/lib/icons/Check.js ***!
@@ -817,6 +949,39 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
+/***/ "./node_modules/@rsuite/icons/lib/icons/Sort.js":
+/*!******************************************************!*\
+  !*** ./node_modules/@rsuite/icons/lib/icons/Sort.js ***!
+  \******************************************************/
+/***/ (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 _createSvgIcon = _interopRequireDefault(__webpack_require__(/*! ../createSvgIcon */ \"./node_modules/@rsuite/icons/lib/createSvgIcon.js\"));\n\nvar _Sort = _interopRequireDefault(__webpack_require__(/*! @rsuite/icon-font/lib/direction/Sort */ \"./node_modules/@rsuite/icon-font/lib/direction/Sort.js\"));\n\n// Generated by script, don't edit it please.\nvar Sort = (0, _createSvgIcon[\"default\"])({\n  as: _Sort[\"default\"],\n  ariaLabel: 'sort',\n  category: 'direction',\n  displayName: 'Sort'\n});\nvar _default = Sort;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icons/lib/icons/Sort.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@rsuite/icons/lib/icons/SortDown.js":
+/*!**********************************************************!*\
+  !*** ./node_modules/@rsuite/icons/lib/icons/SortDown.js ***!
+  \**********************************************************/
+/***/ (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 _createSvgIcon = _interopRequireDefault(__webpack_require__(/*! ../createSvgIcon */ \"./node_modules/@rsuite/icons/lib/createSvgIcon.js\"));\n\nvar _SortDown = _interopRequireDefault(__webpack_require__(/*! @rsuite/icon-font/lib/direction/SortDown */ \"./node_modules/@rsuite/icon-font/lib/direction/SortDown.js\"));\n\n// Generated by script, don't edit it please.\nvar SortDown = (0, _createSvgIcon[\"default\"])({\n  as: _SortDown[\"default\"],\n  ariaLabel: 'sort down',\n  category: 'direction',\n  displayName: 'SortDown'\n});\nvar _default = SortDown;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icons/lib/icons/SortDown.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@rsuite/icons/lib/icons/SortUp.js":
+/*!********************************************************!*\
+  !*** ./node_modules/@rsuite/icons/lib/icons/SortUp.js ***!
+  \********************************************************/
+/***/ (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 _createSvgIcon = _interopRequireDefault(__webpack_require__(/*! ../createSvgIcon */ \"./node_modules/@rsuite/icons/lib/createSvgIcon.js\"));\n\nvar _SortUp = _interopRequireDefault(__webpack_require__(/*! @rsuite/icon-font/lib/direction/SortUp */ \"./node_modules/@rsuite/icon-font/lib/direction/SortUp.js\"));\n\n// Generated by script, don't edit it please.\nvar SortUp = (0, _createSvgIcon[\"default\"])({\n  as: _SortUp[\"default\"],\n  ariaLabel: 'sort up',\n  category: 'direction',\n  displayName: 'SortUp'\n});\nvar _default = SortUp;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icons/lib/icons/SortUp.js?");
+
+/***/ }),
+
 /***/ "./node_modules/@rsuite/icons/lib/icons/legacy/AngleDown.js":
 /*!******************************************************************!*\
   !*** ./node_modules/@rsuite/icons/lib/icons/legacy/AngleDown.js ***!
@@ -1132,7 +1297,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _Transition = _interopRequireDefault(__webpack_require__(/*! ./Transition */ \"./src/Animation/Transition.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Animation/Bounce.tsx\",\n    _this = void 0;\n\nvar Bounce = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {\n  var _ref$timeout = _ref.timeout,\n      timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,\n      props = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"timeout\"]);\n  return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, props, {\n    ref: ref,\n    animation: true,\n    timeout: timeout,\n    enteringClassName: \"bounce-in animated\",\n    enteredClassName: \"bounce-in animated\",\n    exitingClassName: \"bounce-out animated\",\n    exitedClassName: \"bounce-out animated\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 7,\n      columnNumber: 3\n    }\n  }));\n});\n\nBounce.displayName = 'Bounce';\nvar _default = Bounce;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Animation/Bounce.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 _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 = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _Transition = _interopRequireDefault(__webpack_require__(/*! ./Transition */ \"./src/Animation/Transition.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Animation/Bounce.tsx\",\n    _this = void 0;\n\nvar Bounce = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {\n  var _ref$timeout = _ref.timeout,\n      timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,\n      props = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"timeout\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)('anim'),\n      prefix = _useClassNames.prefix;\n\n  return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, props, {\n    ref: ref,\n    animation: true,\n    timeout: timeout,\n    enteringClassName: prefix('bounce-in'),\n    enteredClassName: prefix('bounce-in'),\n    exitingClassName: prefix('bounce-out'),\n    exitedClassName: prefix('bounce-out'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 11,\n      columnNumber: 5\n    }\n  }));\n});\n\nBounce.displayName = 'Bounce';\nvar _default = Bounce;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Animation/Bounce.tsx?");
 
 /***/ }),
 
@@ -1143,7 +1308,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.DIMENSION = void 0;\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 = _interopRequireDefault(__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 _get = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\n\nvar _capitalize = _interopRequireDefault(__webpack_require__(/*! lodash/capitalize */ \"./node_modules/lodash/capitalize.js\"));\n\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _Transition = _interopRequireWildcard(__webpack_require__(/*! ./Transition */ \"./src/Animation/Transition.tsx\"));\n\nvar _createChainedFunction = _interopRequireDefault(__webpack_require__(/*! ../utils/createChainedFunction */ \"./src/utils/createChainedFunction.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Animation/Collapse.tsx\";\nvar DIMENSION;\nexports.DIMENSION = DIMENSION;\n\n(function (DIMENSION) {\n  DIMENSION[\"HEIGHT\"] = \"height\";\n  DIMENSION[\"WIDTH\"] = \"width\";\n})(DIMENSION || (exports.DIMENSION = DIMENSION = {}));\n\nvar triggerBrowserReflow = function triggerBrowserReflow(node) {\n  return (0, _get.default)(node, 'offsetHeight');\n};\n\nvar MARGINS = {\n  height: ['marginTop', 'marginBottom'],\n  width: ['marginLeft', 'marginRight']\n};\n\nfunction defaultGetDimensionValue(dimension, elem) {\n  var value = (0, _get.default)(elem, \"offset\" + (0, _capitalize.default)(dimension));\n  var margins = MARGINS[dimension];\n  return value + parseInt((0, _domLib.getStyle)(elem, margins[0]), 10) + parseInt((0, _domLib.getStyle)(elem, margins[1]), 10);\n}\n\nfunction getScrollDimensionValue(elem, dimension) {\n  var value = (0, _get.default)(elem, \"scroll\" + (0, _capitalize.default)(dimension));\n  return value + \"px\";\n}\n\nvar Collapse = /*#__PURE__*/function (_React$Component) {\n  (0, _inheritsLoose2.default)(Collapse, _React$Component);\n\n  function Collapse(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.transitionRef = void 0;\n\n    _this.handleEnter = function (elem) {\n      var dimension = _this.dimension();\n\n      (0, _domLib.addStyle)(elem, dimension, 0);\n    };\n\n    _this.handleEntering = function (elem) {\n      var dimension = _this.dimension();\n\n      (0, _domLib.addStyle)(elem, dimension, getScrollDimensionValue(elem, dimension));\n    };\n\n    _this.handleEntered = function (elem) {\n      var dimension = _this.dimension();\n\n      (0, _domLib.addStyle)(elem, dimension, 'auto');\n    };\n\n    _this.handleExit = function (elem) {\n      var dimension = _this.dimension();\n\n      var getDimensionValue = _this.props.getDimensionValue;\n      var value = getDimensionValue ? getDimensionValue(dimension, elem) : 0;\n      (0, _domLib.addStyle)(elem, dimension, value + \"px\");\n    };\n\n    _this.handleExiting = function (elem) {\n      var dimension = _this.dimension();\n\n      triggerBrowserReflow(elem);\n      (0, _domLib.addStyle)(elem, dimension, 0);\n    };\n\n    _this.transitionRef = /*#__PURE__*/_react.default.createRef();\n    return _this;\n  } // for testing\n\n\n  var _proto = Collapse.prototype;\n\n  _proto.getTransitionInstance = function getTransitionInstance() {\n    return this.transitionRef.current;\n  };\n\n  _proto.dimension = function dimension() {\n    var dimension = this.props.dimension;\n    return typeof dimension === 'function' ? dimension() : dimension;\n  };\n\n  _proto.render = function render() {\n    var _this$props = this.props,\n        role = _this$props.role,\n        className = _this$props.className,\n        onExited = _this$props.onExited,\n        onEnter = _this$props.onEnter,\n        onEntering = _this$props.onEntering,\n        onEntered = _this$props.onEntered,\n        onExit = _this$props.onExit,\n        onExiting = _this$props.onExiting;\n    var enterEventHandler = (0, _createChainedFunction.default)(this.handleEnter, onEnter);\n    var enteringEventHandler = (0, _createChainedFunction.default)(this.handleEntering, onEntering);\n    var enteredEventHandler = (0, _createChainedFunction.default)(this.handleEntered, onEntered);\n    var exitEventHandler = (0, _createChainedFunction.default)(this.handleExit, onExit);\n    var exitingEventHandler = (0, _createChainedFunction.default)(this.handleExiting, onExiting);\n    return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, (0, _pick.default)(this.props, Object.keys(_Transition.transitionPropTypes)), {\n      ref: this.transitionRef,\n      \"aria-expanded\": role ? this.props.in : null,\n      className: (0, _classnames.default)(className, {\n        width: this.dimension() === 'width'\n      }),\n      onEnter: enterEventHandler,\n      onEntering: enteringEventHandler,\n      onEntered: enteredEventHandler,\n      onExit: exitEventHandler,\n      onExiting: exitingEventHandler,\n      onExited: onExited,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 133,\n        columnNumber: 7\n      }\n    }));\n  };\n\n  return Collapse;\n}(_react.default.Component);\n\nCollapse.propTypes = (0, _extends2.default)({}, _Transition.transitionPropTypes, {\n  dimension: _propTypes.default.any,\n  getDimensionValue: _propTypes.default.func,\n  role: _propTypes.default.string\n});\nCollapse.displayName = 'Collapse';\nCollapse.defaultProps = {\n  timeout: 300,\n  dimension: DIMENSION.HEIGHT,\n  exitedClassName: 'collapse',\n  exitingClassName: 'collapsing',\n  enteredClassName: 'collapse in',\n  enteringClassName: 'collapsing',\n  getDimensionValue: defaultGetDimensionValue\n};\nvar _default = Collapse;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Animation/Collapse.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.DIMENSION = 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 _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n\nvar _get = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\n\nvar _capitalize = _interopRequireDefault(__webpack_require__(/*! lodash/capitalize */ \"./node_modules/lodash/capitalize.js\"));\n\nvar _Transition = _interopRequireWildcard(__webpack_require__(/*! ./Transition */ \"./src/Animation/Transition.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Animation/Collapse.tsx\",\n    _this = void 0;\n\nvar DIMENSION;\nexports.DIMENSION = DIMENSION;\n\n(function (DIMENSION) {\n  DIMENSION[\"HEIGHT\"] = \"height\";\n  DIMENSION[\"WIDTH\"] = \"width\";\n})(DIMENSION || (exports.DIMENSION = DIMENSION = {}));\n\nvar triggerBrowserReflow = function triggerBrowserReflow(node) {\n  return (0, _get.default)(node, 'offsetHeight');\n};\n\nvar MARGINS = {\n  height: ['marginTop', 'marginBottom'],\n  width: ['marginLeft', 'marginRight']\n};\n\nfunction defaultGetDimensionValue(dimension, elem) {\n  var value = (0, _get.default)(elem, \"offset\" + (0, _capitalize.default)(dimension));\n  var margins = MARGINS[dimension];\n  return value + parseInt((0, _domLib.getStyle)(elem, margins[0]), 10) + parseInt((0, _domLib.getStyle)(elem, margins[1]), 10);\n}\n\nfunction getScrollDimensionValue(elem, dimension) {\n  var value = (0, _get.default)(elem, \"scroll\" + (0, _capitalize.default)(dimension));\n  return value + \"px\";\n}\n\nvar Collapse = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var className = props.className,\n      dimensionProp = props.dimension,\n      exitedClassName = props.exitedClassName,\n      exitingClassName = props.exitingClassName,\n      enteredClassName = props.enteredClassName,\n      enteringClassName = props.enteringClassName,\n      getDimensionValue = props.getDimensionValue,\n      onEnter = props.onEnter,\n      onEntering = props.onEntering,\n      onEntered = props.onEntered,\n      onExit = props.onExit,\n      onExiting = props.onExiting,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"className\", \"dimension\", \"exitedClassName\", \"exitingClassName\", \"enteredClassName\", \"enteringClassName\", \"getDimensionValue\", \"onEnter\", \"onEntering\", \"onEntered\", \"onExit\", \"onExiting\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)('anim'),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge;\n\n  var dimension = typeof dimensionProp === 'function' ? dimensionProp() : dimensionProp;\n  var handleEnter = (0, _react.useCallback)(function (elem) {\n    (0, _domLib.addStyle)(elem, dimension, 0);\n  }, [dimension]);\n  var handleEntering = (0, _react.useCallback)(function (elem) {\n    (0, _domLib.addStyle)(elem, dimension, getScrollDimensionValue(elem, dimension));\n  }, [dimension]);\n  var handleEntered = (0, _react.useCallback)(function (elem) {\n    (0, _domLib.addStyle)(elem, dimension, 'auto');\n  }, [dimension]);\n  var handleExit = (0, _react.useCallback)(function (elem) {\n    var value = getDimensionValue ? getDimensionValue(dimension, elem) : 0;\n    (0, _domLib.addStyle)(elem, dimension, value + \"px\");\n  }, [dimension, getDimensionValue]);\n  var handleExiting = (0, _react.useCallback)(function (elem) {\n    triggerBrowserReflow(elem);\n    (0, _domLib.addStyle)(elem, dimension, 0);\n  }, [dimension]);\n  return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: merge(className, prefix({\n      'collapse-horizontal': dimension === 'width'\n    })),\n    exitedClassName: exitedClassName || prefix('collapse'),\n    exitingClassName: exitingClassName || prefix('collapsing'),\n    enteredClassName: enteredClassName || prefix('collapse', 'in'),\n    enteringClassName: enteringClassName || prefix('collapsing'),\n    onEnter: (0, _utils.createChainedFunction)(handleEnter, onEnter),\n    onEntering: (0, _utils.createChainedFunction)(handleEntering, onEntering),\n    onEntered: (0, _utils.createChainedFunction)(handleEntered, onEntered),\n    onExit: (0, _utils.createChainedFunction)(handleExit, onExit),\n    onExiting: (0, _utils.createChainedFunction)(handleExiting, onExiting),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 103,\n      columnNumber: 5\n    }\n  }));\n});\n\nCollapse.displayName = 'Collapse';\nCollapse.defaultProps = {\n  timeout: 300,\n  dimension: DIMENSION.HEIGHT,\n  getDimensionValue: defaultGetDimensionValue\n};\nCollapse.propTypes = (0, _extends2.default)({}, _Transition.transitionPropTypes, {\n  dimension: _propTypes.default.any,\n  getDimensionValue: _propTypes.default.func\n});\nvar _default = Collapse;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Animation/Collapse.tsx?");
 
 /***/ }),
 
@@ -1154,7 +1319,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _Transition = _interopRequireDefault(__webpack_require__(/*! ./Transition */ \"./src/Animation/Transition.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Animation/Fade.tsx\",\n    _this = void 0;\n\nvar Fade = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {\n  var _ref$timeout = _ref.timeout,\n      timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,\n      className = _ref.className,\n      props = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"timeout\", \"className\"]);\n  return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, props, {\n    ref: ref,\n    timeout: timeout,\n    className: (0, _classnames.default)(className, 'fade'),\n    enteredClassName: \"in\",\n    enteringClassName: \"in\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 9,\n      columnNumber: 5\n    }\n  }));\n});\n\nFade.displayName = 'Fade';\nvar _default = Fade;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Animation/Fade.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 _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 = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _Transition = _interopRequireDefault(__webpack_require__(/*! ./Transition */ \"./src/Animation/Transition.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Animation/Fade.tsx\",\n    _this = void 0;\n\nvar Fade = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {\n  var _ref$timeout = _ref.timeout,\n      timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,\n      className = _ref.className,\n      props = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"timeout\", \"className\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)('anim'),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge;\n\n  return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, props, {\n    ref: ref,\n    timeout: timeout,\n    className: merge(className, prefix('fade')),\n    enteredClassName: prefix('in'),\n    enteringClassName: prefix('in'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 12,\n      columnNumber: 7\n    }\n  }));\n});\n\nFade.displayName = 'Fade';\nvar _default = Fade;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Animation/Fade.tsx?");
 
 /***/ }),
 
@@ -1165,7 +1330,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _Transition = _interopRequireDefault(__webpack_require__(/*! ./Transition */ \"./src/Animation/Transition.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Animation/Slide.tsx\",\n    _this = void 0;\n\nvar Slide = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {\n  var _ref$timeout = _ref.timeout,\n      timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,\n      _ref$placement = _ref.placement,\n      placement = _ref$placement === void 0 ? 'right' : _ref$placement,\n      props = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"timeout\", \"placement\"]);\n  var enterClassName = (0, _classnames.default)('slide-in', placement, 'animated');\n  var exitClassName = (0, _classnames.default)('slide-out', placement, 'animated');\n  return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, props, {\n    ref: ref,\n    animation: true,\n    timeout: timeout,\n    enteringClassName: enterClassName,\n    enteredClassName: enterClassName,\n    exitingClassName: exitClassName,\n    exitedClassName: exitClassName,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 15,\n      columnNumber: 7\n    }\n  }));\n});\n\nSlide.displayName = 'Slide';\nvar _default = Slide;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Animation/Slide.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 _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 = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _Transition = _interopRequireDefault(__webpack_require__(/*! ./Transition */ \"./src/Animation/Transition.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Animation/Slide.tsx\",\n    _this = void 0;\n\nvar Slide = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {\n  var _ref$timeout = _ref.timeout,\n      timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,\n      _ref$placement = _ref.placement,\n      placement = _ref$placement === void 0 ? 'right' : _ref$placement,\n      props = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"timeout\", \"placement\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)('anim'),\n      prefix = _useClassNames.prefix;\n\n  var enterClassName = prefix('slide-in', placement);\n  var exitClassName = prefix('slide-out', placement);\n  return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, props, {\n    ref: ref,\n    animation: true,\n    timeout: timeout,\n    enteringClassName: enterClassName,\n    enteredClassName: enterClassName,\n    exitingClassName: exitClassName,\n    exitedClassName: exitClassName,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 16,\n      columnNumber: 7\n    }\n  }));\n});\n\nSlide.displayName = 'Slide';\nvar _default = Slide;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Animation/Slide.tsx?");
 
 /***/ }),
 
@@ -1528,7 +1693,7 @@ eval("\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _react =
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _extends4 = _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 _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Carousel/Carousel.tsx\",\n    _this = void 0;\n\nvar defaultProps = {\n  as: 'div',\n  classPrefix: 'carousel',\n  autoplayInterval: 4000,\n  placement: 'bottom',\n  shape: 'dot'\n};\n\nvar Carousel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _sliderStyles, _ref;\n\n  var Component = props.as,\n      children = props.children,\n      classPrefix = props.classPrefix,\n      className = props.className,\n      placement = props.placement,\n      shape = props.shape,\n      autoplay = props.autoplay,\n      autoplayInterval = props.autoplayInterval,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"children\", \"classPrefix\", \"className\", \"placement\", \"shape\", \"autoplay\", \"autoplayInterval\"]);\n\n  var _useCustom = (0, _utils.useCustom)('Carousel'),\n      rtl = _useCustom.rtl;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var count = _utils.ReactChildren.count(children);\n\n  var labels = [];\n  var vertical = placement === 'left' || placement === 'right';\n  var lengthKey = vertical ? 'height' : 'width';\n\n  var _useState = (0, _react.useState)(0),\n      activeIndex = _useState[0],\n      setActiveIndex = _useState[1];\n\n  var _useState2 = (0, _react.useState)(0),\n      lastIndex = _useState2[0],\n      setLastIndex = _useState2[1];\n\n  var handleAutoplay = function handleAutoplay(nextActiveIndex) {\n    clear();\n    var nextIndex = nextActiveIndex !== null && nextActiveIndex !== void 0 ? nextActiveIndex : activeIndex + 1; // When index is greater than count, start from 1 again.\n\n    setActiveIndex(nextIndex % count);\n    setLastIndex(nextActiveIndex == null ? activeIndex : nextIndex % count);\n    reset();\n  };\n\n  var handleChange = function handleChange(event) {\n    var activeIndex = +event.target.value;\n    handleAutoplay(activeIndex);\n  }; // Set a timer for automatic playback.\n  // `autoplay` needs to be cast to boolean type to avoid undefined parameters.\n\n\n  var _useTimeout = (0, _utils.useTimeout)(handleAutoplay, autoplayInterval, !!autoplay && count > 1),\n      clear = _useTimeout.clear,\n      reset = _useTimeout.reset;\n\n  var uniqueId = (0, _react.useMemo)(function () {\n    return (0, _utils.guid)();\n  }, []);\n\n  var items = _react.default.Children.map(children, function (child, index) {\n    var _extends2;\n\n    if (!child) {\n      return;\n    }\n\n    var inputKey = \"indicator_\" + uniqueId + \"_\" + index;\n    labels.push( /*#__PURE__*/_react.default.createElement(\"li\", {\n      key: \"label\" + index,\n      className: prefix('label-wrapper'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 81,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"input\", {\n      name: inputKey,\n      id: inputKey,\n      type: \"radio\",\n      onChange: handleChange,\n      value: index,\n      checked: activeIndex === index,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 82,\n        columnNumber: 13\n      }\n    }), /*#__PURE__*/_react.default.createElement(\"label\", {\n      htmlFor: inputKey,\n      className: prefix('label'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 90,\n        columnNumber: 13\n      }\n    })));\n    return /*#__PURE__*/_react.default.cloneElement(child, {\n      key: \"slider-item\" + index,\n      'aria-hidden': activeIndex !== index,\n      style: (0, _extends4.default)({}, child.props.style, (_extends2 = {}, _extends2[lengthKey] = 100 / count + \"%\", _extends2)),\n      className: (0, _classnames.default)(prefix('slider-item'), child.props.className)\n    });\n  });\n\n  var classes = merge(className, withClassPrefix(\"placement-\" + placement, \"shape-\" + shape));\n  var positiveOrder = vertical || !rtl;\n  var sign = positiveOrder ? '-' : '';\n  var activeRatio = \"\" + sign + 100 / count * activeIndex + \"%\";\n  var sliderStyles = (_sliderStyles = {}, _sliderStyles[lengthKey] = count * 100 + \"%\", _sliderStyles.transform = vertical ? \"translate3d(0, \" + activeRatio + \" ,0)\" : \"translate3d(\" + activeRatio + \", 0 ,0)\", _sliderStyles);\n  var showMask = count > 1 && activeIndex === 0 && activeIndex !== lastIndex;\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends4.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 117,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('content'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 118,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('slider'),\n    style: sliderStyles,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 119,\n      columnNumber: 11\n    }\n  }, items), showMask && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('slider-after', {\n      'slider-after-vertical': vertical\n    }),\n    style: (_ref = {}, _ref[lengthKey] = '200%', _ref),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 123,\n      columnNumber: 13\n    }\n  }, [items[items.length - 1], items[0]].map(function (node) {\n    var _extends3;\n\n    return /*#__PURE__*/_react.default.cloneElement(node, {\n      key: node.key,\n      style: (0, _extends4.default)({}, node.props.style, (_extends3 = {}, _extends3[lengthKey] = '50%', _extends3))\n    });\n  }))), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('toolbar'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 136,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"ul\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 137,\n      columnNumber: 11\n    }\n  }, labels)));\n});\n\nCarousel.displayName = 'Carousel';\nCarousel.defaultProps = defaultProps;\nCarousel.propTypes = {\n  as: _propTypes.default.elementType,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  autoplay: _propTypes.default.bool,\n  autoplayInterval: _propTypes.default.number,\n  placement: _propTypes.default.oneOf(['top', 'bottom', 'left', 'right']),\n  shape: _propTypes.default.oneOf(['dot', 'bar'])\n};\nvar _default = Carousel;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Carousel/Carousel.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 _extends4 = _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 _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Carousel/Carousel.tsx\",\n    _this = void 0;\n\nvar defaultProps = {\n  as: 'div',\n  classPrefix: 'carousel',\n  autoplayInterval: 4000,\n  placement: 'bottom',\n  shape: 'dot'\n};\n\nvar Carousel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _sliderStyles, _ref;\n\n  var Component = props.as,\n      children = props.children,\n      classPrefix = props.classPrefix,\n      className = props.className,\n      placement = props.placement,\n      shape = props.shape,\n      autoplay = props.autoplay,\n      autoplayInterval = props.autoplayInterval,\n      onSelect = props.onSelect,\n      onSlideStart = props.onSlideStart,\n      onSlideEnd = props.onSlideEnd,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"children\", \"classPrefix\", \"className\", \"placement\", \"shape\", \"autoplay\", \"autoplayInterval\", \"onSelect\", \"onSlideStart\", \"onSlideEnd\"]);\n\n  var _useCustom = (0, _utils.useCustom)('Carousel'),\n      rtl = _useCustom.rtl;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var count = _utils.ReactChildren.count(children);\n\n  var labels = [];\n  var vertical = placement === 'left' || placement === 'right';\n  var lengthKey = vertical ? 'height' : 'width';\n\n  var _useState = (0, _react.useState)(0),\n      activeIndex = _useState[0],\n      setActiveIndex = _useState[1];\n\n  var _useState2 = (0, _react.useState)(0),\n      lastIndex = _useState2[0],\n      setLastIndex = _useState2[1];\n\n  var handleSlide = function handleSlide(nextActiveIndex, event) {\n    clear();\n    var index = nextActiveIndex !== null && nextActiveIndex !== void 0 ? nextActiveIndex : activeIndex + 1; // When index is greater than count, start from 1 again.\n\n    var nextIndex = index % count;\n    setActiveIndex(nextIndex);\n    onSlideStart === null || onSlideStart === void 0 ? void 0 : onSlideStart(nextIndex, event);\n    setLastIndex(nextActiveIndex == null ? activeIndex : nextIndex);\n    reset();\n  };\n\n  var handleChange = function handleChange(event) {\n    var activeIndex = +event.target.value;\n    handleSlide(activeIndex);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(activeIndex, event);\n  };\n\n  var handleTransitionEnd = (0, _react.useCallback)(function (event) {\n    onSlideEnd === null || onSlideEnd === void 0 ? void 0 : onSlideEnd(activeIndex, event);\n  }, [activeIndex, onSlideEnd]); // Set a timer for automatic playback.\n  // `autoplay` needs to be cast to boolean type to avoid undefined parameters.\n\n  var _useTimeout = (0, _utils.useTimeout)(handleSlide, autoplayInterval, !!autoplay && count > 1),\n      clear = _useTimeout.clear,\n      reset = _useTimeout.reset;\n\n  var uniqueId = (0, _react.useMemo)(function () {\n    return (0, _utils.guid)();\n  }, []);\n\n  var items = _react.default.Children.map(children, function (child, index) {\n    var _extends2;\n\n    if (!child) {\n      return;\n    }\n\n    var inputKey = \"indicator_\" + uniqueId + \"_\" + index;\n    labels.push( /*#__PURE__*/_react.default.createElement(\"li\", {\n      key: \"label\" + index,\n      className: prefix('label-wrapper'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 104,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"input\", {\n      name: inputKey,\n      id: inputKey,\n      type: \"radio\",\n      onChange: handleChange,\n      value: index,\n      checked: activeIndex === index,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 105,\n        columnNumber: 13\n      }\n    }), /*#__PURE__*/_react.default.createElement(\"label\", {\n      htmlFor: inputKey,\n      className: prefix('label'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 113,\n        columnNumber: 13\n      }\n    })));\n    return /*#__PURE__*/_react.default.cloneElement(child, {\n      key: \"slider-item\" + index,\n      'aria-hidden': activeIndex !== index,\n      style: (0, _extends4.default)({}, child.props.style, (_extends2 = {}, _extends2[lengthKey] = 100 / count + \"%\", _extends2)),\n      className: (0, _classnames.default)(prefix('slider-item'), child.props.className)\n    });\n  });\n\n  var classes = merge(className, withClassPrefix(\"placement-\" + placement, \"shape-\" + shape));\n  var positiveOrder = vertical || !rtl;\n  var sign = positiveOrder ? '-' : '';\n  var activeRatio = \"\" + sign + 100 / count * activeIndex + \"%\";\n  var sliderStyles = (_sliderStyles = {}, _sliderStyles[lengthKey] = count * 100 + \"%\", _sliderStyles.transform = vertical ? \"translate3d(0, \" + activeRatio + \" ,0)\" : \"translate3d(\" + activeRatio + \", 0 ,0)\", _sliderStyles);\n  var showMask = count > 1 && activeIndex === 0 && activeIndex !== lastIndex;\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends4.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 140,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('content'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 141,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('slider'),\n    style: sliderStyles,\n    onTransitionEnd: handleTransitionEnd,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 142,\n      columnNumber: 11\n    }\n  }, items), showMask && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('slider-after', {\n      'slider-after-vertical': vertical\n    }),\n    style: (_ref = {}, _ref[lengthKey] = '200%', _ref),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 150,\n      columnNumber: 13\n    }\n  }, [items[items.length - 1], items[0]].map(function (node) {\n    var _extends3;\n\n    return /*#__PURE__*/_react.default.cloneElement(node, {\n      key: node.key,\n      style: (0, _extends4.default)({}, node.props.style, (_extends3 = {}, _extends3[lengthKey] = '50%', _extends3))\n    });\n  }))), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('toolbar'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 163,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"ul\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 164,\n      columnNumber: 11\n    }\n  }, labels)));\n});\n\nCarousel.displayName = 'Carousel';\nCarousel.defaultProps = defaultProps;\nCarousel.propTypes = {\n  as: _propTypes.default.elementType,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  autoplay: _propTypes.default.bool,\n  autoplayInterval: _propTypes.default.number,\n  placement: _propTypes.default.oneOf(['top', 'bottom', 'left', 'right']),\n  shape: _propTypes.default.oneOf(['dot', 'bar']),\n  onSelect: _propTypes.default.func,\n  onSlideStart: _propTypes.default.func,\n  onSlideEnd: _propTypes.default.func\n};\nvar _default = Carousel;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Carousel/Carousel.tsx?");
 
 /***/ }),
 
@@ -1616,7 +1781,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _CheckTreePicker = _interopRequireDefault(__webpack_require__(/*! ../CheckTreePicker */ \"./src/CheckTreePicker/index.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CheckTree/index.tsx\",\n    _this = void 0;\n\nvar CheckTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  return /*#__PURE__*/_react.default.createElement(_CheckTreePicker.default, (0, _extends2.default)({\n    ref: ref,\n    inline: true\n  }, props, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 18,\n      columnNumber: 3\n    }\n  }));\n});\n\nCheckTree.displayName = 'CheckTree';\nvar _default = CheckTree;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/CheckTree/index.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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _CheckTreePicker = _interopRequireDefault(__webpack_require__(/*! ../CheckTreePicker */ \"./src/CheckTreePicker/index.tsx\"));\n\nvar _TreeContext = _interopRequireDefault(__webpack_require__(/*! ../Tree/TreeContext */ \"./src/Tree/TreeContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CheckTree/index.tsx\",\n    _this = void 0;\n\nvar CheckTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var dragNodeRef = (0, _react.useRef)();\n  return /*#__PURE__*/_react.default.createElement(_TreeContext.default.Provider, {\n    value: {\n      inline: true,\n      dragNodeRef: dragNodeRef\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 19,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_CheckTreePicker.default, (0, _extends2.default)({\n    ref: ref\n  }, props, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 20,\n      columnNumber: 9\n    }\n  })));\n});\n\nCheckTree.displayName = 'CheckTree';\nvar _default = CheckTree;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/CheckTree/index.tsx?");
 
 /***/ }),
 
@@ -1638,7 +1803,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _cloneDeep2 = _interopRequireDefault(__webpack_require__(/*! lodash/cloneDeep */ \"./node_modules/lodash/cloneDeep.js\"));\n\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.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 _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.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 _VirtualizedList = __webpack_require__(/*! ../Picker/VirtualizedList */ \"./src/Picker/VirtualizedList.tsx\");\n\nvar _CheckTreeNode = _interopRequireDefault(__webpack_require__(/*! ./CheckTreeNode */ \"./src/CheckTreePicker/CheckTreeNode.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/CheckTreePicker/utils.ts\");\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _TreePicker = __webpack_require__(/*! ../TreePicker/TreePicker */ \"./src/TreePicker/TreePicker.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CheckTreePicker/CheckTreePicker.tsx\",\n    _this = void 0;\n\nvar defaultProps = (0, _extends2.default)({}, _Picker.listPickerDefaultProps, {\n  as: 'div',\n  height: 360,\n  cascade: true,\n  countable: true,\n  searchable: true,\n  menuAutoWidth: true,\n  defaultValue: [],\n  appearance: 'default',\n  uncheckableItemValues: [],\n  classPrefix: 'picker',\n  placement: 'bottomStart'\n});\n\nvar CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var Component = props.as,\n      data = props.data,\n      style = props.style,\n      cleanable = props.cleanable,\n      countable = props.countable,\n      searchBy = props.searchBy,\n      toggleAs = props.toggleAs,\n      searchKeyword = props.searchKeyword,\n      overrideLocale = props.locale,\n      inline = props.inline,\n      cascade = props.cascade,\n      disabled = props.disabled,\n      valueKey = props.valueKey,\n      labelKey = props.labelKey,\n      placement = props.placement,\n      childrenKey = props.childrenKey,\n      placeholder = props.placeholder,\n      controlledValue = props.value,\n      defaultValue = props.defaultValue,\n      defaultExpandAll = props.defaultExpandAll,\n      disabledItemValues = props.disabledItemValues,\n      controlledExpandItemValues = props.expandItemValues,\n      defaultExpandItemValues = props.defaultExpandItemValues,\n      height = props.height,\n      menuStyle = props.menuStyle,\n      searchable = props.searchable,\n      virtualized = props.virtualized,\n      className = props.className,\n      classPrefix = props.classPrefix,\n      menuClassName = props.menuClassName,\n      menuAutoWidth = props.menuAutoWidth,\n      uncheckableItemValues = props.uncheckableItemValues,\n      id = props.id,\n      renderMenu = props.renderMenu,\n      getChildren = props.getChildren,\n      renderExtraFooter = props.renderExtraFooter,\n      onEntered = props.onEntered,\n      onChange = props.onChange,\n      onClean = props.onClean,\n      onClose = props.onClose,\n      onExited = props.onExited,\n      onSearch = props.onSearch,\n      onSelect = props.onSelect,\n      onOpen = props.onOpen,\n      onScroll = props.onScroll,\n      onExpand = props.onExpand,\n      renderValue = props.renderValue,\n      renderTreeIcon = props.renderTreeIcon,\n      renderTreeNode = props.renderTreeNode,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"data\", \"style\", \"cleanable\", \"countable\", \"searchBy\", \"toggleAs\", \"searchKeyword\", \"locale\", \"inline\", \"cascade\", \"disabled\", \"valueKey\", \"labelKey\", \"placement\", \"childrenKey\", \"placeholder\", \"value\", \"defaultValue\", \"defaultExpandAll\", \"disabledItemValues\", \"expandItemValues\", \"defaultExpandItemValues\", \"height\", \"menuStyle\", \"searchable\", \"virtualized\", \"className\", \"classPrefix\", \"menuClassName\", \"menuAutoWidth\", \"uncheckableItemValues\", \"id\", \"renderMenu\", \"getChildren\", \"renderExtraFooter\", \"onEntered\", \"onChange\", \"onClean\", \"onClose\", \"onExited\", \"onSearch\", \"onSelect\", \"onOpen\", \"onScroll\", \"onExpand\", \"renderValue\", \"renderTreeIcon\", \"renderTreeNode\"]);\n  var triggerRef = (0, _react.useRef)();\n  var targetRef = (0, _react.useRef)();\n  var listRef = (0, _react.useRef)();\n  var overlayRef = (0, _react.useRef)();\n  var searchInputRef = (0, _react.useRef)();\n  var treeViewRef = (0, _react.useRef)();\n\n  var _useCustom = (0, _utils.useCustom)('Picker', overrideLocale),\n      rtl = _useCustom.rtl,\n      locale = _useCustom.locale;\n\n  var _useState = (0, _react.useState)(false),\n      active = _useState[0],\n      setActive = _useState[1];\n\n  var _useState2 = (0, _react.useState)(null),\n      activeNode = _useState2[0],\n      setActiveNode = _useState2[1];\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge;\n\n  var _useClassNames2 = (0, _utils.useClassNames)('check-tree'),\n      checkTreePrefix = _useClassNames2.prefix,\n      withCheckTreeClassPrefix = _useClassNames2.withClassPrefix;\n\n  var _useControlled = (0, _utils.useControlled)(controlledValue, defaultValue),\n      value = _useControlled[0],\n      setValue = _useControlled[1],\n      isControlled = _useControlled[2];\n\n  var _useGetTreeNodeChildr = (0, _treeUtils.useGetTreeNodeChildren)(data, valueKey, childrenKey),\n      treeData = _useGetTreeNodeChildr.data,\n      setTreeData = _useGetTreeNodeChildr.setData,\n      loadingNodeValues = _useGetTreeNodeChildr.loadingNodeValues,\n      loadChildren = _useGetTreeNodeChildr.loadChildren;\n\n  var _useControlled2 = (0, _utils.useControlled)(controlledExpandItemValues, (0, _treeUtils.getDefaultExpandItemValues)(treeData, {\n    defaultExpandAll: defaultExpandAll,\n    valueKey: valueKey,\n    childrenKey: childrenKey,\n    defaultExpandItemValues: defaultExpandItemValues\n  })),\n      expandItemValues = _useControlled2[0],\n      setExpandItemValues = _useControlled2[1];\n\n  var _useState3 = (0, _react.useState)(null),\n      focusItemValue = _useState3[0],\n      setFocusItemValue = _useState3[1];\n\n  var _useFlattenTreeData = (0, _treeUtils.useFlattenTreeData)({\n    data: treeData,\n    labelKey: labelKey,\n    valueKey: valueKey,\n    childrenKey: childrenKey,\n    uncheckableItemValues: uncheckableItemValues,\n    callback: function callback(nodes) {\n      // after flattenData, always unSerialize check property value\n      unSerializeList({\n        nodes: nodes,\n        key: 'check',\n        value: value,\n        cascade: cascade,\n        uncheckableItemValues: uncheckableItemValues\n      });\n      forceUpdate();\n    }\n  }),\n      flattenNodes = _useFlattenTreeData.flattenNodes,\n      forceUpdate = _useFlattenTreeData.forceUpdate,\n      formatVirtualizedTreeData = _useFlattenTreeData.formatVirtualizedTreeData,\n      serializeListOnlyParent = _useFlattenTreeData.serializeListOnlyParent,\n      unSerializeList = _useFlattenTreeData.unSerializeList;\n\n  var _useTreeSearch = (0, _treeUtils.useTreeSearch)({\n    labelKey: labelKey,\n    childrenKey: childrenKey,\n    searchKeyword: searchKeyword,\n    data: treeData,\n    searchBy: searchBy,\n    callback: function callback(searchKeyword, _filterData, event) {\n      onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);\n    }\n  }),\n      filteredData = _useTreeSearch.filteredData,\n      searchKeywordState = _useTreeSearch.searchKeywordState,\n      setSearchKeyword = _useTreeSearch.setSearchKeyword,\n      handleSearch = _useTreeSearch.handleSearch,\n      setFilteredData = _useTreeSearch.setFilteredData;\n\n  var _useTreeNodeRefs = (0, _treeUtils.useTreeNodeRefs)(),\n      treeNodesRefs = _useTreeNodeRefs.treeNodesRefs,\n      saveTreeNodeRef = _useTreeNodeRefs.saveTreeNodeRef;\n  /**\n   * get formatted nodes for render tree\n   * @params render - renderNode function. only used when virtualized setting false\n   */\n\n\n  var getFormattedNodes = (0, _react.useCallback)(function (render) {\n    var formattedNodes = [];\n\n    if (virtualized) {\n      formattedNodes = formatVirtualizedTreeData(flattenNodes, filteredData, expandItemValues, {\n        cascade: cascade,\n        searchKeyword: searchKeywordState\n      }).filter(function (item) {\n        return item.visible;\n      });\n    } else {\n      formattedNodes = (0, _utils2.getFormattedTree)(filteredData, flattenNodes, {\n        childrenKey: childrenKey,\n        cascade: cascade\n      }).map(function (node) {\n        return render === null || render === void 0 ? void 0 : render(node, 1);\n      });\n    }\n\n    return formattedNodes;\n  }, [searchKeywordState, expandItemValues, filteredData, flattenNodes, formatVirtualizedTreeData, virtualized, childrenKey, cascade]);\n\n  var getTreeNodeProps = function getTreeNodeProps(node, layer) {\n    return {\n      as: Component,\n      rtl: rtl,\n      value: node[valueKey],\n      label: node[labelKey],\n      layer: layer,\n      focus: (0, _utils.shallowEqual)(focusItemValue, node[valueKey]),\n      expand: node.expand,\n      visible: node.visible,\n      loading: loadingNodeValues.some(function (item) {\n        return (0, _utils.shallowEqual)(item, node[valueKey]);\n      }),\n      disabled: (0, _utils2.getDisabledState)(flattenNodes, node, {\n        disabledItemValues: disabledItemValues,\n        valueKey: valueKey\n      }),\n      nodeData: node,\n      checkState: node.checkState,\n      uncheckable: (0, _utils2.isNodeUncheckable)(node, {\n        uncheckableItemValues: uncheckableItemValues,\n        valueKey: valueKey\n      }),\n      allUncheckable: (0, _utils2.isAllSiblingNodeUncheckable)(node, flattenNodes, uncheckableItemValues, valueKey),\n      onSelect: handleSelect,\n      onExpand: handleExpand,\n      onRenderTreeNode: renderTreeNode,\n      onRenderTreeIcon: renderTreeIcon\n    };\n  };\n\n  var focusActiveNode = (0, _react.useCallback)(function () {\n    (0, _treeUtils.focusToActiveTreeNode)({\n      list: listRef.current,\n      valueKey: valueKey,\n      selector: \".\" + checkTreePrefix('node-active'),\n      activeNode: activeNode,\n      virtualized: virtualized,\n      container: treeViewRef.current,\n      formattedNodes: getFormattedNodes()\n    });\n  }, [checkTreePrefix, activeNode, getFormattedNodes, valueKey, virtualized]);\n  (0, _react.useEffect)(function () {\n    setValue((0, _utils2.getCheckTreePickerDefaultValue)(value, uncheckableItemValues));\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  (0, _react.useEffect)(function () {\n    setFilteredData(data, searchKeywordState);\n    setTreeData(data);\n  }, [data, searchKeywordState, setFilteredData, setTreeData]);\n  (0, _react.useEffect)(function () {\n    setFilteredData(treeData, searchKeywordState);\n  }, [treeData, searchKeywordState, setFilteredData]);\n  (0, _react.useEffect)(function () {\n    if (Array.isArray(controlledExpandItemValues)) {\n      setExpandItemValues(controlledExpandItemValues);\n    }\n  }, [controlledExpandItemValues, setExpandItemValues]);\n  (0, _react.useEffect)(function () {\n    setSearchKeyword(searchKeyword !== null && searchKeyword !== void 0 ? searchKeyword : '');\n  }, [searchKeyword, setSearchKeyword]);\n  (0, _react.useEffect)(function () {\n    unSerializeList({\n      nodes: flattenNodes,\n      key: 'check',\n      value: value,\n      cascade: cascade,\n      uncheckableItemValues: uncheckableItemValues\n    });\n    forceUpdate();\n  }, [cascade, value, uncheckableItemValues, unSerializeList, flattenNodes, forceUpdate]);\n  var toggleUpChecked = (0, _react.useCallback)(function (nodes, node, checked) {\n    var currentNode = nodes[node.refKey];\n\n    if (cascade) {\n      if (!checked) {\n        currentNode.check = checked;\n        currentNode.checkAll = checked;\n      } else {\n        if ((0, _utils2.isEveryChildChecked)(nodes, currentNode)) {\n          currentNode.check = true;\n          currentNode.checkAll = true;\n        } else {\n          currentNode.check = false;\n          currentNode.checkAll = false;\n        }\n      }\n\n      if (currentNode.parent) {\n        toggleUpChecked(nodes, currentNode.parent, checked);\n      }\n    }\n  }, [cascade]);\n  var toggleDownChecked = (0, _react.useCallback)(function (nodes, node, isChecked) {\n    var currentNode = nodes[node.refKey];\n    currentNode.check = isChecked;\n\n    if (!currentNode[childrenKey] || !currentNode[childrenKey].length || !cascade) {\n      currentNode.checkAll = false;\n    } else {\n      currentNode.checkAll = isChecked;\n      currentNode[childrenKey].forEach(function (child) {\n        toggleDownChecked(nodes, child, isChecked);\n      });\n    }\n  }, [cascade, childrenKey]);\n  var toggleChecked = (0, _react.useCallback)(function (node, isChecked) {\n    var nodes = (0, _cloneDeep2.default)(flattenNodes);\n    toggleDownChecked(nodes, node, isChecked);\n    node.parent && toggleUpChecked(nodes, node.parent, isChecked);\n    var values = serializeListOnlyParent(nodes, 'check'); // filter uncheckableItemValues\n\n    return values.filter(function (v) {\n      return !uncheckableItemValues.includes(v);\n    });\n  }, [flattenNodes, uncheckableItemValues, serializeListOnlyParent, toggleDownChecked, toggleUpChecked]);\n  var handleSelect = (0, _react.useCallback)(function (node, event) {\n    if (!node) {\n      return;\n    }\n\n    var selectedValues = toggleChecked(node, !flattenNodes[node.refKey].check);\n\n    if (!isControlled) {\n      unSerializeList({\n        nodes: flattenNodes,\n        key: 'check',\n        value: selectedValues,\n        cascade: cascade,\n        uncheckableItemValues: uncheckableItemValues\n      });\n      setValue(selectedValues);\n    }\n\n    setActiveNode(node);\n    setFocusItemValue(node[valueKey]);\n    onChange === null || onChange === void 0 ? void 0 : onChange(selectedValues, event);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, selectedValues, event);\n  }, [cascade, valueKey, flattenNodes, isControlled, uncheckableItemValues, setValue, onChange, onSelect, toggleChecked, unSerializeList]);\n\n  var hasValue = function hasValue() {\n    var selectedValues = Object.keys(flattenNodes).map(function (refKey) {\n      return flattenNodes[refKey][valueKey];\n    }).filter(function (item) {\n      return value.some(function (v) {\n        return (0, _utils.shallowEqual)(v, item);\n      });\n    });\n    return !!selectedValues.length;\n  };\n\n  var handleOpen = (0, _react.useCallback)(function () {\n    var _triggerRef$current, _triggerRef$current$o;\n\n    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$o = _triggerRef$current.open) === null || _triggerRef$current$o === void 0 ? void 0 : _triggerRef$current$o.call(_triggerRef$current);\n    setFocusItemValue(activeNode === null || activeNode === void 0 ? void 0 : activeNode[valueKey]);\n    focusActiveNode();\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n    setActive(true);\n  }, [activeNode, focusActiveNode, onOpen, valueKey]);\n  var handleClose = (0, _react.useCallback)(function () {\n    var _triggerRef$current2, _triggerRef$current2$, _targetRef$current;\n\n    (_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : (_triggerRef$current2$ = _triggerRef$current2.close) === null || _triggerRef$current2$ === void 0 ? void 0 : _triggerRef$current2$.call(_triggerRef$current2);\n    setSearchKeyword('');\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n    setFocusItemValue(null);\n    setActive(false);\n    /**\n     * when using keyboard toggle picker, should refocus on PickerToggle Component after close picker menu\n     */\n\n    (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.focus();\n  }, [onClose, setSearchKeyword]);\n  var handleExpand = (0, _react.useCallback)(function (node) {\n    var nextExpandItemValues = (0, _treeUtils.toggleExpand)({\n      node: node,\n      isExpand: !node.expand,\n      expandItemValues: expandItemValues,\n      valueKey: valueKey\n    });\n    setExpandItemValues(nextExpandItemValues);\n    onExpand === null || onExpand === void 0 ? void 0 : onExpand(nextExpandItemValues, node, (0, _Picker.createConcatChildrenFunction)(node, node[valueKey], {\n      valueKey: valueKey,\n      childrenKey: childrenKey\n    }));\n\n    if ((0, _isFunction2.default)(getChildren) && !node.expand && Array.isArray(node[childrenKey]) && node[childrenKey].length === 0) {\n      loadChildren(node, getChildren);\n    }\n  }, [childrenKey, expandItemValues, getChildren, loadChildren, onExpand, setExpandItemValues, valueKey]);\n  (0, _Picker.usePublicMethods)(ref, {\n    triggerRef: triggerRef,\n    overlayRef: overlayRef,\n    targetRef: targetRef\n  });\n  var handleClean = (0, _react.useCallback)(function (event) {\n    var target = event.target; // exclude searchBar\n\n    if (target.matches('div[role=\"searchbox\"] > input')) {\n      return;\n    }\n\n    setActiveNode(null);\n    setValue([]);\n    setFocusItemValue(null);\n    unSerializeList({\n      nodes: flattenNodes,\n      key: 'check',\n      value: [],\n      cascade: cascade,\n      uncheckableItemValues: uncheckableItemValues\n    });\n    onChange === null || onChange === void 0 ? void 0 : onChange([], event);\n  }, [cascade, flattenNodes, onChange, setValue, unSerializeList, uncheckableItemValues]);\n  var handleFocusItem = (0, _react.useCallback)(function (key) {\n    var focusableItems = (0, _treeUtils.getFocusableItems)(filteredData, {\n      disabledItemValues: disabledItemValues,\n      valueKey: valueKey,\n      childrenKey: childrenKey,\n      expandItemValues: expandItemValues\n    }, (0, _treeUtils.isSearching)(searchKeywordState));\n    var selector = \".\" + checkTreePrefix('node-label');\n    var focusProps = {\n      focusItemValue: focusItemValue,\n      focusableItems: focusableItems,\n      treeNodesRefs: treeNodesRefs,\n      selector: selector,\n      valueKey: valueKey,\n      callback: function callback(nextFocusItemValue) {\n        setFocusItemValue(nextFocusItemValue);\n      }\n    };\n\n    if (key === _utils.KEY_VALUES.DOWN) {\n      (0, _treeUtils.focusNextItem)(focusProps);\n      return;\n    }\n\n    if (key === _utils.KEY_VALUES.UP) {\n      (0, _treeUtils.focusPreviousItem)(focusProps);\n    }\n  }, [searchKeywordState, checkTreePrefix, expandItemValues, filteredData, focusItemValue, treeNodesRefs, childrenKey, valueKey, disabledItemValues]);\n  var handleLeftArrow = (0, _react.useCallback)(function () {\n    var focusItem = (0, _treeUtils.getActiveItem)(focusItemValue, flattenNodes, valueKey);\n    (0, _treeUtils.leftArrowHandler)({\n      focusItem: focusItem,\n      expand: expandItemValues.includes(focusItem === null || focusItem === void 0 ? void 0 : focusItem[valueKey]),\n      onExpand: handleExpand,\n      onFocusItem: function onFocusItem() {\n        var _focusItem$parent, _focusItem$parent2;\n\n        setFocusItemValue(focusItem === null || focusItem === void 0 ? void 0 : (_focusItem$parent = focusItem.parent) === null || _focusItem$parent === void 0 ? void 0 : _focusItem$parent[valueKey]);\n        (0, _treeUtils.focusTreeNode)(focusItem === null || focusItem === void 0 ? void 0 : (_focusItem$parent2 = focusItem.parent) === null || _focusItem$parent2 === void 0 ? void 0 : _focusItem$parent2.refKey, treeNodesRefs, \".\" + checkTreePrefix('node-label'));\n      }\n    });\n  }, [checkTreePrefix, expandItemValues, flattenNodes, focusItemValue, handleExpand, treeNodesRefs, valueKey]);\n  var handleRightArrow = (0, _react.useCallback)(function () {\n    var focusItem = (0, _treeUtils.getActiveItem)(focusItemValue, flattenNodes, valueKey);\n    (0, _treeUtils.rightArrowHandler)({\n      focusItem: focusItem,\n      expand: expandItemValues.includes(focusItem === null || focusItem === void 0 ? void 0 : focusItem[valueKey]),\n      childrenKey: childrenKey,\n      onExpand: handleExpand,\n      onFocusItem: function onFocusItem() {\n        handleFocusItem(_utils.KEY_VALUES.DOWN);\n      }\n    });\n  }, [focusItemValue, flattenNodes, valueKey, expandItemValues, childrenKey, handleExpand, handleFocusItem]);\n  var selectActiveItem = (0, _react.useCallback)(function (event) {\n    var activeItem = (0, _treeUtils.getActiveItem)(focusItemValue, flattenNodes, valueKey);\n\n    if (!(0, _utils2.isNodeUncheckable)(activeItem, {\n      uncheckableItemValues: uncheckableItemValues,\n      valueKey: valueKey\n    }) && activeItem !== null) {\n      handleSelect(activeItem, event);\n    }\n  }, [flattenNodes, focusItemValue, handleSelect, uncheckableItemValues, valueKey]);\n  var onPickerKeydown = (0, _Picker.useToggleKeyDownEvent)({\n    toggle: !focusItemValue || !active,\n    triggerRef: triggerRef,\n    targetRef: targetRef,\n    overlayRef: overlayRef,\n    searchInputRef: searchInputRef,\n    active: active,\n    onExit: handleClean,\n    onClose: handleClose,\n    onMenuKeyDown: function onMenuKeyDown(event) {\n      (0, _Picker.onMenuKeyDown)(event, {\n        down: function down() {\n          return handleFocusItem(_utils.KEY_VALUES.DOWN);\n        },\n        up: function up() {\n          return handleFocusItem(_utils.KEY_VALUES.UP);\n        },\n        left: rtl ? handleRightArrow : handleLeftArrow,\n        right: rtl ? handleLeftArrow : handleRightArrow,\n        enter: selectActiveItem,\n        del: handleClean\n      });\n    }\n  });\n  var handleTreeKeydown = (0, _react.useCallback)(function (event) {\n    if (!treeViewRef.current) {\n      return;\n    }\n\n    (0, _Picker.onMenuKeyDown)(event, {\n      down: function down() {\n        return handleFocusItem(_utils.KEY_VALUES.DOWN);\n      },\n      up: function up() {\n        return handleFocusItem(_utils.KEY_VALUES.UP);\n      },\n      left: rtl ? handleRightArrow : handleLeftArrow,\n      right: rtl ? handleLeftArrow : handleRightArrow,\n      enter: selectActiveItem\n    });\n  }, [handleFocusItem, handleLeftArrow, handleRightArrow, rtl, selectActiveItem]);\n\n  var renderNode = function renderNode(node, layer) {\n    var visible = node.visible,\n        refKey = node.refKey; // when searching, all nodes should be expand\n\n    var expand = (0, _treeUtils.getExpandWhenSearching)(searchKeywordState, expandItemValues.includes(node[valueKey]));\n\n    if (!visible) {\n      return null;\n    }\n\n    var children = node[childrenKey];\n    var visibleChildren = (0, _isUndefined2.default)(searchKeywordState) || searchKeywordState.length === 0 ? !!children : (0, _treeUtils.hasVisibleChildren)(node, childrenKey);\n    var nodeProps = (0, _extends2.default)({}, getTreeNodeProps((0, _extends2.default)({}, node, {\n      expand: expand\n    }), layer), {\n      hasChildren: visibleChildren\n    });\n\n    if (nodeProps.hasChildren) {\n      var _merge;\n\n      layer += 1;\n      var openClass = checkTreePrefix('open');\n      var childrenClass = merge(checkTreePrefix('node-children'), (_merge = {}, _merge[openClass] = expand && visibleChildren, _merge));\n      var nodes = children || [];\n      return /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: childrenClass,\n        key: node[valueKey],\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 712,\n          columnNumber: 9\n        }\n      }, /*#__PURE__*/_react.default.createElement(_CheckTreeNode.default, (0, _extends2.default)({}, nodeProps, {\n        ref: function ref(_ref) {\n          return saveTreeNodeRef(refKey, _ref);\n        },\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 713,\n          columnNumber: 11\n        }\n      })), /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: checkTreePrefix('children'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 714,\n          columnNumber: 11\n        }\n      }, nodes.map(function (child) {\n        return renderNode(child, layer);\n      })));\n    }\n\n    return /*#__PURE__*/_react.default.createElement(_CheckTreeNode.default, (0, _extends2.default)({\n      key: node[valueKey],\n      ref: function ref(_ref2) {\n        return saveTreeNodeRef(refKey, _ref2);\n      }\n    }, nodeProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 722,\n        columnNumber: 7\n      }\n    }));\n  };\n\n  var renderVirtualListNode = function renderVirtualListNode(nodes) {\n    return function (_ref3) {\n      var key = _ref3.key,\n          index = _ref3.index,\n          style = _ref3.style;\n      var node = nodes[index];\n      var layer = node.layer,\n          refKey = node.refKey,\n          visible = node.visible;\n      var expand = (0, _treeUtils.getExpandWhenSearching)(searchKeywordState, expandItemValues.includes(node[valueKey]));\n      var nodeProps = (0, _extends2.default)({}, getTreeNodeProps((0, _extends2.default)({}, node, {\n        expand: expand\n      }), layer), {\n        hasChildren: node.hasChildren\n      });\n      return visible && /*#__PURE__*/_react.default.createElement(_CheckTreeNode.default, (0, _extends2.default)({\n        style: style,\n        key: key,\n        ref: function ref(_ref4) {\n          return saveTreeNodeRef(refKey, _ref4);\n        }\n      }, nodeProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 744,\n          columnNumber: 9\n        }\n      }));\n    };\n  };\n\n  var renderCheckTree = function renderCheckTree() {\n    var _withCheckTreeClassPr, _merge2;\n\n    var classes = withCheckTreeClassPrefix((_withCheckTreeClassPr = {}, _withCheckTreeClassPr[className !== null && className !== void 0 ? className : ''] = inline, _withCheckTreeClassPr['without-children'] = !_utils2.isSomeNodeHasChildren, _withCheckTreeClassPr.virtualized = virtualized, _withCheckTreeClassPr));\n    var formattedNodes = getFormattedNodes(renderNode);\n\n    if (!formattedNodes.some(function (v) {\n      return v !== null;\n    })) {\n      return /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: prefix('none'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 764,\n          columnNumber: 14\n        }\n      }, locale.noResultsText);\n    }\n\n    var treeNodesClass = merge(checkTreePrefix('nodes'), (_merge2 = {}, _merge2[checkTreePrefix('all-uncheckable')] = (0, _utils2.isEveryFirstLevelNodeUncheckable)(flattenNodes, uncheckableItemValues, valueKey), _merge2));\n    var styles = inline ? (0, _extends2.default)({\n      height: height\n    }, style) : {};\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      id: id ? id + \"-listbox\" : undefined,\n      ref: treeViewRef,\n      role: \"tree\",\n      \"aria-multiselectable\": true,\n      className: classes,\n      style: styles,\n      onScroll: onScroll,\n      onKeyDown: inline ? handleTreeKeydown : undefined,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 777,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: treeNodesClass,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 787,\n        columnNumber: 9\n      }\n    }, virtualized ? /*#__PURE__*/_react.default.createElement(_VirtualizedList.AutoSizer, {\n      defaultHeight: inline ? height : _TreePicker.maxTreeHeight,\n      style: {\n        width: 'auto',\n        height: 'auto'\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 789,\n        columnNumber: 13\n      }\n    }, function (_ref5) {\n      var height = _ref5.height,\n          width = _ref5.width;\n      return /*#__PURE__*/_react.default.createElement(_VirtualizedList.List, {\n        ref: listRef,\n        width: width,\n        height: height,\n        rowHeight: 36,\n        rowCount: formattedNodes.length,\n        rowRenderer: renderVirtualListNode(formattedNodes),\n        scrollToAlignment: \"center\",\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 794,\n          columnNumber: 17\n        }\n      });\n    }) : formattedNodes));\n  };\n\n  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {\n    var left = positionProps.left,\n        top = positionProps.top,\n        className = positionProps.className;\n    var classes = (0, _classnames.default)(className, menuClassName, prefix('check-tree-menu'));\n    var mergedMenuStyle = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var styles = virtualized ? (0, _extends2.default)({\n      height: height\n    }, mergedMenuStyle) : (0, _extends2.default)({}, mergedMenuStyle);\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: styles,\n      ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),\n      onKeyDown: onPickerKeydown,\n      target: triggerRef,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 820,\n        columnNumber: 7\n      }\n    }, searchable ? /*#__PURE__*/_react.default.createElement(_Picker.SearchBar, {\n      placeholder: locale.searchPlaceholder,\n      onChange: handleSearch,\n      value: searchKeywordState,\n      inputRef: searchInputRef,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 829,\n        columnNumber: 11\n      }\n    }) : null, renderMenu ? renderMenu(renderCheckTree()) : renderCheckTree(), renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\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\n  var hasValidValue = hasValue() || value.length > 0 && (0, _isFunction2.default)(renderValue);\n  var selectedElement = placeholder;\n  var selectedItems = (0, _utils2.getSelectedItems)(flattenNodes, value, valueKey);\n\n  if (hasValidValue) {\n    selectedElement = /*#__PURE__*/_react.default.createElement(_Picker.SelectedElement, {\n      selectedItems: selectedItems,\n      countable: countable,\n      valueKey: valueKey,\n      labelKey: labelKey,\n      childrenKey: childrenKey,\n      prefix: prefix,\n      cascade: cascade,\n      locale: locale,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 852,\n        columnNumber: 7\n      }\n    });\n\n    if ((0, _isFunction2.default)(renderValue)) {\n      selectedElement = renderValue(value, selectedItems, selectedElement);\n\n      if ((0, _isNil2.default)(selectedElement)) {\n        hasValidValue = false;\n      }\n    }\n  }\n\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n    hasValue: hasValidValue,\n    name: 'check-tree'\n  })),\n      classes = _usePickerClassName[0],\n      usedClassNamePropKeys = _usePickerClassName[1];\n\n  if (inline) {\n    return renderCheckTree();\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    pickerProps: (0, _pick2.default)(props, _Picker.pickTriggerPropKeys),\n    ref: triggerRef,\n    placement: placement,\n    onEnter: handleOpen,\n    onEntered: onEntered,\n    onExited: (0, _utils.createChainedFunction)(handleClose, onExited),\n    speaker: renderDropdownMenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 882,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: classes,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 891,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit2.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {\n    id: id,\n    ref: targetRef,\n    onKeyDown: onPickerKeydown,\n    onClean: (0, _utils.createChainedFunction)(handleClean, onClean),\n    cleanable: cleanable && !disabled,\n    disabled: disabled,\n    as: toggleAs,\n    hasValue: hasValidValue,\n    active: active,\n    placement: placement,\n    inputValue: value,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 892,\n      columnNumber: 9\n    }\n  }), selectedElement || locale.placeholder)));\n});\n\nCheckTreePicker.displayName = 'CheckTreePicker';\nCheckTreePicker.defaultProps = defaultProps;\nCheckTreePicker.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {\n  height: _propTypes.default.number,\n  appearance: _propTypes.default.oneOf(['default', 'subtle']),\n  inline: _propTypes.default.bool,\n  locale: _propTypes.default.any,\n  cascade: _propTypes.default.bool,\n  countable: _propTypes.default.bool,\n  searchable: _propTypes.default.bool,\n  virtualized: _propTypes.default.bool,\n  searchKeyword: _propTypes.default.string,\n  menuAutoWidth: _propTypes.default.bool,\n  defaultExpandAll: _propTypes.default.bool,\n  containerPadding: _propTypes.default.number,\n  disabledItemValues: _propTypes.default.array,\n  expandItemValues: _propTypes.default.array,\n  defaultExpandItemValues: _propTypes.default.array,\n  uncheckableItemValues: _propTypes.default.array,\n  onSearch: _propTypes.default.func,\n  onExpand: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  renderMenu: _propTypes.default.func,\n  renderTreeNode: _propTypes.default.func,\n  renderTreeIcon: _propTypes.default.func,\n  searchBy: _propTypes.default.func,\n  onScroll: _propTypes.default.func\n});\nvar _default = CheckTreePicker;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/CheckTreePicker/CheckTreePicker.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _cloneDeep2 = _interopRequireDefault(__webpack_require__(/*! lodash/cloneDeep */ \"./node_modules/lodash/cloneDeep.js\"));\n\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.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 _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.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 _VirtualizedList = __webpack_require__(/*! ../Picker/VirtualizedList */ \"./src/Picker/VirtualizedList.tsx\");\n\nvar _CheckTreeNode = _interopRequireDefault(__webpack_require__(/*! ./CheckTreeNode */ \"./src/CheckTreePicker/CheckTreeNode.tsx\"));\n\nvar _TreeContext = _interopRequireDefault(__webpack_require__(/*! ../Tree/TreeContext */ \"./src/Tree/TreeContext.ts\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/CheckTreePicker/utils.ts\");\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _TreePicker = __webpack_require__(/*! ../TreePicker/TreePicker */ \"./src/TreePicker/TreePicker.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CheckTreePicker/CheckTreePicker.tsx\",\n    _this = void 0;\n\nvar defaultProps = (0, _extends2.default)({}, _Picker.listPickerDefaultProps, {\n  as: 'div',\n  height: 360,\n  cascade: true,\n  countable: true,\n  searchable: true,\n  menuAutoWidth: true,\n  defaultValue: [],\n  appearance: 'default',\n  uncheckableItemValues: [],\n  classPrefix: 'picker',\n  placement: 'bottomStart'\n});\n\nvar CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var Component = props.as,\n      data = props.data,\n      style = props.style,\n      cleanable = props.cleanable,\n      countable = props.countable,\n      searchBy = props.searchBy,\n      toggleAs = props.toggleAs,\n      searchKeyword = props.searchKeyword,\n      overrideLocale = props.locale,\n      cascade = props.cascade,\n      disabled = props.disabled,\n      valueKey = props.valueKey,\n      labelKey = props.labelKey,\n      placement = props.placement,\n      childrenKey = props.childrenKey,\n      placeholder = props.placeholder,\n      controlledValue = props.value,\n      defaultValue = props.defaultValue,\n      defaultExpandAll = props.defaultExpandAll,\n      disabledItemValues = props.disabledItemValues,\n      controlledExpandItemValues = props.expandItemValues,\n      defaultExpandItemValues = props.defaultExpandItemValues,\n      height = props.height,\n      menuStyle = props.menuStyle,\n      searchable = props.searchable,\n      virtualized = props.virtualized,\n      className = props.className,\n      classPrefix = props.classPrefix,\n      menuClassName = props.menuClassName,\n      menuAutoWidth = props.menuAutoWidth,\n      uncheckableItemValues = props.uncheckableItemValues,\n      id = props.id,\n      renderMenu = props.renderMenu,\n      getChildren = props.getChildren,\n      renderExtraFooter = props.renderExtraFooter,\n      onEntered = props.onEntered,\n      onChange = props.onChange,\n      onClean = props.onClean,\n      onClose = props.onClose,\n      onExited = props.onExited,\n      onSearch = props.onSearch,\n      onSelect = props.onSelect,\n      onOpen = props.onOpen,\n      onScroll = props.onScroll,\n      onExpand = props.onExpand,\n      renderValue = props.renderValue,\n      renderTreeIcon = props.renderTreeIcon,\n      renderTreeNode = props.renderTreeNode,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"data\", \"style\", \"cleanable\", \"countable\", \"searchBy\", \"toggleAs\", \"searchKeyword\", \"locale\", \"cascade\", \"disabled\", \"valueKey\", \"labelKey\", \"placement\", \"childrenKey\", \"placeholder\", \"value\", \"defaultValue\", \"defaultExpandAll\", \"disabledItemValues\", \"expandItemValues\", \"defaultExpandItemValues\", \"height\", \"menuStyle\", \"searchable\", \"virtualized\", \"className\", \"classPrefix\", \"menuClassName\", \"menuAutoWidth\", \"uncheckableItemValues\", \"id\", \"renderMenu\", \"getChildren\", \"renderExtraFooter\", \"onEntered\", \"onChange\", \"onClean\", \"onClose\", \"onExited\", \"onSearch\", \"onSelect\", \"onOpen\", \"onScroll\", \"onExpand\", \"renderValue\", \"renderTreeIcon\", \"renderTreeNode\"]);\n\n  var _useContext = (0, _react.useContext)(_TreeContext.default),\n      inline = _useContext.inline;\n\n  var triggerRef = (0, _react.useRef)();\n  var targetRef = (0, _react.useRef)();\n  var listRef = (0, _react.useRef)();\n  var overlayRef = (0, _react.useRef)();\n  var searchInputRef = (0, _react.useRef)();\n  var treeViewRef = (0, _react.useRef)();\n\n  var _useCustom = (0, _utils.useCustom)('Picker', overrideLocale),\n      rtl = _useCustom.rtl,\n      locale = _useCustom.locale;\n\n  var _useState = (0, _react.useState)(false),\n      active = _useState[0],\n      setActive = _useState[1];\n\n  var _useState2 = (0, _react.useState)(null),\n      activeNode = _useState2[0],\n      setActiveNode = _useState2[1];\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge;\n\n  var _useClassNames2 = (0, _utils.useClassNames)('check-tree'),\n      checkTreePrefix = _useClassNames2.prefix,\n      withCheckTreeClassPrefix = _useClassNames2.withClassPrefix;\n\n  var _useControlled = (0, _utils.useControlled)(controlledValue, defaultValue),\n      value = _useControlled[0],\n      setValue = _useControlled[1],\n      isControlled = _useControlled[2];\n\n  var _useGetTreeNodeChildr = (0, _treeUtils.useGetTreeNodeChildren)(data, valueKey, childrenKey),\n      treeData = _useGetTreeNodeChildr.data,\n      setTreeData = _useGetTreeNodeChildr.setData,\n      loadingNodeValues = _useGetTreeNodeChildr.loadingNodeValues,\n      loadChildren = _useGetTreeNodeChildr.loadChildren;\n\n  var _useControlled2 = (0, _utils.useControlled)(controlledExpandItemValues, (0, _treeUtils.getDefaultExpandItemValues)(treeData, {\n    defaultExpandAll: defaultExpandAll,\n    valueKey: valueKey,\n    childrenKey: childrenKey,\n    defaultExpandItemValues: defaultExpandItemValues\n  })),\n      expandItemValues = _useControlled2[0],\n      setExpandItemValues = _useControlled2[1];\n\n  var _useState3 = (0, _react.useState)(null),\n      focusItemValue = _useState3[0],\n      setFocusItemValue = _useState3[1];\n\n  var _useFlattenTreeData = (0, _treeUtils.useFlattenTreeData)({\n    data: treeData,\n    labelKey: labelKey,\n    valueKey: valueKey,\n    childrenKey: childrenKey,\n    uncheckableItemValues: uncheckableItemValues,\n    callback: function callback(nodes) {\n      // after flattenData, always unSerialize check property value\n      unSerializeList({\n        nodes: nodes,\n        key: 'check',\n        value: value,\n        cascade: cascade,\n        uncheckableItemValues: uncheckableItemValues\n      });\n      forceUpdate();\n    }\n  }),\n      flattenNodes = _useFlattenTreeData.flattenNodes,\n      forceUpdate = _useFlattenTreeData.forceUpdate,\n      formatVirtualizedTreeData = _useFlattenTreeData.formatVirtualizedTreeData,\n      serializeListOnlyParent = _useFlattenTreeData.serializeListOnlyParent,\n      unSerializeList = _useFlattenTreeData.unSerializeList;\n\n  var _useTreeSearch = (0, _treeUtils.useTreeSearch)({\n    labelKey: labelKey,\n    childrenKey: childrenKey,\n    searchKeyword: searchKeyword,\n    data: treeData,\n    searchBy: searchBy,\n    callback: function callback(searchKeyword, _filterData, event) {\n      onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);\n    }\n  }),\n      filteredData = _useTreeSearch.filteredData,\n      searchKeywordState = _useTreeSearch.searchKeywordState,\n      setSearchKeyword = _useTreeSearch.setSearchKeyword,\n      handleSearch = _useTreeSearch.handleSearch,\n      setFilteredData = _useTreeSearch.setFilteredData;\n\n  var _useTreeNodeRefs = (0, _treeUtils.useTreeNodeRefs)(),\n      treeNodesRefs = _useTreeNodeRefs.treeNodesRefs,\n      saveTreeNodeRef = _useTreeNodeRefs.saveTreeNodeRef;\n  /**\n   * get formatted nodes for render tree\n   * @params render - renderNode function. only used when virtualized setting false\n   */\n\n\n  var getFormattedNodes = (0, _react.useCallback)(function (render) {\n    var formattedNodes = [];\n\n    if (virtualized) {\n      formattedNodes = formatVirtualizedTreeData(flattenNodes, filteredData, expandItemValues, {\n        cascade: cascade,\n        searchKeyword: searchKeywordState\n      }).filter(function (item) {\n        return item.visible;\n      });\n    } else {\n      formattedNodes = (0, _utils2.getFormattedTree)(filteredData, flattenNodes, {\n        childrenKey: childrenKey,\n        cascade: cascade\n      }).map(function (node) {\n        return render === null || render === void 0 ? void 0 : render(node, 1);\n      });\n    }\n\n    return formattedNodes;\n  }, [searchKeywordState, expandItemValues, filteredData, flattenNodes, formatVirtualizedTreeData, virtualized, childrenKey, cascade]);\n\n  var getTreeNodeProps = function getTreeNodeProps(node, layer) {\n    return {\n      as: Component,\n      rtl: rtl,\n      value: node[valueKey],\n      label: node[labelKey],\n      layer: layer,\n      focus: (0, _utils.shallowEqual)(focusItemValue, node[valueKey]),\n      expand: node.expand,\n      visible: node.visible,\n      loading: loadingNodeValues.some(function (item) {\n        return (0, _utils.shallowEqual)(item, node[valueKey]);\n      }),\n      disabled: (0, _utils2.getDisabledState)(flattenNodes, node, {\n        disabledItemValues: disabledItemValues,\n        valueKey: valueKey\n      }),\n      nodeData: node,\n      checkState: node.checkState,\n      uncheckable: (0, _utils2.isNodeUncheckable)(node, {\n        uncheckableItemValues: uncheckableItemValues,\n        valueKey: valueKey\n      }),\n      allUncheckable: (0, _utils2.isAllSiblingNodeUncheckable)(node, flattenNodes, uncheckableItemValues, valueKey),\n      onSelect: handleSelect,\n      onExpand: handleExpand,\n      onRenderTreeNode: renderTreeNode,\n      onRenderTreeIcon: renderTreeIcon\n    };\n  };\n\n  var focusActiveNode = (0, _react.useCallback)(function () {\n    (0, _treeUtils.focusToActiveTreeNode)({\n      list: listRef.current,\n      valueKey: valueKey,\n      selector: \".\" + checkTreePrefix('node-active'),\n      activeNode: activeNode,\n      virtualized: virtualized,\n      container: treeViewRef.current,\n      formattedNodes: getFormattedNodes()\n    });\n  }, [checkTreePrefix, activeNode, getFormattedNodes, valueKey, virtualized]);\n  (0, _react.useEffect)(function () {\n    setValue((0, _utils2.getCheckTreePickerDefaultValue)(value, uncheckableItemValues));\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  (0, _react.useEffect)(function () {\n    setFilteredData(data, searchKeywordState);\n    setTreeData(data);\n  }, [data, searchKeywordState, setFilteredData, setTreeData]);\n  (0, _react.useEffect)(function () {\n    setFilteredData(treeData, searchKeywordState);\n  }, [treeData, searchKeywordState, setFilteredData]);\n  (0, _react.useEffect)(function () {\n    if (Array.isArray(controlledExpandItemValues)) {\n      setExpandItemValues(controlledExpandItemValues);\n    }\n  }, [controlledExpandItemValues, setExpandItemValues]);\n  (0, _react.useEffect)(function () {\n    setSearchKeyword(searchKeyword !== null && searchKeyword !== void 0 ? searchKeyword : '');\n  }, [searchKeyword, setSearchKeyword]);\n  (0, _react.useEffect)(function () {\n    unSerializeList({\n      nodes: flattenNodes,\n      key: 'check',\n      value: value,\n      cascade: cascade,\n      uncheckableItemValues: uncheckableItemValues\n    });\n    forceUpdate();\n  }, [cascade, value, uncheckableItemValues, unSerializeList, flattenNodes, forceUpdate]);\n  var toggleUpChecked = (0, _react.useCallback)(function (nodes, node, checked) {\n    var currentNode = nodes[node.refKey];\n\n    if (cascade) {\n      if (!checked) {\n        currentNode.check = checked;\n        currentNode.checkAll = checked;\n      } else {\n        if ((0, _utils2.isEveryChildChecked)(nodes, currentNode)) {\n          currentNode.check = true;\n          currentNode.checkAll = true;\n        } else {\n          currentNode.check = false;\n          currentNode.checkAll = false;\n        }\n      }\n\n      if (currentNode.parent) {\n        toggleUpChecked(nodes, currentNode.parent, checked);\n      }\n    }\n  }, [cascade]);\n  var toggleDownChecked = (0, _react.useCallback)(function (nodes, node, isChecked) {\n    var currentNode = nodes[node.refKey];\n    currentNode.check = isChecked;\n\n    if (!currentNode[childrenKey] || !currentNode[childrenKey].length || !cascade) {\n      currentNode.checkAll = false;\n    } else {\n      currentNode.checkAll = isChecked;\n      currentNode[childrenKey].forEach(function (child) {\n        toggleDownChecked(nodes, child, isChecked);\n      });\n    }\n  }, [cascade, childrenKey]);\n  var toggleChecked = (0, _react.useCallback)(function (node, isChecked) {\n    var nodes = (0, _cloneDeep2.default)(flattenNodes);\n    toggleDownChecked(nodes, node, isChecked);\n    node.parent && toggleUpChecked(nodes, node.parent, isChecked);\n    var values = serializeListOnlyParent(nodes, 'check'); // filter uncheckableItemValues\n\n    return values.filter(function (v) {\n      return !uncheckableItemValues.includes(v);\n    });\n  }, [flattenNodes, uncheckableItemValues, serializeListOnlyParent, toggleDownChecked, toggleUpChecked]);\n  var handleSelect = (0, _react.useCallback)(function (node, event) {\n    if (!node) {\n      return;\n    }\n\n    var selectedValues = toggleChecked(node, !flattenNodes[node.refKey].check);\n\n    if (!isControlled) {\n      unSerializeList({\n        nodes: flattenNodes,\n        key: 'check',\n        value: selectedValues,\n        cascade: cascade,\n        uncheckableItemValues: uncheckableItemValues\n      });\n      setValue(selectedValues);\n    }\n\n    setActiveNode(node);\n    setFocusItemValue(node[valueKey]);\n    onChange === null || onChange === void 0 ? void 0 : onChange(selectedValues, event);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, selectedValues, event);\n  }, [cascade, valueKey, flattenNodes, isControlled, uncheckableItemValues, setValue, onChange, onSelect, toggleChecked, unSerializeList]);\n\n  var hasValue = function hasValue() {\n    var selectedValues = Object.keys(flattenNodes).map(function (refKey) {\n      return flattenNodes[refKey][valueKey];\n    }).filter(function (item) {\n      return value.some(function (v) {\n        return (0, _utils.shallowEqual)(v, item);\n      });\n    });\n    return !!selectedValues.length;\n  };\n\n  var handleOpen = (0, _react.useCallback)(function () {\n    var _triggerRef$current, _triggerRef$current$o;\n\n    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$o = _triggerRef$current.open) === null || _triggerRef$current$o === void 0 ? void 0 : _triggerRef$current$o.call(_triggerRef$current);\n    setFocusItemValue(activeNode === null || activeNode === void 0 ? void 0 : activeNode[valueKey]);\n    focusActiveNode();\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n    setActive(true);\n  }, [activeNode, focusActiveNode, onOpen, valueKey]);\n  var handleClose = (0, _react.useCallback)(function () {\n    var _triggerRef$current2, _triggerRef$current2$, _targetRef$current;\n\n    (_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : (_triggerRef$current2$ = _triggerRef$current2.close) === null || _triggerRef$current2$ === void 0 ? void 0 : _triggerRef$current2$.call(_triggerRef$current2);\n    setSearchKeyword('');\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n    setFocusItemValue(null);\n    setActive(false);\n    /**\n     * when using keyboard toggle picker, should refocus on PickerToggle Component after close picker menu\n     */\n\n    (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.focus();\n  }, [onClose, setSearchKeyword]);\n  var handleExpand = (0, _react.useCallback)(function (node) {\n    var nextExpandItemValues = (0, _treeUtils.toggleExpand)({\n      node: node,\n      isExpand: !node.expand,\n      expandItemValues: expandItemValues,\n      valueKey: valueKey\n    });\n    setExpandItemValues(nextExpandItemValues);\n    onExpand === null || onExpand === void 0 ? void 0 : onExpand(nextExpandItemValues, node, (0, _Picker.createConcatChildrenFunction)(node, node[valueKey], {\n      valueKey: valueKey,\n      childrenKey: childrenKey\n    }));\n\n    if ((0, _isFunction2.default)(getChildren) && !node.expand && Array.isArray(node[childrenKey]) && node[childrenKey].length === 0) {\n      loadChildren(node, getChildren);\n    }\n  }, [childrenKey, expandItemValues, getChildren, loadChildren, onExpand, setExpandItemValues, valueKey]);\n  (0, _Picker.usePublicMethods)(ref, {\n    triggerRef: triggerRef,\n    overlayRef: overlayRef,\n    targetRef: targetRef\n  }, inline);\n  var handleClean = (0, _react.useCallback)(function (event) {\n    var target = event.target; // exclude searchBar\n\n    if (target.matches('div[role=\"searchbox\"] > input')) {\n      return;\n    }\n\n    setActiveNode(null);\n    setValue([]);\n    setFocusItemValue(null);\n    unSerializeList({\n      nodes: flattenNodes,\n      key: 'check',\n      value: [],\n      cascade: cascade,\n      uncheckableItemValues: uncheckableItemValues\n    });\n    onChange === null || onChange === void 0 ? void 0 : onChange([], event);\n  }, [cascade, flattenNodes, onChange, setValue, unSerializeList, uncheckableItemValues]);\n  var handleFocusItem = (0, _react.useCallback)(function (key) {\n    var focusableItems = (0, _treeUtils.getFocusableItems)(filteredData, {\n      disabledItemValues: disabledItemValues,\n      valueKey: valueKey,\n      childrenKey: childrenKey,\n      expandItemValues: expandItemValues\n    }, (0, _treeUtils.isSearching)(searchKeywordState));\n    var selector = \".\" + checkTreePrefix('node-label');\n    var focusProps = {\n      focusItemValue: focusItemValue,\n      focusableItems: focusableItems,\n      treeNodesRefs: treeNodesRefs,\n      selector: selector,\n      valueKey: valueKey,\n      callback: function callback(nextFocusItemValue) {\n        setFocusItemValue(nextFocusItemValue);\n      }\n    };\n\n    if (key === _utils.KEY_VALUES.DOWN) {\n      (0, _treeUtils.focusNextItem)(focusProps);\n      return;\n    }\n\n    if (key === _utils.KEY_VALUES.UP) {\n      (0, _treeUtils.focusPreviousItem)(focusProps);\n    }\n  }, [searchKeywordState, checkTreePrefix, expandItemValues, filteredData, focusItemValue, treeNodesRefs, childrenKey, valueKey, disabledItemValues]);\n  var handleLeftArrow = (0, _react.useCallback)(function () {\n    var focusItem = (0, _treeUtils.getActiveItem)(focusItemValue, flattenNodes, valueKey);\n    (0, _treeUtils.leftArrowHandler)({\n      focusItem: focusItem,\n      expand: expandItemValues.includes(focusItem === null || focusItem === void 0 ? void 0 : focusItem[valueKey]),\n      onExpand: handleExpand,\n      onFocusItem: function onFocusItem() {\n        var _focusItem$parent, _focusItem$parent2;\n\n        setFocusItemValue(focusItem === null || focusItem === void 0 ? void 0 : (_focusItem$parent = focusItem.parent) === null || _focusItem$parent === void 0 ? void 0 : _focusItem$parent[valueKey]);\n        (0, _treeUtils.focusTreeNode)(focusItem === null || focusItem === void 0 ? void 0 : (_focusItem$parent2 = focusItem.parent) === null || _focusItem$parent2 === void 0 ? void 0 : _focusItem$parent2.refKey, treeNodesRefs, \".\" + checkTreePrefix('node-label'));\n      }\n    });\n  }, [checkTreePrefix, expandItemValues, flattenNodes, focusItemValue, handleExpand, treeNodesRefs, valueKey]);\n  var handleRightArrow = (0, _react.useCallback)(function () {\n    var focusItem = (0, _treeUtils.getActiveItem)(focusItemValue, flattenNodes, valueKey);\n    (0, _treeUtils.rightArrowHandler)({\n      focusItem: focusItem,\n      expand: expandItemValues.includes(focusItem === null || focusItem === void 0 ? void 0 : focusItem[valueKey]),\n      childrenKey: childrenKey,\n      onExpand: handleExpand,\n      onFocusItem: function onFocusItem() {\n        handleFocusItem(_utils.KEY_VALUES.DOWN);\n      }\n    });\n  }, [focusItemValue, flattenNodes, valueKey, expandItemValues, childrenKey, handleExpand, handleFocusItem]);\n  var selectActiveItem = (0, _react.useCallback)(function (event) {\n    var activeItem = (0, _treeUtils.getActiveItem)(focusItemValue, flattenNodes, valueKey);\n\n    if (!(0, _utils2.isNodeUncheckable)(activeItem, {\n      uncheckableItemValues: uncheckableItemValues,\n      valueKey: valueKey\n    }) && activeItem !== null) {\n      handleSelect(activeItem, event);\n    }\n  }, [flattenNodes, focusItemValue, handleSelect, uncheckableItemValues, valueKey]);\n  var onPickerKeydown = (0, _Picker.useToggleKeyDownEvent)({\n    toggle: !focusItemValue || !active,\n    triggerRef: triggerRef,\n    targetRef: targetRef,\n    overlayRef: overlayRef,\n    searchInputRef: searchInputRef,\n    active: active,\n    onExit: handleClean,\n    onClose: handleClose,\n    onMenuKeyDown: function onMenuKeyDown(event) {\n      (0, _Picker.onMenuKeyDown)(event, {\n        down: function down() {\n          return handleFocusItem(_utils.KEY_VALUES.DOWN);\n        },\n        up: function up() {\n          return handleFocusItem(_utils.KEY_VALUES.UP);\n        },\n        left: rtl ? handleRightArrow : handleLeftArrow,\n        right: rtl ? handleLeftArrow : handleRightArrow,\n        enter: selectActiveItem,\n        del: handleClean\n      });\n    }\n  });\n  var handleTreeKeydown = (0, _react.useCallback)(function (event) {\n    if (!treeViewRef.current) {\n      return;\n    }\n\n    (0, _Picker.onMenuKeyDown)(event, {\n      down: function down() {\n        return handleFocusItem(_utils.KEY_VALUES.DOWN);\n      },\n      up: function up() {\n        return handleFocusItem(_utils.KEY_VALUES.UP);\n      },\n      left: rtl ? handleRightArrow : handleLeftArrow,\n      right: rtl ? handleLeftArrow : handleRightArrow,\n      enter: selectActiveItem\n    });\n  }, [handleFocusItem, handleLeftArrow, handleRightArrow, rtl, selectActiveItem]);\n\n  var renderNode = function renderNode(node, layer) {\n    var visible = node.visible,\n        refKey = node.refKey; // when searching, all nodes should be expand\n\n    var expand = (0, _treeUtils.getExpandWhenSearching)(searchKeywordState, expandItemValues.includes(node[valueKey]));\n\n    if (!visible) {\n      return null;\n    }\n\n    var children = node[childrenKey];\n    var visibleChildren = (0, _isUndefined2.default)(searchKeywordState) || searchKeywordState.length === 0 ? !!children : (0, _treeUtils.hasVisibleChildren)(node, childrenKey);\n    var nodeProps = (0, _extends2.default)({}, getTreeNodeProps((0, _extends2.default)({}, node, {\n      expand: expand\n    }), layer), {\n      hasChildren: visibleChildren\n    });\n\n    if (nodeProps.hasChildren) {\n      var _merge;\n\n      layer += 1;\n      var openClass = checkTreePrefix('open');\n      var childrenClass = merge(checkTreePrefix('node-children'), (_merge = {}, _merge[openClass] = expand && visibleChildren, _merge));\n      var nodes = children || [];\n      return /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: childrenClass,\n        key: node[valueKey],\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 714,\n          columnNumber: 9\n        }\n      }, /*#__PURE__*/_react.default.createElement(_CheckTreeNode.default, (0, _extends2.default)({}, nodeProps, {\n        ref: function ref(_ref) {\n          return saveTreeNodeRef(refKey, _ref);\n        },\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 715,\n          columnNumber: 11\n        }\n      })), /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: checkTreePrefix('children'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 716,\n          columnNumber: 11\n        }\n      }, nodes.map(function (child) {\n        return renderNode(child, layer);\n      })));\n    }\n\n    return /*#__PURE__*/_react.default.createElement(_CheckTreeNode.default, (0, _extends2.default)({\n      key: node[valueKey],\n      ref: function ref(_ref2) {\n        return saveTreeNodeRef(refKey, _ref2);\n      }\n    }, nodeProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 724,\n        columnNumber: 7\n      }\n    }));\n  };\n\n  var renderVirtualListNode = function renderVirtualListNode(nodes) {\n    return function (_ref3) {\n      var key = _ref3.key,\n          index = _ref3.index,\n          style = _ref3.style;\n      var node = nodes[index];\n      var layer = node.layer,\n          refKey = node.refKey,\n          visible = node.visible;\n      var expand = (0, _treeUtils.getExpandWhenSearching)(searchKeywordState, expandItemValues.includes(node[valueKey]));\n      var nodeProps = (0, _extends2.default)({}, getTreeNodeProps((0, _extends2.default)({}, node, {\n        expand: expand\n      }), layer), {\n        hasChildren: node.hasChildren\n      });\n      return visible && /*#__PURE__*/_react.default.createElement(_CheckTreeNode.default, (0, _extends2.default)({\n        style: style,\n        key: key,\n        ref: function ref(_ref4) {\n          return saveTreeNodeRef(refKey, _ref4);\n        }\n      }, nodeProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 746,\n          columnNumber: 9\n        }\n      }));\n    };\n  };\n\n  var renderCheckTree = function renderCheckTree() {\n    var _withCheckTreeClassPr, _merge2;\n\n    var classes = withCheckTreeClassPrefix((_withCheckTreeClassPr = {}, _withCheckTreeClassPr[className !== null && className !== void 0 ? className : ''] = inline, _withCheckTreeClassPr['without-children'] = !_utils2.isSomeNodeHasChildren, _withCheckTreeClassPr.virtualized = virtualized, _withCheckTreeClassPr));\n    var formattedNodes = getFormattedNodes(renderNode);\n\n    if (!formattedNodes.some(function (v) {\n      return v !== null;\n    })) {\n      return /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: prefix('none'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 766,\n          columnNumber: 14\n        }\n      }, locale.noResultsText);\n    }\n\n    var treeNodesClass = merge(checkTreePrefix('nodes'), (_merge2 = {}, _merge2[checkTreePrefix('all-uncheckable')] = (0, _utils2.isEveryFirstLevelNodeUncheckable)(flattenNodes, uncheckableItemValues, valueKey), _merge2));\n    var styles = inline ? (0, _extends2.default)({\n      height: height\n    }, style) : {};\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      id: id ? id + \"-listbox\" : undefined,\n      ref: inline ? (0, _utils.mergeRefs)(treeViewRef, ref) : treeViewRef,\n      role: \"tree\",\n      \"aria-multiselectable\": true,\n      className: classes,\n      style: styles,\n      onScroll: onScroll,\n      onKeyDown: inline ? handleTreeKeydown : undefined,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 779,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: treeNodesClass,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 789,\n        columnNumber: 9\n      }\n    }, virtualized ? /*#__PURE__*/_react.default.createElement(_VirtualizedList.AutoSizer, {\n      defaultHeight: inline ? height : _TreePicker.maxTreeHeight,\n      style: {\n        width: 'auto',\n        height: 'auto'\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 791,\n        columnNumber: 13\n      }\n    }, function (_ref5) {\n      var height = _ref5.height,\n          width = _ref5.width;\n      return /*#__PURE__*/_react.default.createElement(_VirtualizedList.List, {\n        ref: listRef,\n        width: width,\n        height: height,\n        rowHeight: 36,\n        rowCount: formattedNodes.length,\n        rowRenderer: renderVirtualListNode(formattedNodes),\n        scrollToAlignment: \"center\",\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 796,\n          columnNumber: 17\n        }\n      });\n    }) : formattedNodes));\n  };\n\n  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {\n    var left = positionProps.left,\n        top = positionProps.top,\n        className = positionProps.className;\n    var classes = (0, _classnames.default)(className, menuClassName, prefix('check-tree-menu'));\n    var mergedMenuStyle = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var styles = virtualized ? (0, _extends2.default)({\n      height: height\n    }, mergedMenuStyle) : (0, _extends2.default)({}, mergedMenuStyle);\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: styles,\n      ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),\n      onKeyDown: onPickerKeydown,\n      target: triggerRef,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 822,\n        columnNumber: 7\n      }\n    }, searchable ? /*#__PURE__*/_react.default.createElement(_Picker.SearchBar, {\n      placeholder: locale.searchPlaceholder,\n      onChange: handleSearch,\n      value: searchKeywordState,\n      inputRef: searchInputRef,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 831,\n        columnNumber: 11\n      }\n    }) : null, renderMenu ? renderMenu(renderCheckTree()) : renderCheckTree(), renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\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\n  var hasValidValue = hasValue() || value.length > 0 && (0, _isFunction2.default)(renderValue);\n  var selectedElement = placeholder;\n  var selectedItems = (0, _utils2.getSelectedItems)(flattenNodes, value, valueKey);\n\n  if (hasValidValue) {\n    selectedElement = /*#__PURE__*/_react.default.createElement(_Picker.SelectedElement, {\n      selectedItems: selectedItems,\n      countable: countable,\n      valueKey: valueKey,\n      labelKey: labelKey,\n      childrenKey: childrenKey,\n      prefix: prefix,\n      cascade: cascade,\n      locale: locale,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 854,\n        columnNumber: 7\n      }\n    });\n\n    if ((0, _isFunction2.default)(renderValue)) {\n      selectedElement = renderValue(value, selectedItems, selectedElement);\n\n      if ((0, _isNil2.default)(selectedElement)) {\n        hasValidValue = false;\n      }\n    }\n  }\n\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n    hasValue: hasValidValue,\n    name: 'check-tree'\n  })),\n      classes = _usePickerClassName[0],\n      usedClassNamePropKeys = _usePickerClassName[1];\n\n  if (inline) {\n    return renderCheckTree();\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    pickerProps: (0, _pick2.default)(props, _Picker.pickTriggerPropKeys),\n    ref: triggerRef,\n    placement: placement,\n    onEnter: handleOpen,\n    onEntered: onEntered,\n    onExited: (0, _utils.createChainedFunction)(handleClose, onExited),\n    speaker: renderDropdownMenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 884,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: classes,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 893,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit2.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {\n    id: id,\n    ref: targetRef,\n    onKeyDown: onPickerKeydown,\n    onClean: (0, _utils.createChainedFunction)(handleClean, onClean),\n    cleanable: cleanable && !disabled,\n    disabled: disabled,\n    as: toggleAs,\n    hasValue: hasValidValue,\n    active: active,\n    placement: placement,\n    inputValue: value,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 894,\n      columnNumber: 9\n    }\n  }), selectedElement || locale.placeholder)));\n});\n\nCheckTreePicker.displayName = 'CheckTreePicker';\nCheckTreePicker.defaultProps = defaultProps;\nCheckTreePicker.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {\n  height: _propTypes.default.number,\n  appearance: _propTypes.default.oneOf(['default', 'subtle']),\n  locale: _propTypes.default.any,\n  cascade: _propTypes.default.bool,\n  countable: _propTypes.default.bool,\n  searchable: _propTypes.default.bool,\n  virtualized: _propTypes.default.bool,\n  searchKeyword: _propTypes.default.string,\n  menuAutoWidth: _propTypes.default.bool,\n  defaultExpandAll: _propTypes.default.bool,\n  containerPadding: _propTypes.default.number,\n  disabledItemValues: _propTypes.default.array,\n  expandItemValues: _propTypes.default.array,\n  defaultExpandItemValues: _propTypes.default.array,\n  uncheckableItemValues: _propTypes.default.array,\n  onSearch: _propTypes.default.func,\n  onExpand: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  renderMenu: _propTypes.default.func,\n  renderTreeNode: _propTypes.default.func,\n  renderTreeIcon: _propTypes.default.func,\n  searchBy: _propTypes.default.func,\n  onScroll: _propTypes.default.func\n});\nvar _default = CheckTreePicker;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/CheckTreePicker/CheckTreePicker.tsx?");
 
 /***/ }),
 
@@ -1847,7 +2012,7 @@ eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/h
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _mapValues = _interopRequireDefault(__webpack_require__(/*! lodash/mapValues */ \"./node_modules/lodash/mapValues.js\"));\n\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Calendar */ \"./node_modules/@rsuite/icons/legacy/Calendar.js\"));\n\nvar _ClockO = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/ClockO */ \"./node_modules/@rsuite/icons/legacy/ClockO.js\"));\n\nvar _Calendar2 = __webpack_require__(/*! ../Calendar */ \"./src/Calendar/index.tsx\");\n\nvar _useCalendarDate2 = _interopRequireDefault(__webpack_require__(/*! ../Calendar/useCalendarDate */ \"./src/Calendar/useCalendarDate.ts\"));\n\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ./Toolbar */ \"./src/DatePicker/Toolbar.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/DatePicker/utils.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DatePicker/DatePicker.tsx\",\n    _this = void 0;\n\nvar defaultProps = (0, _extends2.default)({}, _Picker.pickerDefaultProps, {\n  as: 'div',\n  classPrefix: 'picker',\n  format: 'yyyy-MM-dd',\n  limitEndYear: 1000,\n  placeholder: ''\n});\n\nvar DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var Component = props.as,\n      className = props.className,\n      classPrefix = props.classPrefix,\n      calendarDefaultDate = props.calendarDefaultDate,\n      cleanable = props.cleanable,\n      defaultValue = props.defaultValue,\n      disabled = props.disabled,\n      formatStr = props.format,\n      inline = props.inline,\n      isoWeek = props.isoWeek,\n      limitEndYear = props.limitEndYear,\n      overrideLocale = props.locale,\n      menuClassName = props.menuClassName,\n      placement = props.placement,\n      oneTap = props.oneTap,\n      placeholder = props.placeholder,\n      ranges = props.ranges,\n      valueProp = props.value,\n      showMeridian = props.showMeridian,\n      showWeekNumbers = props.showWeekNumbers,\n      style = props.style,\n      toggleAs = props.toggleAs,\n      disabledDateProp = props.disabledDate,\n      renderValue = props.renderValue,\n      onChange = props.onChange,\n      onChangeCalendarDate = props.onChangeCalendarDate,\n      onClean = props.onClean,\n      onClose = props.onClose,\n      onEntered = props.onEntered,\n      onExited = props.onExited,\n      onNextMonth = props.onNextMonth,\n      onOk = props.onOk,\n      onOpen = props.onOpen,\n      onPrevMonth = props.onPrevMonth,\n      onSelect = props.onSelect,\n      onToggleMonthDropdown = props.onToggleMonthDropdown,\n      onToggleTimeDropdown = props.onToggleTimeDropdown,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"calendarDefaultDate\", \"cleanable\", \"defaultValue\", \"disabled\", \"format\", \"inline\", \"isoWeek\", \"limitEndYear\", \"locale\", \"menuClassName\", \"placement\", \"oneTap\", \"placeholder\", \"ranges\", \"value\", \"showMeridian\", \"showWeekNumbers\", \"style\", \"toggleAs\", \"disabledDate\", \"renderValue\", \"onChange\", \"onChangeCalendarDate\", \"onClean\", \"onClose\", \"onEntered\", \"onExited\", \"onNextMonth\", \"onOk\", \"onOpen\", \"onPrevMonth\", \"onSelect\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\"]);\n\n  var _useCustom = (0, _utils.useCustom)('DatePicker', overrideLocale),\n      locale = _useCustom.locale,\n      formatDate = _useCustom.formatDate,\n      parseDate = _useCustom.parseDate;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n      value = _useControlled[0],\n      setValue = _useControlled[1];\n\n  var _useCalendarDate = (0, _useCalendarDate2.default)(valueProp, calendarDefaultDate),\n      calendarDate = _useCalendarDate.calendarDate,\n      setCalendarDate = _useCalendarDate.setCalendarDate;\n\n  var _useState = (0, _react.useState)(),\n      inputState = _useState[0],\n      setInputState = _useState[1];\n\n  var _useCalendarState = (0, _utils2.useCalendarState)(),\n      calendarState = _useCalendarState.calendarState,\n      reset = _useCalendarState.reset,\n      openMonth = _useCalendarState.openMonth,\n      openTime = _useCalendarState.openTime;\n\n  var _useState2 = (0, _react.useState)(false),\n      active = _useState2[0],\n      setActive = _useState2[1];\n\n  var triggerRef = (0, _react.useRef)();\n  var rootRef = (0, _react.useRef)();\n  var targetRef = (0, _react.useRef)();\n  var overlayRef = (0, _react.useRef)();\n  (0, _Picker.usePublicMethods)(ref, {\n    rootRef: rootRef,\n    triggerRef: triggerRef,\n    overlayRef: overlayRef,\n    targetRef: targetRef\n  });\n  /**\n   * Switch to the callback triggered after the next month.\n   */\n\n  var handleMoveForward = (0, _react.useCallback)(function (nextPageDate) {\n    setCalendarDate(nextPageDate);\n    onNextMonth === null || onNextMonth === void 0 ? void 0 : onNextMonth(nextPageDate);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);\n  }, [onChangeCalendarDate, onNextMonth, setCalendarDate]);\n  /**\n   * Switch to the callback triggered after the previous month.\n   */\n\n  var handleMoveBackward = (0, _react.useCallback)(function (nextPageDate) {\n    setCalendarDate(nextPageDate);\n    onPrevMonth === null || onPrevMonth === void 0 ? void 0 : onPrevMonth(nextPageDate);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);\n  }, [onChangeCalendarDate, onPrevMonth, setCalendarDate]);\n  /**\n   * The callback triggered when the date changes.\n   */\n\n  var handleDateChange = (0, _react.useCallback)(function (nextValue, event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue, event);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextValue, event);\n  }, [onChangeCalendarDate, onSelect]);\n  /**\n   *  A callback triggered when the date on the calendar changes.\n   */\n\n  var handleChangePageDate = (0, _react.useCallback)(function (nextPageDate) {\n    setCalendarDate(nextPageDate);\n    reset();\n    handleDateChange(nextPageDate);\n  }, [handleDateChange, reset, setCalendarDate]);\n  /**\n   *  A callback triggered when the time on the calendar changes.\n   */\n\n  var handleChangePageTime = (0, _react.useCallback)(function (nextPageTime) {\n    setCalendarDate(nextPageTime);\n    handleDateChange(nextPageTime);\n  }, [handleDateChange, setCalendarDate]);\n  var handleClose = (0, _react.useCallback)(function () {\n    var _triggerRef$current, _triggerRef$current$c;\n\n    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$c = _triggerRef$current.close) === null || _triggerRef$current$c === void 0 ? void 0 : _triggerRef$current$c.call(_triggerRef$current);\n  }, []);\n  /**\n   * The callback triggered when PM/AM is switched.\n   */\n\n  var handleToggleMeridian = (0, _react.useCallback)(function () {\n    var hours = _utils.DateUtils.getHours(calendarDate);\n\n    var nextHours = hours >= 12 ? hours - 12 : hours + 12;\n\n    var nextDate = _utils.DateUtils.setHours(calendarDate, nextHours);\n\n    setCalendarDate(nextDate);\n  }, [calendarDate, setCalendarDate]);\n  var updateValue = (0, _react.useCallback)(function (event, nextPageDate, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\n\n    var nextValue = typeof nextPageDate !== 'undefined' ? nextPageDate : calendarDate;\n    setCalendarDate(nextValue || new Date());\n    setValue(nextValue);\n\n    if (nextValue !== value || !_utils.DateUtils.isSameDay(nextValue, value)) {\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    } // `closeOverlay` default value is `true`\n\n\n    if (closeOverlay !== false) {\n      handleClose();\n    }\n  }, [handleClose, onChange, calendarDate, setCalendarDate, setValue, value]);\n  /**\n   * The callback triggered after the date in the shortcut area is clicked.\n   */\n\n  var handleShortcutPageDate = (0, _react.useCallback)(function (value, closeOverlay, event) {\n    updateValue(event, value, closeOverlay);\n    handleDateChange(value, event);\n  }, [handleDateChange, updateValue]);\n  /**\n   * The callback triggered after clicking the OK button.\n   */\n\n  var handleOK = (0, _react.useCallback)(function (event) {\n    updateValue(event);\n    onOk === null || onOk === void 0 ? void 0 : onOk(calendarDate, event);\n  }, [updateValue, onOk, calendarDate]);\n  /**\n   * Toggle month selection panel\n   */\n\n  var handleMonthDropdown = (0, _react.useCallback)(function () {\n    if (calendarState === _Calendar2.CalendarState.DROP_MONTH) {\n      reset();\n    } else {\n      openMonth();\n    }\n\n    onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 ? void 0 : onToggleMonthDropdown(calendarState !== _Calendar2.CalendarState.DROP_MONTH);\n  }, [calendarState, onToggleMonthDropdown, openMonth, reset]);\n  /**\n   * Switch time selection panel\n   */\n\n  var handleTimeDropdown = (0, _react.useCallback)(function () {\n    if (calendarState === _Calendar2.CalendarState.DROP_TIME) {\n      reset();\n    } else {\n      openTime();\n    }\n\n    onToggleTimeDropdown === null || onToggleTimeDropdown === void 0 ? void 0 : onToggleTimeDropdown(calendarState !== _Calendar2.CalendarState.DROP_TIME);\n  }, [calendarState, onToggleTimeDropdown, openTime, reset]);\n  /**\n   * Callback after clicking the clear button.\n   */\n\n  var handleClean = (0, _react.useCallback)(function (event) {\n    setCalendarDate(new Date());\n    updateValue(event, null);\n  }, [setCalendarDate, updateValue]);\n  /**\n   * Handle keyboard events.\n   */\n\n  var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({\n    triggerRef: triggerRef,\n    targetRef: targetRef,\n    active: active,\n    onExit: handleClean\n  }, rest));\n  /**\n   * Callback after the date is selected.\n   */\n\n  var handleSelect = (0, _react.useCallback)(function (nextValue, event, updatableValue) {\n    if (updatableValue === void 0) {\n      updatableValue = true;\n    }\n\n    setCalendarDate( // Determine whether the current value contains time, if not, use calendarDate.\n    _utils.DateUtils.shouldTime(formatStr) ? nextValue : (0, _utils.composeFunctions)(function (d) {\n      return _utils.DateUtils.setHours(d, _utils.DateUtils.getHours(calendarDate));\n    }, function (d) {\n      return _utils.DateUtils.setMinutes(d, _utils.DateUtils.getMinutes(calendarDate));\n    }, function (d) {\n      return _utils.DateUtils.setSeconds(d, _utils.DateUtils.getSeconds(calendarDate));\n    })(nextValue));\n    handleDateChange(nextValue);\n\n    if (oneTap && updatableValue) {\n      updateValue(event, nextValue);\n    }\n  }, [formatStr, handleDateChange, oneTap, calendarDate, setCalendarDate, updateValue]);\n  var disabledDate = (0, _react.useCallback)(function (date) {\n    return disabledDateProp === null || disabledDateProp === void 0 ? void 0 : disabledDateProp(date);\n  }, [disabledDateProp]);\n  /**\n   * Callback after the input box value is changed.\n   */\n\n  var handleInputChange = (0, _react.useCallback)(function (value, event) {\n    setInputState('Typing'); // isMatch('01/11/2020', 'MM/dd/yyyy') ==> true\n    // isMatch('2020-11-01', 'MM/dd/yyyy') ==> false\n\n    if (!_utils.DateUtils.isMatch(value, formatStr, {\n      locale: locale.dateLocale\n    })) {\n      setInputState('Error');\n      return;\n    }\n\n    var date = parseDate(value, formatStr); // If only the time is included in the characters, it will default to today.\n\n    if (_utils.DateUtils.shouldOnlyTime(formatStr)) {\n      date = new Date(_utils.DateUtils.format(new Date(), 'yyyy-MM-dd') + \" \" + value);\n    }\n\n    if (!_utils.DateUtils.isValid(date)) {\n      setInputState('Error');\n      return;\n    }\n\n    if (disabledDate(date)) {\n      setInputState('Error');\n      return;\n    }\n\n    handleSelect(date, event, false);\n  }, [formatStr, locale, parseDate, disabledDate, handleSelect]);\n  /**\n   * The callback after the enter key is triggered on the input\n   */\n\n  var handleInputBlur = (0, _react.useCallback)(function (event) {\n    if (inputState === 'Typing') {\n      updateValue(event, calendarDate);\n    }\n\n    setInputState('Initial');\n  }, [inputState, calendarDate, updateValue]);\n  var handleEntered = (0, _react.useCallback)(function () {\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n    setActive(true);\n  }, [onOpen]);\n  var handleExited = (0, _react.useCallback)(function () {\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n    reset();\n    setActive(false);\n  }, [onClose, reset]); // Check whether the time is within the time range of the shortcut option in the toolbar.\n\n  var disabledToolbarHandle = (0, _react.useCallback)(function (date) {\n    var _disabledDateProp;\n\n    var allowDate = (_disabledDateProp = disabledDateProp === null || disabledDateProp === void 0 ? void 0 : disabledDateProp(date)) !== null && _disabledDateProp !== void 0 ? _disabledDateProp : false;\n\n    var allowTime = _utils.DateUtils.disabledTime(props, date);\n\n    return allowDate || allowTime;\n  }, [disabledDateProp, props]);\n  var calendarProps = (0, _react.useMemo)(function () {\n    return (0, _mapValues.default)((0, _pick.default)(props, _utils.DateUtils.calendarOnlyProps), function (disabledOrHiddenTimeFunc) {\n      return function (next, date) {\n        return disabledOrHiddenTimeFunc(next, date);\n      };\n    });\n  }, [props]);\n  var inSameMonth = (0, _react.useCallback)(function (date) {\n    return _utils.DateUtils.isSameMonth(date, calendarDate);\n  }, [calendarDate]);\n\n  var calendar = /*#__PURE__*/_react.default.createElement(_Calendar2.Calendar, (0, _extends2.default)({}, calendarProps, {\n    locale: locale,\n    showWeekNumbers: showWeekNumbers,\n    showMeridian: showMeridian,\n    disabledDate: disabledDate,\n    limitEndYear: limitEndYear,\n    format: formatStr,\n    isoWeek: isoWeek,\n    inSameMonth: inSameMonth,\n    calendarState: calendarState,\n    calendarDate: calendarDate,\n    onMoveForward: handleMoveForward,\n    onMoveBackward: handleMoveBackward,\n    onSelect: handleSelect,\n    onToggleMonthDropdown: handleMonthDropdown,\n    onToggleTimeDropdown: handleTimeDropdown,\n    onChangePageDate: handleChangePageDate,\n    onChangePageTime: handleChangePageTime,\n    onToggleMeridian: handleToggleMeridian,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 473,\n      columnNumber: 7\n    }\n  }));\n\n  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {\n    var left = positionProps.left,\n        top = positionProps.top,\n        className = positionProps.className;\n    var classes = merge(menuClassName, className, prefix('date-menu'));\n    var styles = {\n      left: left,\n      top: top\n    };\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n      className: classes,\n      ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),\n      style: styles,\n      target: triggerRef,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 501,\n        columnNumber: 9\n      }\n    }, calendar, /*#__PURE__*/_react.default.createElement(_Toolbar.default, {\n      locale: locale,\n      ranges: ranges,\n      calendarDate: calendarDate,\n      disabledOkBtn: disabledToolbarHandle,\n      disabledShortcut: disabledToolbarHandle,\n      onClickShortcut: handleShortcutPageDate,\n      onOk: handleOK,\n      hideOkBtn: oneTap,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 508,\n        columnNumber: 11\n      }\n    }));\n  };\n\n  var hasValue = !!value;\n\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n    name: 'date',\n    hasValue: hasValue\n  })),\n      classes = _usePickerClassName[0],\n      usedClassNamePropKeys = _usePickerClassName[1];\n\n  var renderDate = (0, _react.useCallback)(function () {\n    var _renderValue;\n\n    if (!value) {\n      return placeholder || formatStr;\n    }\n\n    return (_renderValue = renderValue === null || renderValue === void 0 ? void 0 : renderValue(value, formatStr)) !== null && _renderValue !== void 0 ? _renderValue : formatDate(value, formatStr);\n  }, [formatStr, formatDate, placeholder, renderValue, value]);\n  var caretComponent = (0, _react.useMemo)(function () {\n    return _utils.DateUtils.shouldOnlyTime(formatStr) ? _ClockO.default : _Calendar.default;\n  }, [formatStr]);\n\n  if (inline) {\n    return /*#__PURE__*/_react.default.createElement(Component, {\n      ref: rootRef,\n      className: merge(className, withClassPrefix('date-inline')),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 545,\n        columnNumber: 9\n      }\n    }, calendar);\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    trigger: \"active\",\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: triggerRef,\n    placement: placement,\n    onEntered: (0, _utils.createChainedFunction)(handleEntered, onEntered),\n    onExited: (0, _utils.createChainedFunction)(handleExited, onExited),\n    speaker: renderDropdownMenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 552,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: merge(className, classes),\n    style: style,\n    ref: rootRef,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 561,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, _utils.DateUtils.calendarOnlyProps)), {\n    className: prefix({\n      error: inputState === 'Error'\n    }),\n    as: toggleAs,\n    ref: targetRef,\n    input: true,\n    inputValue: value ? formatDate(value, formatStr) : '',\n    inputPlaceholder: typeof placeholder === 'string' && placeholder ? placeholder : formatStr,\n    inputMask: _utils.DateUtils.getDateMask(formatStr),\n    onInputChange: handleInputChange,\n    onInputBlur: handleInputBlur,\n    onKeyDown: onPickerKeyDown,\n    onClean: (0, _utils.createChainedFunction)(handleClean, onClean),\n    cleanable: cleanable && !disabled,\n    hasValue: hasValue,\n    active: active,\n    placement: placement,\n    disabled: disabled,\n    caretComponent: caretComponent,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 562,\n      columnNumber: 11\n    }\n  }), renderDate())));\n});\n\nDatePicker.displayName = 'DatePicker';\nDatePicker.defaultProps = defaultProps;\nDatePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes, {\n  calendarDefaultDate: _propTypes.default.instanceOf(Date),\n  defaultValue: _propTypes.default.instanceOf(Date),\n  disabledDate: _propTypes.default.func,\n  disabledHours: _propTypes.default.func,\n  disabledMinutes: _propTypes.default.func,\n  disabledSeconds: _propTypes.default.func,\n  format: _propTypes.default.string,\n  hideHours: _propTypes.default.func,\n  hideMinutes: _propTypes.default.func,\n  hideSeconds: _propTypes.default.func,\n  inline: _propTypes.default.bool,\n  isoWeek: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  onChange: _propTypes.default.func,\n  onChangeCalendarDate: _propTypes.default.func,\n  onNextMonth: _propTypes.default.func,\n  onOk: _propTypes.default.func,\n  onPrevMonth: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onToggleMonthDropdown: _propTypes.default.func,\n  onToggleTimeDropdown: _propTypes.default.func,\n  oneTap: _propTypes.default.bool,\n  panelContainerRef: _propTypes.default.any,\n  ranges: _propTypes.default.array,\n  showMeridian: _propTypes.default.bool,\n  showWeekNumbers: _propTypes.default.bool,\n  value: _propTypes.default.instanceOf(Date)\n});\nvar _default = DatePicker;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/DatePicker/DatePicker.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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _mapValues = _interopRequireDefault(__webpack_require__(/*! lodash/mapValues */ \"./node_modules/lodash/mapValues.js\"));\n\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Calendar */ \"./node_modules/@rsuite/icons/legacy/Calendar.js\"));\n\nvar _ClockO = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/ClockO */ \"./node_modules/@rsuite/icons/legacy/ClockO.js\"));\n\nvar _Calendar2 = __webpack_require__(/*! ../Calendar */ \"./src/Calendar/index.tsx\");\n\nvar _useCalendarDate2 = _interopRequireDefault(__webpack_require__(/*! ../Calendar/useCalendarDate */ \"./src/Calendar/useCalendarDate.ts\"));\n\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ./Toolbar */ \"./src/DatePicker/Toolbar.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/DatePicker/utils.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DatePicker/DatePicker.tsx\",\n    _this = void 0;\n\nvar defaultProps = (0, _extends2.default)({}, _Picker.pickerDefaultProps, {\n  as: 'div',\n  classPrefix: 'picker',\n  format: 'yyyy-MM-dd',\n  limitEndYear: 1000,\n  placeholder: ''\n});\n\nvar DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var Component = props.as,\n      className = props.className,\n      classPrefix = props.classPrefix,\n      calendarDefaultDate = props.calendarDefaultDate,\n      cleanable = props.cleanable,\n      defaultValue = props.defaultValue,\n      disabled = props.disabled,\n      formatStr = props.format,\n      isoWeek = props.isoWeek,\n      limitEndYear = props.limitEndYear,\n      overrideLocale = props.locale,\n      menuClassName = props.menuClassName,\n      placement = props.placement,\n      oneTap = props.oneTap,\n      placeholder = props.placeholder,\n      ranges = props.ranges,\n      valueProp = props.value,\n      showMeridian = props.showMeridian,\n      showWeekNumbers = props.showWeekNumbers,\n      style = props.style,\n      toggleAs = props.toggleAs,\n      disabledDateProp = props.disabledDate,\n      renderValue = props.renderValue,\n      onChange = props.onChange,\n      onChangeCalendarDate = props.onChangeCalendarDate,\n      onClean = props.onClean,\n      onClose = props.onClose,\n      onEntered = props.onEntered,\n      onExited = props.onExited,\n      onNextMonth = props.onNextMonth,\n      onOk = props.onOk,\n      onOpen = props.onOpen,\n      onPrevMonth = props.onPrevMonth,\n      onSelect = props.onSelect,\n      onToggleMonthDropdown = props.onToggleMonthDropdown,\n      onToggleTimeDropdown = props.onToggleTimeDropdown,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"calendarDefaultDate\", \"cleanable\", \"defaultValue\", \"disabled\", \"format\", \"isoWeek\", \"limitEndYear\", \"locale\", \"menuClassName\", \"placement\", \"oneTap\", \"placeholder\", \"ranges\", \"value\", \"showMeridian\", \"showWeekNumbers\", \"style\", \"toggleAs\", \"disabledDate\", \"renderValue\", \"onChange\", \"onChangeCalendarDate\", \"onClean\", \"onClose\", \"onEntered\", \"onExited\", \"onNextMonth\", \"onOk\", \"onOpen\", \"onPrevMonth\", \"onSelect\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\"]);\n\n  var _useCustom = (0, _utils.useCustom)('DatePicker', overrideLocale),\n      locale = _useCustom.locale,\n      formatDate = _useCustom.formatDate,\n      parseDate = _useCustom.parseDate;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n      value = _useControlled[0],\n      setValue = _useControlled[1];\n\n  var _useCalendarDate = (0, _useCalendarDate2.default)(valueProp, calendarDefaultDate),\n      calendarDate = _useCalendarDate.calendarDate,\n      setCalendarDate = _useCalendarDate.setCalendarDate;\n\n  var _useState = (0, _react.useState)(),\n      inputState = _useState[0],\n      setInputState = _useState[1];\n\n  var _useCalendarState = (0, _utils2.useCalendarState)(),\n      calendarState = _useCalendarState.calendarState,\n      reset = _useCalendarState.reset,\n      openMonth = _useCalendarState.openMonth,\n      openTime = _useCalendarState.openTime;\n\n  var _useState2 = (0, _react.useState)(false),\n      active = _useState2[0],\n      setActive = _useState2[1];\n\n  var triggerRef = (0, _react.useRef)();\n  var rootRef = (0, _react.useRef)();\n  var targetRef = (0, _react.useRef)();\n  var overlayRef = (0, _react.useRef)();\n  (0, _Picker.usePublicMethods)(ref, {\n    rootRef: rootRef,\n    triggerRef: triggerRef,\n    overlayRef: overlayRef,\n    targetRef: targetRef\n  });\n  /**\n   * Switch to the callback triggered after the next month.\n   */\n\n  var handleMoveForward = (0, _react.useCallback)(function (nextPageDate) {\n    setCalendarDate(nextPageDate);\n    onNextMonth === null || onNextMonth === void 0 ? void 0 : onNextMonth(nextPageDate);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);\n  }, [onChangeCalendarDate, onNextMonth, setCalendarDate]);\n  /**\n   * Switch to the callback triggered after the previous month.\n   */\n\n  var handleMoveBackward = (0, _react.useCallback)(function (nextPageDate) {\n    setCalendarDate(nextPageDate);\n    onPrevMonth === null || onPrevMonth === void 0 ? void 0 : onPrevMonth(nextPageDate);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);\n  }, [onChangeCalendarDate, onPrevMonth, setCalendarDate]);\n  /**\n   * The callback triggered when the date changes.\n   */\n\n  var handleDateChange = (0, _react.useCallback)(function (nextValue, event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue, event);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextValue, event);\n  }, [onChangeCalendarDate, onSelect]);\n  /**\n   *  A callback triggered when the date on the calendar changes.\n   */\n\n  var handleChangePageDate = (0, _react.useCallback)(function (nextPageDate) {\n    setCalendarDate(nextPageDate);\n    reset();\n    handleDateChange(nextPageDate);\n  }, [handleDateChange, reset, setCalendarDate]);\n  /**\n   *  A callback triggered when the time on the calendar changes.\n   */\n\n  var handleChangePageTime = (0, _react.useCallback)(function (nextPageTime) {\n    setCalendarDate(nextPageTime);\n    handleDateChange(nextPageTime);\n  }, [handleDateChange, setCalendarDate]);\n  var handleClose = (0, _react.useCallback)(function () {\n    var _triggerRef$current, _triggerRef$current$c;\n\n    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$c = _triggerRef$current.close) === null || _triggerRef$current$c === void 0 ? void 0 : _triggerRef$current$c.call(_triggerRef$current);\n  }, []);\n  /**\n   * The callback triggered when PM/AM is switched.\n   */\n\n  var handleToggleMeridian = (0, _react.useCallback)(function () {\n    var hours = _utils.DateUtils.getHours(calendarDate);\n\n    var nextHours = hours >= 12 ? hours - 12 : hours + 12;\n\n    var nextDate = _utils.DateUtils.setHours(calendarDate, nextHours);\n\n    setCalendarDate(nextDate);\n  }, [calendarDate, setCalendarDate]);\n  var updateValue = (0, _react.useCallback)(function (event, nextPageDate, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\n\n    var nextValue = typeof nextPageDate !== 'undefined' ? nextPageDate : calendarDate;\n    setCalendarDate(nextValue || new Date());\n    setValue(nextValue);\n\n    if (nextValue !== value || !_utils.DateUtils.isSameDay(nextValue, value)) {\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    } // `closeOverlay` default value is `true`\n\n\n    if (closeOverlay !== false) {\n      handleClose();\n    }\n  }, [handleClose, onChange, calendarDate, setCalendarDate, setValue, value]);\n  /**\n   * The callback triggered after the date in the shortcut area is clicked.\n   */\n\n  var handleShortcutPageDate = (0, _react.useCallback)(function (value, closeOverlay, event) {\n    updateValue(event, value, closeOverlay);\n    handleDateChange(value, event);\n  }, [handleDateChange, updateValue]);\n  /**\n   * The callback triggered after clicking the OK button.\n   */\n\n  var handleOK = (0, _react.useCallback)(function (event) {\n    updateValue(event);\n    onOk === null || onOk === void 0 ? void 0 : onOk(calendarDate, event);\n  }, [updateValue, onOk, calendarDate]);\n  /**\n   * Toggle month selection panel\n   */\n\n  var handleMonthDropdown = (0, _react.useCallback)(function () {\n    if (calendarState === _Calendar2.CalendarState.DROP_MONTH) {\n      reset();\n    } else {\n      openMonth();\n    }\n\n    onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 ? void 0 : onToggleMonthDropdown(calendarState !== _Calendar2.CalendarState.DROP_MONTH);\n  }, [calendarState, onToggleMonthDropdown, openMonth, reset]);\n  /**\n   * Switch time selection panel\n   */\n\n  var handleTimeDropdown = (0, _react.useCallback)(function () {\n    if (calendarState === _Calendar2.CalendarState.DROP_TIME) {\n      reset();\n    } else {\n      openTime();\n    }\n\n    onToggleTimeDropdown === null || onToggleTimeDropdown === void 0 ? void 0 : onToggleTimeDropdown(calendarState !== _Calendar2.CalendarState.DROP_TIME);\n  }, [calendarState, onToggleTimeDropdown, openTime, reset]);\n  /**\n   * Callback after clicking the clear button.\n   */\n\n  var handleClean = (0, _react.useCallback)(function (event) {\n    setCalendarDate(new Date());\n    updateValue(event, null);\n  }, [setCalendarDate, updateValue]);\n  /**\n   * Handle keyboard events.\n   */\n\n  var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({\n    triggerRef: triggerRef,\n    targetRef: targetRef,\n    active: active,\n    onExit: handleClean\n  }, rest));\n  /**\n   * Callback after the date is selected.\n   */\n\n  var handleSelect = (0, _react.useCallback)(function (nextValue, event, updatableValue) {\n    if (updatableValue === void 0) {\n      updatableValue = true;\n    }\n\n    setCalendarDate( // Determine whether the current value contains time, if not, use calendarDate.\n    _utils.DateUtils.shouldTime(formatStr) ? nextValue : (0, _utils.composeFunctions)(function (d) {\n      return _utils.DateUtils.setHours(d, _utils.DateUtils.getHours(calendarDate));\n    }, function (d) {\n      return _utils.DateUtils.setMinutes(d, _utils.DateUtils.getMinutes(calendarDate));\n    }, function (d) {\n      return _utils.DateUtils.setSeconds(d, _utils.DateUtils.getSeconds(calendarDate));\n    })(nextValue));\n    handleDateChange(nextValue);\n\n    if (oneTap && updatableValue) {\n      updateValue(event, nextValue);\n    }\n  }, [formatStr, handleDateChange, oneTap, calendarDate, setCalendarDate, updateValue]);\n  var disabledDate = (0, _react.useCallback)(function (date) {\n    return disabledDateProp === null || disabledDateProp === void 0 ? void 0 : disabledDateProp(date);\n  }, [disabledDateProp]);\n  /**\n   * Callback after the input box value is changed.\n   */\n\n  var handleInputChange = (0, _react.useCallback)(function (value, event) {\n    setInputState('Typing'); // isMatch('01/11/2020', 'MM/dd/yyyy') ==> true\n    // isMatch('2020-11-01', 'MM/dd/yyyy') ==> false\n\n    if (!_utils.DateUtils.isMatch(value, formatStr, {\n      locale: locale.dateLocale\n    })) {\n      setInputState('Error');\n      return;\n    }\n\n    var date = parseDate(value, formatStr); // If only the time is included in the characters, it will default to today.\n\n    if (_utils.DateUtils.shouldOnlyTime(formatStr)) {\n      date = new Date(_utils.DateUtils.format(new Date(), 'yyyy-MM-dd') + \" \" + value);\n    }\n\n    if (!_utils.DateUtils.isValid(date)) {\n      setInputState('Error');\n      return;\n    }\n\n    if (disabledDate(date)) {\n      setInputState('Error');\n      return;\n    }\n\n    handleSelect(date, event, false);\n  }, [formatStr, locale, parseDate, disabledDate, handleSelect]);\n  /**\n   * The callback after the enter key is triggered on the input\n   */\n\n  var handleInputBlur = (0, _react.useCallback)(function (event) {\n    if (inputState === 'Typing') {\n      updateValue(event, calendarDate);\n    }\n\n    setInputState('Initial');\n  }, [inputState, calendarDate, updateValue]);\n  var handleEntered = (0, _react.useCallback)(function () {\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n    setActive(true);\n  }, [onOpen]);\n  var handleExited = (0, _react.useCallback)(function () {\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n    reset();\n    setActive(false);\n  }, [onClose, reset]); // Check whether the time is within the time range of the shortcut option in the toolbar.\n\n  var disabledToolbarHandle = (0, _react.useCallback)(function (date) {\n    var _disabledDateProp;\n\n    var allowDate = (_disabledDateProp = disabledDateProp === null || disabledDateProp === void 0 ? void 0 : disabledDateProp(date)) !== null && _disabledDateProp !== void 0 ? _disabledDateProp : false;\n\n    var allowTime = _utils.DateUtils.disabledTime(props, date);\n\n    return allowDate || allowTime;\n  }, [disabledDateProp, props]);\n  var calendarProps = (0, _react.useMemo)(function () {\n    return (0, _mapValues.default)((0, _pick.default)(props, _utils.DateUtils.calendarOnlyProps), function (disabledOrHiddenTimeFunc) {\n      return function (next, date) {\n        return disabledOrHiddenTimeFunc(next, date);\n      };\n    });\n  }, [props]);\n  var inSameMonth = (0, _react.useCallback)(function (date) {\n    return _utils.DateUtils.isSameMonth(date, calendarDate);\n  }, [calendarDate]);\n\n  var calendar = /*#__PURE__*/_react.default.createElement(_Calendar2.Calendar, (0, _extends2.default)({}, calendarProps, {\n    locale: locale,\n    showWeekNumbers: showWeekNumbers,\n    showMeridian: showMeridian,\n    disabledDate: disabledDate,\n    limitEndYear: limitEndYear,\n    format: formatStr,\n    isoWeek: isoWeek,\n    inSameMonth: inSameMonth,\n    calendarState: calendarState,\n    calendarDate: calendarDate,\n    onMoveForward: handleMoveForward,\n    onMoveBackward: handleMoveBackward,\n    onSelect: handleSelect,\n    onToggleMonthDropdown: handleMonthDropdown,\n    onToggleTimeDropdown: handleTimeDropdown,\n    onChangePageDate: handleChangePageDate,\n    onChangePageTime: handleChangePageTime,\n    onToggleMeridian: handleToggleMeridian,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 476,\n      columnNumber: 7\n    }\n  }));\n\n  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {\n    var left = positionProps.left,\n        top = positionProps.top,\n        className = positionProps.className;\n    var classes = merge(menuClassName, className, prefix('date-menu'));\n    var styles = {\n      left: left,\n      top: top\n    };\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n      className: classes,\n      ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),\n      style: styles,\n      target: triggerRef,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 504,\n        columnNumber: 9\n      }\n    }, calendar, /*#__PURE__*/_react.default.createElement(_Toolbar.default, {\n      locale: locale,\n      ranges: ranges,\n      calendarDate: calendarDate,\n      disabledOkBtn: disabledToolbarHandle,\n      disabledShortcut: disabledToolbarHandle,\n      onClickShortcut: handleShortcutPageDate,\n      onOk: handleOK,\n      hideOkBtn: oneTap,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 511,\n        columnNumber: 11\n      }\n    }));\n  };\n\n  var hasValue = !!value;\n\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n    name: 'date',\n    hasValue: hasValue\n  })),\n      classes = _usePickerClassName[0],\n      usedClassNamePropKeys = _usePickerClassName[1];\n\n  var renderDate = (0, _react.useCallback)(function () {\n    var _renderValue;\n\n    if (!value) {\n      return placeholder || formatStr;\n    }\n\n    return (_renderValue = renderValue === null || renderValue === void 0 ? void 0 : renderValue(value, formatStr)) !== null && _renderValue !== void 0 ? _renderValue : formatDate(value, formatStr);\n  }, [formatStr, formatDate, placeholder, renderValue, value]);\n  var caretComponent = (0, _react.useMemo)(function () {\n    return _utils.DateUtils.shouldOnlyTime(formatStr) ? _ClockO.default : _Calendar.default;\n  }, [formatStr]);\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    trigger: \"active\",\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: triggerRef,\n    placement: placement,\n    onEntered: (0, _utils.createChainedFunction)(handleEntered, onEntered),\n    onExited: (0, _utils.createChainedFunction)(handleExited, onExited),\n    speaker: renderDropdownMenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 547,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: merge(className, classes),\n    style: style,\n    ref: rootRef,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 556,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, _utils.DateUtils.calendarOnlyProps)), {\n    className: prefix({\n      error: inputState === 'Error'\n    }),\n    as: toggleAs,\n    ref: targetRef,\n    input: true,\n    inputValue: value ? formatDate(value, formatStr) : '',\n    inputPlaceholder: typeof placeholder === 'string' && placeholder ? placeholder : formatStr,\n    inputMask: _utils.DateUtils.getDateMask(formatStr),\n    onInputChange: handleInputChange,\n    onInputBlur: handleInputBlur,\n    onKeyDown: onPickerKeyDown,\n    onClean: (0, _utils.createChainedFunction)(handleClean, onClean),\n    cleanable: cleanable && !disabled,\n    hasValue: hasValue,\n    active: active,\n    placement: placement,\n    disabled: disabled,\n    caretComponent: caretComponent,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 557,\n      columnNumber: 11\n    }\n  }), renderDate())));\n});\n\nDatePicker.displayName = 'DatePicker';\nDatePicker.defaultProps = defaultProps;\nDatePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes, {\n  calendarDefaultDate: _propTypes.default.instanceOf(Date),\n  defaultValue: _propTypes.default.instanceOf(Date),\n  disabledDate: _propTypes.default.func,\n  disabledHours: _propTypes.default.func,\n  disabledMinutes: _propTypes.default.func,\n  disabledSeconds: _propTypes.default.func,\n  format: _propTypes.default.string,\n  hideHours: _propTypes.default.func,\n  hideMinutes: _propTypes.default.func,\n  hideSeconds: _propTypes.default.func,\n  isoWeek: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  onChange: _propTypes.default.func,\n  onChangeCalendarDate: _propTypes.default.func,\n  onNextMonth: _propTypes.default.func,\n  onOk: _propTypes.default.func,\n  onPrevMonth: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onToggleMonthDropdown: _propTypes.default.func,\n  onToggleTimeDropdown: _propTypes.default.func,\n  oneTap: _propTypes.default.bool,\n  panelContainerRef: _propTypes.default.any,\n  ranges: _propTypes.default.array,\n  showMeridian: _propTypes.default.bool,\n  showWeekNumbers: _propTypes.default.bool,\n  value: _propTypes.default.instanceOf(Date)\n});\nvar _default = DatePicker;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/DatePicker/DatePicker.tsx?");
 
 /***/ }),
 
@@ -1891,7 +2056,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\n\nvar _Calendar = _interopRequireWildcard(__webpack_require__(/*! ../Calendar/Calendar */ \"./src/Calendar/Calendar.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateRangePicker/Calendar.tsx\",\n    _this = void 0;\n\nvar defaultProps = {\n  as: _Calendar.default,\n  calendarDate: [new Date(), (0, _dateUtils.addMonths)(new Date(), 1)],\n  format: 'yyyy-MM-dd',\n  index: 0,\n  value: []\n};\n\nvar Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var Component = props.as,\n      calendarDate = props.calendarDate,\n      disabledDate = props.disabledDate,\n      index = props.index,\n      limitEndYear = props.limitEndYear,\n      onChangeCalendarDate = props.onChangeCalendarDate,\n      showOneCalendar = props.showOneCalendar,\n      value = props.value,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"calendarDate\", \"disabledDate\", \"index\", \"limitEndYear\", \"onChangeCalendarDate\", \"showOneCalendar\", \"value\"]);\n\n  var _useState = (0, _react.useState)(),\n      calendarState = _useState[0],\n      setCalendarState = _useState[1];\n\n  var onMoveForward = (0, _react.useCallback)(function (nextPageDate) {\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(index, nextPageDate);\n  }, [index, onChangeCalendarDate]);\n  var onMoveBackward = (0, _react.useCallback)(function (nextPageDate) {\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(index, nextPageDate);\n  }, [index, onChangeCalendarDate]);\n  var handleChangePageDate = (0, _react.useCallback)(function (nextPageDate) {\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(index, nextPageDate);\n    setCalendarState(undefined);\n  }, [index, onChangeCalendarDate]);\n  var handleChangePageTime = (0, _react.useCallback)(function (nextPageDate) {\n    onChangeCalendarDate(index, nextPageDate);\n  }, [index, onChangeCalendarDate]);\n  var toggleMonthDropdown = (0, _react.useCallback)(function () {\n    setCalendarState(calendarState === _Calendar.CalendarState.DROP_MONTH ? undefined : _Calendar.CalendarState.DROP_MONTH);\n  }, [calendarState]);\n  var toggleTimeDropdown = (0, _react.useCallback)(function () {\n    setCalendarState(calendarState === _Calendar.CalendarState.DROP_TIME ? undefined : _Calendar.CalendarState.DROP_TIME);\n  }, [calendarState]);\n  var inSameMonth = (0, _react.useCallback)(function (date) {\n    return (0, _dateUtils.isSameMonth)(date, calendarDate[index]);\n  }, [calendarDate, index]);\n  var getCalendarDate = (0, _react.useCallback)(function () {\n    return calendarDate[index];\n  }, [calendarDate, index]);\n  var handleMoveForward = (0, _react.useCallback)(function () {\n    onMoveForward === null || onMoveForward === void 0 ? void 0 : onMoveForward((0, _dateUtils.addMonths)(getCalendarDate(), 1));\n  }, [getCalendarDate, onMoveForward]);\n  var handleMoveBackward = (0, _react.useCallback)(function () {\n    onMoveBackward === null || onMoveBackward === void 0 ? void 0 : onMoveBackward((0, _dateUtils.addMonths)(getCalendarDate(), -1));\n  }, [getCalendarDate, onMoveBackward]);\n  var disabledBackward = (0, _react.useCallback)(function () {\n    var after = (0, _dateUtils.isAfter)((0, _dateUtils.setDate)(calendarDate[1], 1), (0, _dateUtils.setDate)((0, _dateUtils.addMonths)(calendarDate[0], 1), 1));\n\n    if (index === 0) {\n      return false;\n    }\n\n    return !after;\n  }, [calendarDate, index]);\n  var disabledForward = (0, _react.useCallback)(function () {\n    if (showOneCalendar) return false;\n    var after = (0, _dateUtils.isAfter)((0, _dateUtils.setDate)(calendarDate[1], 1), (0, _dateUtils.setDate)((0, _dateUtils.addMonths)(calendarDate[0], 1), 1));\n\n    if (index === 1) {\n      return false;\n    }\n\n    return !after;\n  }, [calendarDate, index, showOneCalendar]);\n  var disabledMonth = (0, _react.useCallback)(function (date) {\n    var after;\n\n    if (disabledDate !== null && disabledDate !== void 0 && disabledDate(date, value, _utils.DATERANGE_DISABLED_TARGET.CALENDAR)) {\n      return true;\n    }\n\n    if (showOneCalendar) return false;\n\n    if (index === 1) {\n      after = (0, _dateUtils.isAfter)(date, calendarDate[0]);\n      return !after;\n    }\n\n    after = (0, _dateUtils.isAfter)(calendarDate[1], date);\n    return !after;\n  }, [calendarDate, disabledDate, index, showOneCalendar, value]);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    calendarState: calendarState,\n    dateRange: value,\n    disabledBackward: disabledBackward(),\n    disabledDate: disabledMonth,\n    disabledForward: disabledForward(),\n    inSameMonth: inSameMonth,\n    index: index,\n    limitEndYear: limitEndYear,\n    onChangePageDate: handleChangePageDate,\n    onChangePageTime: handleChangePageTime,\n    onMoveBackward: handleMoveBackward,\n    onMoveForward: handleMoveForward,\n    onToggleMonthDropdown: toggleMonthDropdown,\n    onToggleTimeDropdown: toggleTimeDropdown,\n    calendarDate: getCalendarDate(),\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 154,\n      columnNumber: 7\n    }\n  }));\n});\n\nCalendar.displayName = 'DateRangePicker.Calendar';\nCalendar.defaultProps = defaultProps;\nCalendar.propTypes = {\n  value: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  hoverValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  calendarDate: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  index: _propTypes.default.number,\n  format: _propTypes.default.string,\n  isoWeek: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  classPrefix: _propTypes.default.string,\n  disabledDate: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onMouseMove: _propTypes.default.func,\n  onChangeCalendarDate: _propTypes.default.func\n};\nvar _default = Calendar;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/Calendar.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 _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\n\nvar _Calendar = _interopRequireWildcard(__webpack_require__(/*! ../Calendar/Calendar */ \"./src/Calendar/Calendar.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateRangePicker/Calendar.tsx\",\n    _this = void 0;\n\nvar defaultProps = {\n  as: _Calendar.default,\n  calendarDate: [new Date(), (0, _dateUtils.addMonths)(new Date(), 1)],\n  format: 'yyyy-MM-dd',\n  index: 0,\n  value: []\n};\n\nvar Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var Component = props.as,\n      calendarDate = props.calendarDate,\n      disabledDate = props.disabledDate,\n      index = props.index,\n      limitEndYear = props.limitEndYear,\n      onChangeCalendarDate = props.onChangeCalendarDate,\n      onChangeCalendarTime = props.onChangeCalendarTime,\n      showOneCalendar = props.showOneCalendar,\n      value = props.value,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"calendarDate\", \"disabledDate\", \"index\", \"limitEndYear\", \"onChangeCalendarDate\", \"onChangeCalendarTime\", \"showOneCalendar\", \"value\"]);\n\n  var _useState = (0, _react.useState)(),\n      calendarState = _useState[0],\n      setCalendarState = _useState[1];\n\n  var onMoveForward = (0, _react.useCallback)(function (nextPageDate) {\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(index, nextPageDate);\n  }, [index, onChangeCalendarDate]);\n  var onMoveBackward = (0, _react.useCallback)(function (nextPageDate) {\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(index, nextPageDate);\n  }, [index, onChangeCalendarDate]);\n  var handleChangePageDate = (0, _react.useCallback)(function (nextPageDate) {\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(index, nextPageDate);\n    setCalendarState(undefined);\n  }, [index, onChangeCalendarDate]);\n  var handleChangePageTime = (0, _react.useCallback)(function (nextPageDate) {\n    onChangeCalendarTime(index, nextPageDate);\n  }, [index, onChangeCalendarTime]);\n  var toggleMonthDropdown = (0, _react.useCallback)(function () {\n    setCalendarState(calendarState === _Calendar.CalendarState.DROP_MONTH ? undefined : _Calendar.CalendarState.DROP_MONTH);\n  }, [calendarState]);\n  var toggleTimeDropdown = (0, _react.useCallback)(function () {\n    setCalendarState(calendarState === _Calendar.CalendarState.DROP_TIME ? undefined : _Calendar.CalendarState.DROP_TIME);\n  }, [calendarState]);\n  var inSameMonth = (0, _react.useCallback)(function (date) {\n    return (0, _dateUtils.isSameMonth)(date, calendarDate[index]);\n  }, [calendarDate, index]);\n  var getCalendarDate = (0, _react.useCallback)(function () {\n    return calendarDate[index];\n  }, [calendarDate, index]);\n  var handleMoveForward = (0, _react.useCallback)(function () {\n    onMoveForward === null || onMoveForward === void 0 ? void 0 : onMoveForward((0, _dateUtils.addMonths)(getCalendarDate(), 1));\n  }, [getCalendarDate, onMoveForward]);\n  var handleMoveBackward = (0, _react.useCallback)(function () {\n    onMoveBackward === null || onMoveBackward === void 0 ? void 0 : onMoveBackward((0, _dateUtils.addMonths)(getCalendarDate(), -1));\n  }, [getCalendarDate, onMoveBackward]);\n  var disabledBackward = (0, _react.useCallback)(function () {\n    var after = (0, _dateUtils.isAfter)((0, _dateUtils.setDate)(calendarDate[1], 1), (0, _dateUtils.setDate)((0, _dateUtils.addMonths)(calendarDate[0], 1), 1));\n\n    if (index === 0) {\n      return false;\n    }\n\n    return !after;\n  }, [calendarDate, index]);\n  var disabledForward = (0, _react.useCallback)(function () {\n    if (showOneCalendar) return false;\n    var after = (0, _dateUtils.isAfter)((0, _dateUtils.setDate)(calendarDate[1], 1), (0, _dateUtils.setDate)((0, _dateUtils.addMonths)(calendarDate[0], 1), 1));\n\n    if (index === 1) {\n      return false;\n    }\n\n    return !after;\n  }, [calendarDate, index, showOneCalendar]);\n  var disabledMonth = (0, _react.useCallback)(function (date) {\n    var after;\n\n    if (disabledDate !== null && disabledDate !== void 0 && disabledDate(date, value, _utils.DATERANGE_DISABLED_TARGET.CALENDAR)) {\n      return true;\n    }\n\n    if (showOneCalendar) return false;\n\n    if (index === 1) {\n      after = (0, _dateUtils.isAfter)(date, calendarDate[0]);\n      return !after;\n    }\n\n    after = (0, _dateUtils.isAfter)(calendarDate[1], date);\n    return !after;\n  }, [calendarDate, disabledDate, index, showOneCalendar, value]);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    calendarState: calendarState,\n    dateRange: value,\n    disabledBackward: disabledBackward(),\n    disabledDate: disabledMonth,\n    disabledForward: disabledForward(),\n    inSameMonth: inSameMonth,\n    index: index,\n    limitEndYear: limitEndYear,\n    onChangePageDate: handleChangePageDate,\n    onChangePageTime: handleChangePageTime,\n    onMoveBackward: handleMoveBackward,\n    onMoveForward: handleMoveForward,\n    onToggleMonthDropdown: toggleMonthDropdown,\n    onToggleTimeDropdown: toggleTimeDropdown,\n    calendarDate: getCalendarDate(),\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 157,\n      columnNumber: 7\n    }\n  }));\n});\n\nCalendar.displayName = 'DateRangePicker.Calendar';\nCalendar.defaultProps = defaultProps;\nCalendar.propTypes = {\n  value: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  hoverValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  calendarDate: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  index: _propTypes.default.number,\n  format: _propTypes.default.string,\n  isoWeek: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  classPrefix: _propTypes.default.string,\n  disabledDate: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onMouseMove: _propTypes.default.func,\n  onChangeCalendarDate: _propTypes.default.func\n};\nvar _default = Calendar;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/Calendar.tsx?");
 
 /***/ }),
 
@@ -1902,7 +2067,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\n\nvar disabledDateUtils = _interopRequireWildcard(__webpack_require__(/*! ./disabledDateUtils */ \"./src/DateRangePicker/disabledDateUtils.ts\"));\n\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\n\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ../DatePicker/Toolbar */ \"./src/DatePicker/Toolbar.tsx\"));\n\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! ./Calendar */ \"./src/DateRangePicker/Calendar.tsx\"));\n\nvar _utils = __webpack_require__(/*! ./utils */ \"./src/DateRangePicker/utils.ts\");\n\nvar _utils2 = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _partial = _interopRequireDefault(__webpack_require__(/*! lodash/partial */ \"./node_modules/lodash/partial.js\"));\n\nvar _Calendar2 = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Calendar */ \"./node_modules/@rsuite/icons/legacy/Calendar.js\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateRangePicker/DateRangePicker.tsx\",\n    _this = void 0;\n\nvar defaultProps = (0, _extends2.default)({}, _Picker.pickerDefaultProps, {\n  as: 'div',\n  classPrefix: 'picker',\n  cleanable: true,\n  placement: 'bottomStart',\n  appearance: 'default',\n  format: 'yyyy-MM-dd',\n  limitEndYear: 1000,\n  placeholder: '',\n  showOneCalendar: false,\n  character: ' ~ '\n});\n\nvar DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _ref, _merge;\n\n  var Component = props.as,\n      classPrefix = props.classPrefix,\n      className = props.className,\n      cleanable = props.cleanable,\n      character = props.character,\n      defaultCalendarValue = props.defaultCalendarValue,\n      defaultValue = props.defaultValue,\n      disabled = props.disabled,\n      disabledDateProp = props.disabledDate,\n      formatStr = props.format,\n      hoverRange = props.hoverRange,\n      isoWeek = props.isoWeek,\n      limitEndYear = props.limitEndYear,\n      overrideLocale = props.locale,\n      menuClassName = props.menuClassName,\n      menuStyle = props.menuStyle,\n      oneTap = props.oneTap,\n      placeholder = props.placeholder,\n      placement = props.placement,\n      ranges = props.ranges,\n      renderValue = props.renderValue,\n      showOneCalendar = props.showOneCalendar,\n      showWeekNumbers = props.showWeekNumbers,\n      style = props.style,\n      toggleAs = props.toggleAs,\n      valueProp = props.value,\n      onChange = props.onChange,\n      onClean = props.onClean,\n      onClose = props.onClose,\n      onEnter = props.onEnter,\n      onEntered = props.onEntered,\n      onExited = props.onExited,\n      onOk = props.onOk,\n      onOpen = props.onOpen,\n      onSelect = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"className\", \"cleanable\", \"character\", \"defaultCalendarValue\", \"defaultValue\", \"disabled\", \"disabledDate\", \"format\", \"hoverRange\", \"isoWeek\", \"limitEndYear\", \"locale\", \"menuClassName\", \"menuStyle\", \"oneTap\", \"placeholder\", \"placement\", \"ranges\", \"renderValue\", \"showOneCalendar\", \"showWeekNumbers\", \"style\", \"toggleAs\", \"value\", \"onChange\", \"onClean\", \"onClose\", \"onEnter\", \"onEntered\", \"onExited\", \"onOk\", \"onOpen\", \"onSelect\"]);\n\n  var _useClassNames = (0, _utils2.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var _useCustom = (0, _utils2.useCustom)('DateRangePicker', overrideLocale),\n      locale = _useCustom.locale,\n      formatDate = _useCustom.formatDate;\n\n  var rangeFormatStr = \"\" + formatStr + character + formatStr;\n\n  var _useControlled = (0, _utils2.useControlled)(valueProp, defaultValue !== null && defaultValue !== void 0 ? defaultValue : []),\n      value = _useControlled[0],\n      setValue = _useControlled[1];\n  /**\n   * Whether to complete the selection.\n   * Everytime selection will change this value. If the value is false, it means that the selection has not been completed.\n   *\n   * In `oneTap` mode, select action will not change this value, its value should be true always.\n   */\n\n\n  var hasDoneSelect = (0, _react.useRef)(true);\n  /**\n   * The currently selected date range.\n   *\n   * The time range is selected by two clicks. After the first click,\n   * the cursor will store a temporary event date in the process until\n   * the second click to determine the end date of the date range.\n   *\n   */\n\n  var _useState = (0, _react.useState)((_ref = valueProp !== null && valueProp !== void 0 ? valueProp : defaultValue) !== null && _ref !== void 0 ? _ref : []),\n      selectValue = _useState[0],\n      setSelectValue = _useState[1]; // The date of the current hover, used to reduce the calculation of `handleMouseMove`\n\n\n  var _useState2 = (0, _react.useState)([]),\n      hoverValue = _useState2[0],\n      setHoverValue = _useState2[1]; // The displayed calendar panel is rendered based on this value.\n\n\n  var _useState3 = (0, _react.useState)((0, _utils.getCalendarDate)({\n    value: valueProp !== null && valueProp !== void 0 ? valueProp : defaultCalendarValue\n  })),\n      calendarDate = _useState3[0],\n      setCalendarDate = _useState3[1];\n\n  var _useState4 = (0, _react.useState)(),\n      inputState = _useState4[0],\n      setInputState = _useState4[1];\n  /**\n   * When hoverRange is set, `selectValue` will be updated during the hover process,\n   * which will cause the `selectValue` to be updated after the first click,\n   * so declare a Ref to temporarily store the `selectValue` of the first click.\n   */\n\n\n  var selectRangeValueRef = (0, _react.useRef)(null);\n  /**\n   * Call this function to update the calendar panel rendering benchmark value.\n   * If params `value` is not passed, it defaults to [new Date(), addMonth(new Date(), 1)].\n   */\n\n  var updateCalendarDate = (0, _react.useCallback)(function (value) {\n    setCalendarDate((0, _utils.getCalendarDate)({\n      value: value\n    }));\n  }, []); // if valueProp changed then update selectValue/hoverValue\n\n  (0, _react.useEffect)(function () {\n    setSelectValue(valueProp !== null && valueProp !== void 0 ? valueProp : []);\n    setHoverValue(valueProp !== null && valueProp !== void 0 ? valueProp : []);\n  }, [valueProp]);\n\n  var _useState5 = (0, _react.useState)(false),\n      isPickerToggleActive = _useState5[0],\n      setPickerToggleActive = _useState5[1];\n\n  var rootRef = (0, _react.useRef)();\n  var overlayRef = (0, _react.useRef)();\n  var targetRef = (0, _react.useRef)();\n  var triggerRef = (0, _react.useRef)();\n  var handleCloseDropdown = (0, _react.useCallback)(function () {\n    var _triggerRef$current, _triggerRef$current$c;\n\n    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$c = _triggerRef$current.close) === null || _triggerRef$current$c === void 0 ? void 0 : _triggerRef$current$c.call(_triggerRef$current);\n  }, []);\n  (0, _Picker.usePublicMethods)(ref, {\n    triggerRef: triggerRef,\n    overlayRef: overlayRef,\n    targetRef: targetRef,\n    rootRef: rootRef\n  });\n  var getDisplayString = (0, _react.useCallback)(function (nextValue, isPlaintext) {\n    var _nextValue, _nextValue2;\n\n    if (nextValue === void 0) {\n      nextValue = value;\n    }\n\n    var startDate = (_nextValue = nextValue) === null || _nextValue === void 0 ? void 0 : _nextValue[0];\n    var endDate = (_nextValue2 = nextValue) === null || _nextValue2 === void 0 ? void 0 : _nextValue2[1];\n\n    if (startDate && endDate) {\n      var displayValue = [startDate, endDate].sort(_dateUtils.compareAsc);\n\n      if (isPlaintext) {\n        return formatDate(displayValue[0], formatStr) + character + formatDate(displayValue[1], formatStr);\n      }\n\n      return renderValue ? renderValue(displayValue, formatStr) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {\n        date: displayValue[0],\n        formatStr: formatStr,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 267,\n          columnNumber: 13\n        }\n      }), character, /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {\n        date: displayValue[1],\n        formatStr: formatStr,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 269,\n          columnNumber: 13\n        }\n      }));\n    }\n\n    return isPlaintext ? '' : placeholder || rangeFormatStr;\n  }, [character, formatDate, formatStr, placeholder, rangeFormatStr, renderValue, value]);\n  /**\n   * preset hover range\n   */\n\n  var getHoverRangeValue = (0, _react.useCallback)(function (date) {\n    if (!hoverRange) {\n      return [];\n    }\n\n    var hoverRangeFunc = hoverRange;\n\n    if (hoverRange === 'week') {\n      hoverRangeFunc = (0, _partial.default)(_utils.getWeekHoverRange, isoWeek);\n    }\n\n    if (hoverRangeFunc === 'month') {\n      hoverRangeFunc = _utils.getMonthHoverRange;\n    }\n\n    if (typeof hoverRangeFunc !== 'function') {\n      return [];\n    }\n\n    var hoverValues = hoverRangeFunc(date);\n    var isHoverRangeValid = hoverValues instanceof Array && hoverValues.length === 2;\n\n    if (!isHoverRangeValid) {\n      return [];\n    }\n\n    if (_utils2.DateUtils.isAfter(hoverValues[0], hoverValues[1])) {\n      hoverValues.reverse();\n    }\n\n    return hoverValues;\n  }, [hoverRange, isoWeek]);\n  var handleValueUpdate = (0, _react.useCallback)(function (event, nextSelectValue, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\n\n    var nextValue = !(0, _isUndefined.default)(nextSelectValue) ? nextSelectValue : selectValue;\n    setSelectValue(nextValue || []);\n\n    if (!(0, _dateUtils.isSameDay)(nextValue[0], value[0]) || !(0, _dateUtils.isSameDay)(nextValue[1], value[1])) {\n      setValue(nextValue);\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    } // `closeOverlay` default value is `true`\n\n\n    if (closeOverlay !== false) {\n      handleCloseDropdown();\n    }\n  }, [handleCloseDropdown, onChange, selectValue, setSelectValue, setValue, value]);\n  /**\n   * Select the date range. If oneTap is not set, you need to click twice to select the start time and end time.\n   * The MouseMove event is called between the first click and the second click to update the selection state.\n   */\n\n  var handleMouseMove = (0, _react.useCallback)(function (date) {\n    var hoverRangeValue = getHoverRangeValue(date); // After the first click\n\n    if (!hasDoneSelect.current) {\n      // If hoverRange is set, you need to change the value of hoverValue according to the rules\n      if (hoverRange) {\n        var nextHoverValue = [selectRangeValueRef.current[0], hoverRangeValue[1]];\n\n        if (_utils2.DateUtils.isBefore(hoverRangeValue[0], selectRangeValueRef.current[0])) {\n          nextHoverValue[0] = hoverRangeValue[0];\n          nextHoverValue[1] = selectRangeValueRef.current[1];\n        }\n\n        setSelectValue(nextHoverValue);\n      } else {\n        setHoverValue(function (prevHoverValue) {\n          return [prevHoverValue[0], date];\n        });\n      } // Before the first click, if hoverRangeValue has a value, hoverValue needs to be updated\n\n    } else if (hoverRange && hoverRangeValue.length) {\n      setHoverValue(hoverRangeValue);\n    }\n  }, [getHoverRangeValue, hoverRange]);\n  var handleSelectValueChange = (0, _react.useCallback)(function (date, event) {\n    var nextSelectValue = Array.from(hoverValue);\n    var hoverRangeValue = getHoverRangeValue(date);\n    var noHoverRangeValid = hoverRangeValue.length !== 2; // in `oneTap` mode\n\n    if (hasDoneSelect.current && oneTap) {\n      handleValueUpdate(event, noHoverRangeValid ? [(0, _utils.setTimingMargin)(date), (0, _utils.setTimingMargin)(date, 'right')] : hoverRangeValue);\n      hasDoneSelect.current = false;\n      return;\n    } // no preset hover range can use\n\n\n    if (noHoverRangeValid) {\n      // start select\n      if (hasDoneSelect.current) {\n        nextSelectValue = [date];\n      } else {\n        // finish select\n        nextSelectValue[1] = date;\n      }\n    } else {\n      if (!hasDoneSelect.current) {\n        nextSelectValue = selectValue;\n        selectRangeValueRef.current = null;\n      } else {\n        nextSelectValue = hoverRangeValue;\n        selectRangeValueRef.current = hoverRangeValue;\n      }\n    } // If user have completed the selection, then sort\n\n\n    if (nextSelectValue.length === 2 && _utils2.DateUtils.isAfter(nextSelectValue[0], nextSelectValue[1])) {\n      nextSelectValue.reverse();\n    }\n\n    setHoverValue(nextSelectValue);\n    setSelectValue(nextSelectValue);\n    updateCalendarDate(nextSelectValue);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);\n    hasDoneSelect.current = !hasDoneSelect.current;\n  }, [getHoverRangeValue, handleValueUpdate, hoverValue, onSelect, oneTap, selectValue, updateCalendarDate]);\n  /**\n   * If `selectValue` changed, there will be the following effects.\n   * 1. Check if the selection is completed.\n   * 2. if the selection is completed, set the temporary `hoverValue` empty.\n   */\n\n  (0, _react.useEffect)(function () {\n    var _selectValue$length;\n\n    var selectValueLength = (_selectValue$length = selectValue === null || selectValue === void 0 ? void 0 : selectValue.length) !== null && _selectValue$length !== void 0 ? _selectValue$length : 0;\n    var doneSelected = selectValueLength === 0 || selectValueLength === 2;\n    doneSelected && setHoverValue([]);\n  }, [selectValue]);\n  var handleChangeCalendarDate = (0, _react.useCallback)(function (index, date) {\n    var nextCalendarDate = Array.from(calendarDate);\n    nextCalendarDate[index] = date;\n    updateCalendarDate(nextCalendarDate);\n  }, [calendarDate, updateCalendarDate]);\n  /**\n   * Toolbar operation callback function\n   */\n\n  var handleShortcutPageDate = (0, _react.useCallback)(function (value, closeOverlay, event) {\n    handleValueUpdate(event, value, closeOverlay);\n  }, [handleValueUpdate]);\n  var handleOK = (0, _react.useCallback)(function (event) {\n    handleValueUpdate(event);\n    onOk === null || onOk === void 0 ? void 0 : onOk(selectValue, event);\n  }, [handleValueUpdate, onOk, selectValue]);\n  var handleClean = (0, _react.useCallback)(function (event) {\n    updateCalendarDate();\n    handleValueUpdate(event, []);\n  }, [handleValueUpdate, updateCalendarDate]);\n  /**\n   * Callback after the input box value is changed.\n   */\n\n  var handleInputChange = (0, _react.useCallback)(function (value) {\n    setInputState('Typing');\n    var rangeValue = value.split(character); // isMatch('01/11/2020', 'MM/dd/yyyy') ==> true\n    // isMatch('2020-11-01', 'MM/dd/yyyy') ==> false\n\n    if (!_utils2.DateUtils.isMatch(rangeValue[0], formatStr) || !_utils2.DateUtils.isMatch(rangeValue[1], formatStr)) {\n      setInputState('Error');\n      return;\n    }\n\n    var startDate = new Date(rangeValue[0]);\n    var endDate = new Date(rangeValue[1]);\n    var selectValue = [startDate, endDate];\n\n    if (!_utils2.DateUtils.isValid(startDate) || !_utils2.DateUtils.isValid(endDate)) {\n      setInputState('Error');\n      return;\n    }\n\n    if (disabledDate(startDate, selectValue, true, _utils2.DATERANGE_DISABLED_TARGET.CALENDAR)) {\n      setInputState('Error');\n      return;\n    }\n\n    setHoverValue(selectValue);\n    setSelectValue(selectValue);\n    updateCalendarDate(selectValue);\n  }, // eslint-disable-next-line react-hooks/exhaustive-deps\n  [character, rangeFormatStr, updateCalendarDate]);\n  /**\n   * The callback after the enter key is triggered on the input\n   */\n\n  var handleInputBlur = (0, _react.useCallback)(function (event) {\n    if (inputState === 'Typing') {\n      handleValueUpdate(event, selectValue);\n    }\n\n    setInputState('Initial');\n  }, [handleValueUpdate, selectValue, inputState]);\n  var handleEnter = (0, _react.useCallback)(function () {\n    var nextCalendarDate;\n\n    if (value && value.length) {\n      var _startDate = value[0],\n          endData = value[1];\n      nextCalendarDate = [_startDate, (0, _dateUtils.isSameMonth)(_startDate, endData) ? (0, _dateUtils.addMonths)(endData, 1) : endData];\n    } else {\n      nextCalendarDate = (0, _utils.getCalendarDate)({\n        value: defaultCalendarValue\n      });\n    }\n\n    setSelectValue(value);\n    updateCalendarDate(nextCalendarDate);\n  }, [defaultCalendarValue, updateCalendarDate, setSelectValue, value]);\n  var handleEntered = (0, _react.useCallback)(function () {\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n    setPickerToggleActive(true);\n  }, [onOpen]);\n  var handleExited = (0, _react.useCallback)(function () {\n    setPickerToggleActive(false);\n    hasDoneSelect.current = true;\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n  }, [onClose]);\n  var disabledDate = (0, _react.useCallback)(function (date, selectDate, selectedDone, target) {\n    return disabledDateProp === null || disabledDateProp === void 0 ? void 0 : disabledDateProp(date, selectDate, selectedDone, target);\n  }, [disabledDateProp]);\n  var disabledByBetween = (0, _react.useCallback)(function (start, end, type) {\n    var selectStartDate = selectValue[0],\n        selectEndDate = selectValue[1];\n    var nextSelectValue = [selectStartDate, selectEndDate]; // If the date is between the start and the end\n    // the button is disabled\n\n    while (_utils2.DateUtils.isBefore(start, end) || _utils2.DateUtils.isSameDay(start, end)) {\n      if (disabledDate(start, nextSelectValue, hasDoneSelect.current, type)) {\n        return true;\n      }\n\n      start = _utils2.DateUtils.addDays(start, 1);\n    }\n\n    return false;\n  }, [disabledDate, selectValue]);\n  var disabledOkButton = (0, _react.useCallback)(function () {\n    var start = selectValue[0],\n        end = selectValue[1];\n\n    if (!start || !end || !hasDoneSelect.current) {\n      return true;\n    }\n\n    return disabledByBetween(start, end, _utils2.DATERANGE_DISABLED_TARGET.TOOLBAR_BUTTON_OK);\n  }, [disabledByBetween, selectValue]);\n  var disabledShortcutButton = (0, _react.useCallback)(function (value) {\n    if (value === void 0) {\n      value = [];\n    }\n\n    var _value = value,\n        start = _value[0],\n        end = _value[1];\n\n    if (!start || !end) {\n      return true;\n    }\n\n    return disabledByBetween(start, end, _utils2.DATERANGE_DISABLED_TARGET.TOOLBAR_SHORTCUT);\n  }, [disabledByBetween]);\n  var handleDisabledDate = (0, _react.useCallback)(function (date, values, type) {\n    return disabledDate(date, values, hasDoneSelect.current, type);\n  }, [disabledDate]);\n  var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({\n    triggerRef: triggerRef,\n    targetRef: targetRef,\n    active: isPickerToggleActive,\n    onExit: handleClean\n  }, rest));\n\n  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {\n    var left = positionProps.left,\n        top = positionProps.top,\n        className = positionProps.className;\n    var classes = merge(className, menuClassName, prefix('daterange-menu'));\n    var panelClasses = prefix('daterange-panel', {\n      'daterange-panel-show-one-calendar': showOneCalendar\n    });\n    var styles = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var panelProps = {\n      calendarDate: calendarDate,\n      disabledDate: handleDisabledDate,\n      format: formatStr,\n      hoverRangeValue: hoverValue,\n      isoWeek: isoWeek,\n      limitEndYear: limitEndYear,\n      locale: locale,\n      showOneCalendar: showOneCalendar,\n      showWeekNumbers: showWeekNumbers,\n      value: selectValue,\n      onChangeCalendarDate: handleChangeCalendarDate,\n      onMouseMove: handleMouseMove,\n      onSelect: handleSelectValueChange\n    };\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n      className: classes,\n      ref: (0, _utils2.mergeRefs)(overlayRef, speakerRef),\n      target: triggerRef,\n      style: styles,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 651,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: panelClasses,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 657,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('daterange-content'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 658,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('daterange-header'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 659,\n        columnNumber: 13\n      }\n    }, getDisplayString(selectValue)), /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix(\"daterange-calendar-\" + (showOneCalendar ? 'single' : 'group')),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 660,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Calendar.default, (0, _extends2.default)({\n      index: 0\n    }, panelProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 661,\n        columnNumber: 15\n      }\n    })), !showOneCalendar && /*#__PURE__*/_react.default.createElement(_Calendar.default, (0, _extends2.default)({\n      index: 1\n    }, panelProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 662,\n        columnNumber: 36\n      }\n    })))), /*#__PURE__*/_react.default.createElement(_Toolbar.default, {\n      locale: locale,\n      calendarDate: selectValue,\n      disabledOkBtn: disabledOkButton,\n      disabledShortcut: disabledShortcutButton,\n      hideOkBtn: oneTap,\n      onOk: handleOK,\n      onClickShortcut: handleShortcutPageDate,\n      ranges: ranges,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 665,\n        columnNumber: 11\n      }\n    })));\n  };\n\n  var hasValue = value && value.length > 1;\n\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n    name: 'daterange',\n    hasValue: hasValue\n  })),\n      classes = _usePickerClassName[0],\n      usedClassNamePropKeys = _usePickerClassName[1];\n\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: triggerRef,\n    placement: placement,\n    onEnter: (0, _utils2.createChainedFunction)(handleEnter, onEnter),\n    onEntered: (0, _utils2.createChainedFunction)(handleEntered, onEntered),\n    onExited: (0, _utils2.createChainedFunction)(handleExited, onExited),\n    speaker: renderDropdownMenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 688,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    ref: rootRef,\n    className: merge(className, classes, (_merge = {}, _merge[prefix('error')] = inputState === 'Error', _merge)),\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 697,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, _utils2.DateUtils.calendarOnlyProps)), {\n    as: toggleAs,\n    ref: targetRef,\n    input: true,\n    inputMask: _utils2.DateUtils.getDateMask(rangeFormatStr),\n    inputValue: value ? getDisplayString(value, true) : '',\n    inputPlaceholder: typeof placeholder === 'string' && placeholder ? placeholder : rangeFormatStr,\n    onInputChange: handleInputChange,\n    onInputBlur: handleInputBlur,\n    onKeyDown: onPickerKeyDown,\n    onClean: (0, _utils2.createChainedFunction)(handleClean, onClean),\n    cleanable: cleanable && !disabled,\n    hasValue: hasValue,\n    active: isPickerToggleActive,\n    placement: placement,\n    caretComponent: _Calendar2.default,\n    disabled: disabled,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 704,\n      columnNumber: 9\n    }\n  }), getDisplayString())));\n});\n\nDateRangePicker.after = disabledDateUtils.after;\nDateRangePicker.afterToday = disabledDateUtils.afterToday;\nDateRangePicker.allowedDays = disabledDateUtils.allowedDays;\nDateRangePicker.allowedMaxDays = disabledDateUtils.allowedMaxDays;\nDateRangePicker.allowedRange = disabledDateUtils.allowedRange;\nDateRangePicker.before = disabledDateUtils.before;\nDateRangePicker.beforeToday = disabledDateUtils.beforeToday;\nDateRangePicker.combine = disabledDateUtils.combine;\nDateRangePicker.displayName = 'DateRangePicker';\nDateRangePicker.defaultProps = defaultProps;\nDateRangePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes, {\n  ranges: _propTypes.default.array,\n  value: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  defaultValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  defaultCalendarValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  hoverRange: _propTypes.default.oneOfType([_propTypes.default.oneOf(['week', 'month']), _propTypes.default.func]),\n  format: _propTypes.default.string,\n  isoWeek: _propTypes.default.bool,\n  oneTap: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  showWeekNumbers: _propTypes.default.bool,\n  onChange: _propTypes.default.func,\n  onOk: _propTypes.default.func,\n  disabledDate: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  showOneCalendar: _propTypes.default.bool\n});\nvar _default = DateRangePicker;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/DateRangePicker.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 _Calendar = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Calendar */ \"./node_modules/@rsuite/icons/legacy/Calendar.js\"));\n\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _partial = _interopRequireDefault(__webpack_require__(/*! lodash/partial */ \"./node_modules/lodash/partial.js\"));\n\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\n\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ../DatePicker/Toolbar */ \"./src/DatePicker/Toolbar.tsx\"));\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\n\nvar _Calendar2 = _interopRequireDefault(__webpack_require__(/*! ./Calendar */ \"./src/DateRangePicker/Calendar.tsx\"));\n\nvar disabledDateUtils = _interopRequireWildcard(__webpack_require__(/*! ./disabledDateUtils */ \"./src/DateRangePicker/disabledDateUtils.ts\"));\n\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/DateRangePicker/utils.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateRangePicker/DateRangePicker.tsx\",\n    _this = void 0;\n\nvar defaultProps = (0, _extends2.default)({}, _Picker.pickerDefaultProps, {\n  as: 'div',\n  classPrefix: 'picker',\n  cleanable: true,\n  placement: 'bottomStart',\n  appearance: 'default',\n  format: 'yyyy-MM-dd',\n  limitEndYear: 1000,\n  placeholder: '',\n  showOneCalendar: false,\n  character: ' ~ '\n});\n\nvar DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _ref, _merge;\n\n  var Component = props.as,\n      classPrefix = props.classPrefix,\n      className = props.className,\n      cleanable = props.cleanable,\n      character = props.character,\n      defaultCalendarValue = props.defaultCalendarValue,\n      defaultValue = props.defaultValue,\n      disabled = props.disabled,\n      disabledDateProp = props.disabledDate,\n      formatStr = props.format,\n      hoverRange = props.hoverRange,\n      isoWeek = props.isoWeek,\n      limitEndYear = props.limitEndYear,\n      overrideLocale = props.locale,\n      menuClassName = props.menuClassName,\n      menuStyle = props.menuStyle,\n      oneTap = props.oneTap,\n      placeholder = props.placeholder,\n      placement = props.placement,\n      ranges = props.ranges,\n      renderValue = props.renderValue,\n      showOneCalendar = props.showOneCalendar,\n      showWeekNumbers = props.showWeekNumbers,\n      style = props.style,\n      toggleAs = props.toggleAs,\n      valueProp = props.value,\n      onChange = props.onChange,\n      onClean = props.onClean,\n      onClose = props.onClose,\n      onEnter = props.onEnter,\n      onEntered = props.onEntered,\n      onExited = props.onExited,\n      onOk = props.onOk,\n      onOpen = props.onOpen,\n      onSelect = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"className\", \"cleanable\", \"character\", \"defaultCalendarValue\", \"defaultValue\", \"disabled\", \"disabledDate\", \"format\", \"hoverRange\", \"isoWeek\", \"limitEndYear\", \"locale\", \"menuClassName\", \"menuStyle\", \"oneTap\", \"placeholder\", \"placement\", \"ranges\", \"renderValue\", \"showOneCalendar\", \"showWeekNumbers\", \"style\", \"toggleAs\", \"value\", \"onChange\", \"onClean\", \"onClose\", \"onEnter\", \"onEntered\", \"onExited\", \"onOk\", \"onOpen\", \"onSelect\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var _useCustom = (0, _utils.useCustom)('DateRangePicker', overrideLocale),\n      locale = _useCustom.locale,\n      formatDate = _useCustom.formatDate;\n\n  var rangeFormatStr = \"\" + formatStr + character + formatStr;\n\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue !== null && defaultValue !== void 0 ? defaultValue : []),\n      value = _useControlled[0],\n      setValue = _useControlled[1];\n  /**\n   * Whether to complete the selection.\n   * Everytime selection will change this value. If the value is false, it means that the selection has not been completed.\n   *\n   * In `oneTap` mode, select action will not change this value, its value should be true always.\n   */\n\n\n  var hasDoneSelect = (0, _react.useRef)(true);\n  /**\n   * The currently selected date range.\n   *\n   * The time range is selected by two clicks. After the first click,\n   * the cursor will store a temporary event date in the process until\n   * the second click to determine the end date of the date range.\n   *\n   */\n\n  var _useState = (0, _react.useState)((_ref = valueProp !== null && valueProp !== void 0 ? valueProp : defaultValue) !== null && _ref !== void 0 ? _ref : []),\n      selectValue = _useState[0],\n      setSelectValue = _useState[1]; // The date of the current hover, used to reduce the calculation of `handleMouseMove`\n\n\n  var _useState2 = (0, _react.useState)([]),\n      hoverValue = _useState2[0],\n      setHoverValue = _useState2[1]; // The displayed calendar panel is rendered based on this value.\n\n\n  var _useState3 = (0, _react.useState)((0, _utils2.getCalendarDate)({\n    value: valueProp !== null && valueProp !== void 0 ? valueProp : defaultCalendarValue\n  })),\n      calendarDate = _useState3[0],\n      setCalendarDate = _useState3[1];\n\n  var _useState4 = (0, _react.useState)(),\n      inputState = _useState4[0],\n      setInputState = _useState4[1];\n  /**\n   * When hoverRange is set, `selectValue` will be updated during the hover process,\n   * which will cause the `selectValue` to be updated after the first click,\n   * so declare a Ref to temporarily store the `selectValue` of the first click.\n   */\n\n\n  var selectRangeValueRef = (0, _react.useRef)(null);\n  /**\n   * Call this function to update the calendar panel rendering benchmark value.\n   * If params `value` is not passed, it defaults to [new Date(), addMonth(new Date(), 1)].\n   */\n\n  var updateCalendarDate = (0, _react.useCallback)(function (value) {\n    setCalendarDate((0, _utils2.getCalendarDate)({\n      value: value\n    }));\n  }, []); // if valueProp changed then update selectValue/hoverValue\n\n  (0, _react.useEffect)(function () {\n    setSelectValue(valueProp !== null && valueProp !== void 0 ? valueProp : []);\n    setHoverValue(valueProp !== null && valueProp !== void 0 ? valueProp : []);\n  }, [valueProp]);\n\n  var _useState5 = (0, _react.useState)(false),\n      isPickerToggleActive = _useState5[0],\n      setPickerToggleActive = _useState5[1];\n\n  var rootRef = (0, _react.useRef)();\n  var overlayRef = (0, _react.useRef)();\n  var targetRef = (0, _react.useRef)();\n  var triggerRef = (0, _react.useRef)();\n  var handleCloseDropdown = (0, _react.useCallback)(function () {\n    var _triggerRef$current, _triggerRef$current$c;\n\n    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$c = _triggerRef$current.close) === null || _triggerRef$current$c === void 0 ? void 0 : _triggerRef$current$c.call(_triggerRef$current);\n  }, []);\n  (0, _Picker.usePublicMethods)(ref, {\n    triggerRef: triggerRef,\n    overlayRef: overlayRef,\n    targetRef: targetRef,\n    rootRef: rootRef\n  });\n  var getDisplayString = (0, _react.useCallback)(function (nextValue, isPlaintext) {\n    var _nextValue, _nextValue2;\n\n    if (nextValue === void 0) {\n      nextValue = value;\n    }\n\n    var startDate = (_nextValue = nextValue) === null || _nextValue === void 0 ? void 0 : _nextValue[0];\n    var endDate = (_nextValue2 = nextValue) === null || _nextValue2 === void 0 ? void 0 : _nextValue2[1];\n\n    if (startDate && endDate) {\n      var displayValue = [startDate, endDate].sort(_dateUtils.compareAsc);\n\n      if (isPlaintext) {\n        return formatDate(displayValue[0], formatStr) + character + formatDate(displayValue[1], formatStr);\n      }\n\n      return renderValue ? renderValue(displayValue, formatStr) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {\n        date: displayValue[0],\n        formatStr: formatStr,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 273,\n          columnNumber: 13\n        }\n      }), character, /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {\n        date: displayValue[1],\n        formatStr: formatStr,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 275,\n          columnNumber: 13\n        }\n      }));\n    }\n\n    return isPlaintext ? '' : placeholder || rangeFormatStr;\n  }, [character, formatDate, formatStr, placeholder, rangeFormatStr, renderValue, value]);\n  /**\n   * preset hover range\n   */\n\n  var getHoverRangeValue = (0, _react.useCallback)(function (date) {\n    if (!hoverRange) {\n      return [];\n    }\n\n    var hoverRangeFunc = hoverRange;\n\n    if (hoverRange === 'week') {\n      hoverRangeFunc = (0, _partial.default)(_utils2.getWeekHoverRange, isoWeek);\n    }\n\n    if (hoverRangeFunc === 'month') {\n      hoverRangeFunc = _utils2.getMonthHoverRange;\n    }\n\n    if (typeof hoverRangeFunc !== 'function') {\n      return [];\n    }\n\n    var hoverValues = hoverRangeFunc(date);\n    var isHoverRangeValid = hoverValues instanceof Array && hoverValues.length === 2;\n\n    if (!isHoverRangeValid) {\n      return [];\n    }\n\n    if (_utils.DateUtils.isAfter(hoverValues[0], hoverValues[1])) {\n      hoverValues.reverse();\n    }\n\n    return hoverValues;\n  }, [hoverRange, isoWeek]);\n  var handleValueUpdate = (0, _react.useCallback)(function (event, nextSelectValue, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\n\n    var nextValue = !(0, _isUndefined.default)(nextSelectValue) ? nextSelectValue : selectValue;\n    setSelectValue(nextValue || []);\n\n    if (!(0, _utils2.isSameRange)(nextValue, value, formatStr)) {\n      setValue(nextValue);\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    } // `closeOverlay` default value is `true`\n\n\n    if (closeOverlay !== false) {\n      handleCloseDropdown();\n    }\n  }, [formatStr, handleCloseDropdown, onChange, selectValue, setValue, value]);\n  /**\n   * Select the date range. If oneTap is not set, you need to click twice to select the start time and end time.\n   * The MouseMove event is called between the first click and the second click to update the selection state.\n   */\n\n  var handleMouseMove = (0, _react.useCallback)(function (date) {\n    var hoverRangeValue = getHoverRangeValue(date); // After the first click\n\n    if (!hasDoneSelect.current) {\n      // If hoverRange is set, you need to change the value of hoverValue according to the rules\n      if (hoverRange) {\n        var nextHoverValue = [selectRangeValueRef.current[0], hoverRangeValue[1]];\n\n        if (_utils.DateUtils.isBefore(hoverRangeValue[0], selectRangeValueRef.current[0])) {\n          nextHoverValue[0] = hoverRangeValue[0];\n          nextHoverValue[1] = selectRangeValueRef.current[1];\n        }\n\n        setSelectValue(nextHoverValue);\n      } else {\n        setHoverValue(function (prevHoverValue) {\n          return [prevHoverValue[0], date];\n        });\n      } // Before the first click, if hoverRangeValue has a value, hoverValue needs to be updated\n\n    } else if (hoverRange && hoverRangeValue.length) {\n      setHoverValue(hoverRangeValue);\n    }\n  }, [getHoverRangeValue, hoverRange]);\n  var handleSelectValueChange = (0, _react.useCallback)(function (date, event) {\n    var nextSelectValue = Array.from(hoverValue);\n    var hoverRangeValue = getHoverRangeValue(date);\n    var noHoverRangeValid = hoverRangeValue.length !== 2; // in `oneTap` mode\n\n    if (hasDoneSelect.current && oneTap) {\n      handleValueUpdate(event, noHoverRangeValid ? [(0, _utils2.setTimingMargin)(date), (0, _utils2.setTimingMargin)(date, 'right')] : hoverRangeValue);\n      hasDoneSelect.current = false;\n      return;\n    } // no preset hover range can use\n\n\n    if (noHoverRangeValid) {\n      // start select\n      if (hasDoneSelect.current) {\n        nextSelectValue = [date];\n      } else {\n        // finish select\n        nextSelectValue[1] = date;\n      }\n    } else {\n      if (!hasDoneSelect.current) {\n        nextSelectValue = selectValue;\n        selectRangeValueRef.current = null;\n      } else {\n        nextSelectValue = hoverRangeValue;\n        selectRangeValueRef.current = hoverRangeValue;\n      }\n    } // If user have completed the selection, then sort\n\n\n    if (nextSelectValue.length === 2 && _utils.DateUtils.isAfter(nextSelectValue[0], nextSelectValue[1])) {\n      nextSelectValue.reverse();\n    }\n\n    setHoverValue(nextSelectValue);\n    setSelectValue(nextSelectValue);\n    updateCalendarDate(nextSelectValue);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);\n    hasDoneSelect.current = !hasDoneSelect.current;\n  }, [getHoverRangeValue, handleValueUpdate, hoverValue, onSelect, oneTap, selectValue, updateCalendarDate]);\n  /**\n   * If `selectValue` changed, there will be the following effects.\n   * 1. Check if the selection is completed.\n   * 2. if the selection is completed, set the temporary `hoverValue` empty.\n   */\n\n  (0, _react.useEffect)(function () {\n    var _selectValue$length;\n\n    var selectValueLength = (_selectValue$length = selectValue === null || selectValue === void 0 ? void 0 : selectValue.length) !== null && _selectValue$length !== void 0 ? _selectValue$length : 0;\n    var doneSelected = selectValueLength === 0 || selectValueLength === 2;\n    doneSelected && setHoverValue([]);\n  }, [selectValue]);\n  var handleChangeCalendarDate = (0, _react.useCallback)(function (index, date) {\n    var nextCalendarDate = Array.from(calendarDate);\n    nextCalendarDate[index] = date;\n    updateCalendarDate(nextCalendarDate);\n  }, [calendarDate, updateCalendarDate]);\n  var handleChangeCalendarTime = (0, _react.useCallback)(function (index, date) {\n    setSelectValue(function (prev) {\n      var next = [].concat(prev);\n      var clonedDate = new Date(date.valueOf()); // if next[index] is not empty, only update the time after aligning the year, month and day\n\n      if (next[index]) {\n        clonedDate.setFullYear(next[index].getFullYear(), next[index].getMonth(), next[index].getDate());\n      }\n\n      next[index] = clonedDate;\n      return next;\n    });\n    handleChangeCalendarDate(index, date);\n  }, [handleChangeCalendarDate]);\n  /**\n   * Toolbar operation callback function\n   */\n\n  var handleShortcutPageDate = (0, _react.useCallback)(function (value, closeOverlay, event) {\n    handleValueUpdate(event, value, closeOverlay);\n  }, [handleValueUpdate]);\n  var handleOK = (0, _react.useCallback)(function (event) {\n    handleValueUpdate(event);\n    onOk === null || onOk === void 0 ? void 0 : onOk(selectValue, event);\n  }, [handleValueUpdate, onOk, selectValue]);\n  var handleClean = (0, _react.useCallback)(function (event) {\n    updateCalendarDate();\n    handleValueUpdate(event, []);\n  }, [handleValueUpdate, updateCalendarDate]);\n  /**\n   * Callback after the input box value is changed.\n   */\n\n  var handleInputChange = (0, _react.useCallback)(function (value) {\n    setInputState('Typing');\n    var rangeValue = value.split(character); // isMatch('01/11/2020', 'MM/dd/yyyy') ==> true\n    // isMatch('2020-11-01', 'MM/dd/yyyy') ==> false\n\n    if (!_utils.DateUtils.isMatch(rangeValue[0], formatStr) || !_utils.DateUtils.isMatch(rangeValue[1], formatStr)) {\n      setInputState('Error');\n      return;\n    }\n\n    var startDate = new Date(rangeValue[0]);\n    var endDate = new Date(rangeValue[1]);\n    var selectValue = [startDate, endDate];\n\n    if (!_utils.DateUtils.isValid(startDate) || !_utils.DateUtils.isValid(endDate)) {\n      setInputState('Error');\n      return;\n    }\n\n    if (disabledDate(startDate, selectValue, true, _utils.DATERANGE_DISABLED_TARGET.CALENDAR)) {\n      setInputState('Error');\n      return;\n    }\n\n    setHoverValue(selectValue);\n    setSelectValue(selectValue);\n    updateCalendarDate(selectValue);\n  }, // eslint-disable-next-line react-hooks/exhaustive-deps\n  [character, rangeFormatStr, updateCalendarDate]);\n  /**\n   * The callback after the enter key is triggered on the input\n   */\n\n  var handleInputBlur = (0, _react.useCallback)(function (event) {\n    if (inputState === 'Typing') {\n      handleValueUpdate(event, selectValue);\n    }\n\n    setInputState('Initial');\n  }, [handleValueUpdate, selectValue, inputState]);\n  var handleEnter = (0, _react.useCallback)(function () {\n    var nextCalendarDate;\n\n    if (value && value.length) {\n      var _startDate = value[0],\n          endData = value[1];\n      nextCalendarDate = [_startDate, (0, _dateUtils.isSameMonth)(_startDate, endData) ? (0, _dateUtils.addMonths)(endData, 1) : endData];\n    } else {\n      nextCalendarDate = (0, _utils2.getCalendarDate)({\n        value: defaultCalendarValue\n      });\n    }\n\n    setSelectValue(value);\n    updateCalendarDate(nextCalendarDate);\n  }, [defaultCalendarValue, updateCalendarDate, setSelectValue, value]);\n  var handleEntered = (0, _react.useCallback)(function () {\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n    setPickerToggleActive(true);\n  }, [onOpen]);\n  var handleExited = (0, _react.useCallback)(function () {\n    setPickerToggleActive(false);\n    hasDoneSelect.current = true;\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n  }, [onClose]);\n  var disabledDate = (0, _react.useCallback)(function (date, selectDate, selectedDone, target) {\n    return disabledDateProp === null || disabledDateProp === void 0 ? void 0 : disabledDateProp(date, selectDate, selectedDone, target);\n  }, [disabledDateProp]);\n  var disabledByBetween = (0, _react.useCallback)(function (start, end, type) {\n    var selectStartDate = selectValue[0],\n        selectEndDate = selectValue[1];\n    var nextSelectValue = [selectStartDate, selectEndDate]; // If the date is between the start and the end\n    // the button is disabled\n\n    while (_utils.DateUtils.isBefore(start, end) || _utils.DateUtils.isSameDay(start, end)) {\n      if (disabledDate(start, nextSelectValue, hasDoneSelect.current, type)) {\n        return true;\n      }\n\n      start = _utils.DateUtils.addDays(start, 1);\n    }\n\n    return false;\n  }, [disabledDate, selectValue]);\n  var disabledOkButton = (0, _react.useCallback)(function () {\n    var start = selectValue[0],\n        end = selectValue[1];\n\n    if (!start || !end || !hasDoneSelect.current) {\n      return true;\n    }\n\n    return disabledByBetween(start, end, _utils.DATERANGE_DISABLED_TARGET.TOOLBAR_BUTTON_OK);\n  }, [disabledByBetween, selectValue]);\n  var disabledShortcutButton = (0, _react.useCallback)(function (value) {\n    if (value === void 0) {\n      value = [];\n    }\n\n    var _value = value,\n        start = _value[0],\n        end = _value[1];\n\n    if (!start || !end) {\n      return true;\n    }\n\n    return disabledByBetween(start, end, _utils.DATERANGE_DISABLED_TARGET.TOOLBAR_SHORTCUT);\n  }, [disabledByBetween]);\n  var handleDisabledDate = (0, _react.useCallback)(function (date, values, type) {\n    return disabledDate(date, values, hasDoneSelect.current, type);\n  }, [disabledDate]);\n  var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({\n    triggerRef: triggerRef,\n    targetRef: targetRef,\n    active: isPickerToggleActive,\n    onExit: handleClean\n  }, rest));\n\n  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {\n    var left = positionProps.left,\n        top = positionProps.top,\n        className = positionProps.className;\n    var classes = merge(className, menuClassName, prefix('daterange-menu'));\n    var panelClasses = prefix('daterange-panel', {\n      'daterange-panel-show-one-calendar': showOneCalendar\n    });\n    var styles = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var panelProps = {\n      calendarDate: calendarDate,\n      disabledDate: handleDisabledDate,\n      format: formatStr,\n      hoverRangeValue: hoverValue,\n      isoWeek: isoWeek,\n      limitEndYear: limitEndYear,\n      locale: locale,\n      showOneCalendar: showOneCalendar,\n      showWeekNumbers: showWeekNumbers,\n      value: selectValue,\n      onChangeCalendarDate: handleChangeCalendarDate,\n      onChangeCalendarTime: handleChangeCalendarTime,\n      onMouseMove: handleMouseMove,\n      onSelect: handleSelectValueChange\n    };\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n      className: classes,\n      ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),\n      target: triggerRef,\n      style: styles,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 681,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: panelClasses,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 687,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('daterange-content'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 688,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('daterange-header'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 689,\n        columnNumber: 13\n      }\n    }, getDisplayString(selectValue)), /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix(\"daterange-calendar-\" + (showOneCalendar ? 'single' : 'group')),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 690,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Calendar2.default, (0, _extends2.default)({\n      index: 0\n    }, panelProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 691,\n        columnNumber: 15\n      }\n    })), !showOneCalendar && /*#__PURE__*/_react.default.createElement(_Calendar2.default, (0, _extends2.default)({\n      index: 1\n    }, panelProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 692,\n        columnNumber: 36\n      }\n    })))), /*#__PURE__*/_react.default.createElement(_Toolbar.default, {\n      locale: locale,\n      calendarDate: selectValue,\n      disabledOkBtn: disabledOkButton,\n      disabledShortcut: disabledShortcutButton,\n      hideOkBtn: oneTap,\n      onOk: handleOK,\n      onClickShortcut: handleShortcutPageDate,\n      ranges: ranges,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 695,\n        columnNumber: 11\n      }\n    })));\n  };\n\n  var hasValue = value && value.length > 1;\n\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n    name: 'daterange',\n    hasValue: hasValue\n  })),\n      classes = _usePickerClassName[0],\n      usedClassNamePropKeys = _usePickerClassName[1];\n\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: triggerRef,\n    placement: placement,\n    onEnter: (0, _utils.createChainedFunction)(handleEnter, onEnter),\n    onEntered: (0, _utils.createChainedFunction)(handleEntered, onEntered),\n    onExited: (0, _utils.createChainedFunction)(handleExited, onExited),\n    speaker: renderDropdownMenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 718,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    ref: rootRef,\n    className: merge(className, classes, (_merge = {}, _merge[prefix('error')] = inputState === 'Error', _merge)),\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 727,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, _utils.DateUtils.calendarOnlyProps)), {\n    as: toggleAs,\n    ref: targetRef,\n    input: true,\n    inputMask: _utils.DateUtils.getDateMask(rangeFormatStr),\n    inputValue: value ? getDisplayString(value, true) : '',\n    inputPlaceholder: typeof placeholder === 'string' && placeholder ? placeholder : rangeFormatStr,\n    onInputChange: handleInputChange,\n    onInputBlur: handleInputBlur,\n    onKeyDown: onPickerKeyDown,\n    onClean: (0, _utils.createChainedFunction)(handleClean, onClean),\n    cleanable: cleanable && !disabled,\n    hasValue: hasValue,\n    active: isPickerToggleActive,\n    placement: placement,\n    caretComponent: _Calendar.default,\n    disabled: disabled,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 734,\n      columnNumber: 9\n    }\n  }), getDisplayString())));\n});\n\nDateRangePicker.after = disabledDateUtils.after;\nDateRangePicker.afterToday = disabledDateUtils.afterToday;\nDateRangePicker.allowedDays = disabledDateUtils.allowedDays;\nDateRangePicker.allowedMaxDays = disabledDateUtils.allowedMaxDays;\nDateRangePicker.allowedRange = disabledDateUtils.allowedRange;\nDateRangePicker.before = disabledDateUtils.before;\nDateRangePicker.beforeToday = disabledDateUtils.beforeToday;\nDateRangePicker.combine = disabledDateUtils.combine;\nDateRangePicker.displayName = 'DateRangePicker';\nDateRangePicker.defaultProps = defaultProps;\nDateRangePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes, {\n  ranges: _propTypes.default.array,\n  value: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  defaultValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  defaultCalendarValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  hoverRange: _propTypes.default.oneOfType([_propTypes.default.oneOf(['week', 'month']), _propTypes.default.func]),\n  format: _propTypes.default.string,\n  isoWeek: _propTypes.default.bool,\n  oneTap: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  showWeekNumbers: _propTypes.default.bool,\n  onChange: _propTypes.default.func,\n  onOk: _propTypes.default.func,\n  disabledDate: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  showOneCalendar: _propTypes.default.bool\n});\nvar _default = DateRangePicker;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/DateRangePicker.tsx?");
 
 /***/ }),
 
@@ -1935,7 +2100,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports.getCalendarDate = getCalendarDate;\nexports.getWeekHoverRange = exports.getMonthHoverRange = exports.isSameValueType = exports.getDefaultRanges = exports.setTimingMargin = void 0;\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar setTimingMargin = function setTimingMargin(date, way) {\n  if (way === void 0) {\n    way = 'left';\n  }\n\n  return way === 'right' ? _utils.DateUtils.endOfDay(date) : _utils.DateUtils.startOfDay(date);\n};\n\nexports.setTimingMargin = setTimingMargin;\n\nfunction getCalendarDate(_ref) {\n  var _value;\n\n  var value = _ref.value;\n  // Update calendarDate if the value is not null\n  value = (_value = value) !== null && _value !== void 0 ? _value : [];\n\n  if (value[0] && value[1]) {\n    var sameMonth = _utils.DateUtils.isSameMonth(value[0], value[1]);\n\n    return [value[0], sameMonth ? _utils.DateUtils.addMonths(value[1], 1) : value[1]]; // If only the start date\n  } else if (value[0]) {\n    return [value[0], _utils.DateUtils.addMonths(value[0], 1)];\n  }\n\n  var todayDate = new Date();\n  return [todayDate, _utils.DateUtils.addMonths(todayDate, 1)];\n}\n\nvar getDefaultRanges = function getDefaultRanges() {\n  var todayDate = new Date();\n  return [{\n    label: 'today',\n    value: [setTimingMargin(todayDate), setTimingMargin(todayDate, 'right')]\n  }, {\n    label: 'yesterday',\n    value: [setTimingMargin(_utils.DateUtils.addDays(todayDate, -1)), setTimingMargin(_utils.DateUtils.addDays(todayDate, -1), 'right')]\n  }, {\n    label: 'last7Days',\n    value: [setTimingMargin(_utils.DateUtils.subDays(todayDate, 6)), setTimingMargin(todayDate, 'right')]\n  }];\n};\n\nexports.getDefaultRanges = getDefaultRanges;\n\nvar isSameValueType = function isSameValueType(source, dest) {\n  var _source$, _dest$, _source$2, _dest$2;\n\n  return (source === null || source === void 0 ? void 0 : (_source$ = source[0]) === null || _source$ === void 0 ? void 0 : _source$.valueOf()) === (dest === null || dest === void 0 ? void 0 : (_dest$ = dest[0]) === null || _dest$ === void 0 ? void 0 : _dest$.valueOf()) && (source === null || source === void 0 ? void 0 : (_source$2 = source[1]) === null || _source$2 === void 0 ? void 0 : _source$2.valueOf()) === (dest === null || dest === void 0 ? void 0 : (_dest$2 = dest[1]) === null || _dest$2 === void 0 ? void 0 : _dest$2.valueOf());\n};\n\nexports.isSameValueType = isSameValueType;\n\nvar getMonthHoverRange = function getMonthHoverRange(date) {\n  return [_utils.DateUtils.startOfMonth(date), _utils.DateUtils.endOfMonth(date)];\n};\n\nexports.getMonthHoverRange = getMonthHoverRange;\n\nvar getWeekHoverRange = function getWeekHoverRange(isoWeek, date) {\n  if (isoWeek) {\n    // set to the first day of this week according to ISO 8601, 12:00 am\n    return [_utils.DateUtils.startOfISOWeek(date), _utils.DateUtils.endOfISOWeek(date)];\n  }\n\n  return [_utils.DateUtils.startOfWeek(date), _utils.DateUtils.endOfWeek(date)];\n};\n\nexports.getWeekHoverRange = getWeekHoverRange;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/utils.ts?");
+eval("\n\nexports.__esModule = true;\nexports.getCalendarDate = getCalendarDate;\nexports.getWeekHoverRange = exports.getMonthHoverRange = exports.isSameRange = exports.getDefaultRanges = exports.setTimingMargin = void 0;\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar setTimingMargin = function setTimingMargin(date, way) {\n  if (way === void 0) {\n    way = 'left';\n  }\n\n  return way === 'right' ? _utils.DateUtils.endOfDay(date) : _utils.DateUtils.startOfDay(date);\n};\n\nexports.setTimingMargin = setTimingMargin;\n\nfunction getCalendarDate(_ref) {\n  var _value;\n\n  var value = _ref.value;\n  // Update calendarDate if the value is not null\n  value = (_value = value) !== null && _value !== void 0 ? _value : [];\n\n  if (value[0] && value[1]) {\n    var sameMonth = _utils.DateUtils.isSameMonth(value[0], value[1]);\n\n    return [value[0], sameMonth ? _utils.DateUtils.addMonths(value[1], 1) : value[1]]; // If only the start date\n  } else if (value[0]) {\n    return [value[0], _utils.DateUtils.addMonths(value[0], 1)];\n  }\n\n  var todayDate = new Date();\n  return [todayDate, _utils.DateUtils.addMonths(todayDate, 1)];\n}\n\nvar getDefaultRanges = function getDefaultRanges() {\n  var todayDate = new Date();\n  return [{\n    label: 'today',\n    value: [setTimingMargin(todayDate), setTimingMargin(todayDate, 'right')]\n  }, {\n    label: 'yesterday',\n    value: [setTimingMargin(_utils.DateUtils.addDays(todayDate, -1)), setTimingMargin(_utils.DateUtils.addDays(todayDate, -1), 'right')]\n  }, {\n    label: 'last7Days',\n    value: [setTimingMargin(_utils.DateUtils.subDays(todayDate, 6)), setTimingMargin(todayDate, 'right')]\n  }];\n};\n\nexports.getDefaultRanges = getDefaultRanges;\n\nvar isSameRange = function isSameRange(source, dest, format) {\n  var result = _utils.DateUtils.isSameDay(source === null || source === void 0 ? void 0 : source[0], dest === null || dest === void 0 ? void 0 : dest[0]) && _utils.DateUtils.isSameDay(source === null || source === void 0 ? void 0 : source[1], dest === null || dest === void 0 ? void 0 : dest[1]);\n\n  if (_utils.DateUtils.shouldTime(format)) {\n    result && (result = _utils.DateUtils.isSameSecond(source === null || source === void 0 ? void 0 : source[0], dest === null || dest === void 0 ? void 0 : dest[0]) && _utils.DateUtils.isSameSecond(source === null || source === void 0 ? void 0 : source[1], dest === null || dest === void 0 ? void 0 : dest[1]));\n  }\n\n  return result;\n};\n\nexports.isSameRange = isSameRange;\n\nvar getMonthHoverRange = function getMonthHoverRange(date) {\n  return [_utils.DateUtils.startOfMonth(date), _utils.DateUtils.endOfMonth(date)];\n};\n\nexports.getMonthHoverRange = getMonthHoverRange;\n\nvar getWeekHoverRange = function getWeekHoverRange(isoWeek, date) {\n  if (isoWeek) {\n    // set to the first day of this week according to ISO 8601, 12:00 am\n    return [_utils.DateUtils.startOfISOWeek(date), _utils.DateUtils.endOfISOWeek(date)];\n  }\n\n  return [_utils.DateUtils.startOfWeek(date), _utils.DateUtils.endOfWeek(date)];\n};\n\nexports.getWeekHoverRange = getWeekHoverRange;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/utils.ts?");
 
 /***/ }),
 
@@ -2034,7 +2199,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _DropdownMenu = _interopRequireDefault(__webpack_require__(/*! ./DropdownMenu */ \"./src/Dropdown/DropdownMenu.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _DropdownItem = _interopRequireDefault(__webpack_require__(/*! ./DropdownItem */ \"./src/Dropdown/DropdownItem.tsx\"));\n\nvar _DropdownContext = _interopRequireDefault(__webpack_require__(/*! ./DropdownContext */ \"./src/Dropdown/DropdownContext.ts\"));\n\nvar _Menu = _interopRequireDefault(__webpack_require__(/*! ../Menu/Menu */ \"./src/Menu/Menu.tsx\"));\n\nvar _DropdownToggle = _interopRequireDefault(__webpack_require__(/*! ./DropdownToggle */ \"./src/Dropdown/DropdownToggle.tsx\"));\n\nvar _MenuContext = _interopRequireDefault(__webpack_require__(/*! ../Menu/MenuContext */ \"./src/Menu/MenuContext.ts\"));\n\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../Menu/MenuItem */ \"./src/Menu/MenuItem.tsx\"));\n\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\n\nvar _Navbar = __webpack_require__(/*! ../Navbar/Navbar */ \"./src/Navbar/Navbar.tsx\");\n\nvar _Disclosure = _interopRequireDefault(__webpack_require__(/*! ../Disclosure/Disclosure */ \"./src/Disclosure/Disclosure.tsx\"));\n\nvar _SidenavDropdown = _interopRequireDefault(__webpack_require__(/*! ../Sidenav/SidenavDropdown */ \"./src/Sidenav/SidenavDropdown.tsx\"));\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Dropdown/Dropdown.tsx\",\n    _this = void 0;\n\nvar defaultProps = {\n  as: 'div',\n  classPrefix: 'dropdown',\n  placement: 'bottomStart',\n  trigger: 'click'\n};\n/**\n * The <Dropdown> API\n * When used inside <Sidenav>, renders a <TreeviewRootItem>;\n * Otherwise renders a <MenuRoot>\n */\n\nvar Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var activeKey = props.activeKey,\n      onSelectProp = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"activeKey\", \"onSelect\"]);\n  var Component = rest.as,\n      title = rest.title,\n      onClose = rest.onClose,\n      onOpen = rest.onOpen,\n      onToggle = rest.onToggle,\n      eventKey = rest.eventKey,\n      trigger = rest.trigger,\n      placement = rest.placement,\n      toggleAs = rest.toggleAs,\n      toggleClassName = rest.toggleClassName,\n      classPrefix = rest.classPrefix,\n      className = rest.className,\n      disabled = rest.disabled,\n      children = rest.children,\n      menuStyle = rest.menuStyle,\n      style = rest.style,\n      toggleProps = (0, _objectWithoutPropertiesLoose2.default)(rest, [\"as\", \"title\", \"onClose\", \"onOpen\", \"onToggle\", \"eventKey\", \"trigger\", \"placement\", \"toggleAs\", \"toggleClassName\", \"classPrefix\", \"className\", \"disabled\", \"children\", \"menuStyle\", \"style\"]);\n\n  var _useContext = (0, _react.useContext)(_NavContext.default),\n      onSelectFromNav = _useContext.onSelect;\n\n  var emitSelect = (0, _react.useCallback)(function (eventKey, event) {\n    onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(eventKey, event); // If <Dropdown> is inside <Nav>, also trigger `onSelect` on <Nav>\n\n    onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);\n  }, [onSelectProp, onSelectFromNav]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var _useClassNames2 = (0, _utils.useClassNames)('dropdown-menu'),\n      withMenuClassPrefix = _useClassNames2.withClassPrefix,\n      mergeMenuClassName = _useClassNames2.merge;\n\n  var _useClassNames3 = (0, _utils.useClassNames)('nav-item'),\n      withNavItemClassPrefix = _useClassNames3.withClassPrefix,\n      mergeNavItemClassNames = _useClassNames3.merge;\n\n  var menuButtonTriggers = (0, _react.useMemo)(function () {\n    if (!trigger) {\n      return undefined;\n    }\n\n    var triggerMap = {\n      hover: 'mouseover',\n      click: 'click',\n      contextMenu: 'contextmenu'\n    };\n\n    if (!Array.isArray(trigger)) {\n      return [triggerMap[trigger]];\n    }\n\n    return trigger.map(function (t) {\n      return triggerMap[t];\n    });\n  }, [trigger]);\n  var parentMenu = (0, _react.useContext)(_MenuContext.default);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n  var navbar = (0, _react.useContext)(_Navbar.NavbarContext); // Render a disclosure when inside expanded <Sidenav>\n\n  if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {\n      value: {\n        activeKey: activeKey,\n        onSelect: emitSelect\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 174,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(_SidenavDropdown.default, (0, _extends2.default)({\n      ref: ref\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 175,\n        columnNumber: 9\n      }\n    })));\n  } // Renders a disclosure when used inside <Navbar>\n\n\n  if (navbar) {\n    return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {\n      value: {\n        activeKey: activeKey,\n        onSelect: emitSelect\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 183,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Disclosure.default, {\n      hideOnClickOutside: true,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 184,\n        columnNumber: 9\n      }\n    }, function (_ref, containerRef) {\n      var _withClassPrefix;\n\n      var open = _ref.open;\n      var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix[\"placement-\" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = !!placement, _withClassPrefix.disabled = disabled, _withClassPrefix.open = open, _withClassPrefix)));\n      return /*#__PURE__*/_react.default.createElement(Component, {\n        ref: (0, _utils.mergeRefs)(ref, containerRef),\n        className: classes,\n        style: style,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 196,\n          columnNumber: 15\n        }\n      }, /*#__PURE__*/_react.default.createElement(_Disclosure.default.Button, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 197,\n          columnNumber: 17\n        }\n      }, function (buttonProps, buttonRef) {\n        return /*#__PURE__*/_react.default.createElement(_DropdownToggle.default, (0, _extends2.default)({\n          ref: buttonRef,\n          as: toggleAs,\n          className: toggleClassName,\n          placement: placement,\n          disabled: disabled\n        }, (0, _omit.default)(buttonProps, ['open']), toggleProps, {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 199,\n            columnNumber: 21\n          }\n        }), title);\n      }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Content, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 212,\n          columnNumber: 17\n        }\n      }, function (_ref2, elementRef) {\n        var open = _ref2.open;\n        var menuClassName = mergeMenuClassName(className, withMenuClassPrefix());\n        return /*#__PURE__*/_react.default.createElement(\"ul\", {\n          ref: elementRef,\n          className: menuClassName,\n          style: menuStyle,\n          hidden: !open,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 216,\n            columnNumber: 23\n          }\n        }, children);\n      }));\n    }));\n  }\n\n  var renderMenuButton = function renderMenuButton(menuButtonProps, menuButtonRef) {\n    return /*#__PURE__*/_react.default.createElement(_DropdownToggle.default, (0, _extends2.default)({\n      ref: menuButtonRef,\n      as: toggleAs,\n      className: toggleClassName,\n      placement: placement,\n      disabled: disabled\n    }, (0, _omit.default)(menuButtonProps, ['open']), toggleProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 236,\n        columnNumber: 5\n      }\n    }), title);\n  };\n\n  if (parentMenu) {\n    renderMenuButton = function renderMenuButton(menuButtonProps, buttonRef) {\n      return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n        disabled: disabled,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 251,\n          columnNumber: 7\n        }\n      }, function (_ref3, menuitemRef) {\n        var active = _ref3.active,\n            menuitemProps = (0, _objectWithoutPropertiesLoose2.default)(_ref3, [\"active\"]);\n        return /*#__PURE__*/_react.default.createElement(_DropdownToggle.default, (0, _extends2.default)({\n          ref: (0, _utils.mergeRefs)(buttonRef, menuitemRef),\n          as: toggleAs,\n          className: mergeNavItemClassNames(toggleClassName, withNavItemClassPrefix({\n            focus: active\n          }))\n        }, menuButtonProps, (0, _omit.default)(menuitemProps, ['onClick']), toggleProps, {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 254,\n            columnNumber: 13\n          }\n        }), title);\n      });\n    };\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {\n    value: {\n      activeKey: activeKey,\n      onSelect: emitSelect\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 276,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Menu.default, {\n    menuButtonText: title,\n    renderMenuButton: renderMenuButton,\n    openMenuOn: menuButtonTriggers,\n    renderMenuPopup: function renderMenuPopup(_ref4, popupRef) {\n      var open = _ref4.open,\n          popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref4, [\"open\"]);\n      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix()); // When inside a collapsed <Sidenav>, render a header in menu\n\n      var showHeader = !!sidenav;\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: popupRef,\n        className: menuClassName,\n        style: menuStyle,\n        hidden: !open\n      }, popupProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 287,\n          columnNumber: 13\n        }\n      }), showHeader && /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: prefix('header'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 294,\n          columnNumber: 30\n        }\n      }, title), children);\n    },\n    onToggleMenu: function onToggleMenu(open, event) {\n      onToggle === null || onToggle === void 0 ? void 0 : onToggle(open);\n      sidenav === null || sidenav === void 0 ? void 0 : sidenav.onOpenChange(eventKey, event);\n\n      if (open) {\n        onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n      } else {\n        onClose === null || onClose === void 0 ? void 0 : onClose();\n      }\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 277,\n      columnNumber: 7\n    }\n  }, function (_ref5, menuContainerRef) {\n    var _withClassPrefix2;\n\n    var open = _ref5.open,\n        menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref5, [\"open\"]);\n    var classes = merge(className, withClassPrefix((_withClassPrefix2 = {}, _withClassPrefix2[\"placement-\" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = !!placement, _withClassPrefix2.disabled = disabled, _withClassPrefix2.open = open, _withClassPrefix2.submenu = !!parentMenu, _withClassPrefix2)));\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuContainerRef),\n      className: classes\n    }, menuContainer, {\n      style: style,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 321,\n        columnNumber: 13\n      }\n    }));\n  }));\n});\n\nDropdown.Item = _DropdownItem.default;\nDropdown.Menu = _DropdownMenu.default;\nDropdown.displayName = 'Dropdown';\nDropdown.defaultProps = defaultProps;\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(_utils.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  open: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  eventKey: _propTypes.default.any,\n  as: _propTypes.default.elementType,\n  toggleAs: _propTypes.default.elementType,\n  noCaret: _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  renderToggle: _propTypes.default.func\n};\nvar _default = Dropdown;\nexports.default = _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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _DropdownMenu = _interopRequireDefault(__webpack_require__(/*! ./DropdownMenu */ \"./src/Dropdown/DropdownMenu.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _DropdownItem = _interopRequireDefault(__webpack_require__(/*! ./DropdownItem */ \"./src/Dropdown/DropdownItem.tsx\"));\n\nvar _DropdownContext = _interopRequireDefault(__webpack_require__(/*! ./DropdownContext */ \"./src/Dropdown/DropdownContext.ts\"));\n\nvar _Menu = _interopRequireDefault(__webpack_require__(/*! ../Menu/Menu */ \"./src/Menu/Menu.tsx\"));\n\nvar _DropdownToggle = _interopRequireDefault(__webpack_require__(/*! ./DropdownToggle */ \"./src/Dropdown/DropdownToggle.tsx\"));\n\nvar _MenuContext = _interopRequireDefault(__webpack_require__(/*! ../Menu/MenuContext */ \"./src/Menu/MenuContext.ts\"));\n\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../Menu/MenuItem */ \"./src/Menu/MenuItem.tsx\"));\n\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\n\nvar _Navbar = __webpack_require__(/*! ../Navbar/Navbar */ \"./src/Navbar/Navbar.tsx\");\n\nvar _Disclosure = _interopRequireDefault(__webpack_require__(/*! ../Disclosure/Disclosure */ \"./src/Disclosure/Disclosure.tsx\"));\n\nvar _SidenavDropdown = _interopRequireDefault(__webpack_require__(/*! ../Sidenav/SidenavDropdown */ \"./src/Sidenav/SidenavDropdown.tsx\"));\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _DropdownState = __webpack_require__(/*! ./DropdownState */ \"./src/Dropdown/DropdownState.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Dropdown/Dropdown.tsx\",\n    _this = void 0;\n\nvar defaultProps = {\n  as: 'div',\n  classPrefix: 'dropdown',\n  placement: 'bottomStart',\n  trigger: 'click'\n};\n/**\n * The <Dropdown> API\n * When used inside <Sidenav>, renders a <TreeviewRootItem>;\n * Otherwise renders a <MenuRoot>\n */\n\nvar Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var activeKey = props.activeKey,\n      onSelectProp = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"activeKey\", \"onSelect\"]);\n  var Component = rest.as,\n      title = rest.title,\n      onClose = rest.onClose,\n      onOpen = rest.onOpen,\n      onToggle = rest.onToggle,\n      eventKey = rest.eventKey,\n      trigger = rest.trigger,\n      placement = rest.placement,\n      toggleAs = rest.toggleAs,\n      toggleClassName = rest.toggleClassName,\n      classPrefix = rest.classPrefix,\n      className = rest.className,\n      disabled = rest.disabled,\n      children = rest.children,\n      menuStyle = rest.menuStyle,\n      style = rest.style,\n      toggleProps = (0, _objectWithoutPropertiesLoose2.default)(rest, [\"as\", \"title\", \"onClose\", \"onOpen\", \"onToggle\", \"eventKey\", \"trigger\", \"placement\", \"toggleAs\", \"toggleClassName\", \"classPrefix\", \"className\", \"disabled\", \"children\", \"menuStyle\", \"style\"]);\n\n  var _useContext = (0, _react.useContext)(_NavContext.default),\n      onSelectFromNav = _useContext.onSelect;\n\n  var emitSelect = (0, _react.useCallback)(function (eventKey, event) {\n    onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(eventKey, event); // If <Dropdown> is inside <Nav>, also trigger `onSelect` on <Nav>\n\n    onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);\n  }, [onSelectProp, onSelectFromNav]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var _useClassNames2 = (0, _utils.useClassNames)('dropdown-menu'),\n      withMenuClassPrefix = _useClassNames2.withClassPrefix,\n      mergeMenuClassName = _useClassNames2.merge;\n\n  var _useClassNames3 = (0, _utils.useClassNames)('nav-item'),\n      withNavItemClassPrefix = _useClassNames3.withClassPrefix,\n      mergeNavItemClassNames = _useClassNames3.merge;\n\n  var menuButtonTriggers = (0, _react.useMemo)(function () {\n    if (!trigger) {\n      return undefined;\n    }\n\n    var triggerMap = {\n      hover: 'mouseover',\n      click: 'click',\n      contextMenu: 'contextmenu'\n    };\n\n    if (!Array.isArray(trigger)) {\n      return [triggerMap[trigger]];\n    }\n\n    return trigger.map(function (t) {\n      return triggerMap[t];\n    });\n  }, [trigger]);\n  var parentMenu = (0, _react.useContext)(_MenuContext.default);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n  var navbar = (0, _react.useContext)(_Navbar.NavbarContext);\n\n  var _useReducer = (0, _react.useReducer)(_DropdownState.reducer, _DropdownState.initialState),\n      items = _useReducer[0].items,\n      dispatch = _useReducer[1];\n\n  var hasSelectedItem = (0, _react.useMemo)(function () {\n    return items.some(function (item) {\n      return item.props.selected;\n    });\n  }, [items]);\n  var dropdownContextValue = (0, _react.useMemo)(function () {\n    return {\n      activeKey: activeKey,\n      onSelect: emitSelect,\n      hasSelectedItem: hasSelectedItem,\n      dispatch: dispatch\n    };\n  }, [activeKey, emitSelect, hasSelectedItem, dispatch]); // Render a disclosure when inside expanded <Sidenav>\n\n  if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {\n      value: dropdownContextValue,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 186,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(_SidenavDropdown.default, (0, _extends2.default)({\n      ref: ref\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 187,\n        columnNumber: 9\n      }\n    })));\n  } // Renders a disclosure when used inside <Navbar>\n\n\n  if (navbar) {\n    return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {\n      value: dropdownContextValue,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 195,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Disclosure.default, {\n      hideOnClickOutside: true,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 196,\n        columnNumber: 9\n      }\n    }, function (_ref, containerRef) {\n      var _withClassPrefix;\n\n      var open = _ref.open;\n      var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix[\"placement-\" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = !!placement, _withClassPrefix.disabled = disabled, _withClassPrefix.open = open, _withClassPrefix)));\n      return /*#__PURE__*/_react.default.createElement(Component, {\n        ref: (0, _utils.mergeRefs)(ref, containerRef),\n        className: classes,\n        style: style,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 208,\n          columnNumber: 15\n        }\n      }, /*#__PURE__*/_react.default.createElement(_Disclosure.default.Button, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 209,\n          columnNumber: 17\n        }\n      }, function (buttonProps, buttonRef) {\n        return /*#__PURE__*/_react.default.createElement(_DropdownToggle.default, (0, _extends2.default)({\n          ref: buttonRef,\n          as: toggleAs,\n          className: toggleClassName,\n          placement: placement,\n          disabled: disabled\n        }, (0, _omit.default)(buttonProps, ['open']), toggleProps, {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 211,\n            columnNumber: 21\n          }\n        }), title);\n      }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Content, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 224,\n          columnNumber: 17\n        }\n      }, function (_ref2, elementRef) {\n        var open = _ref2.open;\n        var menuClassName = mergeMenuClassName(className, withMenuClassPrefix());\n        return /*#__PURE__*/_react.default.createElement(\"ul\", {\n          ref: elementRef,\n          className: menuClassName,\n          style: menuStyle,\n          hidden: !open,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 228,\n            columnNumber: 23\n          }\n        }, children);\n      }));\n    }));\n  }\n\n  var renderMenuButton = function renderMenuButton(menuButtonProps, menuButtonRef) {\n    return /*#__PURE__*/_react.default.createElement(_DropdownToggle.default, (0, _extends2.default)({\n      ref: menuButtonRef,\n      as: toggleAs,\n      className: toggleClassName,\n      placement: placement,\n      disabled: disabled\n    }, (0, _omit.default)(menuButtonProps, ['open']), (0, _omit.default)(toggleProps, ['data-testid']), {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 248,\n        columnNumber: 5\n      }\n    }), title);\n  };\n\n  if (parentMenu) {\n    renderMenuButton = function renderMenuButton(menuButtonProps, buttonRef) {\n      return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n        disabled: disabled,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 263,\n          columnNumber: 7\n        }\n      }, function (_ref3, menuitemRef) {\n        var active = _ref3.active,\n            menuitemProps = (0, _objectWithoutPropertiesLoose2.default)(_ref3, [\"active\"]);\n        return /*#__PURE__*/_react.default.createElement(_DropdownToggle.default, (0, _extends2.default)({\n          ref: (0, _utils.mergeRefs)(buttonRef, menuitemRef),\n          as: toggleAs,\n          className: mergeNavItemClassNames(toggleClassName, withNavItemClassPrefix({\n            focus: active\n          }))\n        }, menuButtonProps, (0, _omit.default)(menuitemProps, ['onClick']), (0, _omit.default)(toggleProps, 'data-testid'), {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 266,\n            columnNumber: 13\n          }\n        }), title);\n      });\n    };\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {\n    value: dropdownContextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 288,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Menu.default, {\n    menuButtonText: title,\n    renderMenuButton: renderMenuButton,\n    openMenuOn: menuButtonTriggers,\n    renderMenuPopup: function renderMenuPopup(_ref4, popupRef) {\n      var open = _ref4.open,\n          popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref4, [\"open\"]);\n      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix({})); // When inside a collapsed <Sidenav>, render a header in menu\n\n      var showHeader = !!sidenav;\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: popupRef,\n        className: menuClassName,\n        style: menuStyle,\n        hidden: !open\n      }, popupProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 299,\n          columnNumber: 13\n        }\n      }), showHeader && /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: prefix('header'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 306,\n          columnNumber: 30\n        }\n      }, title), children);\n    },\n    onToggleMenu: function onToggleMenu(open, event) {\n      onToggle === null || onToggle === void 0 ? void 0 : onToggle(open);\n      sidenav === null || sidenav === void 0 ? void 0 : sidenav.onOpenChange(eventKey, event);\n\n      if (open) {\n        onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n      } else {\n        onClose === null || onClose === void 0 ? void 0 : onClose();\n      }\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 289,\n      columnNumber: 7\n    }\n  }, function (_ref5, menuContainerRef) {\n    var _withClassPrefix2;\n\n    var open = _ref5.open,\n        menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref5, [\"open\"]);\n    var classes = merge(className, withClassPrefix((_withClassPrefix2 = {}, _withClassPrefix2[\"placement-\" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = !!placement, _withClassPrefix2.disabled = disabled, _withClassPrefix2.open = open, _withClassPrefix2.submenu = !!parentMenu, _withClassPrefix2['selected-within'] = hasSelectedItem, _withClassPrefix2)));\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuContainerRef),\n      className: classes\n    }, menuContainer, (0, _pick.default)(toggleProps, ['data-testid']), {\n      style: style,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 333,\n        columnNumber: 13\n      }\n    }));\n  }));\n});\n\nDropdown.Item = _DropdownItem.default;\nDropdown.Menu = _DropdownMenu.default;\nDropdown.displayName = 'Dropdown';\nDropdown.defaultProps = defaultProps;\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(_utils.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  open: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  eventKey: _propTypes.default.any,\n  as: _propTypes.default.elementType,\n  toggleAs: _propTypes.default.elementType,\n  noCaret: _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  renderToggle: _propTypes.default.func\n};\nvar _default = Dropdown;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/Dropdown.tsx?");
 
 /***/ }),
 
@@ -2056,7 +2221,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../Menu/MenuItem */ \"./src/Menu/MenuItem.tsx\"));\n\nvar _DropdownContext = _interopRequireDefault(__webpack_require__(/*! ./DropdownContext */ \"./src/Dropdown/DropdownContext.ts\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Navbar = __webpack_require__(/*! ../Navbar/Navbar */ \"./src/Navbar/Navbar.tsx\");\n\nvar _SidenavDropdownItem = _interopRequireDefault(__webpack_require__(/*! ../Sidenav/SidenavDropdownItem */ \"./src/Sidenav/SidenavDropdownItem.tsx\"));\n\nvar _DisclosureContext = _interopRequireWildcard(__webpack_require__(/*! ../Disclosure/DisclosureContext */ \"./src/Disclosure/DisclosureContext.ts\"));\n\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Dropdown/DropdownItem.tsx\",\n    _this = void 0;\n\nvar defaultProps = {\n  as: 'li',\n  classPrefix: 'dropdown-item'\n};\n/**\n * The <Dropdown.Item> API\n * When used inside <Sidenav>, renders a <TreeviewItem>\n * Otherwise renders a <MenuItem>\n */\n\nvar DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var classPrefix = props.classPrefix,\n      className = props.className,\n      activeProp = props.active,\n      eventKey = props.eventKey,\n      onSelect = props.onSelect,\n      icon = props.icon,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"classPrefix\", \"className\", \"active\", \"eventKey\", \"onSelect\", \"icon\"]);\n  var nav = (0, _react.useContext)(_NavContext.default);\n  var dropdown = (0, _react.useContext)(_DropdownContext.default);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var handleSelectItem = (0, _react.useCallback)(function (event) {\n    var _dropdown$onSelect;\n\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);\n    dropdown === null || dropdown === void 0 ? void 0 : (_dropdown$onSelect = dropdown.onSelect) === null || _dropdown$onSelect === void 0 ? void 0 : _dropdown$onSelect.call(dropdown, eventKey, event);\n  }, [onSelect, eventKey, dropdown]);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n  var navbar = (0, _react.useContext)(_Navbar.NavbarContext);\n  var disclosure = (0, _react.useContext)(_DisclosureContext.default);\n\n  var _ref = disclosure !== null && disclosure !== void 0 ? disclosure : [],\n      dispatchDisclosure = _ref[1];\n\n  var handleClickNavbarDropdownItem = (0, _react.useCallback)(function (event) {\n    dispatchDisclosure({\n      type: _DisclosureContext.DisclosureActionTypes.Hide\n    });\n    handleSelectItem === null || handleSelectItem === void 0 ? void 0 : handleSelectItem(event);\n  }, [dispatchDisclosure, handleSelectItem]);\n\n  if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_SidenavDropdownItem.default, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 105,\n        columnNumber: 14\n      }\n    }));\n  }\n\n  var menuitemSelected = activeProp || !(0, _isNil.default)(eventKey) && ((0, _utils.shallowEqual)(dropdown === null || dropdown === void 0 ? void 0 : dropdown.activeKey, eventKey) || (0, _utils.shallowEqual)(nav === null || nav === void 0 ? void 0 : nav.activeKey, eventKey));\n  var Component = rest.as,\n      divider = rest.divider,\n      panel = rest.panel,\n      children = rest.children,\n      disabled = rest.disabled,\n      restProps = (0, _objectWithoutPropertiesLoose2.default)(rest, [\"as\", \"divider\", \"panel\", \"children\", \"disabled\"]);\n\n  if (divider) {\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: ref,\n      role: \"separator\",\n      className: merge(prefix('divider'), className)\n    }, restProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 117,\n        columnNumber: 9\n      }\n    }));\n  }\n\n  if (panel) {\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: ref,\n      role: \"none presentation\",\n      className: merge(prefix('panel'), className)\n    }, restProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 128,\n        columnNumber: 9\n      }\n    }), children);\n  }\n\n  if (navbar) {\n    var classes = merge(className, withClassPrefix({\n      'with-icon': icon,\n      disabled: disabled,\n      divider: divider,\n      panel: panel,\n      active: menuitemSelected\n    }));\n    var dataAttributes = {\n      'data-event-key': eventKey\n    };\n\n    if (!(0, _isNil.default)(eventKey) && typeof eventKey !== 'string') {\n      dataAttributes['data-event-key-type'] = typeof eventKey;\n    }\n\n    return /*#__PURE__*/_react.default.createElement(\"li\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 159,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(_SafeAnchor.default, (0, _extends2.default)({\n      ref: ref,\n      className: classes,\n      \"aria-current\": menuitemSelected || undefined\n    }, dataAttributes, restProps, {\n      onClick: (0, _utils.createChainedFunction)(handleClickNavbarDropdownItem, restProps.onClick),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 160,\n        columnNumber: 11\n      }\n    }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n      className: prefix('menu-icon')\n    }), children));\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n    selected: menuitemSelected,\n    disabled: disabled,\n    onActivate: handleSelectItem,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 176,\n      columnNumber: 7\n    }\n  }, function (_ref2, menuitemRef) {\n    var selected = _ref2.selected,\n        active = _ref2.active,\n        menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref2, [\"selected\", \"active\"]);\n    var classes = merge(className, withClassPrefix({\n      'with-icon': icon,\n      active: selected,\n      disabled: disabled,\n      focus: active,\n      divider: divider,\n      panel: panel\n    }));\n    var dataAttributes = {\n      'data-event-key': eventKey\n    };\n\n    if (!(0, _isNil.default)(eventKey) && typeof eventKey !== 'string') {\n      dataAttributes['data-event-key-type'] = typeof eventKey;\n    }\n\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuitemRef),\n      className: classes\n    }, menuitem, dataAttributes, restProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 198,\n        columnNumber: 13\n      }\n    }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n      className: prefix('menu-icon')\n    }), children);\n  });\n});\n\nDropdownItem.displayName = 'Dropdown.Item';\nDropdownItem.defaultProps = defaultProps;\nDropdownItem.propTypes = {\n  as: _propTypes.default.elementType,\n  divider: _propTypes.default.bool,\n  panel: _propTypes.default.bool,\n  trigger: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf(['click', 'hover'])]),\n  open: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  active: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  pullLeft: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  submenu: _propTypes.default.element,\n  onSelect: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  icon: _propTypes.default.node,\n  eventKey: _propTypes.default.any,\n  className: _propTypes.default.string,\n  style: _propTypes.default.object,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  tabIndex: _propTypes.default.number\n};\nvar _default = DropdownItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/DropdownItem.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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../Menu/MenuItem */ \"./src/Menu/MenuItem.tsx\"));\n\nvar _DropdownContext = _interopRequireDefault(__webpack_require__(/*! ./DropdownContext */ \"./src/Dropdown/DropdownContext.ts\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Navbar = __webpack_require__(/*! ../Navbar/Navbar */ \"./src/Navbar/Navbar.tsx\");\n\nvar _SidenavDropdownItem = _interopRequireDefault(__webpack_require__(/*! ../Sidenav/SidenavDropdownItem */ \"./src/Sidenav/SidenavDropdownItem.tsx\"));\n\nvar _DisclosureContext = _interopRequireWildcard(__webpack_require__(/*! ../Disclosure/DisclosureContext */ \"./src/Disclosure/DisclosureContext.ts\"));\n\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _useInternalId = _interopRequireDefault(__webpack_require__(/*! ../utils/useInternalId */ \"./src/utils/useInternalId.ts\"));\n\nvar _DropdownState = __webpack_require__(/*! ./DropdownState */ \"./src/Dropdown/DropdownState.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Dropdown/DropdownItem.tsx\",\n    _this = void 0;\n\nvar defaultProps = {\n  as: 'li',\n  classPrefix: 'dropdown-item'\n};\n/**\n * The <Dropdown.Item> API\n * When used inside <Sidenav>, renders a <TreeviewItem>\n * Otherwise renders a <MenuItem>\n */\n\nvar DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var classPrefix = props.classPrefix,\n      className = props.className,\n      activeProp = props.active,\n      eventKey = props.eventKey,\n      onSelect = props.onSelect,\n      icon = props.icon,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"classPrefix\", \"className\", \"active\", \"eventKey\", \"onSelect\", \"icon\"]);\n  var internalId = (0, _useInternalId.default)('DropdownItem');\n  var nav = (0, _react.useContext)(_NavContext.default);\n  var dropdown = (0, _react.useContext)(_DropdownContext.default);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var handleSelectItem = (0, _react.useCallback)(function (event) {\n    var _dropdown$onSelect;\n\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);\n    dropdown === null || dropdown === void 0 ? void 0 : (_dropdown$onSelect = dropdown.onSelect) === null || _dropdown$onSelect === void 0 ? void 0 : _dropdown$onSelect.call(dropdown, eventKey, event);\n  }, [onSelect, eventKey, dropdown]);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n  var navbar = (0, _react.useContext)(_Navbar.NavbarContext);\n  var disclosure = (0, _react.useContext)(_DisclosureContext.default);\n\n  var _ref = disclosure !== null && disclosure !== void 0 ? disclosure : [],\n      dispatchDisclosure = _ref[1];\n\n  var handleClickNavbarDropdownItem = (0, _react.useCallback)(function (event) {\n    dispatchDisclosure({\n      type: _DisclosureContext.DisclosureActionTypes.Hide\n    });\n    handleSelectItem === null || handleSelectItem === void 0 ? void 0 : handleSelectItem(event);\n  }, [dispatchDisclosure, handleSelectItem]);\n  var selected = activeProp || !(0, _isNil.default)(eventKey) && ((0, _utils.shallowEqual)(dropdown === null || dropdown === void 0 ? void 0 : dropdown.activeKey, eventKey) || (0, _utils.shallowEqual)(nav === null || nav === void 0 ? void 0 : nav.activeKey, eventKey));\n  var dispatch = dropdown === null || dropdown === void 0 ? void 0 : dropdown.dispatch;\n  (0, _react.useEffect)(function () {\n    if (dispatch) {\n      dispatch({\n        type: _DropdownState.DropdownActionType.RegisterItem,\n        payload: {\n          id: internalId,\n          props: {\n            selected: selected\n          }\n        }\n      });\n      return function () {\n        dispatch({\n          type: _DropdownState.DropdownActionType.UnregisterItem,\n          payload: {\n            id: internalId\n          }\n        });\n      };\n    }\n  }, [internalId, selected, dispatch]);\n\n  if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_SidenavDropdownItem.default, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 139,\n        columnNumber: 14\n      }\n    }));\n  }\n\n  var Component = rest.as,\n      divider = rest.divider,\n      panel = rest.panel,\n      children = rest.children,\n      disabled = rest.disabled,\n      restProps = (0, _objectWithoutPropertiesLoose2.default)(rest, [\"as\", \"divider\", \"panel\", \"children\", \"disabled\"]);\n\n  if (divider) {\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: ref,\n      role: \"separator\",\n      className: merge(prefix('divider'), className)\n    }, restProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 146,\n        columnNumber: 9\n      }\n    }));\n  }\n\n  if (panel) {\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: ref,\n      role: \"none presentation\",\n      className: merge(prefix('panel'), className)\n    }, restProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 157,\n        columnNumber: 9\n      }\n    }), children);\n  }\n\n  if (navbar) {\n    var classes = merge(className, withClassPrefix({\n      'with-icon': icon,\n      disabled: disabled,\n      divider: divider,\n      panel: panel,\n      active: selected\n    }));\n    var dataAttributes = {\n      'data-event-key': eventKey\n    };\n\n    if (!(0, _isNil.default)(eventKey) && typeof eventKey !== 'string') {\n      dataAttributes['data-event-key-type'] = typeof eventKey;\n    }\n\n    return /*#__PURE__*/_react.default.createElement(\"li\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 188,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(_SafeAnchor.default, (0, _extends2.default)({\n      ref: ref,\n      className: classes,\n      \"aria-current\": selected || undefined\n    }, dataAttributes, restProps, {\n      onClick: (0, _utils.createChainedFunction)(handleClickNavbarDropdownItem, restProps.onClick),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 189,\n        columnNumber: 11\n      }\n    }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n      className: prefix('menu-icon')\n    }), children));\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n    selected: selected,\n    disabled: disabled,\n    onActivate: handleSelectItem,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 205,\n      columnNumber: 7\n    }\n  }, function (_ref2, menuitemRef) {\n    var selected = _ref2.selected,\n        active = _ref2.active,\n        menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref2, [\"selected\", \"active\"]);\n    var classes = merge(className, withClassPrefix({\n      'with-icon': icon,\n      active: selected,\n      disabled: disabled,\n      focus: active,\n      divider: divider,\n      panel: panel\n    }));\n    var dataAttributes = {\n      'data-event-key': eventKey\n    };\n\n    if (!(0, _isNil.default)(eventKey) && typeof eventKey !== 'string') {\n      dataAttributes['data-event-key-type'] = typeof eventKey;\n    }\n\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuitemRef),\n      className: classes\n    }, menuitem, dataAttributes, restProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 227,\n        columnNumber: 13\n      }\n    }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n      className: prefix('menu-icon')\n    }), children);\n  });\n});\n\nDropdownItem.displayName = 'Dropdown.Item';\nDropdownItem.defaultProps = defaultProps;\nDropdownItem.propTypes = {\n  as: _propTypes.default.elementType,\n  divider: _propTypes.default.bool,\n  panel: _propTypes.default.bool,\n  trigger: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf(['click', 'hover'])]),\n  open: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  active: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  pullLeft: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  submenu: _propTypes.default.element,\n  onSelect: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  icon: _propTypes.default.node,\n  eventKey: _propTypes.default.any,\n  className: _propTypes.default.string,\n  style: _propTypes.default.object,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  tabIndex: _propTypes.default.number\n};\nvar _default = DropdownItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/DropdownItem.tsx?");
 
 /***/ }),
 
@@ -2071,6 +2236,17 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
+/***/ "./src/Dropdown/DropdownState.ts":
+/*!***************************************!*\
+  !*** ./src/Dropdown/DropdownState.ts ***!
+  \***************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.reducer = reducer;\nexports.DropdownActionType = exports.initialState = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar initialState = {\n  items: []\n};\nexports.initialState = initialState;\nvar DropdownActionType;\nexports.DropdownActionType = DropdownActionType;\n\n(function (DropdownActionType) {\n  DropdownActionType[DropdownActionType[\"RegisterItem\"] = 0] = \"RegisterItem\";\n  DropdownActionType[DropdownActionType[\"UnregisterItem\"] = 1] = \"UnregisterItem\";\n  DropdownActionType[DropdownActionType[\"UpdateItem\"] = 2] = \"UpdateItem\";\n})(DropdownActionType || (exports.DropdownActionType = DropdownActionType = {}));\n\nfunction reducer(state, action) {\n  if (state === void 0) {\n    state = initialState;\n  }\n\n  switch (action.type) {\n    case DropdownActionType.RegisterItem:\n      if (state.items.find(function (item) {\n        return item.id === action.payload.id;\n      })) {\n        return (0, _extends2.default)({}, state, {\n          items: state.items.map(function (item) {\n            if (item.id === action.payload.id) {\n              return (0, _extends2.default)({}, item, {\n                props: (0, _extends2.default)({}, item.props, {\n                  selected: action.payload.props.selected\n                })\n              });\n            }\n\n            return item;\n          })\n        });\n      }\n\n      return (0, _extends2.default)({}, state, {\n        items: [].concat(state.items, [{\n          id: action.payload.id,\n          props: action.payload.props\n        }])\n      });\n\n    case DropdownActionType.UnregisterItem:\n      return (0, _extends2.default)({}, state, {\n        items: state.items.filter(function (item) {\n          return item.id !== action.payload.id;\n        })\n      });\n\n    default:\n      return state;\n  }\n}\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/DropdownState.ts?");
+
+/***/ }),
+
 /***/ "./src/Dropdown/DropdownToggle.tsx":
 /*!*****************************************!*\
   !*** ./src/Dropdown/DropdownToggle.tsx ***!
@@ -2078,7 +2254,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _useToggleCaret = _interopRequireDefault(__webpack_require__(/*! ../utils/useToggleCaret */ \"./src/utils/useToggleCaret.tsx\"));\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Dropdown/DropdownToggle.tsx\",\n    _this = void 0;\n\nvar defaultProps = {\n  as: _Button.default,\n  classPrefix: 'dropdown-toggle'\n};\n\nvar DropdownToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var Component = props.as,\n      className = props.className,\n      classPrefix = props.classPrefix,\n      renderToggle = props.renderToggle,\n      children = props.children,\n      icon = props.icon,\n      noCaret = props.noCaret,\n      placement = props.placement,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"renderToggle\", \"children\", \"icon\", \"noCaret\", \"placement\"]);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix({\n    'no-caret': noCaret\n  }));\n  var inSidenav = !!sidenav; // Caret icon is down by default, when Dropdown is used in Sidenav.\n\n  var Caret = (0, _useToggleCaret.default)(inSidenav ? 'bottomStart' : placement);\n  var buttonProps = Component === _Button.default ? {\n    appearance: 'subtle'\n  } : null;\n\n  var toggle = /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, buttonProps, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 49,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('icon'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 50,\n      columnNumber: 7\n    }\n  }, icon), children, noCaret ? null : /*#__PURE__*/_react.default.createElement(Caret, {\n    className: prefix('caret'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 52,\n      columnNumber: 25\n    }\n  }));\n\n  return renderToggle ? renderToggle(rest, ref) : toggle;\n});\n\nDropdownToggle.displayName = 'DropdownToggle';\nDropdownToggle.defaultProps = defaultProps;\nDropdownToggle.propTypes = {\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  icon: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  noCaret: _propTypes.default.bool,\n  as: _propTypes.default.elementType,\n  renderToggle: _propTypes.default.func,\n  placement: _propTypes.default.oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])\n};\nvar _default = DropdownToggle;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/DropdownToggle.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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _useToggleCaret = _interopRequireDefault(__webpack_require__(/*! ../utils/useToggleCaret */ \"./src/utils/useToggleCaret.tsx\"));\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Dropdown/DropdownToggle.tsx\",\n    _this = void 0;\n\nvar defaultProps = {\n  as: _Button.default,\n  classPrefix: 'dropdown-toggle'\n};\n\nvar DropdownToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var Component = props.as,\n      className = props.className,\n      classPrefix = props.classPrefix,\n      renderToggle = props.renderToggle,\n      children = props.children,\n      icon = props.icon,\n      noCaret = props.noCaret,\n      placement = props.placement,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"renderToggle\", \"children\", \"icon\", \"noCaret\", \"placement\"]);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix({\n    'no-caret': noCaret\n  }));\n  var inSidenav = !!sidenav; // Caret icon is down by default, when Dropdown is used in Sidenav.\n\n  var Caret = (0, _useToggleCaret.default)(inSidenav ? 'bottomStart' : placement);\n\n  var toggle = /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48,\n      columnNumber: 5\n    }\n  }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n    className: prefix('icon')\n  }), children, noCaret ? null : /*#__PURE__*/_react.default.createElement(Caret, {\n    className: prefix('caret'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 54,\n      columnNumber: 25\n    }\n  }));\n\n  return renderToggle ? renderToggle(rest, ref) : toggle;\n});\n\nDropdownToggle.displayName = 'DropdownToggle';\nDropdownToggle.defaultProps = defaultProps;\nDropdownToggle.propTypes = {\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  icon: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  noCaret: _propTypes.default.bool,\n  as: _propTypes.default.elementType,\n  renderToggle: _propTypes.default.func,\n  placement: _propTypes.default.oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])\n};\nvar _default = DropdownToggle;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/DropdownToggle.tsx?");
 
 /***/ }),
 
@@ -2430,7 +2606,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _AngleUp = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleUp */ \"./node_modules/@rsuite/icons/legacy/AngleUp.js\"));\n\nvar _AngleDown = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleDown */ \"./node_modules/@rsuite/icons/legacy/AngleDown.js\"));\n\nvar _DOMHelper = _interopRequireDefault(__webpack_require__(/*! ../DOMHelper */ \"./src/DOMHelper/index.ts\"));\n\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ../InputGroup/InputGroup */ \"./src/InputGroup/InputGroup.tsx\"));\n\nvar _InputGroupAddon = _interopRequireDefault(__webpack_require__(/*! ../InputGroup/InputGroupAddon */ \"./src/InputGroup/InputGroupAddon.tsx\"));\n\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\n\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/InputNumber/InputNumber.tsx\",\n    _this = void 0;\n\n/**\n * Check if the value is a number.\n * @param value\n */\nvar isNumber = function isNumber(value) {\n  return /(^-?|^\\+?|^\\d?)\\d*\\.\\d+$/.test(value + '');\n};\n/**\n * Get the length of the decimal.\n * @param value\n */\n\n\nfunction getDecimalLength(value) {\n  if (isNumber(value)) {\n    return value.toString().split('.')[1].length;\n  }\n\n  return 0;\n}\n/**\n * Get the value after the decimal point.\n * @param values\n */\n\n\nfunction decimals() {\n  for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {\n    values[_key] = arguments[_key];\n  }\n\n  var lengths = values.map(getDecimalLength);\n  return Math.max.apply(Math, lengths);\n}\n/**\n * Disable the upper limit of the number.\n * @param value\n * @param max\n */\n\n\nfunction disableMaxValue(value, max) {\n  if (!(0, _isNil.default)(value)) {\n    return +value >= max;\n  }\n\n  return false;\n}\n/**\n * Disable the lower limit of the number.\n * @param value\n * @param min\n */\n\n\nfunction disableMinValue(value, min) {\n  if (!(0, _isNil.default)(value)) {\n    return +value <= min;\n  }\n\n  return false;\n}\n\nvar defaultProps = {\n  as: _InputGroup.default,\n  classPrefix: 'input-number',\n  min: -Infinity,\n  max: Infinity,\n  step: 1,\n  buttonAppearance: 'subtle',\n  scrollable: true\n};\n\nvar InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var Component = props.as,\n      className = props.className,\n      classPrefix = props.classPrefix,\n      disabled = props.disabled,\n      readOnly = props.readOnly,\n      plaintext = props.plaintext,\n      valueProp = props.value,\n      defaultValue = props.defaultValue,\n      size = props.size,\n      prefixElement = props.prefix,\n      postfix = props.postfix,\n      step = props.step,\n      buttonAppearance = props.buttonAppearance,\n      min = props.min,\n      max = props.max,\n      scrollable = props.scrollable,\n      onChange = props.onChange,\n      onWheel = props.onWheel,\n      restProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"disabled\", \"readOnly\", \"plaintext\", \"value\", \"defaultValue\", \"size\", \"prefix\", \"postfix\", \"step\", \"buttonAppearance\", \"min\", \"max\", \"scrollable\", \"onChange\", \"onWheel\"]);\n\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n      value = _useControlled[0],\n      setValue = _useControlled[1];\n\n  var _useState = (0, _react.useState)(disableMaxValue(value, max)),\n      disabledUpButton = _useState[0],\n      setDisabledUpButton = _useState[1];\n\n  var _useState2 = (0, _react.useState)(disableMinValue(value, min)),\n      disabledDownButton = _useState2[0],\n      setDisabledDownButton = _useState2[1];\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix());\n\n  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(restProps),\n      htmlInputProps = _partitionHTMLProps[0],\n      rest = _partitionHTMLProps[1];\n\n  var inputRef = (0, _react.useRef)();\n  var handleValue = (0, _react.useCallback)(function (currentValue, event) {\n    if (currentValue !== value) {\n      // Disable the up button when the value is greater than the maximum value.\n      setDisabledUpButton(disableMaxValue(currentValue, max)); // Disable the down button when the value is greater than the minimum value.\n\n      setDisabledDownButton(disableMinValue(currentValue, min));\n      setValue(currentValue);\n      onChange === null || onChange === void 0 ? void 0 : onChange(currentValue, event);\n    }\n  }, [max, min, onChange, setValue, value]);\n  var getSafeValue = (0, _react.useCallback)(function (value) {\n    if (!Number.isNaN(value)) {\n      if (+value > max) {\n        value = max;\n      }\n\n      if (+value < min) {\n        value = min;\n      }\n    } else {\n      value = '';\n    }\n\n    return value.toString();\n  }, [max, min]);\n  var handlePlus = (0, _react.useCallback)(function (event) {\n    var val = +(value || 0);\n    var bit = decimals(val, step);\n    handleValue(getSafeValue((val + step).toFixed(bit)), event);\n  }, [getSafeValue, handleValue, step, value]);\n  var handleMinus = (0, _react.useCallback)(function (event) {\n    var val = +(value || 0);\n    var bit = decimals(val, step);\n    handleValue(getSafeValue((val - step).toFixed(bit)), event);\n  }, [getSafeValue, handleValue, step, value]);\n  var handleWheel = (0, _react.useCallback)(function (event) {\n    if (!disabled && !readOnly && event.target === document.activeElement) {\n      event.preventDefault();\n      var delta = event['wheelDelta'] || -event.deltaY || -(event === null || event === void 0 ? void 0 : event.detail);\n\n      if (delta > 0) {\n        handleMinus(event);\n      }\n\n      if (delta < 0) {\n        handlePlus(event);\n      }\n    }\n\n    onWheel === null || onWheel === void 0 ? void 0 : onWheel(event);\n  }, [disabled, handleMinus, handlePlus, onWheel, readOnly]);\n  var handleChange = (0, _react.useCallback)(function (value, event) {\n    if (!/^-?(?:\\d+)?(\\.)?\\d*$/.test(value) && value !== '') {\n      return;\n    }\n\n    handleValue(value, event);\n  }, [handleValue]);\n  var handleBlur = (0, _react.useCallback)(function (event) {\n    var _event$target;\n\n    var targetValue = Number.parseFloat((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);\n    handleValue(getSafeValue(targetValue), event);\n  }, [getSafeValue, handleValue]);\n  (0, _react.useEffect)(function () {\n    var wheelListener;\n\n    if (inputRef.current && scrollable) {\n      wheelListener = _DOMHelper.default.on(inputRef.current, 'wheel', handleWheel, {\n        passive: false\n      });\n    }\n\n    return function () {\n      var _wheelListener;\n\n      (_wheelListener = wheelListener) === null || _wheelListener === void 0 ? void 0 : _wheelListener.off();\n    };\n  }, [handleWheel, scrollable]);\n\n  var input = /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, htmlInputProps, {\n    type: \"text\",\n    autoComplete: \"off\",\n    step: step,\n    inputRef: inputRef,\n    onChange: handleChange,\n    onBlur: (0, _utils.createChainedFunction)(handleBlur, htmlInputProps === null || htmlInputProps === void 0 ? void 0 : htmlInputProps.onBlur),\n    value: (0, _isNil.default)(value) ? '' : \"\" + value,\n    disabled: disabled,\n    readOnly: readOnly,\n    plaintext: plaintext,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 240,\n      columnNumber: 5\n    }\n  }));\n\n  if (plaintext) {\n    return input;\n  }\n\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    disabled: disabled,\n    size: size,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 260,\n      columnNumber: 5\n    }\n  }), prefixElement && /*#__PURE__*/_react.default.createElement(_InputGroupAddon.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 261,\n      columnNumber: 25\n    }\n  }, prefixElement), input, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('btn-group-vertical'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 263,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Button.default, {\n    appearance: buttonAppearance,\n    className: prefix('touchspin-up'),\n    onClick: handlePlus,\n    disabled: disabledUpButton || disabled || readOnly,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 264,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_AngleUp.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 270,\n      columnNumber: 11\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Button.default, {\n    appearance: buttonAppearance,\n    className: prefix('touchspin-down'),\n    onClick: handleMinus,\n    disabled: disabledDownButton || disabled || readOnly,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 272,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_AngleDown.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 278,\n      columnNumber: 11\n    }\n  }))), postfix && /*#__PURE__*/_react.default.createElement(_InputGroupAddon.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 281,\n      columnNumber: 19\n    }\n  }, postfix));\n});\n\nInputNumber.displayName = 'InputNumber';\nInputNumber.defaultProps = defaultProps;\nInputNumber.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  min: _propTypes.default.number,\n  max: _propTypes.default.number,\n  step: _propTypes.default.number,\n  value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  defaultValue: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  prefix: _propTypes.default.node,\n  postfix: _propTypes.default.node,\n  disabled: _propTypes.default.bool,\n  readOnly: _propTypes.default.bool,\n  plaintext: _propTypes.default.bool,\n  scrollable: _propTypes.default.bool,\n  size: _propTypes.default.oneOf(['lg', 'md', 'sm', 'xs']),\n  buttonAppearance: _propTypes.default.oneOf(['default', 'primary', 'link', 'subtle', 'ghost']),\n  onWheel: _propTypes.default.func,\n  onChange: _propTypes.default.func\n};\nvar _default = InputNumber;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/InputNumber/InputNumber.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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _AngleUp = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleUp */ \"./node_modules/@rsuite/icons/legacy/AngleUp.js\"));\n\nvar _AngleDown = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleDown */ \"./node_modules/@rsuite/icons/legacy/AngleDown.js\"));\n\nvar _DOMHelper = _interopRequireDefault(__webpack_require__(/*! ../DOMHelper */ \"./src/DOMHelper/index.ts\"));\n\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ../InputGroup/InputGroup */ \"./src/InputGroup/InputGroup.tsx\"));\n\nvar _InputGroupAddon = _interopRequireDefault(__webpack_require__(/*! ../InputGroup/InputGroupAddon */ \"./src/InputGroup/InputGroupAddon.tsx\"));\n\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\n\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/InputNumber/InputNumber.tsx\",\n    _this = void 0;\n\n/**\n * Check if the value is a number.\n * @param value\n */\nvar isNumber = function isNumber(value) {\n  return /(^-?|^\\+?|^\\d?)\\d*\\.\\d+$/.test(value + '');\n};\n/**\n * Get the length of the decimal.\n * @param value\n */\n\n\nfunction getDecimalLength(value) {\n  if (isNumber(value)) {\n    return value.toString().split('.')[1].length;\n  }\n\n  return 0;\n}\n/**\n * Get the value after the decimal point.\n * @param values\n */\n\n\nfunction decimals() {\n  for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {\n    values[_key] = arguments[_key];\n  }\n\n  var lengths = values.map(getDecimalLength);\n  return Math.max.apply(Math, lengths);\n}\n/**\n * Disable the upper limit of the number.\n * @param value\n * @param max\n */\n\n\nfunction disableMaxValue(value, max) {\n  if (!(0, _isNil.default)(value)) {\n    return +value >= max;\n  }\n\n  return false;\n}\n/**\n * Disable the lower limit of the number.\n * @param value\n * @param min\n */\n\n\nfunction disableMinValue(value, min) {\n  if (!(0, _isNil.default)(value)) {\n    return +value <= min;\n  }\n\n  return false;\n}\n\nvar defaultProps = {\n  as: _InputGroup.default,\n  classPrefix: 'input-number',\n  min: -Infinity,\n  max: Infinity,\n  step: 1,\n  buttonAppearance: 'subtle',\n  scrollable: true\n};\n\nvar InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var Component = props.as,\n      className = props.className,\n      classPrefix = props.classPrefix,\n      disabled = props.disabled,\n      readOnly = props.readOnly,\n      plaintext = props.plaintext,\n      valueProp = props.value,\n      defaultValue = props.defaultValue,\n      size = props.size,\n      prefixElement = props.prefix,\n      postfix = props.postfix,\n      step = props.step,\n      buttonAppearance = props.buttonAppearance,\n      min = props.min,\n      max = props.max,\n      scrollable = props.scrollable,\n      onChange = props.onChange,\n      onWheel = props.onWheel,\n      restProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"disabled\", \"readOnly\", \"plaintext\", \"value\", \"defaultValue\", \"size\", \"prefix\", \"postfix\", \"step\", \"buttonAppearance\", \"min\", \"max\", \"scrollable\", \"onChange\", \"onWheel\"]);\n\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n      value = _useControlled[0],\n      setValue = _useControlled[1];\n\n  var _useState = (0, _react.useState)(disableMaxValue(value, max)),\n      disabledUpButton = _useState[0],\n      setDisabledUpButton = _useState[1];\n\n  var _useState2 = (0, _react.useState)(disableMinValue(value, min)),\n      disabledDownButton = _useState2[0],\n      setDisabledDownButton = _useState2[1];\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix());\n\n  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(restProps),\n      htmlInputProps = _partitionHTMLProps[0],\n      rest = _partitionHTMLProps[1];\n\n  var inputRef = (0, _react.useRef)();\n  var handleChangeValue = (0, _react.useCallback)(function (currentValue, event) {\n    if (currentValue !== value) {\n      // Disable the up button when the value is greater than the maximum value.\n      setDisabledUpButton(disableMaxValue(currentValue, max)); // Disable the down button when the value is greater than the minimum value.\n\n      setDisabledDownButton(disableMinValue(currentValue, min));\n      setValue(currentValue);\n      onChange === null || onChange === void 0 ? void 0 : onChange(currentValue, event);\n    }\n  }, [max, min, onChange, setValue, value]);\n  var getSafeValue = (0, _react.useCallback)(function (value) {\n    if (!Number.isNaN(value)) {\n      if (+value > max) {\n        value = max;\n      }\n\n      if (+value < min) {\n        value = min;\n      }\n    } else {\n      value = '';\n    }\n\n    return value.toString();\n  }, [max, min]);\n  var handlePlus = (0, _react.useCallback)(function (event) {\n    var val = +(value || 0);\n    var bit = decimals(val, step);\n    handleChangeValue(getSafeValue((val + step).toFixed(bit)), event);\n  }, [getSafeValue, handleChangeValue, step, value]);\n  var handleMinus = (0, _react.useCallback)(function (event) {\n    var val = +(value || 0);\n    var bit = decimals(val, step);\n    handleChangeValue(getSafeValue((val - step).toFixed(bit)), event);\n  }, [getSafeValue, handleChangeValue, step, value]);\n  var handleWheel = (0, _react.useCallback)(function (event) {\n    if (!disabled && !readOnly && event.target === document.activeElement) {\n      event.preventDefault();\n      var delta = event['wheelDelta'] || -event.deltaY || -(event === null || event === void 0 ? void 0 : event.detail);\n\n      if (delta > 0) {\n        handleMinus(event);\n      }\n\n      if (delta < 0) {\n        handlePlus(event);\n      }\n    }\n\n    onWheel === null || onWheel === void 0 ? void 0 : onWheel(event);\n  }, [disabled, handleMinus, handlePlus, onWheel, readOnly]);\n  var handleChange = (0, _react.useCallback)(function (value, event) {\n    if (!/^-?(?:\\d+)?(\\.)?\\d*$/.test(value) && value !== '') {\n      return;\n    }\n\n    handleChangeValue(value, event);\n  }, [handleChangeValue]);\n  var handleBlur = (0, _react.useCallback)(function (event) {\n    var _event$target;\n\n    var targetValue = Number.parseFloat((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);\n    handleChangeValue(getSafeValue(targetValue), event);\n  }, [getSafeValue, handleChangeValue]);\n  (0, _react.useEffect)(function () {\n    var wheelListener;\n\n    if (inputRef.current && scrollable) {\n      wheelListener = _DOMHelper.default.on(inputRef.current, 'wheel', handleWheel, {\n        passive: false\n      });\n    }\n\n    return function () {\n      var _wheelListener;\n\n      (_wheelListener = wheelListener) === null || _wheelListener === void 0 ? void 0 : _wheelListener.off();\n    };\n  }, [handleWheel, scrollable]);\n\n  var input = /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, htmlInputProps, {\n    type: \"text\",\n    autoComplete: \"off\",\n    step: step,\n    inputRef: inputRef,\n    onChange: handleChange,\n    onBlur: (0, _utils.createChainedFunction)(handleBlur, htmlInputProps === null || htmlInputProps === void 0 ? void 0 : htmlInputProps.onBlur),\n    value: (0, _isNil.default)(value) ? '' : \"\" + value,\n    disabled: disabled,\n    readOnly: readOnly,\n    plaintext: plaintext,\n    ref: plaintext ? ref : undefined,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 240,\n      columnNumber: 5\n    }\n  }));\n\n  if (plaintext) {\n    return input;\n  }\n\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    disabled: disabled,\n    size: size,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 261,\n      columnNumber: 5\n    }\n  }), prefixElement && /*#__PURE__*/_react.default.createElement(_InputGroupAddon.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 262,\n      columnNumber: 25\n    }\n  }, prefixElement), input, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('btn-group-vertical'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 264,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Button.default, {\n    appearance: buttonAppearance,\n    className: prefix('touchspin-up'),\n    onClick: handlePlus,\n    disabled: disabledUpButton || disabled || readOnly,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 265,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_AngleUp.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 271,\n      columnNumber: 11\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Button.default, {\n    appearance: buttonAppearance,\n    className: prefix('touchspin-down'),\n    onClick: handleMinus,\n    disabled: disabledDownButton || disabled || readOnly,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 273,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_AngleDown.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 279,\n      columnNumber: 11\n    }\n  }))), postfix && /*#__PURE__*/_react.default.createElement(_InputGroupAddon.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 282,\n      columnNumber: 19\n    }\n  }, postfix));\n});\n\nInputNumber.displayName = 'InputNumber';\nInputNumber.defaultProps = defaultProps;\nInputNumber.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  min: _propTypes.default.number,\n  max: _propTypes.default.number,\n  step: _propTypes.default.number,\n  value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  defaultValue: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  prefix: _propTypes.default.node,\n  postfix: _propTypes.default.node,\n  disabled: _propTypes.default.bool,\n  readOnly: _propTypes.default.bool,\n  plaintext: _propTypes.default.bool,\n  scrollable: _propTypes.default.bool,\n  size: _propTypes.default.oneOf(['lg', 'md', 'sm', 'xs']),\n  buttonAppearance: _propTypes.default.oneOf(['default', 'primary', 'link', 'subtle', 'ghost']),\n  onWheel: _propTypes.default.func,\n  onChange: _propTypes.default.func\n};\nvar _default = InputNumber;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/InputNumber/InputNumber.tsx?");
 
 /***/ }),
 
@@ -2463,7 +2639,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\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 _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _isFunction = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _remove = _interopRequireDefault(__webpack_require__(/*! lodash/remove */ \"./node_modules/lodash/remove.js\"));\n\nvar _clone = _interopRequireDefault(__webpack_require__(/*! lodash/clone */ \"./node_modules/lodash/clone.js\"));\n\nvar _isArray = _interopRequireDefault(__webpack_require__(/*! lodash/isArray */ \"./node_modules/lodash/isArray.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/Plaintext/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _Tag = _interopRequireDefault(__webpack_require__(/*! ../Tag */ \"./src/Tag/index.tsx\"));\n\nvar _InputAutosize = _interopRequireDefault(__webpack_require__(/*! ./InputAutosize */ \"./src/InputPicker/InputAutosize.tsx\"));\n\nvar _InputSearch = _interopRequireDefault(__webpack_require__(/*! ./InputSearch */ \"./src/InputPicker/InputSearch.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/InputPicker/InputPicker.tsx\",\n    _this = void 0,\n    _templateObject,\n    _templateObject2,\n    _templateObject3,\n    _templateObject4;\n\nvar defaultProps = {\n  as: 'div',\n  appearance: 'default',\n  cleanable: true,\n  cacheData: [],\n  classPrefix: 'picker',\n  data: [],\n  disabledItemValues: [],\n  valueKey: 'value',\n  labelKey: 'label',\n  placement: 'bottomStart',\n  searchable: true,\n  menuAutoWidth: true,\n  menuMaxHeight: 320,\n  tagProps: {}\n};\n\nvar InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _merge;\n\n  var Component = props.as,\n      cleanable = props.cleanable,\n      cacheData = props.cacheData,\n      classPrefix = props.classPrefix,\n      controlledData = props.data,\n      disabled = props.disabled,\n      readOnly = props.readOnly,\n      plaintext = props.plaintext,\n      defaultValue = props.defaultValue,\n      defaultOpen = props.defaultOpen,\n      disabledItemValues = props.disabledItemValues,\n      overrideLocale = props.locale,\n      toggleAs = props.toggleAs,\n      style = props.style,\n      searchable = props.searchable,\n      multi = props.multi,\n      controlledOpen = props.open,\n      placeholder = props.placeholder,\n      tagProps = props.tagProps,\n      groupBy = props.groupBy,\n      menuClassName = props.menuClassName,\n      menuStyle = props.menuStyle,\n      menuAutoWidth = props.menuAutoWidth,\n      menuMaxHeight = props.menuMaxHeight,\n      creatable = props.creatable,\n      valueProp = props.value,\n      valueKey = props.valueKey,\n      virtualized = props.virtualized,\n      labelKey = props.labelKey,\n      listProps = props.listProps,\n      id = props.id,\n      tabIndex = props.tabIndex,\n      sort = props.sort,\n      renderMenu = props.renderMenu,\n      renderExtraFooter = props.renderExtraFooter,\n      renderValue = props.renderValue,\n      renderMenuItem = props.renderMenuItem,\n      renderMenuGroup = props.renderMenuGroup,\n      onEnter = props.onEnter,\n      onEntered = props.onEntered,\n      onExit = props.onExit,\n      onExited = props.onExited,\n      onChange = props.onChange,\n      onClean = props.onClean,\n      onCreate = props.onCreate,\n      onSearch = props.onSearch,\n      onSelect = props.onSelect,\n      onOpen = props.onOpen,\n      onClose = props.onClose,\n      onBlur = props.onBlur,\n      onFocus = props.onFocus,\n      searchBy = props.searchBy,\n      placement = props.placement,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"cleanable\", \"cacheData\", \"classPrefix\", \"data\", \"disabled\", \"readOnly\", \"plaintext\", \"defaultValue\", \"defaultOpen\", \"disabledItemValues\", \"locale\", \"toggleAs\", \"style\", \"searchable\", \"multi\", \"open\", \"placeholder\", \"tagProps\", \"groupBy\", \"menuClassName\", \"menuStyle\", \"menuAutoWidth\", \"menuMaxHeight\", \"creatable\", \"value\", \"valueKey\", \"virtualized\", \"labelKey\", \"listProps\", \"id\", \"tabIndex\", \"sort\", \"renderMenu\", \"renderExtraFooter\", \"renderValue\", \"renderMenuItem\", \"renderMenuGroup\", \"onEnter\", \"onEntered\", \"onExit\", \"onExited\", \"onChange\", \"onClean\", \"onCreate\", \"onSearch\", \"onSelect\", \"onOpen\", \"onClose\", \"onBlur\", \"onFocus\", \"searchBy\", \"placement\"]);\n\n  if (groupBy === valueKey || groupBy === labelKey) {\n    throw Error('`groupBy` can not be equal to `valueKey` and `labelKey`');\n  }\n\n  var overlayRef = (0, _react.useRef)();\n  var targetRef = (0, _react.useRef)();\n  var triggerRef = (0, _react.useRef)();\n  var inputRef = (0, _react.useRef)();\n\n  var _useCustom = (0, _utils.useCustom)(['Picker', 'InputPicker'], overrideLocale),\n      locale = _useCustom.locale;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge;\n\n  var _useState = (0, _react.useState)(controlledData),\n      uncontrolledData = _useState[0],\n      setData = _useState[1];\n\n  var _useState2 = (0, _react.useState)(100),\n      maxWidth = _useState2[0],\n      setMaxWidth = _useState2[1];\n\n  var _useState3 = (0, _react.useState)([]),\n      newData = _useState3[0],\n      setNewData = _useState3[1];\n\n  var _useState4 = (0, _react.useState)(defaultOpen),\n      uncontrolledOpen = _useState4[0],\n      setOpen = _useState4[1];\n\n  var open = (0, _isUndefined.default)(controlledOpen) ? uncontrolledOpen : controlledOpen;\n  var getAllData = (0, _react.useCallback)(function () {\n    return [].concat(uncontrolledData, newData);\n  }, [uncontrolledData, newData]);\n  var getAllDataAndCache = (0, _react.useCallback)(function () {\n    return [].concat(getAllData(), cacheData);\n  }, [getAllData, cacheData]);\n\n  var _useControlled = (0, _utils.useControlled)(valueProp, multi ? defaultValue || [] : defaultValue),\n      value = _useControlled[0],\n      setValue = _useControlled[1],\n      isControlled = _useControlled[2];\n\n  var cloneValue = (0, _react.useCallback)(function () {\n    return multi ? (0, _clone.default)(value) || [] : value;\n  }, [multi, value]);\n  var handleClose = (0, _react.useCallback)(function () {\n    var _triggerRef$current;\n\n    triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.close();\n  }, [triggerRef]); // Used to hover the focuse item  when trigger `onKeydown`\n\n  var _useFocusItemValue = (0, _Picker.useFocusItemValue)(multi ? value === null || value === void 0 ? void 0 : value[0] : value, {\n    data: getAllDataAndCache(),\n    valueKey: valueKey,\n    target: function target() {\n      return overlayRef.current;\n    }\n  }),\n      focusItemValue = _useFocusItemValue.focusItemValue,\n      setFocusItemValue = _useFocusItemValue.setFocusItemValue,\n      onKeyDown = _useFocusItemValue.onKeyDown;\n\n  var handleSearchCallback = (0, _react.useCallback)(function (searchKeyword, filteredData, event) {\n    var _filteredData$;\n\n    // The first option after filtering is the focus.\n    setFocusItemValue((filteredData === null || filteredData === void 0 ? void 0 : (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey]) || searchKeyword);\n    onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);\n  }, [setFocusItemValue, onSearch, valueKey]); // Use search keywords to filter options.\n\n  var _useSearch = (0, _Picker.useSearch)({\n    labelKey: labelKey,\n    data: getAllData(),\n    searchBy: searchBy,\n    callback: handleSearchCallback\n  }),\n      searchKeyword = _useSearch.searchKeyword,\n      setSearchKeyword = _useSearch.setSearchKeyword,\n      checkShouldDisplay = _useSearch.checkShouldDisplay,\n      handleSearch = _useSearch.handleSearch; // Update the state when the data in props changes\n\n\n  (0, _react.useEffect)(function () {\n    if (controlledData && !(0, _shallowEqual.default)(controlledData, uncontrolledData)) {\n      var _controlledData$;\n\n      setData(controlledData);\n      setNewData([]);\n      setFocusItemValue(controlledData === null || controlledData === void 0 ? void 0 : (_controlledData$ = controlledData[0]) === null || _controlledData$ === void 0 ? void 0 : _controlledData$[valueKey]);\n    }\n  }, [setFocusItemValue, controlledData, uncontrolledData, valueKey]);\n  (0, _react.useEffect)(function () {\n    var _triggerRef$current2;\n\n    // In multiple selection, you need to set a maximum width for the input.\n    if ((_triggerRef$current2 = triggerRef.current) !== null && _triggerRef$current2 !== void 0 && _triggerRef$current2.root) {\n      setMaxWidth((0, _domLib.getWidth)(triggerRef.current.root));\n    }\n  }, []); // Update the position of the menu when the search keyword and value change\n\n  (0, _react.useEffect)(function () {\n    var _triggerRef$current3, _triggerRef$current3$;\n\n    (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 ? void 0 : (_triggerRef$current3$ = _triggerRef$current3.updatePosition) === null || _triggerRef$current3$ === void 0 ? void 0 : _triggerRef$current3$.call(_triggerRef$current3);\n  }, [searchKeyword, value]);\n\n  var getDateItem = function getDateItem(value) {\n    // Find active `MenuItem` by `value`\n    var allData = getAllDataAndCache();\n    var activeItem = allData.find(function (item) {\n      return (0, _shallowEqual.default)(item[valueKey], value);\n    });\n    var displayElement = placeholder;\n\n    if (activeItem !== null && activeItem !== void 0 && activeItem[labelKey]) {\n      displayElement = activeItem === null || activeItem === void 0 ? void 0 : activeItem[labelKey];\n    }\n\n    return {\n      isValid: !!activeItem,\n      activeItem: activeItem,\n      displayElement: displayElement\n    };\n  };\n\n  var getInput = (0, _react.useCallback)(function () {\n    var _inputRef$current;\n\n    return multi ? (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.input : inputRef.current;\n  }, [inputRef, multi]);\n  var focusInput = (0, _react.useCallback)(function () {\n    var _getInput;\n\n    return (_getInput = getInput()) === null || _getInput === void 0 ? void 0 : _getInput.focus();\n  }, [getInput]);\n  var blurInput = (0, _react.useCallback)(function () {\n    var _getInput2;\n\n    return (_getInput2 = getInput()) === null || _getInput2 === void 0 ? void 0 : _getInput2.blur();\n  }, [getInput]);\n  /**\n   * Convert the string of the newly created option into an object.\n   */\n\n  var createOption = (0, _react.useCallback)(function (value) {\n    var _ref2;\n\n    if (groupBy) {\n      var _ref;\n\n      return _ref = {\n        create: true\n      }, _ref[groupBy] = locale === null || locale === void 0 ? void 0 : locale.newItem, _ref[valueKey] = value, _ref[labelKey] = value, _ref;\n    }\n\n    return _ref2 = {\n      create: true\n    }, _ref2[valueKey] = value, _ref2[labelKey] = value, _ref2;\n  }, [groupBy, valueKey, labelKey, locale]);\n  var handleChange = (0, _react.useCallback)(function (value, event) {\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n  }, [onChange]);\n  var handleRemoveItemByTag = (0, _react.useCallback)(function (tag, event) {\n    event.stopPropagation();\n    var val = cloneValue();\n    (0, _remove.default)(val, function (itemVal) {\n      return (0, _shallowEqual.default)(itemVal, tag);\n    });\n    setValue(val);\n    handleChange(val, event);\n  }, [setValue, cloneValue, handleChange]);\n  var handleSelect = (0, _react.useCallback)(function (value, item, event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, item, event);\n\n    if (creatable && item.create) {\n      delete item.create;\n      onCreate === null || onCreate === void 0 ? void 0 : onCreate(value, item, event);\n      setNewData(newData.concat(item));\n    }\n  }, [creatable, newData, onSelect, onCreate]);\n  /**\n   * Callback triggered by single selection\n   * @param value\n   * @param item\n   * @param event\n   */\n\n  var handleItemSelect = function handleItemSelect(value, item, event) {\n    setValue(value);\n    setFocusItemValue(value);\n    setSearchKeyword('');\n    handleSelect(value, item, event);\n    handleChange(value, event);\n    handleClose();\n  };\n  /**\n   * Callback triggered by multiple selection\n   * @param nextItemValue\n   * @param item\n   * @param event\n   * @param checked\n   */\n\n\n  var handleCheckItemSelect = function handleCheckItemSelect(nextItemValue, item, event, checked) {\n    var val = cloneValue();\n\n    if (checked) {\n      val.push(nextItemValue);\n    } else {\n      (0, _remove.default)(val, function (itemVal) {\n        return (0, _shallowEqual.default)(itemVal, nextItemValue);\n      });\n    }\n\n    setValue(val);\n    setSearchKeyword('');\n    setFocusItemValue(nextItemValue);\n    handleSelect(val, item, event);\n    handleChange(val, event);\n    focusInput();\n  };\n\n  var selectFocusMenuCheckItem = (0, _react.useCallback)(function (event) {\n    var val = cloneValue();\n    var data = getAllData();\n\n    if (!focusItemValue || !data) {\n      return;\n    } // If the value is disabled in this option, it is returned.\n\n\n    if (disabledItemValues !== null && disabledItemValues !== void 0 && disabledItemValues.some(function (item) {\n      return item === focusItemValue;\n    })) {\n      return;\n    }\n\n    if (!val.some(function (v) {\n      return (0, _shallowEqual.default)(v, focusItemValue);\n    })) {\n      val.push(focusItemValue);\n    } else {\n      (0, _remove.default)(val, function (itemVal) {\n        return (0, _shallowEqual.default)(itemVal, focusItemValue);\n      });\n    }\n\n    var focusItem = data.find(function (item) {\n      return (0, _shallowEqual.default)(item === null || item === void 0 ? void 0 : item[valueKey], focusItemValue);\n    });\n\n    if (!focusItem) {\n      focusItem = createOption(focusItemValue);\n    }\n\n    setValue(val);\n    setSearchKeyword('');\n    handleSelect(val, focusItem, event);\n    handleChange(val, event);\n  }, [setValue, cloneValue, getAllData, handleChange, handleSelect, createOption, setSearchKeyword, disabledItemValues, focusItemValue, valueKey]);\n  var selectFocusMenuItem = (0, _react.useCallback)(function (event) {\n    if (!focusItemValue || !controlledData) {\n      return;\n    } // If the value is disabled in this option, it is returned.\n\n\n    if (disabledItemValues !== null && disabledItemValues !== void 0 && disabledItemValues.some(function (item) {\n      return item === focusItemValue;\n    })) {\n      return;\n    } // Find active `MenuItem` by `value`\n\n\n    var allData = getAllData();\n    var focusItem = allData.find(function (item) {\n      return (0, _shallowEqual.default)(item[valueKey], focusItemValue);\n    });\n\n    if (!focusItem && focusItemValue === searchKeyword) {\n      focusItem = createOption(searchKeyword);\n    }\n\n    setValue(focusItemValue);\n    setSearchKeyword('');\n    handleSelect(focusItemValue, focusItem, event);\n    handleChange(focusItemValue, event);\n    handleClose();\n  }, [setValue, disabledItemValues, controlledData, focusItemValue, valueKey, searchKeyword, handleClose, setSearchKeyword, createOption, getAllData, handleChange, handleSelect]);\n  (0, _Picker.usePublicMethods)(ref, {\n    triggerRef: triggerRef,\n    overlayRef: overlayRef,\n    targetRef: targetRef\n  });\n  /**\n   * Remove the last item, after pressing the back key on the keyboard.\n   * @param event\n   */\n\n  var removeLastItem = (0, _react.useCallback)(function (event) {\n    var target = event === null || event === void 0 ? void 0 : event.target;\n\n    if ((target === null || target === void 0 ? void 0 : target.tagName) !== 'INPUT') {\n      focusInput();\n      return;\n    }\n\n    if ((target === null || target === void 0 ? void 0 : target.tagName) === 'INPUT' && target !== null && target !== void 0 && target.value) {\n      return;\n    }\n\n    var val = cloneValue();\n    val.pop();\n    setValue(val);\n    handleChange(val, event);\n  }, [setValue, focusInput, handleChange, cloneValue]);\n  var handleClean = (0, _react.useCallback)(function (event) {\n    if (disabled || searchKeyword !== '') {\n      return;\n    }\n\n    setValue(null);\n    setFocusItemValue(null);\n    setSearchKeyword('');\n    handleChange(null, event);\n    onClean === null || onClean === void 0 ? void 0 : onClean(event);\n  }, [disabled, searchKeyword, onClean, handleChange, setValue, setFocusItemValue, setSearchKeyword]);\n  var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({\n    triggerRef: triggerRef,\n    targetRef: targetRef,\n    overlayRef: overlayRef,\n    onMenuPressEnter: multi ? selectFocusMenuCheckItem : selectFocusMenuItem,\n    onMenuPressBackspace: multi ? removeLastItem : handleClean,\n    onMenuKeyDown: onKeyDown\n  }, rest));\n  var handleExited = (0, _react.useCallback)(function () {\n    setFocusItemValue(multi ? value === null || value === void 0 ? void 0 : value[0] : value);\n    setSearchKeyword('');\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n  }, [setFocusItemValue, setSearchKeyword, onClose, value, multi]);\n  var handleFocus = (0, _react.useCallback)(function () {\n    if (!readOnly) {\n      var _triggerRef$current4;\n\n      setOpen(true);\n      (_triggerRef$current4 = triggerRef.current) === null || _triggerRef$current4 === void 0 ? void 0 : _triggerRef$current4.open();\n    }\n  }, [readOnly]);\n  var handleBlur = (0, _react.useCallback)(function () {\n    setOpen(false);\n  }, []);\n  var handleEnter = (0, _react.useCallback)(function () {\n    focusInput();\n    setOpen(true);\n  }, [focusInput]);\n  var handleExit = (0, _react.useCallback)(function () {\n    blurInput();\n    setOpen(false);\n  }, [blurInput]);\n\n  var renderDropdownMenuItem = function renderDropdownMenuItem(label, item) {\n    // 'Create option \"{0}\"' =>  Create option \"xxxxx\"\n    var newLabel = item.create ? /*#__PURE__*/_react.default.createElement(\"span\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 542,\n        columnNumber: 9\n      }\n    }, (0, _utils.tplTransform)(locale === null || locale === void 0 ? void 0 : locale.createOption, label)) : label;\n    return renderMenuItem ? renderMenuItem(newLabel, item) : newLabel;\n  };\n\n  var renderSingleValue = function renderSingleValue() {\n    if (multi) {\n      return {\n        isValid: false,\n        displayElement: placeholder\n      };\n    }\n\n    var dataItem = getDateItem(value);\n    var displayElement = dataItem.displayElement;\n\n    if (!(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue)) {\n      displayElement = renderValue(value, dataItem.activeItem, displayElement);\n    }\n\n    return {\n      isValid: dataItem.isValid,\n      displayElement: displayElement\n    };\n  };\n\n  var renderMultiValue = function renderMultiValue() {\n    if (!multi) {\n      return null;\n    }\n\n    var _tagProps$closable = tagProps.closable,\n        closable = _tagProps$closable === void 0 ? true : _tagProps$closable,\n        onClose = tagProps.onClose,\n        tagRest = (0, _objectWithoutPropertiesLoose2.default)(tagProps, [\"closable\", \"onClose\"]);\n    var tags = value || [];\n    var items = [];\n    var tagElements = tags.map(function (tag) {\n      var _getDateItem = getDateItem(tag),\n          isValid = _getDateItem.isValid,\n          displayElement = _getDateItem.displayElement,\n          activeItem = _getDateItem.activeItem;\n\n      items.push(activeItem);\n\n      if (!isValid) {\n        return null;\n      }\n\n      return /*#__PURE__*/_react.default.createElement(_Tag.default, (0, _extends2.default)({}, tagRest, {\n        key: tag,\n        size: rest.size === 'lg' ? 'lg' : rest.size === 'xs' ? 'sm' : 'md',\n        closable: !disabled && closable && !readOnly && !plaintext,\n        title: typeof displayElement === 'string' ? displayElement : undefined,\n        onClose: (0, _utils.createChainedFunction)(handleRemoveItemByTag.bind(null, tag), onClose),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 582,\n          columnNumber: 13\n        }\n      }), displayElement);\n    }).filter(function (item) {\n      return item !== null;\n    });\n\n    if ((tags.length > 0 || isControlled) && (0, _isFunction.default)(renderValue)) {\n      return renderValue(value, items, tagElements);\n    }\n\n    return tagElements;\n  };\n\n  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {\n    var left = positionProps.left,\n        top = positionProps.top,\n        className = positionProps.className;\n    var menuClassPrefix = multi ? 'picker-check-menu' : 'picker-select-menu';\n    var classes = merge(className, menuClassName, prefix(menuClassPrefix));\n    var styles = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var items = (0, _treeUtils.filterNodesOfTree)(getAllData(), checkShouldDisplay);\n\n    if (creatable && searchKeyword && !items.find(function (item) {\n      return item[valueKey] === searchKeyword;\n    })) {\n      items = [].concat(items, [createOption(searchKeyword)]);\n    } // Create a tree structure data when set `groupBy`\n\n\n    if (groupBy) {\n      items = (0, _utils.getDataGroupBy)(items, groupBy, sort);\n    } else if (typeof sort === 'function') {\n      items = items.sort(sort(false));\n    }\n\n    var menu = items.length ? /*#__PURE__*/_react.default.createElement(_Picker.DropdownMenu, {\n      id: id ? id + \"-listbox\" : undefined,\n      listProps: listProps,\n      disabledItemValues: disabledItemValues,\n      valueKey: valueKey,\n      labelKey: labelKey,\n      classPrefix: menuClassPrefix,\n      dropdownMenuItemClassPrefix: multi ? undefined : menuClassPrefix + \"-item\",\n      dropdownMenuItemAs: multi ? _Picker.DropdownMenuCheckItem : _Picker.DropdownMenuItem,\n      activeItemValues: multi ? value : [value],\n      focusItemValue: focusItemValue,\n      maxHeight: menuMaxHeight,\n      data: items,\n      group: !(0, _isUndefined.default)(groupBy),\n      onSelect: multi ? handleCheckItemSelect : handleItemSelect,\n      renderMenuGroup: renderMenuGroup,\n      renderMenuItem: renderDropdownMenuItem,\n      virtualized: virtualized,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 623,\n        columnNumber: 9\n      }\n    }) : /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"none\"]))),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 643,\n        columnNumber: 9\n      }\n    }, locale === null || locale === void 0 ? void 0 : locale.noResultsText);\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n      ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: styles,\n      target: triggerRef,\n      onKeyDown: onPickerKeyDown,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 647,\n        columnNumber: 9\n      }\n    }, renderMenu ? renderMenu(menu) : menu, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  var _renderSingleValue = renderSingleValue(),\n      isValid = _renderSingleValue.isValid,\n      displayElement = _renderSingleValue.displayElement;\n\n  var tagElements = renderMultiValue();\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   * 3.If renderValue returns null or undefined, hasValue is false.\n   */\n\n  var hasSingleValue = !(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue) && !(0, _isNil.default)(displayElement);\n  var hasMultiValue = (0, _isArray.default)(value) && value.length > 0 && (0, _isFunction.default)(renderValue) && !(0, _isNil.default)(tagElements);\n  var hasValue = multi ? !!(tagElements !== null && tagElements !== void 0 && tagElements.length) || hasMultiValue : isValid || hasSingleValue;\n\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n    hasValue: hasValue,\n    name: 'input'\n  })),\n      pickerClasses = _usePickerClassName[0],\n      usedClassNamePropKeys = _usePickerClassName[1];\n\n  var classes = merge(pickerClasses, (_merge = {}, _merge[prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"tag\"])))] = multi, _merge[prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)([\"focused\"])))] = open, _merge));\n  var searching = !!searchKeyword && open;\n  var displaySearchInput = searchable && !disabled;\n  var inputProps = multi ? {\n    inputStyle: {\n      maxWidth: maxWidth - 63\n    },\n    as: _InputAutosize.default\n  } : {\n    as: 'input'\n  };\n\n  if (plaintext) {\n    var plaintextProps = {}; // TagPicker has -6px margin-left on the plaintext wrapper\n    // for fixing margin-left on tags from 2nd line on\n\n    if (multi) {\n      plaintextProps.style = {\n        marginLeft: -6\n      };\n    }\n\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, (0, _extends2.default)({\n      localeKey: \"notSelected\",\n      ref: targetRef\n    }, plaintextProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 703,\n        columnNumber: 9\n      }\n    }), displayElement || (tagElements !== null && tagElements !== void 0 && tagElements.length ? tagElements : null));\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: triggerRef,\n    trigger: \"active\",\n    onEnter: (0, _utils.createChainedFunction)(handleEnter, onEnter),\n    onEntered: (0, _utils.createChainedFunction)(onEntered, onOpen),\n    onExit: (0, _utils.createChainedFunction)(handleExit, onExit),\n    onExited: (0, _utils.createChainedFunction)(handleExited, onExited),\n    speaker: renderDropdownMenu,\n    placement: placement,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 710,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: classes,\n    style: style,\n    onClick: focusInput,\n    onKeyDown: onPickerKeyDown,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 721,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {\n    id: id,\n    readOnly: readOnly,\n    plaintext: plaintext,\n    ref: targetRef,\n    as: toggleAs,\n    tabIndex: null,\n    onClean: handleClean,\n    cleanable: cleanable && !disabled,\n    hasValue: hasValue,\n    active: open,\n    disabled: disabled,\n    placement: placement,\n    inputValue: value,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 727,\n      columnNumber: 11\n    }\n  }), searching || multi && hasValue ? null : displayElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder)), !(!multi && disabled) && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)([\"tag-wrapper\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 747,\n      columnNumber: 13\n    }\n  }, tagElements, displaySearchInput && /*#__PURE__*/_react.default.createElement(_InputSearch.default, (0, _extends2.default)({}, inputProps, {\n    tabIndex: tabIndex,\n    readOnly: readOnly,\n    onBlur: (0, _utils.createChainedFunction)(handleBlur, onBlur),\n    onFocus: (0, _utils.createChainedFunction)(handleFocus, onFocus),\n    inputRef: inputRef,\n    onChange: handleSearch,\n    value: open ? searchKeyword : '',\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 750,\n      columnNumber: 17\n    }\n  })))));\n});\n\nInputPicker.displayName = 'InputPicker';\nInputPicker.defaultProps = defaultProps;\nInputPicker.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {\n  locale: _propTypes.default.any,\n  appearance: _propTypes.default.oneOf(['default', 'subtle']),\n  cacheData: _propTypes.default.array,\n  menuAutoWidth: _propTypes.default.bool,\n  menuMaxHeight: _propTypes.default.number,\n  searchable: _propTypes.default.bool,\n  creatable: _propTypes.default.bool,\n  multi: _propTypes.default.bool,\n  groupBy: _propTypes.default.any,\n  sort: _propTypes.default.func,\n  renderMenu: _propTypes.default.func,\n  renderMenuItem: _propTypes.default.func,\n  renderMenuGroup: _propTypes.default.func,\n  onCreate: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onGroupTitleClick: _propTypes.default.func,\n  onSearch: _propTypes.default.func,\n  virtualized: _propTypes.default.bool,\n  searchBy: _propTypes.default.func,\n  tagProps: _propTypes.default.object\n});\nvar _default = InputPicker;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/InputPicker/InputPicker.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.InputPickerContext = void 0;\n\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\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 _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _isFunction = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _remove = _interopRequireDefault(__webpack_require__(/*! lodash/remove */ \"./node_modules/lodash/remove.js\"));\n\nvar _clone = _interopRequireDefault(__webpack_require__(/*! lodash/clone */ \"./node_modules/lodash/clone.js\"));\n\nvar _isArray = _interopRequireDefault(__webpack_require__(/*! lodash/isArray */ \"./node_modules/lodash/isArray.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/Plaintext/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _Tag = _interopRequireDefault(__webpack_require__(/*! ../Tag */ \"./src/Tag/index.tsx\"));\n\nvar _InputAutosize = _interopRequireDefault(__webpack_require__(/*! ./InputAutosize */ \"./src/InputPicker/InputAutosize.tsx\"));\n\nvar _InputSearch = _interopRequireDefault(__webpack_require__(/*! ./InputSearch */ \"./src/InputPicker/InputSearch.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/InputPicker/InputPicker.tsx\",\n    _this = void 0,\n    _templateObject,\n    _templateObject2,\n    _templateObject3,\n    _templateObject4,\n    _templateObject5;\n\nvar InputPickerContext = /*#__PURE__*/_react.default.createContext({});\n\nexports.InputPickerContext = InputPickerContext;\nvar defaultProps = {\n  as: 'div',\n  appearance: 'default',\n  cleanable: true,\n  cacheData: [],\n  classPrefix: 'picker',\n  data: [],\n  disabledItemValues: [],\n  valueKey: 'value',\n  labelKey: 'label',\n  placement: 'bottomStart',\n  searchable: true,\n  menuAutoWidth: true,\n  menuMaxHeight: 320\n};\n\nvar InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _merge;\n\n  var Component = props.as,\n      cleanable = props.cleanable,\n      cacheData = props.cacheData,\n      classPrefix = props.classPrefix,\n      controlledData = props.data,\n      disabled = props.disabled,\n      readOnly = props.readOnly,\n      plaintext = props.plaintext,\n      defaultValue = props.defaultValue,\n      defaultOpen = props.defaultOpen,\n      disabledItemValues = props.disabledItemValues,\n      overrideLocale = props.locale,\n      toggleAs = props.toggleAs,\n      style = props.style,\n      searchable = props.searchable,\n      controlledOpen = props.open,\n      placeholder = props.placeholder,\n      groupBy = props.groupBy,\n      menuClassName = props.menuClassName,\n      menuStyle = props.menuStyle,\n      menuAutoWidth = props.menuAutoWidth,\n      menuMaxHeight = props.menuMaxHeight,\n      creatable = props.creatable,\n      valueProp = props.value,\n      valueKey = props.valueKey,\n      virtualized = props.virtualized,\n      labelKey = props.labelKey,\n      listProps = props.listProps,\n      id = props.id,\n      tabIndex = props.tabIndex,\n      sort = props.sort,\n      renderMenu = props.renderMenu,\n      renderExtraFooter = props.renderExtraFooter,\n      renderValue = props.renderValue,\n      renderMenuItem = props.renderMenuItem,\n      renderMenuGroup = props.renderMenuGroup,\n      onEnter = props.onEnter,\n      onEntered = props.onEntered,\n      onExit = props.onExit,\n      onExited = props.onExited,\n      onChange = props.onChange,\n      onClean = props.onClean,\n      onCreate = props.onCreate,\n      onSearch = props.onSearch,\n      onSelect = props.onSelect,\n      onOpen = props.onOpen,\n      onClose = props.onClose,\n      onBlur = props.onBlur,\n      onFocus = props.onFocus,\n      searchBy = props.searchBy,\n      placement = props.placement,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"cleanable\", \"cacheData\", \"classPrefix\", \"data\", \"disabled\", \"readOnly\", \"plaintext\", \"defaultValue\", \"defaultOpen\", \"disabledItemValues\", \"locale\", \"toggleAs\", \"style\", \"searchable\", \"open\", \"placeholder\", \"groupBy\", \"menuClassName\", \"menuStyle\", \"menuAutoWidth\", \"menuMaxHeight\", \"creatable\", \"value\", \"valueKey\", \"virtualized\", \"labelKey\", \"listProps\", \"id\", \"tabIndex\", \"sort\", \"renderMenu\", \"renderExtraFooter\", \"renderValue\", \"renderMenuItem\", \"renderMenuGroup\", \"onEnter\", \"onEntered\", \"onExit\", \"onExited\", \"onChange\", \"onClean\", \"onCreate\", \"onSearch\", \"onSelect\", \"onOpen\", \"onClose\", \"onBlur\", \"onFocus\", \"searchBy\", \"placement\"]);\n\n  var _useContext = (0, _react.useContext)(InputPickerContext),\n      multi = _useContext.multi,\n      tagProps = _useContext.tagProps,\n      trigger = _useContext.trigger,\n      disabledOptions = _useContext.disabledOptions;\n\n  if (groupBy === valueKey || groupBy === labelKey) {\n    throw Error('`groupBy` can not be equal to `valueKey` and `labelKey`');\n  }\n\n  var overlayRef = (0, _react.useRef)();\n  var targetRef = (0, _react.useRef)();\n  var triggerRef = (0, _react.useRef)();\n  var inputRef = (0, _react.useRef)();\n\n  var _useCustom = (0, _utils.useCustom)(['Picker', 'InputPicker'], overrideLocale),\n      locale = _useCustom.locale;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge;\n\n  var _useState = (0, _react.useState)(controlledData),\n      uncontrolledData = _useState[0],\n      setData = _useState[1];\n\n  var _useState2 = (0, _react.useState)(100),\n      maxWidth = _useState2[0],\n      setMaxWidth = _useState2[1];\n\n  var _useState3 = (0, _react.useState)([]),\n      newData = _useState3[0],\n      setNewData = _useState3[1];\n\n  var _useState4 = (0, _react.useState)(defaultOpen),\n      uncontrolledOpen = _useState4[0],\n      setOpen = _useState4[1];\n\n  var open = (0, _isUndefined.default)(controlledOpen) ? uncontrolledOpen : controlledOpen;\n  var getAllData = (0, _react.useCallback)(function () {\n    return [].concat(uncontrolledData, newData);\n  }, [uncontrolledData, newData]);\n  var getAllDataAndCache = (0, _react.useCallback)(function () {\n    return [].concat(getAllData(), cacheData);\n  }, [getAllData, cacheData]);\n\n  var _useControlled = (0, _utils.useControlled)(valueProp, multi ? defaultValue || [] : defaultValue),\n      value = _useControlled[0],\n      setValue = _useControlled[1],\n      isControlled = _useControlled[2];\n\n  var cloneValue = (0, _react.useCallback)(function () {\n    return multi ? (0, _clone.default)(value) || [] : value;\n  }, [multi, value]);\n  var handleClose = (0, _react.useCallback)(function () {\n    var _triggerRef$current;\n\n    triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.close();\n  }, [triggerRef]); // Used to hover the focuse item  when trigger `onKeydown`\n\n  var _useFocusItemValue = (0, _Picker.useFocusItemValue)(multi ? value === null || value === void 0 ? void 0 : value[0] : value, {\n    data: getAllDataAndCache(),\n    valueKey: valueKey,\n    target: function target() {\n      return overlayRef.current;\n    }\n  }),\n      focusItemValue = _useFocusItemValue.focusItemValue,\n      setFocusItemValue = _useFocusItemValue.setFocusItemValue,\n      onKeyDown = _useFocusItemValue.onKeyDown;\n\n  var handleSearchCallback = (0, _react.useCallback)(function (searchKeyword, filteredData, event) {\n    var _filteredData$;\n\n    // The first option after filtering is the focus.\n    setFocusItemValue(disabledOptions ? searchKeyword : (filteredData === null || filteredData === void 0 ? void 0 : (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey]) || searchKeyword);\n    onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);\n  }, [disabledOptions, setFocusItemValue, valueKey, onSearch]); // Use search keywords to filter options.\n\n  var _useSearch = (0, _Picker.useSearch)({\n    labelKey: labelKey,\n    data: getAllData(),\n    searchBy: searchBy,\n    callback: handleSearchCallback\n  }),\n      searchKeyword = _useSearch.searchKeyword,\n      setSearchKeyword = _useSearch.setSearchKeyword,\n      checkShouldDisplay = _useSearch.checkShouldDisplay,\n      handleSearch = _useSearch.handleSearch; // Update the state when the data in props changes\n\n\n  (0, _react.useEffect)(function () {\n    if (controlledData && !(0, _shallowEqual.default)(controlledData, uncontrolledData)) {\n      var _controlledData$;\n\n      setData(controlledData);\n      setNewData([]);\n      setFocusItemValue(controlledData === null || controlledData === void 0 ? void 0 : (_controlledData$ = controlledData[0]) === null || _controlledData$ === void 0 ? void 0 : _controlledData$[valueKey]);\n    }\n  }, [setFocusItemValue, controlledData, uncontrolledData, valueKey]);\n  (0, _react.useEffect)(function () {\n    var _triggerRef$current2;\n\n    // In multiple selection, you need to set a maximum width for the input.\n    if ((_triggerRef$current2 = triggerRef.current) !== null && _triggerRef$current2 !== void 0 && _triggerRef$current2.root) {\n      setMaxWidth((0, _domLib.getWidth)(triggerRef.current.root));\n    }\n  }, []); // Update the position of the menu when the search keyword and value change\n\n  (0, _react.useEffect)(function () {\n    var _triggerRef$current3, _triggerRef$current3$;\n\n    (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 ? void 0 : (_triggerRef$current3$ = _triggerRef$current3.updatePosition) === null || _triggerRef$current3$ === void 0 ? void 0 : _triggerRef$current3$.call(_triggerRef$current3);\n  }, [searchKeyword, value]);\n\n  var getDateItem = function getDateItem(value) {\n    // Find active `MenuItem` by `value`\n    var allData = getAllDataAndCache();\n    var activeItem = allData.find(function (item) {\n      return (0, _shallowEqual.default)(item[valueKey], value);\n    });\n    var itemNode = placeholder;\n\n    if (activeItem !== null && activeItem !== void 0 && activeItem[labelKey]) {\n      itemNode = activeItem === null || activeItem === void 0 ? void 0 : activeItem[labelKey];\n    }\n\n    return {\n      isValid: !!activeItem,\n      activeItem: activeItem,\n      itemNode: itemNode\n    };\n  };\n\n  var getInput = (0, _react.useCallback)(function () {\n    var _inputRef$current;\n\n    return multi ? (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.input : inputRef.current;\n  }, [inputRef, multi]);\n  var focusInput = (0, _react.useCallback)(function () {\n    var _getInput;\n\n    return (_getInput = getInput()) === null || _getInput === void 0 ? void 0 : _getInput.focus();\n  }, [getInput]);\n  var blurInput = (0, _react.useCallback)(function () {\n    var _getInput2;\n\n    return (_getInput2 = getInput()) === null || _getInput2 === void 0 ? void 0 : _getInput2.blur();\n  }, [getInput]);\n  /**\n   * Convert the string of the newly created option into an object.\n   */\n\n  var createOption = (0, _react.useCallback)(function (value) {\n    var _ref2;\n\n    if (groupBy) {\n      var _ref;\n\n      return _ref = {\n        create: true\n      }, _ref[groupBy] = locale === null || locale === void 0 ? void 0 : locale.newItem, _ref[valueKey] = value, _ref[labelKey] = value, _ref;\n    }\n\n    return _ref2 = {\n      create: true\n    }, _ref2[valueKey] = value, _ref2[labelKey] = value, _ref2;\n  }, [groupBy, valueKey, labelKey, locale]);\n  var handleChange = (0, _react.useCallback)(function (value, event) {\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n  }, [onChange]);\n  var handleRemoveItemByTag = (0, _react.useCallback)(function (tag, event) {\n    event.stopPropagation();\n    var val = cloneValue();\n    (0, _remove.default)(val, function (itemVal) {\n      return (0, _shallowEqual.default)(itemVal, tag);\n    });\n    setValue(val);\n    handleChange(val, event);\n  }, [setValue, cloneValue, handleChange]);\n  var handleSelect = (0, _react.useCallback)(function (value, item, event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, item, event);\n\n    if (creatable && item.create) {\n      delete item.create;\n      onCreate === null || onCreate === void 0 ? void 0 : onCreate(value, item, event);\n      setNewData(newData.concat(item));\n    }\n  }, [creatable, newData, onSelect, onCreate]);\n  /**\n   * Callback triggered by single selection\n   * @param value\n   * @param item\n   * @param event\n   */\n\n  var handleSelectItem = function handleSelectItem(value, item, event) {\n    setValue(value);\n    setFocusItemValue(value);\n    setSearchKeyword('');\n    handleSelect(value, item, event);\n    handleChange(value, event);\n    handleClose();\n  };\n  /**\n   * Callback triggered by multiple selection\n   * @param nextItemValue\n   * @param item\n   * @param event\n   * @param checked\n   */\n\n\n  var handleCheckTag = function handleCheckTag(nextItemValue, item, event, checked) {\n    var val = cloneValue();\n\n    if (checked) {\n      val.push(nextItemValue);\n    } else {\n      (0, _remove.default)(val, function (itemVal) {\n        return (0, _shallowEqual.default)(itemVal, nextItemValue);\n      });\n    }\n\n    setValue(val);\n    setSearchKeyword('');\n    setFocusItemValue(nextItemValue);\n    handleSelect(val, item, event);\n    handleChange(val, event);\n    focusInput();\n  };\n\n  var handleTagKeyPress = (0, _react.useCallback)(function (event) {\n    var val = cloneValue();\n    var data = getAllData();\n\n    if (!focusItemValue || !data) {\n      return;\n    } // If the value is disabled in this option, it is returned.\n\n\n    if (disabledItemValues !== null && disabledItemValues !== void 0 && disabledItemValues.some(function (item) {\n      return item === focusItemValue;\n    })) {\n      return;\n    }\n\n    if (!val.some(function (v) {\n      return (0, _shallowEqual.default)(v, focusItemValue);\n    })) {\n      val.push(focusItemValue);\n    } else if (!disabledOptions) {\n      (0, _remove.default)(val, function (itemVal) {\n        return (0, _shallowEqual.default)(itemVal, focusItemValue);\n      });\n    }\n\n    var focusItem = data.find(function (item) {\n      return (0, _shallowEqual.default)(item === null || item === void 0 ? void 0 : item[valueKey], focusItemValue);\n    });\n\n    if (!focusItem) {\n      focusItem = createOption(focusItemValue);\n    }\n\n    setValue(val);\n    setSearchKeyword('');\n    handleSelect(val, focusItem, event);\n    handleChange(val, event);\n  }, [cloneValue, getAllData, focusItemValue, disabledItemValues, disabledOptions, setValue, setSearchKeyword, handleSelect, handleChange, valueKey, createOption]);\n  var handleMenuItemKeyPress = (0, _react.useCallback)(function (event) {\n    if (!focusItemValue || !controlledData) {\n      return;\n    } // If the value is disabled in this option, it is returned.\n\n\n    if (disabledItemValues !== null && disabledItemValues !== void 0 && disabledItemValues.some(function (item) {\n      return item === focusItemValue;\n    })) {\n      return;\n    } // Find active `MenuItem` by `value`\n\n\n    var allData = getAllData();\n    var focusItem = allData.find(function (item) {\n      return (0, _shallowEqual.default)(item[valueKey], focusItemValue);\n    });\n\n    if (!focusItem && focusItemValue === searchKeyword) {\n      focusItem = createOption(searchKeyword);\n    }\n\n    setValue(focusItemValue);\n    setSearchKeyword('');\n    handleSelect(focusItemValue, focusItem, event);\n    handleChange(focusItemValue, event);\n    handleClose();\n  }, [setValue, disabledItemValues, controlledData, focusItemValue, valueKey, searchKeyword, handleClose, setSearchKeyword, createOption, getAllData, handleChange, handleSelect]);\n  (0, _Picker.usePublicMethods)(ref, {\n    triggerRef: triggerRef,\n    overlayRef: overlayRef,\n    targetRef: targetRef\n  });\n  /**\n   * Remove the last item, after pressing the back key on the keyboard.\n   * @param event\n   */\n\n  var removeLastItem = (0, _react.useCallback)(function (event) {\n    var target = event === null || event === void 0 ? void 0 : event.target;\n\n    if ((target === null || target === void 0 ? void 0 : target.tagName) !== 'INPUT') {\n      focusInput();\n      return;\n    }\n\n    if ((target === null || target === void 0 ? void 0 : target.tagName) === 'INPUT' && target !== null && target !== void 0 && target.value) {\n      return;\n    }\n\n    var val = cloneValue();\n    val.pop();\n    setValue(val);\n    handleChange(val, event);\n  }, [setValue, focusInput, handleChange, cloneValue]);\n  var handleClean = (0, _react.useCallback)(function (event) {\n    if (disabled || searchKeyword !== '') {\n      return;\n    }\n\n    setValue(null);\n    setFocusItemValue(null);\n    setSearchKeyword('');\n    handleChange(null, event);\n    onClean === null || onClean === void 0 ? void 0 : onClean(event);\n  }, [disabled, searchKeyword, onClean, handleChange, setValue, setFocusItemValue, setSearchKeyword]);\n  var events = {\n    onMenuPressBackspace: multi ? removeLastItem : handleClean,\n    onMenuKeyDown: onKeyDown,\n    onMenuPressEnter: null,\n    onKeyDown: null\n  };\n  var handleKeyPress = (0, _react.useCallback)(function (event) {\n    // When typing a space, create a tag.\n    if ((0, _utils.isOneOf)('Space', trigger) && event.key === _utils.KEY_VALUES.SPACE) {\n      handleTagKeyPress(event);\n      event.preventDefault();\n    } // When typing a comma, create a tag.\n\n\n    if ((0, _utils.isOneOf)('Comma', trigger) && event.key === _utils.KEY_VALUES.COMMA) {\n      handleTagKeyPress(event);\n      event.preventDefault();\n    }\n  }, [handleTagKeyPress, trigger]);\n\n  if (multi) {\n    if ((0, _utils.isOneOf)('Enter', trigger)) {\n      events.onMenuPressEnter = handleTagKeyPress;\n    }\n\n    if (creatable) {\n      events.onKeyDown = handleKeyPress;\n    }\n  } else {\n    events.onMenuPressEnter = handleMenuItemKeyPress;\n  }\n\n  var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({\n    triggerRef: triggerRef,\n    targetRef: targetRef,\n    overlayRef: overlayRef\n  }, events, rest));\n  var handleExited = (0, _react.useCallback)(function () {\n    setFocusItemValue(multi ? value === null || value === void 0 ? void 0 : value[0] : value);\n    setSearchKeyword('');\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n  }, [setFocusItemValue, setSearchKeyword, onClose, value, multi]);\n  var handleFocus = (0, _react.useCallback)(function () {\n    if (!readOnly) {\n      var _triggerRef$current4;\n\n      setOpen(true);\n      (_triggerRef$current4 = triggerRef.current) === null || _triggerRef$current4 === void 0 ? void 0 : _triggerRef$current4.open();\n    }\n  }, [readOnly]);\n  var handleBlur = (0, _react.useCallback)(function () {\n    setOpen(false);\n  }, []);\n  var handleEnter = (0, _react.useCallback)(function () {\n    focusInput();\n    setOpen(true);\n  }, [focusInput]);\n  var handleExit = (0, _react.useCallback)(function () {\n    blurInput();\n    setOpen(false);\n  }, [blurInput]);\n\n  var renderDropdownMenuItem = function renderDropdownMenuItem(label, item) {\n    // 'Create option \"{0}\"' =>  Create option \"xxxxx\"\n    var newLabel = item.create ? /*#__PURE__*/_react.default.createElement(\"span\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 597,\n        columnNumber: 9\n      }\n    }, (0, _utils.tplTransform)(locale === null || locale === void 0 ? void 0 : locale.createOption, label)) : label;\n    return renderMenuItem ? renderMenuItem(newLabel, item) : newLabel;\n  };\n\n  var checkValue = function checkValue() {\n    if (multi) {\n      return {\n        isValid: false,\n        itemNode: null\n      };\n    }\n\n    var dataItem = getDateItem(value);\n    var itemNode = dataItem.itemNode;\n\n    if (!(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue)) {\n      itemNode = renderValue(value, dataItem.activeItem, itemNode);\n    }\n\n    return {\n      isValid: dataItem.isValid,\n      itemNode: itemNode\n    };\n  };\n\n  var renderMultiValue = function renderMultiValue() {\n    if (!multi) {\n      return null;\n    }\n\n    var _tagProps$closable = tagProps.closable,\n        closable = _tagProps$closable === void 0 ? true : _tagProps$closable,\n        onClose = tagProps.onClose,\n        tagRest = (0, _objectWithoutPropertiesLoose2.default)(tagProps, [\"closable\", \"onClose\"]);\n    var tags = value || [];\n    var items = [];\n    var tagElements = tags.map(function (tag) {\n      var _getDateItem = getDateItem(tag),\n          isValid = _getDateItem.isValid,\n          itemNode = _getDateItem.itemNode,\n          activeItem = _getDateItem.activeItem;\n\n      items.push(activeItem);\n\n      if (!isValid) {\n        return null;\n      }\n\n      return /*#__PURE__*/_react.default.createElement(_Tag.default, (0, _extends2.default)({}, tagRest, {\n        key: tag,\n        size: rest.size === 'lg' ? 'lg' : rest.size === 'xs' ? 'sm' : 'md',\n        closable: !disabled && closable && !readOnly && !plaintext,\n        title: typeof itemNode === 'string' ? itemNode : undefined,\n        onClose: (0, _utils.createChainedFunction)(handleRemoveItemByTag.bind(null, tag), onClose),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 638,\n          columnNumber: 13\n        }\n      }), itemNode);\n    }).filter(function (item) {\n      return item !== null;\n    });\n\n    if ((tags.length > 0 || isControlled) && (0, _isFunction.default)(renderValue)) {\n      return renderValue(value, items, tagElements);\n    }\n\n    return tagElements;\n  };\n\n  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {\n    var left = positionProps.left,\n        top = positionProps.top,\n        className = positionProps.className;\n    var menuClassPrefix = multi ? 'picker-check-menu' : 'picker-select-menu';\n    var classes = merge(className, menuClassName, prefix(menuClassPrefix));\n    var styles = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var items = (0, _treeUtils.filterNodesOfTree)(getAllData(), checkShouldDisplay);\n\n    if (creatable && searchKeyword && !items.find(function (item) {\n      return item[valueKey] === searchKeyword;\n    })) {\n      items = [].concat(items, [createOption(searchKeyword)]);\n    } // Create a tree structure data when set `groupBy`\n\n\n    if (groupBy) {\n      items = (0, _utils.getDataGroupBy)(items, groupBy, sort);\n    } else if (typeof sort === 'function') {\n      items = items.sort(sort(false));\n    }\n\n    if (disabledOptions) {\n      return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n        ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 679,\n          columnNumber: 16\n        }\n      });\n    }\n\n    var menu = items.length ? /*#__PURE__*/_react.default.createElement(_Picker.DropdownMenu, {\n      id: id ? id + \"-listbox\" : undefined,\n      listProps: listProps,\n      disabledItemValues: disabledItemValues,\n      valueKey: valueKey,\n      labelKey: labelKey,\n      classPrefix: menuClassPrefix,\n      dropdownMenuItemClassPrefix: multi ? undefined : menuClassPrefix + \"-item\",\n      dropdownMenuItemAs: multi ? _Picker.DropdownMenuCheckItem : _Picker.DropdownMenuItem,\n      activeItemValues: multi ? value : [value],\n      focusItemValue: focusItemValue,\n      maxHeight: menuMaxHeight,\n      data: items,\n      group: !(0, _isUndefined.default)(groupBy),\n      onSelect: multi ? handleCheckTag : handleSelectItem,\n      renderMenuGroup: renderMenuGroup,\n      renderMenuItem: renderDropdownMenuItem,\n      virtualized: virtualized,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 683,\n        columnNumber: 9\n      }\n    }) : /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"none\"]))),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 703,\n        columnNumber: 9\n      }\n    }, locale === null || locale === void 0 ? void 0 : locale.noResultsText);\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n      ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: styles,\n      target: triggerRef,\n      onKeyDown: onPickerKeyDown,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 707,\n        columnNumber: 9\n      }\n    }, renderMenu ? renderMenu(menu) : menu, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  var _checkValue = checkValue(),\n      isValid = _checkValue.isValid,\n      itemNode = _checkValue.itemNode;\n\n  var tagElements = renderMultiValue();\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   * 3.If renderValue returns null or undefined, hasValue is false.\n   */\n\n  var hasSingleValue = !(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue) && !(0, _isNil.default)(itemNode);\n  var hasMultiValue = (0, _isArray.default)(value) && value.length > 0 && (0, _isFunction.default)(renderValue) && !(0, _isNil.default)(tagElements);\n  var hasValue = multi ? !!(tagElements !== null && tagElements !== void 0 && tagElements.length) || hasMultiValue : isValid || hasSingleValue;\n\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n    hasValue: hasValue,\n    name: 'input'\n  })),\n      pickerClasses = _usePickerClassName[0],\n      usedClassNamePropKeys = _usePickerClassName[1];\n\n  var classes = merge(pickerClasses, (_merge = {}, _merge[prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"tag\"])))] = multi, _merge[prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)([\"focused\"])))] = open, _merge[prefix(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)([\"disabled-options\"])))] = disabledOptions, _merge));\n  var searching = !!searchKeyword && open;\n  var displaySearchInput = searchable && !disabled;\n  var inputProps = multi ? {\n    inputStyle: {\n      maxWidth: maxWidth - 63\n    },\n    as: _InputAutosize.default\n  } : {\n    as: 'input'\n  };\n\n  if (plaintext) {\n    var plaintextProps = {}; // TagPicker has -6px margin-left on the plaintext wrapper\n    // for fixing margin-left on tags from 2nd line on\n\n    if (multi) {\n      plaintextProps.style = {\n        marginLeft: -6\n      };\n    }\n\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, (0, _extends2.default)({\n      localeKey: \"notSelected\",\n      ref: targetRef\n    }, plaintextProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 764,\n        columnNumber: 9\n      }\n    }), itemNode || (tagElements !== null && tagElements !== void 0 && tagElements.length ? tagElements : null) || placeholder);\n  }\n\n  var placeholderNode = placeholder || (disabledOptions ? null : locale === null || locale === void 0 ? void 0 : locale.placeholder);\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: triggerRef,\n    trigger: \"active\",\n    onEnter: (0, _utils.createChainedFunction)(handleEnter, onEnter),\n    onEntered: (0, _utils.createChainedFunction)(onEntered, onOpen),\n    onExit: (0, _utils.createChainedFunction)(handleExit, onExit),\n    onExited: (0, _utils.createChainedFunction)(handleExited, onExited),\n    speaker: renderDropdownMenu,\n    placement: placement,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 773,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: classes,\n    style: style,\n    onClick: focusInput,\n    onKeyDown: onPickerKeyDown,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 784,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {\n    id: id,\n    readOnly: readOnly,\n    plaintext: plaintext,\n    ref: targetRef,\n    as: toggleAs,\n    tabIndex: null,\n    onClean: handleClean,\n    cleanable: cleanable && !disabled,\n    hasValue: hasValue,\n    active: open,\n    disabled: disabled,\n    placement: placement,\n    inputValue: value,\n    caret: !disabledOptions,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 790,\n      columnNumber: 11\n    }\n  }), searching || multi && hasValue ? null : itemNode || placeholderNode), !(!multi && disabled) && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)([\"tag-wrapper\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 811,\n      columnNumber: 13\n    }\n  }, tagElements, displaySearchInput && /*#__PURE__*/_react.default.createElement(_InputSearch.default, (0, _extends2.default)({}, inputProps, {\n    tabIndex: tabIndex,\n    readOnly: readOnly,\n    onBlur: (0, _utils.createChainedFunction)(handleBlur, onBlur),\n    onFocus: (0, _utils.createChainedFunction)(handleFocus, onFocus),\n    inputRef: inputRef,\n    onChange: handleSearch,\n    value: open ? searchKeyword : '',\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 814,\n      columnNumber: 17\n    }\n  })))));\n});\n\nInputPicker.displayName = 'InputPicker';\nInputPicker.defaultProps = defaultProps;\nInputPicker.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {\n  locale: _propTypes.default.any,\n  appearance: _propTypes.default.oneOf(['default', 'subtle']),\n  cacheData: _propTypes.default.array,\n  menuAutoWidth: _propTypes.default.bool,\n  menuMaxHeight: _propTypes.default.number,\n  searchable: _propTypes.default.bool,\n  creatable: _propTypes.default.bool,\n  groupBy: _propTypes.default.any,\n  sort: _propTypes.default.func,\n  renderMenu: _propTypes.default.func,\n  renderMenuItem: _propTypes.default.func,\n  renderMenuGroup: _propTypes.default.func,\n  onCreate: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onGroupTitleClick: _propTypes.default.func,\n  onSearch: _propTypes.default.func,\n  virtualized: _propTypes.default.bool,\n  searchBy: _propTypes.default.func\n});\nvar _default = InputPicker;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/InputPicker/InputPicker.tsx?");
 
 /***/ }),
 
@@ -2628,7 +2804,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_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;\nexports.default = void 0;\n\nvar _react = __webpack_require__(/*! react */ \"react\");\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _useUniqueId = _interopRequireDefault(__webpack_require__(/*! ../utils/useUniqueId */ \"./src/utils/useUniqueId.ts\"));\n\nvar _MenuContext = _interopRequireWildcard(__webpack_require__(/*! ./MenuContext */ \"./src/Menu/MenuContext.ts\"));\n\n/**\n * Headless ARIA `menuitem`\n */\nfunction MenuItem(props) {\n  var _menuState$items$menu;\n\n  var children = props.children,\n      selected = props.selected,\n      disabled = props.disabled,\n      onActivate = props.onActivate;\n  var menuitemRef = (0, _react.useRef)();\n  var menuitemId = (0, _useUniqueId.default)('menuitem-');\n  var menu = (0, _react.useContext)(_MenuContext.default); // fixme make sure <MenuItem> is used inside a <Menu>\n\n  var _ref = menu !== null && menu !== void 0 ? menu : [],\n      menuState = _ref[0],\n      dispatch = _ref[1]; // Whether this menuitem has focus (indicated by `aria-activedescendant` from parent menu)\n\n\n  var hasFocus = (menuState === null || menuState === void 0 ? void 0 : (_menuState$items$menu = menuState.items[menuState === null || menuState === void 0 ? void 0 : menuState.activeItemIndex]) === null || _menuState$items$menu === void 0 ? void 0 : _menuState$items$menu.element) === menuitemRef.current;\n  var handleClick = (0, _react.useCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n\n    onActivate === null || onActivate === void 0 ? void 0 : onActivate(event);\n  }, [disabled, onActivate]); // Gain/release focus on mousedown in `menubar`\n\n  var handleMouseDown = (0, _react.useCallback)(function () {\n    dispatch({\n      type: _MenuContext.MenuActionTypes.MoveFocus,\n      to: _MenuContext.MoveFocusTo.Specific,\n      id: menuitemRef.current.id\n    });\n  }, [dispatch]); // Gain/release focus on mouseenter/mouseleave in `menu`\n\n  var handleMouseMove = (0, _react.useCallback)(function () {\n    dispatch({\n      type: _MenuContext.MenuActionTypes.MoveFocus,\n      to: _MenuContext.MoveFocusTo.Specific,\n      id: menuitemRef.current.id\n    });\n  }, [dispatch]);\n  var handleMouseLeave = (0, _react.useCallback)(function () {\n    dispatch({\n      type: _MenuContext.MenuActionTypes.MoveFocus,\n      to: _MenuContext.MoveFocusTo.None\n    });\n  }, [dispatch]);\n  (0, _react.useEffect)(function () {\n    var menuitemElement = menuitemRef.current;\n    dispatch === null || dispatch === void 0 ? void 0 : dispatch({\n      type: _MenuContext.MenuActionTypes.RegisterItem,\n      element: menuitemElement,\n      props: {\n        disabled: disabled\n      }\n    });\n    return function () {\n      dispatch === null || dispatch === void 0 ? void 0 : dispatch({\n        type: _MenuContext.MenuActionTypes.UnregisterItem,\n        id: menuitemElement.id\n      });\n    };\n  }, [menuitemRef, disabled, dispatch]);\n  var menuitemProps = {\n    id: menuitemId,\n    role: 'menuitem',\n    // fixme Only use `aria-checked` on menuitemradio and menuitemcheckbox\n    'aria-checked': selected || undefined,\n    'aria-disabled': disabled,\n    tabIndex: -1,\n    onClick: handleClick,\n    // render props\n    selected: selected,\n    active: hasFocus\n  }; // Only move focus on hover in a `menu`, not `menubar`\n\n  if ((menuState === null || menuState === void 0 ? void 0 : menuState.role) === 'menu') {\n    menuitemProps.onMouseMove = handleMouseMove;\n    menuitemProps.onMouseLeave = handleMouseLeave;\n  }\n\n  if ((menuState === null || menuState === void 0 ? void 0 : menuState.role) === 'menubar') {\n    menuitemProps.onMouseDown = handleMouseDown;\n  }\n\n  return children(menuitemProps, menuitemRef);\n}\n\nMenuItem.displayName = 'MenuItem';\nMenuItem.propTypes = {\n  selected: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  children: _propTypes.default.func.isRequired,\n  onActivate: _propTypes.default.func\n};\nvar _default = MenuItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Menu/MenuItem.tsx?");
+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;\nexports.default = void 0;\n\nvar _react = __webpack_require__(/*! react */ \"react\");\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _useUniqueId = _interopRequireDefault(__webpack_require__(/*! ../utils/useUniqueId */ \"./src/utils/useUniqueId.ts\"));\n\nvar _MenuContext = _interopRequireWildcard(__webpack_require__(/*! ./MenuContext */ \"./src/Menu/MenuContext.ts\"));\n\n/**\n * Headless ARIA `menuitem`\n */\nfunction MenuItem(props) {\n  var _menuState$items$menu;\n\n  var children = props.children,\n      selected = props.selected,\n      disabled = props.disabled,\n      onActivate = props.onActivate;\n  var menuitemRef = (0, _react.useRef)();\n  var menuitemId = (0, _useUniqueId.default)('menuitem-');\n  var menu = (0, _react.useContext)(_MenuContext.default); // fixme make sure <MenuItem> is used inside a <Menu>\n\n  var _ref = menu !== null && menu !== void 0 ? menu : [],\n      menuState = _ref[0],\n      dispatch = _ref[1]; // Whether this menuitem has focus (indicated by `aria-activedescendant` from parent menu)\n\n\n  var hasFocus = (menuState === null || menuState === void 0 ? void 0 : (_menuState$items$menu = menuState.items[menuState === null || menuState === void 0 ? void 0 : menuState.activeItemIndex]) === null || _menuState$items$menu === void 0 ? void 0 : _menuState$items$menu.element) === menuitemRef.current && !!menuitemRef.current;\n  var handleClick = (0, _react.useCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n\n    onActivate === null || onActivate === void 0 ? void 0 : onActivate(event);\n  }, [disabled, onActivate]); // Gain/release focus on mousedown in `menubar`\n\n  var handleMouseDown = (0, _react.useCallback)(function () {\n    dispatch({\n      type: _MenuContext.MenuActionTypes.MoveFocus,\n      to: _MenuContext.MoveFocusTo.Specific,\n      id: menuitemRef.current.id\n    });\n  }, [dispatch]); // Gain/release focus on mouseenter/mouseleave in `menu`\n\n  var handleMouseMove = (0, _react.useCallback)(function () {\n    dispatch({\n      type: _MenuContext.MenuActionTypes.MoveFocus,\n      to: _MenuContext.MoveFocusTo.Specific,\n      id: menuitemRef.current.id\n    });\n  }, [dispatch]);\n  var handleMouseLeave = (0, _react.useCallback)(function () {\n    dispatch({\n      type: _MenuContext.MenuActionTypes.MoveFocus,\n      to: _MenuContext.MoveFocusTo.None\n    });\n  }, [dispatch]);\n  (0, _react.useEffect)(function () {\n    var menuitemElement = menuitemRef.current;\n    dispatch === null || dispatch === void 0 ? void 0 : dispatch({\n      type: _MenuContext.MenuActionTypes.RegisterItem,\n      element: menuitemElement,\n      props: {\n        disabled: disabled\n      }\n    });\n    return function () {\n      dispatch === null || dispatch === void 0 ? void 0 : dispatch({\n        type: _MenuContext.MenuActionTypes.UnregisterItem,\n        id: menuitemElement.id\n      });\n    };\n  }, [menuitemRef, disabled, dispatch]);\n  var menuitemProps = {\n    id: menuitemId,\n    role: 'menuitem',\n    // fixme Only use `aria-checked` on menuitemradio and menuitemcheckbox\n    'aria-checked': selected || undefined,\n    'aria-disabled': disabled,\n    tabIndex: -1,\n    onClick: handleClick,\n    // render props\n    selected: selected,\n    active: hasFocus\n  }; // Only move focus on hover in a `menu`, not `menubar`\n\n  if ((menuState === null || menuState === void 0 ? void 0 : menuState.role) === 'menu') {\n    menuitemProps.onMouseMove = handleMouseMove;\n    menuitemProps.onMouseLeave = handleMouseLeave;\n  }\n\n  if ((menuState === null || menuState === void 0 ? void 0 : menuState.role) === 'menubar') {\n    menuitemProps.onMouseDown = handleMouseDown;\n  }\n\n  return children(menuitemProps, menuitemRef);\n}\n\nMenuItem.displayName = 'MenuItem';\nMenuItem.propTypes = {\n  selected: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  children: _propTypes.default.func.isRequired,\n  onActivate: _propTypes.default.func\n};\nvar _default = MenuItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Menu/MenuItem.tsx?");
 
 /***/ }),
 
@@ -2782,7 +2958,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _extends3 = _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 _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _isFunction = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _DropdownMenu = _interopRequireDefault(__webpack_require__(/*! ./DropdownMenu */ \"./src/MultiCascader/DropdownMenu.tsx\"));\n\nvar _Checkbox = _interopRequireDefault(__webpack_require__(/*! ../Checkbox */ \"./src/Checkbox/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ./utils */ \"./src/MultiCascader/utils.ts\");\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _utils2 = __webpack_require__(/*! ../Cascader/utils */ \"./src/Cascader/utils.ts\");\n\nvar _utils3 = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/MultiCascader/MultiCascader.tsx\",\n    _this = void 0;\n\nvar defaultProps = {\n  as: 'div',\n  classPrefix: 'picker',\n  cleanable: true,\n  cascade: true,\n  countable: true,\n  placement: 'bottomStart',\n  appearance: 'default',\n  data: [],\n  disabledItemValues: [],\n  uncheckableItemValues: [],\n  childrenKey: 'children',\n  valueKey: 'value',\n  labelKey: 'label',\n  searchable: true\n};\n\nvar MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _selectedPaths;\n\n  var Component = props.as,\n      data = props.data,\n      classPrefix = props.classPrefix,\n      defaultValue = props.defaultValue,\n      valueProp = props.value,\n      valueKey = props.valueKey,\n      labelKey = props.labelKey,\n      childrenKey = props.childrenKey,\n      disabled = props.disabled,\n      disabledItemValues = props.disabledItemValues,\n      cleanable = props.cleanable,\n      overrideLocale = props.locale,\n      toggleAs = props.toggleAs,\n      style = props.style,\n      countable = props.countable,\n      cascade = props.cascade,\n      inline = props.inline,\n      placeholder = props.placeholder,\n      placement = props.placement,\n      menuWidth = props.menuWidth,\n      menuHeight = props.menuHeight,\n      menuClassName = props.menuClassName,\n      menuStyle = props.menuStyle,\n      searchable = props.searchable,\n      uncheckableItemValues = props.uncheckableItemValues,\n      id = props.id,\n      getChildren = props.getChildren,\n      renderValue = props.renderValue,\n      renderMenu = props.renderMenu,\n      renderMenuItem = props.renderMenuItem,\n      renderExtraFooter = props.renderExtraFooter,\n      onEnter = props.onEnter,\n      onExited = props.onExited,\n      onClean = props.onClean,\n      onSearch = props.onSearch,\n      onSelect = props.onSelect,\n      onChange = props.onChange,\n      onOpen = props.onOpen,\n      onClose = props.onClose,\n      onCheck = props.onCheck,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"data\", \"classPrefix\", \"defaultValue\", \"value\", \"valueKey\", \"labelKey\", \"childrenKey\", \"disabled\", \"disabledItemValues\", \"cleanable\", \"locale\", \"toggleAs\", \"style\", \"countable\", \"cascade\", \"inline\", \"placeholder\", \"placement\", \"menuWidth\", \"menuHeight\", \"menuClassName\", \"menuStyle\", \"searchable\", \"uncheckableItemValues\", \"id\", \"getChildren\", \"renderValue\", \"renderMenu\", \"renderMenuItem\", \"renderExtraFooter\", \"onEnter\", \"onExited\", \"onClean\", \"onSearch\", \"onSelect\", \"onChange\", \"onOpen\", \"onClose\", \"onCheck\"]);\n  var itemKeys = {\n    childrenKey: childrenKey,\n    labelKey: labelKey,\n    valueKey: valueKey\n  };\n\n  var _useState = (0, _react.useState)(false),\n      active = _useState[0],\n      setActive = _useState[1];\n\n  var _useFlattenData = (0, _utils.useFlattenData)(data, itemKeys),\n      flattenData = _useFlattenData.flattenData,\n      addFlattenData = _useFlattenData.addFlattenData;\n\n  var _useCascadeValue = (0, _utils.useCascadeValue)((0, _extends3.default)({}, itemKeys, {\n    uncheckableItemValues: uncheckableItemValues,\n    cascade: cascade,\n    value: valueProp || defaultValue\n  }), flattenData),\n      value = _useCascadeValue.value,\n      setValue = _useCascadeValue.setValue,\n      splitValue = _useCascadeValue.splitValue; // The columns displayed in the cascading panel.\n\n\n  var _useColumnData = (0, _utils.useColumnData)(flattenData),\n      columnData = _useColumnData.columnData,\n      setColumnData = _useColumnData.setColumnData,\n      addColumn = _useColumnData.addColumn,\n      enforceUpdateColumnData = _useColumnData.enforceUpdateColumnData;\n\n  (0, _utils3.useUpdateEffect)(function () {\n    enforceUpdateColumnData(data);\n  }, [data]); // The path after cascading data selection.\n\n  var _useState2 = (0, _react.useState)(),\n      selectedPaths = _useState2[0],\n      setSelectedPaths = _useState2[1];\n\n  var triggerRef = (0, _react.useRef)();\n  var overlayRef = (0, _react.useRef)();\n  var targetRef = (0, _react.useRef)();\n  var searchInputRef = (0, _react.useRef)();\n  (0, _Picker.usePublicMethods)(ref, {\n    triggerRef: triggerRef,\n    overlayRef: overlayRef,\n    targetRef: targetRef\n  });\n\n  var _useCustom = (0, _utils3.useCustom)('Picker', overrideLocale),\n      locale = _useCustom.locale,\n      rtl = _useCustom.rtl;\n\n  var selectedItems = flattenData.filter(function (item) {\n    return value.some(function (v) {\n      return v === item[valueKey];\n    });\n  }) || []; // Used to hover the focuse item  when trigger `onKeydown`\n\n  var _useFocusItemValue = (0, _Picker.useFocusItemValue)(selectedPaths === null || selectedPaths === void 0 ? void 0 : (_selectedPaths = selectedPaths[selectedPaths.length - 1]) === null || _selectedPaths === void 0 ? void 0 : _selectedPaths[valueKey], {\n    rtl: rtl,\n    data: flattenData,\n    valueKey: valueKey,\n    defaultLayer: selectedPaths !== null && selectedPaths !== void 0 && selectedPaths.length ? selectedPaths.length - 1 : 0,\n    target: function target() {\n      return overlayRef.current;\n    },\n    callback: (0, _react.useCallback)(function (value) {\n      var _getColumnsAndPaths = (0, _utils2.getColumnsAndPaths)(data, value, {\n        valueKey: valueKey,\n        childrenKey: childrenKey,\n        isAttachChildren: true\n      }),\n          columns = _getColumnsAndPaths.columns,\n          paths = _getColumnsAndPaths.paths;\n\n      setColumnData(columns);\n      setSelectedPaths(paths);\n    }, [childrenKey, data, setColumnData, valueKey])\n  }),\n      focusItemValue = _useFocusItemValue.focusItemValue,\n      setLayer = _useFocusItemValue.setLayer,\n      setKeys = _useFocusItemValue.setKeys,\n      onFocusItem = _useFocusItemValue.onKeyDown;\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\n  var hasValue = selectedItems.length > 0 || (valueProp === null || valueProp === void 0 ? void 0 : valueProp.length) > 0 && (0, _isFunction.default)(renderValue);\n\n  var _useClassNames = (0, _utils3.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge;\n\n  var _useState3 = (0, _react.useState)(''),\n      searchKeyword = _useState3[0],\n      setSearchKeyword = _useState3[1];\n\n  var handleEntered = (0, _react.useCallback)(function () {\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n    setActive(true);\n  }, [onOpen]);\n  var handleExited = (0, _react.useCallback)(function () {\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n    setActive(false);\n    setSearchKeyword('');\n  }, [onClose]);\n  var handleSelect = (0, _react.useCallback)(function (node, cascadePaths, event) {\n    var _node$childrenKey, _node$childrenKey2, _triggerRef$current, _triggerRef$current$u;\n\n    setSelectedPaths(cascadePaths);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, cascadePaths, event); // Lazy load node's children\n\n    if (typeof getChildren === 'function' && ((_node$childrenKey = node[childrenKey]) === null || _node$childrenKey === void 0 ? void 0 : _node$childrenKey.length) === 0) {\n      node.loading = true;\n      var children = getChildren(node);\n\n      if (children instanceof Promise) {\n        children.then(function (data) {\n          node.loading = false;\n          node[childrenKey] = data;\n          addFlattenData(data, node);\n          addColumn(data, cascadePaths.length);\n        });\n      } else {\n        node.loading = false;\n        node[childrenKey] = children;\n        addFlattenData(children, node);\n        addColumn(children, cascadePaths.length);\n      }\n    } else if ((_node$childrenKey2 = node[childrenKey]) !== null && _node$childrenKey2 !== void 0 && _node$childrenKey2.length) {\n      addColumn(node[childrenKey], cascadePaths.length);\n    }\n\n    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$u = _triggerRef$current.updatePosition) === null || _triggerRef$current$u === void 0 ? void 0 : _triggerRef$current$u.call(_triggerRef$current);\n  }, [onSelect, getChildren, childrenKey, addColumn, addFlattenData]);\n  var handleCheck = (0, _react.useCallback)(function (node, event, checked) {\n    var nodeValue = node[valueKey];\n    var nextValue = [];\n\n    if (cascade) {\n      nextValue = splitValue(node, checked, value).value;\n    } else {\n      nextValue = [].concat(value);\n\n      if (checked) {\n        nextValue.push(nodeValue);\n      } else {\n        nextValue = nextValue.filter(function (n) {\n          return n !== nodeValue;\n        });\n      }\n    }\n\n    setValue(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextValue, node, checked, event);\n  }, [cascade, onChange, onCheck, setValue, splitValue, value, valueKey]);\n  var handleClean = (0, _react.useCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n\n    setSelectedPaths([]);\n    setValue([]);\n    setColumnData([data]);\n    onChange === null || onChange === void 0 ? void 0 : onChange([], event);\n  }, [data, disabled, onChange, setColumnData, setValue]);\n  var handleMenuPressEnter = (0, _react.useCallback)(function (event) {\n    var _overlayRef$current;\n\n    var focusItem = (0, _treeUtils.findNodeOfTree)(data, function (item) {\n      return item[valueKey] === focusItemValue;\n    });\n    var checkbox = (_overlayRef$current = overlayRef.current) === null || _overlayRef$current === void 0 ? void 0 : _overlayRef$current.querySelector(\"[data-key=\\\"\" + focusItemValue + \"\\\"] [type=\\\"checkbox\\\"]\");\n\n    if (checkbox) {\n      handleCheck(focusItem, event, (checkbox === null || checkbox === void 0 ? void 0 : checkbox.getAttribute('aria-checked')) !== 'true');\n    }\n  }, [data, focusItemValue, handleCheck, valueKey]);\n  var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends3.default)({\n    toggle: !focusItemValue || !active,\n    triggerRef: triggerRef,\n    targetRef: targetRef,\n    overlayRef: overlayRef,\n    searchInputRef: searchInputRef,\n    active: active,\n    onExit: handleClean,\n    onMenuKeyDown: onFocusItem,\n    onMenuPressEnter: handleMenuPressEnter\n  }, rest));\n  var handleSearch = (0, _react.useCallback)(function (value, event) {\n    setSearchKeyword(value);\n    onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);\n\n    if (value) {\n      setLayer(0);\n    } else if (selectedPaths !== null && selectedPaths !== void 0 && selectedPaths.length) {\n      setLayer(selectedPaths.length - 1);\n    }\n\n    setKeys([]);\n  }, [onSearch, selectedPaths, setKeys, setLayer]);\n  var getSearchResult = (0, _react.useCallback)(function () {\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, _utils3.getSafeRegExpString)(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]); // A maximum of 100 search results are returned.\n\n      if (i === 99) {\n        return items;\n      }\n    }\n\n    return items;\n  }, [flattenData, labelKey, searchKeyword, uncheckableItemValues, valueKey]);\n\n  var renderSearchRow = function renderSearchRow(item, key) {\n    var _extends2;\n\n    var nodes = (0, _treeUtils.getNodeParents)(item);\n    var regx = new RegExp((0, _utils3.getSafeRegExpString)(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( /*#__PURE__*/_react.default.createElement(\"span\", {\n          key: i,\n          className: prefix('cascader-search-match'),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 398,\n            columnNumber: 13\n          }\n        }, b[i]));\n      }\n    }\n\n    nodes.push((0, _extends3.default)({}, item, (_extends2 = {}, _extends2[labelKey] = labelElements, _extends2)));\n    var active = value.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 = prefix('cascader-row', {\n      'cascader-row-disabled': disabled,\n      'cascader-row-focus': item[valueKey] === focusItemValue\n    });\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      key: key,\n      className: itemClasses,\n      \"aria-disabled\": disabled,\n      \"data-key\": item[valueKey],\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 423,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {\n      disabled: disabled,\n      checked: active,\n      value: item[valueKey],\n      indeterminate: cascade && !active && (0, _utils.isSomeChildChecked)(item, value, {\n        valueKey: valueKey,\n        childrenKey: childrenKey\n      }),\n      onChange: function onChange(_value, checked, event) {\n        handleCheck(item, event, checked);\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 424,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"span\", {\n      className: prefix('cascader-cols'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 435,\n        columnNumber: 13\n      }\n    }, nodes.map(function (node, index) {\n      return /*#__PURE__*/_react.default.createElement(\"span\", {\n        key: \"col-\" + index,\n        className: prefix('cascader-col'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 437,\n          columnNumber: 17\n        }\n      }, node[labelKey]);\n    }))));\n  };\n\n  var renderSearchResultPanel = function renderSearchResultPanel() {\n    if (searchKeyword === '') {\n      return null;\n    }\n\n    var items = getSearchResult();\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('cascader-search-panel'),\n      \"data-layer\": 0,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 454,\n        columnNumber: 9\n      }\n    }, items.length ? items.map(renderSearchRow) : /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('none'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 458,\n        columnNumber: 13\n      }\n    }, locale.noResultsText));\n  };\n\n  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {\n    var _ref = positionProps || {},\n        left = _ref.left,\n        top = _ref.top,\n        className = _ref.className;\n\n    var styles = (0, _extends3.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var classes = merge(className, menuClassName, prefix('cascader-menu', 'multi-cascader-menu', {\n      inline: inline\n    }));\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n      ref: (0, _utils3.mergeRefs)(overlayRef, speakerRef),\n      className: classes,\n      style: styles,\n      target: triggerRef,\n      onKeyDown: onPickerKeyDown,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 475,\n        columnNumber: 9\n      }\n    }, searchable && /*#__PURE__*/_react.default.createElement(_Picker.SearchBar, {\n      placeholder: locale === null || locale === void 0 ? void 0 : locale.searchPlaceholder,\n      onChange: handleSearch,\n      value: searchKeyword,\n      inputRef: searchInputRef,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 483,\n        columnNumber: 13\n      }\n    }), renderSearchResultPanel(), searchKeyword === '' && /*#__PURE__*/_react.default.createElement(_DropdownMenu.default, {\n      id: id ? id + \"-listbox\" : undefined,\n      cascade: cascade,\n      menuWidth: menuWidth,\n      menuHeight: menuHeight,\n      uncheckableItemValues: uncheckableItemValues,\n      disabledItemValues: disabledItemValues,\n      valueKey: valueKey,\n      labelKey: labelKey,\n      childrenKey: childrenKey,\n      classPrefix: 'picker-cascader-menu',\n      cascadeData: columnData,\n      cascadePaths: selectedPaths,\n      value: value,\n      onSelect: handleSelect,\n      onCheck: handleCheck,\n      renderMenu: renderMenu,\n      renderMenuItem: renderMenuItem,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 494,\n        columnNumber: 13\n      }\n    }), renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  var selectedElement = placeholder;\n\n  if (selectedItems.length > 0) {\n    selectedElement = /*#__PURE__*/_react.default.createElement(_Picker.SelectedElement, {\n      selectedItems: selectedItems,\n      countable: countable,\n      valueKey: valueKey,\n      labelKey: labelKey,\n      childrenKey: childrenKey,\n      prefix: prefix,\n      cascade: cascade,\n      locale: locale,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 524,\n        columnNumber: 9\n      }\n    });\n  }\n\n  if (hasValue && (0, _isFunction.default)(renderValue)) {\n    selectedElement = renderValue(value.length ? value : valueProp, selectedItems, selectedElement); // If renderValue returns null or undefined, hasValue is false.\n\n    if ((0, _isNil.default)(selectedElement)) {\n      hasValue = false;\n    }\n  }\n\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends3.default)({}, props, {\n    hasValue: hasValue,\n    name: 'cascader'\n  })),\n      classes = _usePickerClassName[0],\n      usedClassNamePropKeys = _usePickerClassName[1];\n\n  if (inline) {\n    return renderDropdownMenu();\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: triggerRef,\n    placement: placement,\n    onEnter: (0, _utils3.createChainedFunction)(handleEntered, onEnter),\n    onExited: (0, _utils3.createChainedFunction)(handleExited, onExited),\n    speaker: renderDropdownMenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 560,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: classes,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 568,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends3.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {\n    id: id,\n    as: toggleAs,\n    disabled: disabled,\n    ref: targetRef,\n    onClean: (0, _utils3.createChainedFunction)(handleClean, onClean),\n    onKeyDown: onPickerKeyDown,\n    cleanable: cleanable && !disabled,\n    hasValue: hasValue,\n    active: active,\n    placement: placement,\n    inputValue: value,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 569,\n      columnNumber: 11\n    }\n  }), selectedElement || locale.placeholder)));\n});\n\nMultiCascader.displayName = 'MultiCascader';\nMultiCascader.defaultProps = defaultProps;\nMultiCascader.propTypes = (0, _extends3.default)({}, _Picker.listPickerPropTypes, {\n  value: _propTypes.default.array,\n  disabledItemValues: _propTypes.default.array,\n  locale: _propTypes.default.any,\n  appearance: _propTypes.default.oneOf(['default', 'subtle']),\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});\nvar _default = MultiCascader;\nexports.default = _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 _extends3 = _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 _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _isFunction = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _DropdownMenu = _interopRequireDefault(__webpack_require__(/*! ./DropdownMenu */ \"./src/MultiCascader/DropdownMenu.tsx\"));\n\nvar _Checkbox = _interopRequireDefault(__webpack_require__(/*! ../Checkbox */ \"./src/Checkbox/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ./utils */ \"./src/MultiCascader/utils.ts\");\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _utils2 = __webpack_require__(/*! ../Cascader/utils */ \"./src/Cascader/utils.ts\");\n\nvar _utils3 = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/MultiCascader/MultiCascader.tsx\",\n    _this = void 0;\n\nvar defaultProps = {\n  as: 'div',\n  classPrefix: 'picker',\n  cleanable: true,\n  cascade: true,\n  countable: true,\n  placement: 'bottomStart',\n  appearance: 'default',\n  data: [],\n  disabledItemValues: [],\n  uncheckableItemValues: [],\n  childrenKey: 'children',\n  valueKey: 'value',\n  labelKey: 'label',\n  searchable: true\n};\n\nvar MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _selectedPaths;\n\n  var Component = props.as,\n      data = props.data,\n      classPrefix = props.classPrefix,\n      defaultValue = props.defaultValue,\n      valueProp = props.value,\n      valueKey = props.valueKey,\n      labelKey = props.labelKey,\n      childrenKey = props.childrenKey,\n      disabled = props.disabled,\n      disabledItemValues = props.disabledItemValues,\n      cleanable = props.cleanable,\n      overrideLocale = props.locale,\n      toggleAs = props.toggleAs,\n      style = props.style,\n      countable = props.countable,\n      cascade = props.cascade,\n      inline = props.inline,\n      placeholder = props.placeholder,\n      placement = props.placement,\n      menuWidth = props.menuWidth,\n      menuHeight = props.menuHeight,\n      menuClassName = props.menuClassName,\n      menuStyle = props.menuStyle,\n      searchable = props.searchable,\n      uncheckableItemValues = props.uncheckableItemValues,\n      id = props.id,\n      getChildren = props.getChildren,\n      renderValue = props.renderValue,\n      renderMenu = props.renderMenu,\n      renderMenuItem = props.renderMenuItem,\n      renderExtraFooter = props.renderExtraFooter,\n      onEnter = props.onEnter,\n      onExit = props.onExit,\n      onExited = props.onExited,\n      onClean = props.onClean,\n      onSearch = props.onSearch,\n      onSelect = props.onSelect,\n      onChange = props.onChange,\n      onOpen = props.onOpen,\n      onClose = props.onClose,\n      onCheck = props.onCheck,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"data\", \"classPrefix\", \"defaultValue\", \"value\", \"valueKey\", \"labelKey\", \"childrenKey\", \"disabled\", \"disabledItemValues\", \"cleanable\", \"locale\", \"toggleAs\", \"style\", \"countable\", \"cascade\", \"inline\", \"placeholder\", \"placement\", \"menuWidth\", \"menuHeight\", \"menuClassName\", \"menuStyle\", \"searchable\", \"uncheckableItemValues\", \"id\", \"getChildren\", \"renderValue\", \"renderMenu\", \"renderMenuItem\", \"renderExtraFooter\", \"onEnter\", \"onExit\", \"onExited\", \"onClean\", \"onSearch\", \"onSelect\", \"onChange\", \"onOpen\", \"onClose\", \"onCheck\"]);\n  var itemKeys = {\n    childrenKey: childrenKey,\n    labelKey: labelKey,\n    valueKey: valueKey\n  };\n\n  var _useState = (0, _react.useState)(false),\n      active = _useState[0],\n      setActive = _useState[1];\n\n  var _useFlattenData = (0, _utils.useFlattenData)(data, itemKeys),\n      flattenData = _useFlattenData.flattenData,\n      addFlattenData = _useFlattenData.addFlattenData;\n\n  var _useCascadeValue = (0, _utils.useCascadeValue)((0, _extends3.default)({}, itemKeys, {\n    uncheckableItemValues: uncheckableItemValues,\n    cascade: cascade,\n    value: valueProp || defaultValue\n  }), flattenData),\n      value = _useCascadeValue.value,\n      setValue = _useCascadeValue.setValue,\n      splitValue = _useCascadeValue.splitValue; // The columns displayed in the cascading panel.\n\n\n  var _useColumnData = (0, _utils.useColumnData)(flattenData),\n      columnData = _useColumnData.columnData,\n      setColumnData = _useColumnData.setColumnData,\n      addColumn = _useColumnData.addColumn,\n      enforceUpdateColumnData = _useColumnData.enforceUpdateColumnData;\n\n  (0, _utils3.useUpdateEffect)(function () {\n    enforceUpdateColumnData(data);\n  }, [data]); // The path after cascading data selection.\n\n  var _useState2 = (0, _react.useState)(),\n      selectedPaths = _useState2[0],\n      setSelectedPaths = _useState2[1];\n\n  var triggerRef = (0, _react.useRef)();\n  var overlayRef = (0, _react.useRef)();\n  var targetRef = (0, _react.useRef)();\n  var searchInputRef = (0, _react.useRef)();\n  (0, _Picker.usePublicMethods)(ref, {\n    triggerRef: triggerRef,\n    overlayRef: overlayRef,\n    targetRef: targetRef\n  });\n\n  var _useCustom = (0, _utils3.useCustom)('Picker', overrideLocale),\n      locale = _useCustom.locale,\n      rtl = _useCustom.rtl;\n\n  var selectedItems = flattenData.filter(function (item) {\n    return value.some(function (v) {\n      return v === item[valueKey];\n    });\n  }) || []; // Used to hover the focuse item  when trigger `onKeydown`\n\n  var _useFocusItemValue = (0, _Picker.useFocusItemValue)(selectedPaths === null || selectedPaths === void 0 ? void 0 : (_selectedPaths = selectedPaths[selectedPaths.length - 1]) === null || _selectedPaths === void 0 ? void 0 : _selectedPaths[valueKey], {\n    rtl: rtl,\n    data: flattenData,\n    valueKey: valueKey,\n    defaultLayer: selectedPaths !== null && selectedPaths !== void 0 && selectedPaths.length ? selectedPaths.length - 1 : 0,\n    target: function target() {\n      return overlayRef.current;\n    },\n    callback: (0, _react.useCallback)(function (value) {\n      var _getColumnsAndPaths = (0, _utils2.getColumnsAndPaths)(data, value, {\n        valueKey: valueKey,\n        childrenKey: childrenKey,\n        isAttachChildren: true\n      }),\n          columns = _getColumnsAndPaths.columns,\n          paths = _getColumnsAndPaths.paths;\n\n      setColumnData(columns);\n      setSelectedPaths(paths);\n    }, [childrenKey, data, setColumnData, valueKey])\n  }),\n      focusItemValue = _useFocusItemValue.focusItemValue,\n      setLayer = _useFocusItemValue.setLayer,\n      setKeys = _useFocusItemValue.setKeys,\n      onFocusItem = _useFocusItemValue.onKeyDown;\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\n  var hasValue = selectedItems.length > 0 || (valueProp === null || valueProp === void 0 ? void 0 : valueProp.length) > 0 && (0, _isFunction.default)(renderValue);\n\n  var _useClassNames = (0, _utils3.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge;\n\n  var _useState3 = (0, _react.useState)(''),\n      searchKeyword = _useState3[0],\n      setSearchKeyword = _useState3[1];\n\n  var handleEntered = (0, _react.useCallback)(function () {\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n    setActive(true);\n  }, [onOpen]);\n  var handleExited = (0, _react.useCallback)(function () {\n    setActive(false);\n    setSearchKeyword('');\n  }, []);\n  var handleSelect = (0, _react.useCallback)(function (node, cascadePaths, event) {\n    var _node$childrenKey, _node$childrenKey2, _triggerRef$current, _triggerRef$current$u;\n\n    setSelectedPaths(cascadePaths);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, cascadePaths, event); // Lazy load node's children\n\n    if (typeof getChildren === 'function' && ((_node$childrenKey = node[childrenKey]) === null || _node$childrenKey === void 0 ? void 0 : _node$childrenKey.length) === 0) {\n      node.loading = true;\n      var children = getChildren(node);\n\n      if (children instanceof Promise) {\n        children.then(function (data) {\n          node.loading = false;\n          node[childrenKey] = data;\n          addFlattenData(data, node);\n          addColumn(data, cascadePaths.length);\n        });\n      } else {\n        node.loading = false;\n        node[childrenKey] = children;\n        addFlattenData(children, node);\n        addColumn(children, cascadePaths.length);\n      }\n    } else if ((_node$childrenKey2 = node[childrenKey]) !== null && _node$childrenKey2 !== void 0 && _node$childrenKey2.length) {\n      addColumn(node[childrenKey], cascadePaths.length);\n    }\n\n    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$u = _triggerRef$current.updatePosition) === null || _triggerRef$current$u === void 0 ? void 0 : _triggerRef$current$u.call(_triggerRef$current);\n  }, [onSelect, getChildren, childrenKey, addColumn, addFlattenData]);\n  var handleCheck = (0, _react.useCallback)(function (node, event, checked) {\n    var nodeValue = node[valueKey];\n    var nextValue = [];\n\n    if (cascade) {\n      nextValue = splitValue(node, checked, value).value;\n    } else {\n      nextValue = [].concat(value);\n\n      if (checked) {\n        nextValue.push(nodeValue);\n      } else {\n        nextValue = nextValue.filter(function (n) {\n          return n !== nodeValue;\n        });\n      }\n    }\n\n    setValue(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextValue, node, checked, event);\n  }, [cascade, onChange, onCheck, setValue, splitValue, value, valueKey]);\n  var handleClean = (0, _react.useCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n\n    setSelectedPaths([]);\n    setValue([]);\n    setColumnData([data]);\n    onChange === null || onChange === void 0 ? void 0 : onChange([], event);\n  }, [data, disabled, onChange, setColumnData, setValue]);\n  var handleMenuPressEnter = (0, _react.useCallback)(function (event) {\n    var _overlayRef$current;\n\n    var focusItem = (0, _treeUtils.findNodeOfTree)(data, function (item) {\n      return item[valueKey] === focusItemValue;\n    });\n    var checkbox = (_overlayRef$current = overlayRef.current) === null || _overlayRef$current === void 0 ? void 0 : _overlayRef$current.querySelector(\"[data-key=\\\"\" + focusItemValue + \"\\\"] [type=\\\"checkbox\\\"]\");\n\n    if (checkbox) {\n      handleCheck(focusItem, event, (checkbox === null || checkbox === void 0 ? void 0 : checkbox.getAttribute('aria-checked')) !== 'true');\n    }\n  }, [data, focusItemValue, handleCheck, valueKey]);\n  var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends3.default)({\n    toggle: !focusItemValue || !active,\n    triggerRef: triggerRef,\n    targetRef: targetRef,\n    overlayRef: overlayRef,\n    searchInputRef: searchInputRef,\n    active: active,\n    onExit: handleClean,\n    onMenuKeyDown: onFocusItem,\n    onMenuPressEnter: handleMenuPressEnter\n  }, rest));\n  var handleSearch = (0, _react.useCallback)(function (value, event) {\n    setSearchKeyword(value);\n    onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);\n\n    if (value) {\n      setLayer(0);\n    } else if (selectedPaths !== null && selectedPaths !== void 0 && selectedPaths.length) {\n      setLayer(selectedPaths.length - 1);\n    }\n\n    setKeys([]);\n  }, [onSearch, selectedPaths, setKeys, setLayer]);\n  var getSearchResult = (0, _react.useCallback)(function () {\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, _utils3.getSafeRegExpString)(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]); // A maximum of 100 search results are returned.\n\n      if (i === 99) {\n        return items;\n      }\n    }\n\n    return items;\n  }, [flattenData, labelKey, searchKeyword, uncheckableItemValues, valueKey]);\n\n  var renderSearchRow = function renderSearchRow(item, key) {\n    var _extends2;\n\n    var nodes = (0, _treeUtils.getNodeParents)(item);\n    var regx = new RegExp((0, _utils3.getSafeRegExpString)(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( /*#__PURE__*/_react.default.createElement(\"span\", {\n          key: i,\n          className: prefix('cascader-search-match'),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 398,\n            columnNumber: 13\n          }\n        }, b[i]));\n      }\n    }\n\n    nodes.push((0, _extends3.default)({}, item, (_extends2 = {}, _extends2[labelKey] = labelElements, _extends2)));\n    var active = value.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 = prefix('cascader-row', {\n      'cascader-row-disabled': disabled,\n      'cascader-row-focus': item[valueKey] === focusItemValue\n    });\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      key: key,\n      className: itemClasses,\n      \"aria-disabled\": disabled,\n      \"data-key\": item[valueKey],\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 423,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {\n      disabled: disabled,\n      checked: active,\n      value: item[valueKey],\n      indeterminate: cascade && !active && (0, _utils.isSomeChildChecked)(item, value, {\n        valueKey: valueKey,\n        childrenKey: childrenKey\n      }),\n      onChange: function onChange(_value, checked, event) {\n        handleCheck(item, event, checked);\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 424,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"span\", {\n      className: prefix('cascader-cols'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 435,\n        columnNumber: 13\n      }\n    }, nodes.map(function (node, index) {\n      return /*#__PURE__*/_react.default.createElement(\"span\", {\n        key: \"col-\" + index,\n        className: prefix('cascader-col'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 437,\n          columnNumber: 17\n        }\n      }, node[labelKey]);\n    }))));\n  };\n\n  var renderSearchResultPanel = function renderSearchResultPanel() {\n    if (searchKeyword === '') {\n      return null;\n    }\n\n    var items = getSearchResult();\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('cascader-search-panel'),\n      \"data-layer\": 0,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 454,\n        columnNumber: 9\n      }\n    }, items.length ? items.map(renderSearchRow) : /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('none'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 458,\n        columnNumber: 13\n      }\n    }, locale.noResultsText));\n  };\n\n  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {\n    var _ref = positionProps || {},\n        left = _ref.left,\n        top = _ref.top,\n        className = _ref.className;\n\n    var styles = (0, _extends3.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var classes = merge(className, menuClassName, prefix('cascader-menu', 'multi-cascader-menu', {\n      inline: inline\n    }));\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n      ref: (0, _utils3.mergeRefs)(overlayRef, speakerRef),\n      className: classes,\n      style: styles,\n      target: triggerRef,\n      onKeyDown: onPickerKeyDown,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 475,\n        columnNumber: 9\n      }\n    }, searchable && /*#__PURE__*/_react.default.createElement(_Picker.SearchBar, {\n      placeholder: locale === null || locale === void 0 ? void 0 : locale.searchPlaceholder,\n      onChange: handleSearch,\n      value: searchKeyword,\n      inputRef: searchInputRef,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 483,\n        columnNumber: 13\n      }\n    }), renderSearchResultPanel(), searchKeyword === '' && /*#__PURE__*/_react.default.createElement(_DropdownMenu.default, {\n      id: id ? id + \"-listbox\" : undefined,\n      cascade: cascade,\n      menuWidth: menuWidth,\n      menuHeight: menuHeight,\n      uncheckableItemValues: uncheckableItemValues,\n      disabledItemValues: disabledItemValues,\n      valueKey: valueKey,\n      labelKey: labelKey,\n      childrenKey: childrenKey,\n      classPrefix: 'picker-cascader-menu',\n      cascadeData: columnData,\n      cascadePaths: selectedPaths,\n      value: value,\n      onSelect: handleSelect,\n      onCheck: handleCheck,\n      renderMenu: renderMenu,\n      renderMenuItem: renderMenuItem,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 494,\n        columnNumber: 13\n      }\n    }), renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  var selectedElement = placeholder;\n\n  if (selectedItems.length > 0) {\n    selectedElement = /*#__PURE__*/_react.default.createElement(_Picker.SelectedElement, {\n      selectedItems: selectedItems,\n      countable: countable,\n      valueKey: valueKey,\n      labelKey: labelKey,\n      childrenKey: childrenKey,\n      prefix: prefix,\n      cascade: cascade,\n      locale: locale,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 524,\n        columnNumber: 9\n      }\n    });\n  }\n\n  if (hasValue && (0, _isFunction.default)(renderValue)) {\n    selectedElement = renderValue(value.length ? value : valueProp, selectedItems, selectedElement); // If renderValue returns null or undefined, hasValue is false.\n\n    if ((0, _isNil.default)(selectedElement)) {\n      hasValue = false;\n    }\n  }\n\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends3.default)({}, props, {\n    hasValue: hasValue,\n    name: 'cascader'\n  })),\n      classes = _usePickerClassName[0],\n      usedClassNamePropKeys = _usePickerClassName[1];\n\n  if (inline) {\n    return renderDropdownMenu();\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: triggerRef,\n    placement: placement,\n    onEnter: (0, _utils3.createChainedFunction)(handleEntered, onEnter),\n    onExited: (0, _utils3.createChainedFunction)(handleExited, onExited),\n    onExit: (0, _utils3.createChainedFunction)(onClose, onExit),\n    speaker: renderDropdownMenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 560,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: classes,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 569,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends3.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {\n    id: id,\n    as: toggleAs,\n    disabled: disabled,\n    ref: targetRef,\n    onClean: (0, _utils3.createChainedFunction)(handleClean, onClean),\n    onKeyDown: onPickerKeyDown,\n    cleanable: cleanable && !disabled,\n    hasValue: hasValue,\n    active: active,\n    placement: placement,\n    inputValue: value,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 570,\n      columnNumber: 11\n    }\n  }), selectedElement || locale.placeholder)));\n});\n\nMultiCascader.displayName = 'MultiCascader';\nMultiCascader.defaultProps = defaultProps;\nMultiCascader.propTypes = (0, _extends3.default)({}, _Picker.listPickerPropTypes, {\n  value: _propTypes.default.array,\n  disabledItemValues: _propTypes.default.array,\n  locale: _propTypes.default.any,\n  appearance: _propTypes.default.oneOf(['default', 'subtle']),\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});\nvar _default = MultiCascader;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/MultiCascader/MultiCascader.tsx?");
 
 /***/ }),
 
@@ -2837,7 +3013,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../Ripple */ \"./src/Ripple/index.tsx\"));\n\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ./NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _Navbar = __webpack_require__(/*! ../Navbar/Navbar */ \"./src/Navbar/Navbar.tsx\");\n\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../Menu/MenuItem */ \"./src/Menu/MenuItem.tsx\"));\n\nvar _SidenavItem = _interopRequireDefault(__webpack_require__(/*! ../Sidenav/SidenavItem */ \"./src/Sidenav/SidenavItem.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Nav/NavItem.tsx\",\n    _this = void 0;\n\nvar defaultProps = {\n  classPrefix: 'nav-item',\n  as: _SafeAnchor.default\n};\n/**\n * The <Nav.Item> API\n */\n\nvar NavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var Component = props.as,\n      activeProp = props.active,\n      disabled = props.disabled,\n      eventKey = props.eventKey,\n      className = props.className,\n      classPrefix = props.classPrefix,\n      style = props.style,\n      _children = props.children,\n      icon = props.icon,\n      divider = props.divider,\n      panel = props.panel,\n      onClick = props.onClick,\n      onSelectProp = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"active\", \"disabled\", \"eventKey\", \"className\", \"classPrefix\", \"style\", \"children\", \"icon\", \"divider\", \"panel\", \"onClick\", \"onSelect\"]);\n\n  var _useContext = (0, _react.useContext)(_NavContext.default),\n      activeKey = _useContext.activeKey,\n      onSelectFromNav = _useContext.onSelect;\n\n  var active = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(eventKey, activeKey);\n  var emitSelect = (0, _react.useCallback)(function (event) {\n    onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(eventKey, event);\n    onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);\n  }, [eventKey, onSelectProp, onSelectFromNav]);\n  var navbar = (0, _react.useContext)(_Navbar.NavbarContext);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix({\n    active: active,\n    disabled: disabled\n  }));\n  var handleClick = (0, _react.useCallback)(function (event) {\n    if (!disabled) {\n      emitSelect(event);\n      onClick === null || onClick === void 0 ? void 0 : onClick(event);\n    }\n  }, [disabled, emitSelect, onClick]);\n\n  if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_SidenavItem.default, (0, _extends2.default)({}, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 100,\n        columnNumber: 14\n      }\n    }));\n  } // If <Nav.Item> is inside collapsed <Sidenav>, render an ARIA `menuitem`\n\n\n  if (sidenav) {\n    return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n      selected: active,\n      disabled: disabled,\n      onActivate: emitSelect,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 106,\n        columnNumber: 9\n      }\n    }, function (_ref, menuitemRef) {\n      var selected = _ref.selected,\n          active = _ref.active,\n          menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"selected\", \"active\"]);\n      var classes = merge(className, withClassPrefix({\n        focus: active,\n        active: selected,\n        disabled: disabled\n      }));\n\n      var item = /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n        ref: (0, _utils.mergeRefs)(ref, menuitemRef),\n        disabled: Component === _SafeAnchor.default ? disabled : undefined,\n        className: classes,\n        \"data-event-key\": eventKey\n      }, menuitem, (0, _omit.default)(rest, ['divider', 'panel']), {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 114,\n          columnNumber: 15\n        }\n      }), icon, _children, /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 124,\n          columnNumber: 17\n        }\n      })); // Show tooltip when inside a collapse <Sidenav>\n\n\n      return sidenav ? (0, _utils.appendTooltip)({\n        children: function children(triggerProps, triggerRef) {\n          return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n            ref: (0, _utils.mergeRefs)((0, _utils.mergeRefs)(ref, menuitemRef), triggerRef),\n            disabled: Component === _SafeAnchor.default ? disabled : undefined,\n            className: classes,\n            \"data-event-key\": eventKey\n          }, menuitem, (0, _omit.default)(rest, ['divider', 'panel']), triggerProps, {\n            __self: _this,\n            __source: {\n              fileName: _jsxFileName,\n              lineNumber: 133,\n              columnNumber: 23\n            }\n          }), icon, _children, /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n            __self: _this,\n            __source: {\n              fileName: _jsxFileName,\n              lineNumber: 144,\n              columnNumber: 25\n            }\n          }));\n        },\n        message: _children,\n        placement: 'right'\n      }) : item;\n    });\n  }\n\n  if (divider) {\n    return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n      ref: ref,\n      role: \"separator\",\n      style: style,\n      className: merge(className, prefix('divider'))\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 159,\n        columnNumber: 9\n      }\n    }));\n  }\n\n  if (panel) {\n    return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n      ref: ref,\n      style: style,\n      className: merge(className, prefix('panel'))\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 171,\n        columnNumber: 9\n      }\n    }), _children);\n  }\n\n  if (navbar) {\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: ref,\n      \"aria-selected\": active || undefined\n    }, rest, {\n      className: classes,\n      onClick: handleClick,\n      style: style,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 179,\n        columnNumber: 9\n      }\n    }), icon, _children, /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 189,\n        columnNumber: 11\n      }\n    }));\n  }\n\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    ref: ref,\n    tabIndex: disabled ? -1 : undefined\n  }, rest, {\n    className: classes,\n    onClick: handleClick,\n    style: style,\n    \"aria-selected\": active || undefined,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 195,\n      columnNumber: 7\n    }\n  }), icon, _children, /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 206,\n      columnNumber: 9\n    }\n  }));\n});\n\nNavItem.defaultProps = defaultProps;\nNavItem.displayName = 'Nav.Item';\nNavItem.propTypes = {\n  as: _propTypes.default.elementType,\n  active: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  divider: _propTypes.default.bool,\n  panel: _propTypes.default.bool,\n  onClick: _propTypes.default.func,\n  style: _propTypes.default.object,\n  icon: _propTypes.default.node,\n  onSelect: _propTypes.default.func,\n  children: _propTypes.default.node,\n  eventKey: _propTypes.default.any\n};\nvar _default = NavItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Nav/NavItem.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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../Ripple */ \"./src/Ripple/index.tsx\"));\n\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ./NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _Navbar = __webpack_require__(/*! ../Navbar/Navbar */ \"./src/Navbar/Navbar.tsx\");\n\nvar _SidenavItem = _interopRequireDefault(__webpack_require__(/*! ../Sidenav/SidenavItem */ \"./src/Sidenav/SidenavItem.tsx\"));\n\nvar _NavbarItem = _interopRequireDefault(__webpack_require__(/*! ../Navbar/NavbarItem */ \"./src/Navbar/NavbarItem.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Nav/NavItem.tsx\",\n    _this = void 0;\n\n/**\n * The <Nav.Item> API\n */\nvar NavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? _SafeAnchor.default : _props$as,\n      activeProp = props.active,\n      disabled = props.disabled,\n      eventKey = props.eventKey,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'nav-item' : _props$classPrefix,\n      style = props.style,\n      children = props.children,\n      icon = props.icon,\n      divider = props.divider,\n      panel = props.panel,\n      onClick = props.onClick,\n      onSelectProp = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"active\", \"disabled\", \"eventKey\", \"className\", \"classPrefix\", \"style\", \"children\", \"icon\", \"divider\", \"panel\", \"onClick\", \"onSelect\"]);\n\n  var _useContext = (0, _react.useContext)(_NavContext.default),\n      activeKey = _useContext.activeKey,\n      onSelectFromNav = _useContext.onSelect;\n\n  var active = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(eventKey, activeKey);\n  var emitSelect = (0, _react.useCallback)(function (event) {\n    onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(eventKey, event);\n    onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);\n  }, [eventKey, onSelectProp, onSelectFromNav]);\n  var navbar = (0, _react.useContext)(_Navbar.NavbarContext);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix({\n    active: active,\n    disabled: disabled\n  }));\n  var handleClick = (0, _react.useCallback)(function (event) {\n    if (!disabled) {\n      emitSelect(event);\n      onClick === null || onClick === void 0 ? void 0 : onClick(event);\n    }\n  }, [disabled, emitSelect, onClick]);\n\n  if (sidenav) {\n    return /*#__PURE__*/_react.default.createElement(_SidenavItem.default, (0, _extends2.default)({}, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 94,\n        columnNumber: 14\n      }\n    }));\n  }\n\n  if (divider) {\n    return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n      ref: ref,\n      role: \"separator\",\n      style: style,\n      className: merge(className, prefix('divider'))\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 99,\n        columnNumber: 9\n      }\n    }));\n  }\n\n  if (panel) {\n    return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n      ref: ref,\n      style: style,\n      className: merge(className, prefix('panel'))\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 111,\n        columnNumber: 9\n      }\n    }), children);\n  }\n\n  if (navbar) {\n    return /*#__PURE__*/_react.default.createElement(_NavbarItem.default, (0, _extends2.default)({}, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 118,\n        columnNumber: 14\n      }\n    }));\n  }\n\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    ref: ref,\n    tabIndex: disabled ? -1 : undefined\n  }, rest, {\n    className: classes,\n    onClick: handleClick,\n    style: style,\n    \"aria-selected\": active || undefined,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 122,\n      columnNumber: 7\n    }\n  }), icon, children, /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 133,\n      columnNumber: 9\n    }\n  }));\n});\n\nNavItem.displayName = 'Nav.Item';\nNavItem.propTypes = {\n  as: _propTypes.default.elementType,\n  active: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  divider: _propTypes.default.bool,\n  panel: _propTypes.default.bool,\n  onClick: _propTypes.default.func,\n  style: _propTypes.default.object,\n  icon: _propTypes.default.node,\n  onSelect: _propTypes.default.func,\n  children: _propTypes.default.node,\n  eventKey: _propTypes.default.any\n};\nvar _default = NavItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Nav/NavItem.tsx?");
 
 /***/ }),
 
@@ -2896,6 +3072,17 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
+/***/ "./src/Navbar/NavbarItem.tsx":
+/*!***********************************!*\
+  !*** ./src/Navbar/NavbarItem.tsx ***!
+  \***********************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../Ripple */ \"./src/Ripple/index.tsx\"));\n\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Navbar/NavbarItem.tsx\",\n    _this = void 0;\n\nvar NavbarItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? _SafeAnchor.default : _props$as,\n      activeProp = props.active,\n      disabled = props.disabled,\n      eventKey = props.eventKey,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'navbar-item' : _props$classPrefix,\n      style = props.style,\n      children = props.children,\n      icon = props.icon,\n      onClick = props.onClick,\n      onSelectProp = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"active\", \"disabled\", \"eventKey\", \"className\", \"classPrefix\", \"style\", \"children\", \"icon\", \"onClick\", \"onSelect\"]);\n\n  var _useContext = (0, _react.useContext)(_NavContext.default),\n      activeKey = _useContext.activeKey,\n      onSelectFromNav = _useContext.onSelect;\n\n  var active = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(eventKey, activeKey);\n  var emitSelect = (0, _react.useCallback)(function (event) {\n    onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(eventKey, event);\n    onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);\n  }, [eventKey, onSelectProp, onSelectFromNav]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix({\n    active: active,\n    disabled: disabled\n  }));\n  var handleClick = (0, _react.useCallback)(function (event) {\n    if (!disabled) {\n      emitSelect(event);\n      onClick === null || onClick === void 0 ? void 0 : onClick(event);\n    }\n  }, [disabled, emitSelect, onClick]);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    ref: ref,\n    \"aria-selected\": active || undefined\n  }, rest, {\n    className: classes,\n    onClick: handleClick,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 76,\n      columnNumber: 7\n    }\n  }), icon, children, /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 86,\n      columnNumber: 9\n    }\n  }));\n});\n\nNavbarItem.displayName = 'Navbar.Item';\nNavbarItem.propTypes = {\n  as: _propTypes.default.elementType,\n  active: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  onClick: _propTypes.default.func,\n  style: _propTypes.default.object,\n  icon: _propTypes.default.node,\n  onSelect: _propTypes.default.func,\n  children: _propTypes.default.node,\n  eventKey: _propTypes.default.any\n};\nvar _default = NavbarItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Navbar/NavbarItem.tsx?");
+
+/***/ }),
+
 /***/ "./src/Navbar/index.tsx":
 /*!******************************!*\
   !*** ./src/Navbar/index.tsx ***!
@@ -3002,7 +3189,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\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 _More = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/More */ \"./node_modules/@rsuite/icons/legacy/More.js\"));\n\nvar _PagePrevious = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/PagePrevious */ \"./node_modules/@rsuite/icons/legacy/PagePrevious.js\"));\n\nvar _PageNext = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/PageNext */ \"./node_modules/@rsuite/icons/legacy/PageNext.js\"));\n\nvar _PageTop = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/PageTop */ \"./node_modules/@rsuite/icons/legacy/PageTop.js\"));\n\nvar _PageEnd = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/PageEnd */ \"./node_modules/@rsuite/icons/legacy/PageEnd.js\"));\n\nvar _PaginationButton = _interopRequireDefault(__webpack_require__(/*! ./PaginationButton */ \"./src/Pagination/PaginationButton.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Pagination/Pagination.tsx\",\n    _this = void 0,\n    _templateObject,\n    _templateObject2,\n    _templateObject3,\n    _templateObject4,\n    _templateObject5,\n    _templateObject6;\n\nvar PAGINATION_ICONS = {\n  more: /*#__PURE__*/_react.default.createElement(_More.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 15,\n      columnNumber: 9\n    }\n  }),\n  prev: /*#__PURE__*/_react.default.createElement(_PagePrevious.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 16,\n      columnNumber: 9\n    }\n  }),\n  next: /*#__PURE__*/_react.default.createElement(_PageNext.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 17,\n      columnNumber: 9\n    }\n  }),\n  first: /*#__PURE__*/_react.default.createElement(_PageTop.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 18,\n      columnNumber: 10\n    }\n  }),\n  last: /*#__PURE__*/_react.default.createElement(_PageEnd.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 19,\n      columnNumber: 9\n    }\n  })\n};\nvar defaultProps = {\n  as: 'div',\n  classPrefix: 'pagination',\n  activePage: 1,\n  pages: 1,\n  size: 'md'\n};\n\nvar Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var Component = props.as,\n      className = props.className,\n      classPrefix = props.classPrefix,\n      disabledProp = props.disabled,\n      overrideLocale = props.locale,\n      activePage = props.activePage,\n      maxButtons = props.maxButtons,\n      pages = props.pages,\n      ellipsis = props.ellipsis,\n      boundaryLinks = props.boundaryLinks,\n      first = props.first,\n      prev = props.prev,\n      next = props.next,\n      last = props.last,\n      size = props.size,\n      linkAs = props.linkAs,\n      linkProps = props.linkProps,\n      onSelect = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"disabled\", \"locale\", \"activePage\", \"maxButtons\", \"pages\", \"ellipsis\", \"boundaryLinks\", \"first\", \"prev\", \"next\", \"last\", \"size\", \"linkAs\", \"linkProps\", \"onSelect\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var _useCustom = (0, _utils.useCustom)('Pagination', overrideLocale),\n      locale = _useCustom.locale;\n\n  var renderItem = (0, _react.useCallback)(function (key, itemProps) {\n    var eventKey = itemProps.eventKey,\n        disabled = itemProps.disabled,\n        itemRest = (0, _objectWithoutPropertiesLoose2.default)(itemProps, [\"eventKey\", \"disabled\"]);\n    var disabledItem = disabled;\n\n    if (typeof disabledProp !== 'undefined') {\n      disabledItem = typeof disabledProp === 'function' ? disabledProp(eventKey) : disabledProp;\n    }\n\n    var title = (locale === null || locale === void 0 ? void 0 : locale[key]) || eventKey;\n    return /*#__PURE__*/_react.default.createElement(_PaginationButton.default, (0, _extends2.default)({\n      \"aria-label\": title,\n      title: title\n    }, itemRest, linkProps, {\n      key: key + \"-\" + eventKey,\n      eventKey: eventKey,\n      as: linkAs,\n      disabled: disabledItem,\n      onSelect: disabledItem ? undefined : onSelect,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 116,\n        columnNumber: 11\n      }\n    }));\n  }, [disabledProp, linkAs, linkProps, locale, onSelect]);\n\n  var renderFirst = function renderFirst() {\n    if (!first) {\n      return null;\n    }\n\n    return renderItem('first', {\n      eventKey: 1,\n      disabled: activePage === 1,\n      children: /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"symbol\"]))),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 141,\n          columnNumber: 11\n        }\n      }, first === true ? PAGINATION_ICONS.first : first)\n    });\n  };\n\n  var renderPrev = function renderPrev() {\n    if (!prev) {\n      return null;\n    }\n\n    return renderItem('prev', {\n      eventKey: activePage - 1,\n      disabled: activePage === 1,\n      children: /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"symbol\"]))),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 155,\n          columnNumber: 11\n        }\n      }, prev === true ? PAGINATION_ICONS.prev : prev)\n    });\n  };\n\n  var renderPageButtons = function renderPageButtons() {\n    var pageButtons = [];\n    var startPage;\n    var endPage;\n    var hasHiddenPagesAfter;\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(renderItem(pagenumber, {\n        eventKey: pagenumber,\n        active: pagenumber === activePage,\n        children: pagenumber\n      }));\n    }\n\n    if (boundaryLinks && ellipsis && startPage !== 1) {\n      pageButtons.unshift(renderItem('more', {\n        eventKey: 'ellipsisFirst',\n        disabled: true,\n        children: /*#__PURE__*/_react.default.createElement(\"span\", {\n          className: prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)([\"symbol\"]))),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 201,\n            columnNumber: 15\n          }\n        }, ellipsis === true ? PAGINATION_ICONS.more : ellipsis)\n      }));\n      pageButtons.unshift(renderItem(1, {\n        eventKey: 1,\n        children: 1\n      }));\n    }\n\n    if (maxButtons && hasHiddenPagesAfter && ellipsis) {\n      pageButtons.push(renderItem('more', {\n        eventKey: 'ellipsis',\n        disabled: true,\n        children: /*#__PURE__*/_react.default.createElement(\"span\", {\n          className: prefix(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)([\"symbol\"]))),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 217,\n            columnNumber: 15\n          }\n        }, ellipsis === true ? PAGINATION_ICONS.more : ellipsis)\n      }));\n\n      if (boundaryLinks && endPage !== pages) {\n        pageButtons.push(renderItem(pages, {\n          eventKey: pages,\n          disabled: false,\n          children: pages\n        }));\n      }\n    }\n\n    return pageButtons;\n  };\n\n  var renderNext = function renderNext() {\n    if (!next) {\n      return null;\n    }\n\n    return renderItem('next', {\n      eventKey: activePage + 1,\n      disabled: activePage >= pages,\n      children: /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: prefix(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)([\"symbol\"]))),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 242,\n          columnNumber: 11\n        }\n      }, next === true ? PAGINATION_ICONS.next : next)\n    });\n  };\n\n  var renderLast = function renderLast() {\n    if (!last) {\n      return null;\n    }\n\n    return renderItem('last', {\n      eventKey: pages,\n      disabled: activePage >= pages,\n      children: /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: prefix(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)([\"symbol\"]))),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 256,\n          columnNumber: 11\n        }\n      }, last === true ? PAGINATION_ICONS.last : last)\n    });\n  };\n\n  var classes = merge(className, withClassPrefix(size));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 263,\n      columnNumber: 7\n    }\n  }), renderFirst(), renderPrev(), renderPageButtons(), renderNext(), renderLast());\n});\n\nPagination.displayName = 'Pagination';\nPagination.defaultProps = defaultProps;\nPagination.propTypes = {\n  onSelect: _propTypes.default.func,\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  linkAs: _propTypes.default.elementType,\n  linkProps: _propTypes.default.object,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  locale: _propTypes.default.any,\n  disabled: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func])\n};\nvar _default = Pagination;\nexports.default = _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 _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\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 _More = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/More */ \"./node_modules/@rsuite/icons/legacy/More.js\"));\n\nvar _PagePrevious = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/PagePrevious */ \"./node_modules/@rsuite/icons/legacy/PagePrevious.js\"));\n\nvar _PageNext = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/PageNext */ \"./node_modules/@rsuite/icons/legacy/PageNext.js\"));\n\nvar _PageTop = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/PageTop */ \"./node_modules/@rsuite/icons/legacy/PageTop.js\"));\n\nvar _PageEnd = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/PageEnd */ \"./node_modules/@rsuite/icons/legacy/PageEnd.js\"));\n\nvar _PaginationButton = _interopRequireDefault(__webpack_require__(/*! ./PaginationButton */ \"./src/Pagination/PaginationButton.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Pagination/Pagination.tsx\",\n    _this = void 0,\n    _templateObject,\n    _templateObject2,\n    _templateObject3,\n    _templateObject4,\n    _templateObject5,\n    _templateObject6;\n\nvar PAGINATION_ICONS = {\n  more: /*#__PURE__*/_react.default.createElement(_More.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 15,\n      columnNumber: 9\n    }\n  }),\n  prev: /*#__PURE__*/_react.default.createElement(_PagePrevious.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 16,\n      columnNumber: 9\n    }\n  }),\n  next: /*#__PURE__*/_react.default.createElement(_PageNext.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 17,\n      columnNumber: 9\n    }\n  }),\n  first: /*#__PURE__*/_react.default.createElement(_PageTop.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 18,\n      columnNumber: 10\n    }\n  }),\n  last: /*#__PURE__*/_react.default.createElement(_PageEnd.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 19,\n      columnNumber: 9\n    }\n  })\n};\nvar defaultProps = {\n  as: 'div',\n  classPrefix: 'pagination',\n  activePage: 1,\n  pages: 1,\n  size: 'xs'\n};\n\nvar Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var Component = props.as,\n      className = props.className,\n      classPrefix = props.classPrefix,\n      disabledProp = props.disabled,\n      overrideLocale = props.locale,\n      activePage = props.activePage,\n      maxButtons = props.maxButtons,\n      pages = props.pages,\n      ellipsis = props.ellipsis,\n      boundaryLinks = props.boundaryLinks,\n      first = props.first,\n      prev = props.prev,\n      next = props.next,\n      last = props.last,\n      size = props.size,\n      linkAs = props.linkAs,\n      linkProps = props.linkProps,\n      onSelect = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"disabled\", \"locale\", \"activePage\", \"maxButtons\", \"pages\", \"ellipsis\", \"boundaryLinks\", \"first\", \"prev\", \"next\", \"last\", \"size\", \"linkAs\", \"linkProps\", \"onSelect\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var _useCustom = (0, _utils.useCustom)('Pagination', overrideLocale),\n      locale = _useCustom.locale;\n\n  var renderItem = (0, _react.useCallback)(function (key, itemProps) {\n    var eventKey = itemProps.eventKey,\n        disabled = itemProps.disabled,\n        itemRest = (0, _objectWithoutPropertiesLoose2.default)(itemProps, [\"eventKey\", \"disabled\"]);\n    var disabledItem = disabled;\n\n    if (typeof disabledProp !== 'undefined') {\n      disabledItem = typeof disabledProp === 'function' ? disabledProp(eventKey) : disabledProp;\n    }\n\n    var title = (locale === null || locale === void 0 ? void 0 : locale[key]) || eventKey;\n    return /*#__PURE__*/_react.default.createElement(_PaginationButton.default, (0, _extends2.default)({\n      \"aria-label\": title,\n      title: title\n    }, itemRest, linkProps, {\n      key: key + \"-\" + eventKey,\n      eventKey: eventKey,\n      as: linkAs,\n      disabled: disabledItem,\n      onSelect: disabledItem ? undefined : onSelect,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 116,\n        columnNumber: 11\n      }\n    }));\n  }, [disabledProp, linkAs, linkProps, locale, onSelect]);\n\n  var renderFirst = function renderFirst() {\n    if (!first) {\n      return null;\n    }\n\n    return renderItem('first', {\n      eventKey: 1,\n      disabled: activePage === 1,\n      children: /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"symbol\"]))),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 141,\n          columnNumber: 11\n        }\n      }, first === true ? PAGINATION_ICONS.first : first)\n    });\n  };\n\n  var renderPrev = function renderPrev() {\n    if (!prev) {\n      return null;\n    }\n\n    return renderItem('prev', {\n      eventKey: activePage - 1,\n      disabled: activePage === 1,\n      children: /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"symbol\"]))),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 155,\n          columnNumber: 11\n        }\n      }, prev === true ? PAGINATION_ICONS.prev : prev)\n    });\n  };\n\n  var renderPageButtons = function renderPageButtons() {\n    var pageButtons = [];\n    var startPage;\n    var endPage;\n    var hasHiddenPagesAfter;\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(renderItem(pagenumber, {\n        eventKey: pagenumber,\n        active: pagenumber === activePage,\n        children: pagenumber\n      }));\n    }\n\n    if (boundaryLinks && ellipsis && startPage !== 1) {\n      pageButtons.unshift(renderItem('more', {\n        eventKey: 'ellipsisFirst',\n        disabled: true,\n        children: /*#__PURE__*/_react.default.createElement(\"span\", {\n          className: prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)([\"symbol\"]))),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 201,\n            columnNumber: 15\n          }\n        }, ellipsis === true ? PAGINATION_ICONS.more : ellipsis)\n      }));\n      pageButtons.unshift(renderItem(1, {\n        eventKey: 1,\n        children: 1\n      }));\n    }\n\n    if (maxButtons && hasHiddenPagesAfter && ellipsis) {\n      pageButtons.push(renderItem('more', {\n        eventKey: 'ellipsis',\n        disabled: true,\n        children: /*#__PURE__*/_react.default.createElement(\"span\", {\n          className: prefix(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)([\"symbol\"]))),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 217,\n            columnNumber: 15\n          }\n        }, ellipsis === true ? PAGINATION_ICONS.more : ellipsis)\n      }));\n\n      if (boundaryLinks && endPage !== pages) {\n        pageButtons.push(renderItem(pages, {\n          eventKey: pages,\n          disabled: false,\n          children: pages\n        }));\n      }\n    }\n\n    return pageButtons;\n  };\n\n  var renderNext = function renderNext() {\n    if (!next) {\n      return null;\n    }\n\n    return renderItem('next', {\n      eventKey: activePage + 1,\n      disabled: activePage >= pages,\n      children: /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: prefix(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)([\"symbol\"]))),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 242,\n          columnNumber: 11\n        }\n      }, next === true ? PAGINATION_ICONS.next : next)\n    });\n  };\n\n  var renderLast = function renderLast() {\n    if (!last) {\n      return null;\n    }\n\n    return renderItem('last', {\n      eventKey: pages,\n      disabled: activePage >= pages,\n      children: /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: prefix(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)([\"symbol\"]))),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 256,\n          columnNumber: 11\n        }\n      }, last === true ? PAGINATION_ICONS.last : last)\n    });\n  };\n\n  var classes = merge(className, withClassPrefix(size));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 263,\n      columnNumber: 7\n    }\n  }), renderFirst(), renderPrev(), renderPageButtons(), renderNext(), renderLast());\n});\n\nPagination.displayName = 'Pagination';\nPagination.defaultProps = defaultProps;\nPagination.propTypes = {\n  onSelect: _propTypes.default.func,\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  linkAs: _propTypes.default.elementType,\n  linkProps: _propTypes.default.object,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  locale: _propTypes.default.any,\n  disabled: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func])\n};\nvar _default = Pagination;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Pagination/Pagination.tsx?");
 
 /***/ }),
 
@@ -3145,7 +3332,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\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 _debounce = _interopRequireDefault(__webpack_require__(/*! lodash/debounce */ \"./node_modules/lodash/debounce.js\"));\n\nvar _reactTextMask = _interopRequireDefault(__webpack_require__(/*! react-text-mask */ \"./node_modules/react-text-mask/dist/reactTextMask.js\"));\n\nvar _ToggleButton = _interopRequireDefault(__webpack_require__(/*! ./ToggleButton */ \"./src/Picker/ToggleButton.tsx\"));\n\nvar _CloseButton = _interopRequireDefault(__webpack_require__(/*! ../CloseButton */ \"./src/CloseButton/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/Plaintext/index.tsx\"));\n\nvar _useToggleCaret = _interopRequireDefault(__webpack_require__(/*! ../utils/useToggleCaret */ \"./src/utils/useToggleCaret.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Picker/PickerToggle.tsx\",\n    _this = void 0,\n    _templateObject,\n    _templateObject2;\n\nvar defaultProps = {\n  as: _ToggleButton.default,\n  classPrefix: 'picker-toggle',\n  inputMask: []\n};\n\nvar PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var activeProp = props.active,\n      Component = props.as,\n      classPrefix = props.classPrefix,\n      children = props.children,\n      _props$caret = props.caret,\n      caret = _props$caret === void 0 ? true : _props$caret,\n      className = props.className,\n      disabled = props.disabled,\n      readOnly = props.readOnly,\n      plaintext = props.plaintext,\n      hasValue = props.hasValue,\n      cleanableProp = props.cleanable,\n      _props$tabIndex = props.tabIndex,\n      tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,\n      id = props.id,\n      value = props.value,\n      input = props.input,\n      inputPlaceholder = props.inputPlaceholder,\n      inputValueProp = props.inputValue,\n      inputMask = props.inputMask,\n      onInputChange = props.onInputChange,\n      onInputPressEnter = props.onInputPressEnter,\n      onInputBlur = props.onInputBlur,\n      onInputFocus = props.onInputFocus,\n      onClean = props.onClean,\n      onFocus = props.onFocus,\n      onBlur = props.onBlur,\n      placement = props.placement,\n      caretComponent = props.caretComponent,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"active\", \"as\", \"classPrefix\", \"children\", \"caret\", \"className\", \"disabled\", \"readOnly\", \"plaintext\", \"hasValue\", \"cleanable\", \"tabIndex\", \"id\", \"value\", \"input\", \"inputPlaceholder\", \"inputValue\", \"inputMask\", \"onInputChange\", \"onInputPressEnter\", \"onInputBlur\", \"onInputFocus\", \"onClean\", \"onFocus\", \"onBlur\", \"placement\", \"caretComponent\"]);\n  var inputRef = (0, _react.useRef)();\n\n  var _useState = (0, _react.useState)(false),\n      activeState = _useState[0],\n      setActive = _useState[1];\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var getInputValue = (0, _react.useCallback)(function () {\n    return typeof inputValueProp === 'undefined' ? Array.isArray(value) ? value.join(',') : value : inputValueProp;\n  }, [inputValueProp, value]);\n\n  var _useState2 = (0, _react.useState)(getInputValue),\n      inputValue = _useState2[0],\n      setInputValue = _useState2[1];\n\n  (0, _react.useEffect)(function () {\n    var value = getInputValue();\n    setInputValue(value);\n  }, [getInputValue]);\n  var classes = merge(className, withClassPrefix({\n    active: activeProp || activeState\n  }));\n  var handleFocus = (0, _react.useCallback)(function (event) {\n    setActive(true);\n    onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);\n\n    if (input) {\n      inputRef.current.focus();\n    }\n  }, [input, onFocus]);\n  var handleBlur = (0, _react.useCallback)(function (event) {\n    if (document.activeElement !== inputRef.current) {\n      var _inputRef$current;\n\n      setActive(false);\n      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.blur();\n    }\n\n    onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);\n  }, [onBlur]);\n\n  var handleInputBlur = function handleInputBlur(event) {\n    setInputValue(getInputValue());\n    onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(event);\n  };\n\n  var handleClean = (0, _react.useCallback)(function (event) {\n    event.stopPropagation();\n    onClean === null || onClean === void 0 ? void 0 : onClean(event);\n    setActive(false);\n  }, [onClean]);\n  var handleInputChange = (0, _react.useCallback)(function (event) {\n    var _event$target;\n\n    var value = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value;\n    setInputValue(value);\n    onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(value, event);\n  }, [onInputChange]);\n  var handleInputKeyDown = (0, _react.useCallback)(function (event) {\n    if (input && event.key === _utils.KEY_VALUES.ENTER) {\n      onInputPressEnter === null || onInputPressEnter === void 0 ? void 0 : onInputPressEnter(event);\n    }\n  }, [onInputPressEnter, input]);\n  var ToggleCaret = (0, _useToggleCaret.default)(placement);\n  var Caret = caretComponent !== null && caretComponent !== void 0 ? caretComponent : ToggleCaret;\n\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      ref: ref,\n      localeKey: \"notSelected\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 160,\n        columnNumber: 7\n      }\n    }, hasValue ? children : null);\n  }\n\n  var cleanable = cleanableProp && hasValue && !readOnly; // When the component is read-only or disabled, the input is not interactive.\n\n  var inputFocused = readOnly || disabled ? false : input && activeState;\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"combobox\",\n    \"aria-haspopup\": \"listbox\",\n    \"aria-expanded\": activeProp,\n    \"aria-disabled\": disabled,\n    \"aria-owns\": id ? id + \"-listbox\" : undefined\n  }, rest, {\n    ref: ref,\n    disabled: disabled,\n    tabIndex: disabled ? undefined : tabIndex,\n    className: classes,\n    onFocus: !disabled ? handleFocus : null // The debounce is set to 200 to solve the flicker caused by the switch between input and div.\n    ,\n    onBlur: !disabled ? (0, _debounce.default)(handleBlur, 200) : null,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 172,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(_reactTextMask.default, {\n    mask: inputMask,\n    value: Array.isArray(inputValue) ? inputValue.toString() : inputValue,\n    onBlur: handleInputBlur,\n    onFocus: onInputFocus,\n    onChange: handleInputChange,\n    onKeyDown: handleInputKeyDown,\n    id: id,\n    \"aria-hidden\": !inputFocused,\n    readOnly: !inputFocused,\n    disabled: disabled,\n    \"aria-controls\": id ? id + \"-listbox\" : undefined,\n    tabIndex: -1,\n    className: prefix('textbox', {\n      'read-only': !inputFocused\n    }),\n    placeholder: inputPlaceholder,\n    render: function render(ref, props) {\n      return /*#__PURE__*/_react.default.createElement(\"input\", (0, _extends2.default)({\n        ref: (0, _utils.mergeRefs)(inputRef, ref)\n      }, props, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 202,\n          columnNumber: 33\n        }\n      }));\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 187,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(hasValue ? 'value' : 'placeholder'),\n    \"aria-placeholder\": typeof children === 'string' ? children : null,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 205,\n      columnNumber: 7\n    }\n  }, children), cleanable && /*#__PURE__*/_react.default.createElement(_CloseButton.default, {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"clean\"]))),\n    tabIndex: -1,\n    onClick: handleClean,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 211,\n      columnNumber: 21\n    }\n  }), caret && /*#__PURE__*/_react.default.createElement(Caret, {\n    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"caret\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 212,\n      columnNumber: 17\n    }\n  }));\n});\n\nPickerToggle.displayName = 'PickerToggle';\nPickerToggle.defaultProps = defaultProps;\nPickerToggle.propTypes = {\n  classPrefix: _propTypes.default.string,\n  hasValue: _propTypes.default.bool,\n  cleanable: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  caret: _propTypes.default.bool,\n  as: _propTypes.default.elementType,\n  onClean: _propTypes.default.func,\n  active: _propTypes.default.bool,\n  readOnly: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  plaintext: _propTypes.default.bool\n};\nvar _default = PickerToggle;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Picker/PickerToggle.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 _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\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 _debounce = _interopRequireDefault(__webpack_require__(/*! lodash/debounce */ \"./node_modules/lodash/debounce.js\"));\n\nvar _reactTextMask = _interopRequireDefault(__webpack_require__(/*! react-text-mask */ \"./node_modules/react-text-mask/dist/reactTextMask.js\"));\n\nvar _ToggleButton = _interopRequireDefault(__webpack_require__(/*! ./ToggleButton */ \"./src/Picker/ToggleButton.tsx\"));\n\nvar _CloseButton = _interopRequireDefault(__webpack_require__(/*! ../CloseButton */ \"./src/CloseButton/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/Plaintext/index.tsx\"));\n\nvar _useToggleCaret = _interopRequireDefault(__webpack_require__(/*! ../utils/useToggleCaret */ \"./src/utils/useToggleCaret.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Picker/PickerToggle.tsx\",\n    _this = void 0,\n    _templateObject,\n    _templateObject2;\n\nvar defaultProps = {\n  as: _ToggleButton.default,\n  classPrefix: 'picker-toggle',\n  inputMask: []\n};\n\nvar PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var activeProp = props.active,\n      Component = props.as,\n      classPrefix = props.classPrefix,\n      children = props.children,\n      _props$caret = props.caret,\n      caret = _props$caret === void 0 ? true : _props$caret,\n      className = props.className,\n      disabled = props.disabled,\n      readOnly = props.readOnly,\n      plaintext = props.plaintext,\n      hasValue = props.hasValue,\n      cleanableProp = props.cleanable,\n      _props$tabIndex = props.tabIndex,\n      tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,\n      id = props.id,\n      value = props.value,\n      input = props.input,\n      inputPlaceholder = props.inputPlaceholder,\n      inputValueProp = props.inputValue,\n      inputMask = props.inputMask,\n      onInputChange = props.onInputChange,\n      onInputPressEnter = props.onInputPressEnter,\n      onInputBlur = props.onInputBlur,\n      onInputFocus = props.onInputFocus,\n      onClean = props.onClean,\n      onFocus = props.onFocus,\n      onBlur = props.onBlur,\n      placement = props.placement,\n      caretComponent = props.caretComponent,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"active\", \"as\", \"classPrefix\", \"children\", \"caret\", \"className\", \"disabled\", \"readOnly\", \"plaintext\", \"hasValue\", \"cleanable\", \"tabIndex\", \"id\", \"value\", \"input\", \"inputPlaceholder\", \"inputValue\", \"inputMask\", \"onInputChange\", \"onInputPressEnter\", \"onInputBlur\", \"onInputFocus\", \"onClean\", \"onFocus\", \"onBlur\", \"placement\", \"caretComponent\"]);\n  var inputRef = (0, _react.useRef)();\n\n  var _useState = (0, _react.useState)(false),\n      activeState = _useState[0],\n      setActive = _useState[1];\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var getInputValue = (0, _react.useCallback)(function () {\n    return typeof inputValueProp === 'undefined' ? Array.isArray(value) ? value.join(',') : value : inputValueProp;\n  }, [inputValueProp, value]);\n\n  var _useState2 = (0, _react.useState)(getInputValue),\n      inputValue = _useState2[0],\n      setInputValue = _useState2[1];\n\n  (0, _react.useEffect)(function () {\n    var value = getInputValue();\n    setInputValue(value);\n  }, [getInputValue]);\n  var classes = merge(className, withClassPrefix({\n    active: activeProp || activeState\n  }));\n  var handleFocus = (0, _react.useCallback)(function (event) {\n    setActive(true);\n    onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);\n\n    if (input) {\n      inputRef.current.focus();\n    }\n  }, [input, onFocus]);\n  var handleBlur = (0, _react.useCallback)(function (event) {\n    if (document.activeElement !== inputRef.current) {\n      var _inputRef$current;\n\n      setActive(false);\n      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.blur();\n    }\n\n    onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);\n  }, [onBlur]);\n\n  var handleInputBlur = function handleInputBlur(event) {\n    setInputValue(getInputValue());\n    onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(event);\n  };\n\n  var handleClean = (0, _react.useCallback)(function (event) {\n    event.stopPropagation();\n    onClean === null || onClean === void 0 ? void 0 : onClean(event);\n    setActive(false);\n  }, [onClean]);\n  var handleInputChange = (0, _react.useCallback)(function (event) {\n    var _event$target;\n\n    var value = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value;\n    setInputValue(value);\n    onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(value, event);\n  }, [onInputChange]);\n  var handleInputKeyDown = (0, _react.useCallback)(function (event) {\n    if (input && event.key === _utils.KEY_VALUES.ENTER) {\n      onInputPressEnter === null || onInputPressEnter === void 0 ? void 0 : onInputPressEnter(event);\n    }\n  }, [onInputPressEnter, input]);\n  var ToggleCaret = (0, _useToggleCaret.default)(placement);\n  var Caret = caretComponent !== null && caretComponent !== void 0 ? caretComponent : ToggleCaret;\n\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      ref: ref,\n      localeKey: \"notSelected\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 160,\n        columnNumber: 7\n      }\n    }, hasValue ? children : null);\n  }\n\n  var cleanable = cleanableProp && hasValue && !readOnly; // When the component is read-only or disabled, the input is not interactive.\n\n  var inputFocused = readOnly || disabled ? false : input && activeState;\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"combobox\",\n    \"aria-haspopup\": \"listbox\",\n    \"aria-expanded\": activeProp,\n    \"aria-disabled\": disabled,\n    \"aria-owns\": id ? id + \"-listbox\" : undefined\n  }, rest, {\n    ref: ref,\n    disabled: disabled,\n    tabIndex: disabled ? undefined : tabIndex,\n    className: classes,\n    onFocus: !disabled ? handleFocus : null // The debounce is set to 200 to solve the flicker caused by the switch between input and div.\n    ,\n    onBlur: !disabled ? (0, _debounce.default)(handleBlur, 200) : null,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 172,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(_reactTextMask.default, {\n    mask: inputMask,\n    value: Array.isArray(inputValue) ? inputValue.toString() : inputValue,\n    onBlur: handleInputBlur,\n    onFocus: onInputFocus,\n    onChange: handleInputChange,\n    onKeyDown: handleInputKeyDown,\n    id: id,\n    \"aria-hidden\": !inputFocused,\n    readOnly: !inputFocused,\n    disabled: disabled,\n    \"aria-controls\": id ? id + \"-listbox\" : undefined,\n    tabIndex: -1,\n    className: prefix('textbox', {\n      'read-only': !inputFocused\n    }),\n    placeholder: inputPlaceholder,\n    render: function render(ref, props) {\n      return /*#__PURE__*/_react.default.createElement(\"input\", (0, _extends2.default)({\n        ref: (0, _utils.mergeRefs)(inputRef, ref)\n      }, props, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 202,\n          columnNumber: 33\n        }\n      }));\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 187,\n      columnNumber: 7\n    }\n  }), children ? /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(hasValue ? 'value' : 'placeholder'),\n    \"aria-placeholder\": typeof children === 'string' ? children : null,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 206,\n      columnNumber: 9\n    }\n  }, children) : null, cleanable && /*#__PURE__*/_react.default.createElement(_CloseButton.default, {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"clean\"]))),\n    tabIndex: -1,\n    onClick: handleClean,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 214,\n      columnNumber: 21\n    }\n  }), caret && /*#__PURE__*/_react.default.createElement(Caret, {\n    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"caret\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 215,\n      columnNumber: 17\n    }\n  }));\n});\n\nPickerToggle.displayName = 'PickerToggle';\nPickerToggle.defaultProps = defaultProps;\nPickerToggle.propTypes = {\n  classPrefix: _propTypes.default.string,\n  hasValue: _propTypes.default.bool,\n  cleanable: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  caret: _propTypes.default.bool,\n  as: _propTypes.default.elementType,\n  onClean: _propTypes.default.func,\n  active: _propTypes.default.bool,\n  readOnly: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  plaintext: _propTypes.default.bool\n};\nvar _default = PickerToggle;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Picker/PickerToggle.tsx?");
 
 /***/ }),
 
@@ -3233,7 +3420,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_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;\nexports.createConcatChildrenFunction = createConcatChildrenFunction;\nexports.shouldDisplay = shouldDisplay;\nexports.usePickerClassName = usePickerClassName;\nexports.onMenuKeyDown = onMenuKeyDown;\nexports.useSearch = useSearch;\nexports.usePublicMethods = usePublicMethods;\nexports.useToggleKeyDownEvent = exports.useFocusItemValue = void 0;\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 _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\n\nvar _trim = _interopRequireDefault(__webpack_require__(/*! lodash/trim */ \"./node_modules/lodash/trim.js\"));\n\nvar _isFunction = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _find = _interopRequireDefault(__webpack_require__(/*! lodash/find */ \"./node_modules/lodash/find.js\"));\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar defaultNodeKeys = {\n  valueKey: 'value',\n  childrenKey: 'children'\n};\n\nfunction createConcatChildrenFunction(node, nodeValue, nodeKeys) {\n  if (nodeKeys === void 0) {\n    nodeKeys = defaultNodeKeys;\n  }\n\n  var _nodeKeys = nodeKeys,\n      valueKey = _nodeKeys.valueKey,\n      childrenKey = _nodeKeys.childrenKey;\n  return function (data, children) {\n    if (nodeValue) {\n      node = (0, _treeUtils.findNodeOfTree)(data, function (item) {\n        return nodeValue === item[valueKey];\n      });\n    }\n\n    node[childrenKey] = children;\n    return data.concat([]);\n  };\n}\n\nfunction shouldDisplay(label, searchKeyword) {\n  if (!(0, _trim.default)(searchKeyword)) {\n    return true;\n  }\n\n  var keyword = searchKeyword.toLocaleLowerCase();\n\n  if (typeof label === 'string' || typeof label === 'number') {\n    return (\"\" + label).toLocaleLowerCase().indexOf(keyword) >= 0;\n  } else if ( /*#__PURE__*/_react.default.isValidElement(label)) {\n    var nodes = (0, _utils.reactToString)(label);\n    return nodes.join('').toLocaleLowerCase().indexOf(keyword) >= 0;\n  }\n\n  return false;\n}\n\n/**\n * The className of the assembled Toggle is on the Picker.\n */\nfunction usePickerClassName(props) {\n  var _withClassPrefix;\n\n  var name = props.name,\n      classPrefix = props.classPrefix,\n      className = props.className,\n      placement = props.placement,\n      appearance = props.appearance,\n      cleanable = props.cleanable,\n      block = props.block,\n      disabled = props.disabled,\n      countable = props.countable,\n      readOnly = props.readOnly,\n      plaintext = props.plaintext,\n      hasValue = props.hasValue,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"name\", \"classPrefix\", \"className\", \"placement\", \"appearance\", \"cleanable\", \"block\", \"disabled\", \"countable\", \"readOnly\", \"plaintext\", \"hasValue\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix(name, appearance, 'toggle-wrapper', (_withClassPrefix = {}, _withClassPrefix[\"placement-\" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = placement, _withClassPrefix['read-only'] = readOnly, _withClassPrefix['has-value'] = hasValue, _withClassPrefix.cleanable = hasValue && cleanable, _withClassPrefix.block = block, _withClassPrefix.disabled = disabled, _withClassPrefix.countable = countable, _withClassPrefix.plaintext = plaintext, _withClassPrefix)));\n  var usedClassNamePropKeys = Object.keys((0, _omit.default)(props, [].concat(Object.keys(rest || {}), ['disabled', 'readOnly', 'plaintext'])));\n  return [classes, usedClassNamePropKeys];\n}\n\n/**\n * Handling keyboard events...\n * @param event Keyboard event object\n * @param events Event callback functions\n */\nfunction onMenuKeyDown(event, events) {\n  var down = events.down,\n      up = events.up,\n      enter = events.enter,\n      del = events.del,\n      esc = events.esc,\n      right = events.right,\n      left = events.left;\n\n  switch (event.key) {\n    // down\n    case _utils.KEY_VALUES.DOWN:\n      down === null || down === void 0 ? void 0 : down(event);\n      event.preventDefault();\n      break;\n    // up\n\n    case _utils.KEY_VALUES.UP:\n      up === null || up === void 0 ? void 0 : up(event);\n      event.preventDefault();\n      break;\n    // enter\n\n    case _utils.KEY_VALUES.ENTER:\n      enter === null || enter === void 0 ? void 0 : enter(event);\n      event.preventDefault();\n      break;\n    // delete\n\n    case _utils.KEY_VALUES.BACKSPACE:\n      del === null || del === void 0 ? void 0 : del(event);\n      break;\n    // esc | tab\n\n    case _utils.KEY_VALUES.ESC:\n    case _utils.KEY_VALUES.TAB:\n      esc === null || esc === void 0 ? void 0 : esc(event);\n      break;\n    // left arrow\n\n    case _utils.KEY_VALUES.LEFT:\n      left === null || left === void 0 ? void 0 : left(event);\n      break;\n    // right arrow\n\n    case _utils.KEY_VALUES.RIGHT:\n      right === null || right === void 0 ? void 0 : right(event);\n      break;\n\n    default:\n  }\n}\n\n/**\n * A hook that manages the focus state of the option.\n * @param defaultFocusItemValue\n * @param props\n */\nvar useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props) {\n  var _props$valueKey = props.valueKey,\n      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n      _props$focusableQuery = props.focusableQueryKey,\n      focusableQueryKey = _props$focusableQuery === void 0 ? '[data-key][aria-disabled=\"false\"]' : _props$focusableQuery,\n      _props$defaultLayer = props.defaultLayer,\n      defaultLayer = _props$defaultLayer === void 0 ? 0 : _props$defaultLayer,\n      data = props.data,\n      target = props.target,\n      rtl = props.rtl,\n      callback = props.callback;\n\n  var _useState = (0, _react.useState)(defaultFocusItemValue),\n      focusItemValue = _useState[0],\n      setFocusItemValue = _useState[1];\n\n  var _useState2 = (0, _react.useState)(defaultLayer),\n      layer = _useState2[0],\n      setLayer = _useState2[1];\n\n  var _useState3 = (0, _react.useState)([]),\n      keys = _useState3[0],\n      setKeys = _useState3[1];\n  /**\n   * Get the elements visible in all options.\n   */\n\n\n  var getFocusableMenuItems = (0, _react.useCallback)(function () {\n    if (!target) {\n      return [];\n    }\n\n    var menu = (0, _isFunction.default)(target) ? target() : target;\n    var currentKeys = keys;\n\n    if (currentKeys.length === 0) {\n      var _Array$from;\n\n      currentKeys = (_Array$from = Array.from(menu === null || menu === void 0 ? void 0 : menu.querySelectorAll(focusableQueryKey))) === null || _Array$from === void 0 ? void 0 : _Array$from.map(function (item) {\n        var _item$dataset;\n\n        return item === null || item === void 0 ? void 0 : (_item$dataset = item.dataset) === null || _item$dataset === void 0 ? void 0 : _item$dataset.key;\n      });\n      setKeys(currentKeys);\n    }\n\n    if (currentKeys.length === 0) {\n      return [];\n    } // 1. It is necessary to traverse the `keys` instead of `data` here to preserve the order of the array.\n    // 2. The values ​​in `keys` are all string, so the corresponding value of `data` should also be converted to string\n\n\n    return currentKeys.map(function (key) {\n      return (0, _find.default)(data, function (i) {\n        return \"\" + i[valueKey] === key;\n      });\n    });\n  }, [data, focusableQueryKey, keys, target, valueKey]);\n  /**\n   * Get the index of the focus item.\n   */\n\n  var findFocusItemIndex = (0, _react.useCallback)(function (callback) {\n    var items = getFocusableMenuItems();\n\n    for (var i = 0; i < items.length; i += 1) {\n      var _items$i;\n\n      if ((0, _utils.shallowEqual)(focusItemValue, (_items$i = items[i]) === null || _items$i === void 0 ? void 0 : _items$i[valueKey])) {\n        callback(items, i);\n        return;\n      }\n    }\n\n    callback(items, -1);\n  }, [focusItemValue, getFocusableMenuItems, valueKey]);\n  var focusNextMenuItem = (0, _react.useCallback)(function (event) {\n    findFocusItemIndex(function (items, index) {\n      var nextIndex = index + 2 > items.length ? 0 : index + 1;\n      var focusItem = items[nextIndex];\n\n      if (!(0, _isUndefined.default)(focusItem)) {\n        setFocusItemValue(focusItem[valueKey]);\n        callback === null || callback === void 0 ? void 0 : callback(focusItem[valueKey], event);\n      }\n    });\n  }, [callback, findFocusItemIndex, valueKey]);\n  var focusPrevMenuItem = (0, _react.useCallback)(function (event) {\n    findFocusItemIndex(function (items, index) {\n      var nextIndex = index === 0 ? items.length - 1 : index - 1;\n      var focusItem = items[nextIndex];\n\n      if (!(0, _isUndefined.default)(focusItem)) {\n        setFocusItemValue(focusItem[valueKey]);\n        callback === null || callback === void 0 ? void 0 : callback(focusItem[valueKey], event);\n      }\n    });\n  }, [callback, findFocusItemIndex, valueKey]);\n  var getSubMenuKeys = (0, _react.useCallback)(function (nextLayer) {\n    var menu = (0, _isFunction.default)(target) ? target() : target;\n    var subMenu = menu === null || menu === void 0 ? void 0 : menu.querySelector(\"[data-layer=\\\"\" + nextLayer + \"\\\"]\");\n\n    if (subMenu) {\n      var _Array$from2;\n\n      return (_Array$from2 = Array.from(subMenu.querySelectorAll(focusableQueryKey))) === null || _Array$from2 === void 0 ? void 0 : _Array$from2.map(function (item) {\n        var _item$dataset2;\n\n        return item === null || item === void 0 ? void 0 : (_item$dataset2 = item.dataset) === null || _item$dataset2 === void 0 ? void 0 : _item$dataset2.key;\n      });\n    }\n\n    return null;\n  }, [focusableQueryKey, target]);\n  var focusNextLevelMenu = (0, _react.useCallback)(function (event) {\n    var nextLayer = layer + 1;\n    var nextKeys = getSubMenuKeys(nextLayer);\n\n    if (nextKeys) {\n      setKeys(nextKeys);\n      setLayer(nextLayer);\n      setFocusItemValue(nextKeys[0]);\n      callback === null || callback === void 0 ? void 0 : callback(nextKeys[0], event);\n    }\n  }, [callback, getSubMenuKeys, layer]);\n  var focusPrevLevelMenu = (0, _react.useCallback)(function (event) {\n    var nextLayer = layer - 1;\n    var nextKeys = getSubMenuKeys(nextLayer);\n\n    if (nextKeys) {\n      var _focusItem$parent;\n\n      setKeys(nextKeys);\n      setLayer(nextLayer);\n      var focusItem = (0, _treeUtils.findNodeOfTree)(data, function (item) {\n        return item[valueKey] === focusItemValue;\n      });\n      var parentItemValue = focusItem === null || focusItem === void 0 ? void 0 : (_focusItem$parent = focusItem.parent) === null || _focusItem$parent === void 0 ? void 0 : _focusItem$parent[valueKey];\n\n      if (parentItemValue) {\n        setFocusItemValue(parentItemValue);\n        callback === null || callback === void 0 ? void 0 : callback(parentItemValue, event);\n      }\n    }\n  }, [callback, data, focusItemValue, getSubMenuKeys, layer, valueKey]);\n  var handleKeyDown = (0, _react.useCallback)(function (event) {\n    var _onMenuKeyDown;\n\n    onMenuKeyDown(event, (_onMenuKeyDown = {\n      down: focusNextMenuItem,\n      up: focusPrevMenuItem\n    }, _onMenuKeyDown[rtl ? 'left' : 'right'] = focusNextLevelMenu, _onMenuKeyDown[rtl ? 'right' : 'left'] = focusPrevLevelMenu, _onMenuKeyDown));\n  }, [focusNextLevelMenu, focusNextMenuItem, focusPrevLevelMenu, focusPrevMenuItem, rtl]);\n  return {\n    focusItemValue: focusItemValue,\n    setFocusItemValue: setFocusItemValue,\n    layer: layer,\n    setLayer: setLayer,\n    keys: keys,\n    setKeys: setKeys,\n    onKeyDown: handleKeyDown\n  };\n};\n\nexports.useFocusItemValue = useFocusItemValue;\n\n/**\n * A hook to control the toggle keyboard operation\n * @param props\n */\nvar useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {\n  var _props$toggle = props.toggle,\n      toggle = _props$toggle === void 0 ? true : _props$toggle,\n      triggerRef = props.triggerRef,\n      targetRef = props.targetRef,\n      overlayRef = props.overlayRef,\n      searchInputRef = props.searchInputRef,\n      active = props.active,\n      onExit = props.onExit,\n      onOpen = props.onOpen,\n      onClose = props.onClose,\n      onKeyDown = props.onKeyDown,\n      onMenuKeyDown = props.onMenuKeyDown,\n      onMenuPressEnter = props.onMenuPressEnter,\n      onMenuPressBackspace = props.onMenuPressBackspace;\n  var handleClose = (0, _react.useCallback)(function () {\n    var _triggerRef$current, _triggerRef$current$c;\n\n    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$c = _triggerRef$current.close) === null || _triggerRef$current$c === void 0 ? void 0 : _triggerRef$current$c.call(_triggerRef$current);\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n  }, [onClose, triggerRef]);\n  var handleOpen = (0, _react.useCallback)(function () {\n    var _triggerRef$current2, _triggerRef$current2$;\n\n    (_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : (_triggerRef$current2$ = _triggerRef$current2.open) === null || _triggerRef$current2$ === void 0 ? void 0 : _triggerRef$current2$.call(_triggerRef$current2);\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n  }, [onOpen, triggerRef]);\n  var handleToggleDropdown = (0, _react.useCallback)(function () {\n    if (active) {\n      handleClose();\n      return;\n    }\n\n    handleOpen();\n  }, [active, handleOpen, handleClose]);\n  var onToggle = (0, _react.useCallback)(function (event) {\n    if (event.target === (targetRef === null || targetRef === void 0 ? void 0 : targetRef.current)) {\n      // enter\n      if (toggle && event.key === _utils.KEY_VALUES.ENTER) {\n        handleToggleDropdown();\n      } // delete\n\n\n      if (event.key === _utils.KEY_VALUES.BACKSPACE) {\n        onExit === null || onExit === void 0 ? void 0 : onExit(event);\n      }\n    }\n\n    if (event.key === _utils.KEY_VALUES.ESC || event.key === _utils.KEY_VALUES.TAB) {\n      handleClose();\n    } // Native event callback\n\n\n    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);\n\n    if (overlayRef !== null && overlayRef !== void 0 && overlayRef.current) {\n      // The keyboard operation callback on the menu.\n      onMenuKeyDown === null || onMenuKeyDown === void 0 ? void 0 : onMenuKeyDown(event);\n\n      if (event.key === _utils.KEY_VALUES.ENTER) {\n        onMenuPressEnter === null || onMenuPressEnter === void 0 ? void 0 : onMenuPressEnter(event);\n      }\n\n      if (event.key === _utils.KEY_VALUES.BACKSPACE) {\n        onMenuPressBackspace === null || onMenuPressBackspace === void 0 ? void 0 : onMenuPressBackspace(event);\n      } // The search box gets focus when typing characters and numbers.\n\n\n      if (event.key.length === 1 && /\\w/.test(event.key)) {\n        var _searchInputRef$curre;\n\n        searchInputRef === null || searchInputRef === void 0 ? void 0 : (_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 ? void 0 : _searchInputRef$curre.focus();\n      }\n    }\n  }, [handleClose, handleToggleDropdown, overlayRef, onExit, onKeyDown, onMenuKeyDown, onMenuPressBackspace, onMenuPressEnter, toggle, targetRef, searchInputRef]);\n  return onToggle;\n};\n\nexports.useToggleKeyDownEvent = useToggleKeyDownEvent;\n\n/**\n * A hook that handles search filter options\n * @param props\n */\nfunction useSearch(props) {\n  var labelKey = props.labelKey,\n      data = props.data,\n      searchBy = props.searchBy,\n      callback = props.callback; // Use search keywords to filter options.\n\n  var _useState4 = (0, _react.useState)(''),\n      searchKeyword = _useState4[0],\n      setSearchKeyword = _useState4[1];\n  /**\n   * Index of keyword  in `label`\n   * @param {node} label\n   */\n\n\n  var checkShouldDisplay = (0, _react.useCallback)(function (item, keyword) {\n    var label = item === null || item === void 0 ? void 0 : item[labelKey];\n\n    var _keyword = (0, _isUndefined.default)(keyword) ? searchKeyword : keyword;\n\n    if (typeof searchBy === 'function') {\n      return searchBy(_keyword, label, item);\n    }\n\n    return shouldDisplay(label, _keyword);\n  }, [labelKey, searchBy, searchKeyword]);\n  var updateFilteredData = (0, _react.useCallback)(function (nextData) {\n    setFilteredData((0, _treeUtils.filterNodesOfTree)(nextData, function (item) {\n      return checkShouldDisplay(item);\n    }));\n  }, [checkShouldDisplay]);\n\n  var _useState5 = (0, _react.useState)((0, _treeUtils.filterNodesOfTree)(data, function (item) {\n    return checkShouldDisplay(item);\n  })),\n      filteredData = _useState5[0],\n      setFilteredData = _useState5[1];\n\n  var handleSearch = function handleSearch(searchKeyword, event) {\n    var filteredData = (0, _treeUtils.filterNodesOfTree)(data, function (item) {\n      return checkShouldDisplay(item, searchKeyword);\n    });\n    setFilteredData(filteredData);\n    setSearchKeyword(searchKeyword);\n    callback === null || callback === void 0 ? void 0 : callback(searchKeyword, filteredData, event);\n  };\n\n  return {\n    searchKeyword: searchKeyword,\n    filteredData: filteredData,\n    updateFilteredData: updateFilteredData,\n    setSearchKeyword: setSearchKeyword,\n    checkShouldDisplay: checkShouldDisplay,\n    handleSearch: handleSearch\n  };\n}\n\n/**\n * A hook of the exposed method of Picker\n *\n * {\n *   root: Element;\n *   overlay: Element;\n *   target?: Element;\n *   updatePosition:() => void;\n *   open:() => void;\n *   close:() => void;\n * }\n * @param ref\n * @param params\n */\nfunction usePublicMethods(ref, _ref) {\n  var triggerRef = _ref.triggerRef,\n      overlayRef = _ref.overlayRef,\n      targetRef = _ref.targetRef,\n      rootRef = _ref.rootRef;\n  var handleOpen = (0, _react.useCallback)(function () {\n    var _triggerRef$current3;\n\n    (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 ? void 0 : _triggerRef$current3.open();\n  }, [triggerRef]);\n  var handleClose = (0, _react.useCallback)(function () {\n    var _triggerRef$current4;\n\n    (_triggerRef$current4 = triggerRef.current) === null || _triggerRef$current4 === void 0 ? void 0 : _triggerRef$current4.close();\n  }, [triggerRef]);\n  var handleUpdatePosition = (0, _react.useCallback)(function () {\n    var _triggerRef$current5;\n\n    (_triggerRef$current5 = triggerRef.current) === null || _triggerRef$current5 === void 0 ? void 0 : _triggerRef$current5.updatePosition();\n  }, [triggerRef]);\n  (0, _react.useImperativeHandle)(ref, function () {\n    return {\n      get root() {\n        var _triggerRef$current6;\n\n        return rootRef !== null && rootRef !== void 0 && rootRef.current ? rootRef === null || rootRef === void 0 ? void 0 : rootRef.current : (_triggerRef$current6 = triggerRef.current) === null || _triggerRef$current6 === void 0 ? void 0 : _triggerRef$current6.root;\n      },\n\n      get overlay() {\n        return overlayRef.current;\n      },\n\n      get target() {\n        return targetRef === null || targetRef === void 0 ? void 0 : targetRef.current;\n      },\n\n      updatePosition: handleUpdatePosition,\n      open: handleOpen,\n      close: handleClose\n    };\n  });\n}\n\n//# sourceURL=webpack://rsuite/./src/Picker/utils.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;\nexports.createConcatChildrenFunction = createConcatChildrenFunction;\nexports.shouldDisplay = shouldDisplay;\nexports.usePickerClassName = usePickerClassName;\nexports.onMenuKeyDown = onMenuKeyDown;\nexports.useSearch = useSearch;\nexports.usePublicMethods = usePublicMethods;\nexports.useToggleKeyDownEvent = exports.useFocusItemValue = void 0;\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 _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\n\nvar _trim = _interopRequireDefault(__webpack_require__(/*! lodash/trim */ \"./node_modules/lodash/trim.js\"));\n\nvar _isFunction = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _find = _interopRequireDefault(__webpack_require__(/*! lodash/find */ \"./node_modules/lodash/find.js\"));\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar defaultNodeKeys = {\n  valueKey: 'value',\n  childrenKey: 'children'\n};\n\nfunction createConcatChildrenFunction(node, nodeValue, nodeKeys) {\n  if (nodeKeys === void 0) {\n    nodeKeys = defaultNodeKeys;\n  }\n\n  var _nodeKeys = nodeKeys,\n      valueKey = _nodeKeys.valueKey,\n      childrenKey = _nodeKeys.childrenKey;\n  return function (data, children) {\n    if (nodeValue) {\n      node = (0, _treeUtils.findNodeOfTree)(data, function (item) {\n        return nodeValue === item[valueKey];\n      });\n    }\n\n    node[childrenKey] = children;\n    return data.concat([]);\n  };\n}\n\nfunction shouldDisplay(label, searchKeyword) {\n  if (!(0, _trim.default)(searchKeyword)) {\n    return true;\n  }\n\n  var keyword = searchKeyword.toLocaleLowerCase();\n\n  if (typeof label === 'string' || typeof label === 'number') {\n    return (\"\" + label).toLocaleLowerCase().indexOf(keyword) >= 0;\n  } else if ( /*#__PURE__*/_react.default.isValidElement(label)) {\n    var nodes = (0, _utils.reactToString)(label);\n    return nodes.join('').toLocaleLowerCase().indexOf(keyword) >= 0;\n  }\n\n  return false;\n}\n\n/**\n * The className of the assembled Toggle is on the Picker.\n */\nfunction usePickerClassName(props) {\n  var _withClassPrefix;\n\n  var name = props.name,\n      classPrefix = props.classPrefix,\n      className = props.className,\n      placement = props.placement,\n      appearance = props.appearance,\n      cleanable = props.cleanable,\n      block = props.block,\n      disabled = props.disabled,\n      countable = props.countable,\n      readOnly = props.readOnly,\n      plaintext = props.plaintext,\n      hasValue = props.hasValue,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"name\", \"classPrefix\", \"className\", \"placement\", \"appearance\", \"cleanable\", \"block\", \"disabled\", \"countable\", \"readOnly\", \"plaintext\", \"hasValue\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix(name, appearance, 'toggle-wrapper', (_withClassPrefix = {}, _withClassPrefix[\"placement-\" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = placement, _withClassPrefix['read-only'] = readOnly, _withClassPrefix['has-value'] = hasValue, _withClassPrefix.cleanable = hasValue && cleanable, _withClassPrefix.block = block, _withClassPrefix.disabled = disabled, _withClassPrefix.countable = countable, _withClassPrefix.plaintext = plaintext, _withClassPrefix)));\n  var usedClassNamePropKeys = Object.keys((0, _omit.default)(props, [].concat(Object.keys(rest || {}), ['disabled', 'readOnly', 'plaintext'])));\n  return [classes, usedClassNamePropKeys];\n}\n\n/**\n * Handling keyboard events...\n * @param event Keyboard event object\n * @param events Event callback functions\n */\nfunction onMenuKeyDown(event, events) {\n  var down = events.down,\n      up = events.up,\n      enter = events.enter,\n      del = events.del,\n      esc = events.esc,\n      right = events.right,\n      left = events.left;\n\n  switch (event.key) {\n    // down\n    case _utils.KEY_VALUES.DOWN:\n      down === null || down === void 0 ? void 0 : down(event);\n      event.preventDefault();\n      break;\n    // up\n\n    case _utils.KEY_VALUES.UP:\n      up === null || up === void 0 ? void 0 : up(event);\n      event.preventDefault();\n      break;\n    // enter\n\n    case _utils.KEY_VALUES.ENTER:\n      enter === null || enter === void 0 ? void 0 : enter(event);\n      event.preventDefault();\n      break;\n    // delete\n\n    case _utils.KEY_VALUES.BACKSPACE:\n      del === null || del === void 0 ? void 0 : del(event);\n      break;\n    // esc | tab\n\n    case _utils.KEY_VALUES.ESC:\n    case _utils.KEY_VALUES.TAB:\n      esc === null || esc === void 0 ? void 0 : esc(event);\n      break;\n    // left arrow\n\n    case _utils.KEY_VALUES.LEFT:\n      left === null || left === void 0 ? void 0 : left(event);\n      break;\n    // right arrow\n\n    case _utils.KEY_VALUES.RIGHT:\n      right === null || right === void 0 ? void 0 : right(event);\n      break;\n\n    default:\n  }\n}\n\n/**\n * A hook that manages the focus state of the option.\n * @param defaultFocusItemValue\n * @param props\n */\nvar useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props) {\n  var _props$valueKey = props.valueKey,\n      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n      _props$focusableQuery = props.focusableQueryKey,\n      focusableQueryKey = _props$focusableQuery === void 0 ? '[data-key][aria-disabled=\"false\"]' : _props$focusableQuery,\n      _props$defaultLayer = props.defaultLayer,\n      defaultLayer = _props$defaultLayer === void 0 ? 0 : _props$defaultLayer,\n      data = props.data,\n      target = props.target,\n      rtl = props.rtl,\n      callback = props.callback;\n\n  var _useState = (0, _react.useState)(defaultFocusItemValue),\n      focusItemValue = _useState[0],\n      setFocusItemValue = _useState[1];\n\n  var _useState2 = (0, _react.useState)(defaultLayer),\n      layer = _useState2[0],\n      setLayer = _useState2[1];\n\n  var _useState3 = (0, _react.useState)([]),\n      keys = _useState3[0],\n      setKeys = _useState3[1];\n  /**\n   * Get the elements visible in all options.\n   */\n\n\n  var getFocusableMenuItems = (0, _react.useCallback)(function () {\n    if (!target) {\n      return [];\n    }\n\n    var menu = (0, _isFunction.default)(target) ? target() : target;\n    var currentKeys = keys;\n\n    if (currentKeys.length === 0) {\n      var _Array$from;\n\n      currentKeys = (_Array$from = Array.from(menu === null || menu === void 0 ? void 0 : menu.querySelectorAll(focusableQueryKey))) === null || _Array$from === void 0 ? void 0 : _Array$from.map(function (item) {\n        var _item$dataset;\n\n        return item === null || item === void 0 ? void 0 : (_item$dataset = item.dataset) === null || _item$dataset === void 0 ? void 0 : _item$dataset.key;\n      });\n      setKeys(currentKeys);\n    }\n\n    if (currentKeys.length === 0) {\n      return [];\n    } // 1. It is necessary to traverse the `keys` instead of `data` here to preserve the order of the array.\n    // 2. The values ​​in `keys` are all string, so the corresponding value of `data` should also be converted to string\n\n\n    return currentKeys.map(function (key) {\n      return (0, _find.default)(data, function (i) {\n        return \"\" + i[valueKey] === key;\n      });\n    });\n  }, [data, focusableQueryKey, keys, target, valueKey]);\n  /**\n   * Get the index of the focus item.\n   */\n\n  var findFocusItemIndex = (0, _react.useCallback)(function (callback) {\n    var items = getFocusableMenuItems();\n\n    for (var i = 0; i < items.length; i += 1) {\n      var _items$i;\n\n      if ((0, _utils.shallowEqual)(focusItemValue, (_items$i = items[i]) === null || _items$i === void 0 ? void 0 : _items$i[valueKey])) {\n        callback(items, i);\n        return;\n      }\n    }\n\n    callback(items, -1);\n  }, [focusItemValue, getFocusableMenuItems, valueKey]);\n  var focusNextMenuItem = (0, _react.useCallback)(function (event) {\n    findFocusItemIndex(function (items, index) {\n      var nextIndex = index + 2 > items.length ? 0 : index + 1;\n      var focusItem = items[nextIndex];\n\n      if (!(0, _isUndefined.default)(focusItem)) {\n        setFocusItemValue(focusItem[valueKey]);\n        callback === null || callback === void 0 ? void 0 : callback(focusItem[valueKey], event);\n      }\n    });\n  }, [callback, findFocusItemIndex, valueKey]);\n  var focusPrevMenuItem = (0, _react.useCallback)(function (event) {\n    findFocusItemIndex(function (items, index) {\n      var nextIndex = index === 0 ? items.length - 1 : index - 1;\n      var focusItem = items[nextIndex];\n\n      if (!(0, _isUndefined.default)(focusItem)) {\n        setFocusItemValue(focusItem[valueKey]);\n        callback === null || callback === void 0 ? void 0 : callback(focusItem[valueKey], event);\n      }\n    });\n  }, [callback, findFocusItemIndex, valueKey]);\n  var getSubMenuKeys = (0, _react.useCallback)(function (nextLayer) {\n    var menu = (0, _isFunction.default)(target) ? target() : target;\n    var subMenu = menu === null || menu === void 0 ? void 0 : menu.querySelector(\"[data-layer=\\\"\" + nextLayer + \"\\\"]\");\n\n    if (subMenu) {\n      var _Array$from2;\n\n      return (_Array$from2 = Array.from(subMenu.querySelectorAll(focusableQueryKey))) === null || _Array$from2 === void 0 ? void 0 : _Array$from2.map(function (item) {\n        var _item$dataset2;\n\n        return item === null || item === void 0 ? void 0 : (_item$dataset2 = item.dataset) === null || _item$dataset2 === void 0 ? void 0 : _item$dataset2.key;\n      });\n    }\n\n    return null;\n  }, [focusableQueryKey, target]);\n  var focusNextLevelMenu = (0, _react.useCallback)(function (event) {\n    var nextLayer = layer + 1;\n    var nextKeys = getSubMenuKeys(nextLayer);\n\n    if (nextKeys) {\n      setKeys(nextKeys);\n      setLayer(nextLayer);\n      setFocusItemValue(nextKeys[0]);\n      callback === null || callback === void 0 ? void 0 : callback(nextKeys[0], event);\n    }\n  }, [callback, getSubMenuKeys, layer]);\n  var focusPrevLevelMenu = (0, _react.useCallback)(function (event) {\n    var nextLayer = layer - 1;\n    var nextKeys = getSubMenuKeys(nextLayer);\n\n    if (nextKeys) {\n      var _focusItem$parent;\n\n      setKeys(nextKeys);\n      setLayer(nextLayer);\n      var focusItem = (0, _treeUtils.findNodeOfTree)(data, function (item) {\n        return item[valueKey] === focusItemValue;\n      });\n      var parentItemValue = focusItem === null || focusItem === void 0 ? void 0 : (_focusItem$parent = focusItem.parent) === null || _focusItem$parent === void 0 ? void 0 : _focusItem$parent[valueKey];\n\n      if (parentItemValue) {\n        setFocusItemValue(parentItemValue);\n        callback === null || callback === void 0 ? void 0 : callback(parentItemValue, event);\n      }\n    }\n  }, [callback, data, focusItemValue, getSubMenuKeys, layer, valueKey]);\n  var handleKeyDown = (0, _react.useCallback)(function (event) {\n    var _onMenuKeyDown;\n\n    onMenuKeyDown(event, (_onMenuKeyDown = {\n      down: focusNextMenuItem,\n      up: focusPrevMenuItem\n    }, _onMenuKeyDown[rtl ? 'left' : 'right'] = focusNextLevelMenu, _onMenuKeyDown[rtl ? 'right' : 'left'] = focusPrevLevelMenu, _onMenuKeyDown));\n  }, [focusNextLevelMenu, focusNextMenuItem, focusPrevLevelMenu, focusPrevMenuItem, rtl]);\n  return {\n    focusItemValue: focusItemValue,\n    setFocusItemValue: setFocusItemValue,\n    layer: layer,\n    setLayer: setLayer,\n    keys: keys,\n    setKeys: setKeys,\n    onKeyDown: handleKeyDown\n  };\n};\n\nexports.useFocusItemValue = useFocusItemValue;\n\n/**\n * A hook to control the toggle keyboard operation\n * @param props\n */\nvar useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {\n  var _props$toggle = props.toggle,\n      toggle = _props$toggle === void 0 ? true : _props$toggle,\n      triggerRef = props.triggerRef,\n      targetRef = props.targetRef,\n      overlayRef = props.overlayRef,\n      searchInputRef = props.searchInputRef,\n      active = props.active,\n      onExit = props.onExit,\n      onOpen = props.onOpen,\n      onClose = props.onClose,\n      onKeyDown = props.onKeyDown,\n      onMenuKeyDown = props.onMenuKeyDown,\n      onMenuPressEnter = props.onMenuPressEnter,\n      onMenuPressBackspace = props.onMenuPressBackspace;\n  var handleClose = (0, _react.useCallback)(function () {\n    var _triggerRef$current, _triggerRef$current$c;\n\n    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$c = _triggerRef$current.close) === null || _triggerRef$current$c === void 0 ? void 0 : _triggerRef$current$c.call(_triggerRef$current);\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n  }, [onClose, triggerRef]);\n  var handleOpen = (0, _react.useCallback)(function () {\n    var _triggerRef$current2, _triggerRef$current2$;\n\n    (_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : (_triggerRef$current2$ = _triggerRef$current2.open) === null || _triggerRef$current2$ === void 0 ? void 0 : _triggerRef$current2$.call(_triggerRef$current2);\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n  }, [onOpen, triggerRef]);\n  var handleToggleDropdown = (0, _react.useCallback)(function () {\n    if (active) {\n      handleClose();\n      return;\n    }\n\n    handleOpen();\n  }, [active, handleOpen, handleClose]);\n  var onToggle = (0, _react.useCallback)(function (event) {\n    if (event.target === (targetRef === null || targetRef === void 0 ? void 0 : targetRef.current)) {\n      // enter\n      if (toggle && event.key === _utils.KEY_VALUES.ENTER) {\n        handleToggleDropdown();\n      } // delete\n\n\n      if (event.key === _utils.KEY_VALUES.BACKSPACE) {\n        onExit === null || onExit === void 0 ? void 0 : onExit(event);\n      }\n    }\n\n    if (event.key === _utils.KEY_VALUES.ESC || event.key === _utils.KEY_VALUES.TAB) {\n      handleClose();\n    } // Native event callback\n\n\n    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);\n\n    if (overlayRef !== null && overlayRef !== void 0 && overlayRef.current) {\n      // The keyboard operation callback on the menu.\n      onMenuKeyDown === null || onMenuKeyDown === void 0 ? void 0 : onMenuKeyDown(event);\n\n      if (event.key === _utils.KEY_VALUES.ENTER) {\n        onMenuPressEnter === null || onMenuPressEnter === void 0 ? void 0 : onMenuPressEnter(event);\n      }\n\n      if (event.key === _utils.KEY_VALUES.BACKSPACE) {\n        onMenuPressBackspace === null || onMenuPressBackspace === void 0 ? void 0 : onMenuPressBackspace(event);\n      } // The search box gets focus when typing characters and numbers.\n\n\n      if (event.key.length === 1 && /\\w/.test(event.key)) {\n        var _searchInputRef$curre;\n\n        searchInputRef === null || searchInputRef === void 0 ? void 0 : (_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 ? void 0 : _searchInputRef$curre.focus();\n      }\n    }\n  }, [handleClose, handleToggleDropdown, overlayRef, onExit, onKeyDown, onMenuKeyDown, onMenuPressBackspace, onMenuPressEnter, toggle, targetRef, searchInputRef]);\n  return onToggle;\n};\n\nexports.useToggleKeyDownEvent = useToggleKeyDownEvent;\n\n/**\n * A hook that handles search filter options\n * @param props\n */\nfunction useSearch(props) {\n  var labelKey = props.labelKey,\n      data = props.data,\n      searchBy = props.searchBy,\n      callback = props.callback; // Use search keywords to filter options.\n\n  var _useState4 = (0, _react.useState)(''),\n      searchKeyword = _useState4[0],\n      setSearchKeyword = _useState4[1];\n  /**\n   * Index of keyword  in `label`\n   * @param {node} label\n   */\n\n\n  var checkShouldDisplay = (0, _react.useCallback)(function (item, keyword) {\n    var label = item === null || item === void 0 ? void 0 : item[labelKey];\n\n    var _keyword = (0, _isUndefined.default)(keyword) ? searchKeyword : keyword;\n\n    if (typeof searchBy === 'function') {\n      return searchBy(_keyword, label, item);\n    }\n\n    return shouldDisplay(label, _keyword);\n  }, [labelKey, searchBy, searchKeyword]);\n  var updateFilteredData = (0, _react.useCallback)(function (nextData) {\n    setFilteredData((0, _treeUtils.filterNodesOfTree)(nextData, function (item) {\n      return checkShouldDisplay(item);\n    }));\n  }, [checkShouldDisplay]);\n\n  var _useState5 = (0, _react.useState)((0, _treeUtils.filterNodesOfTree)(data, function (item) {\n    return checkShouldDisplay(item);\n  })),\n      filteredData = _useState5[0],\n      setFilteredData = _useState5[1];\n\n  var handleSearch = function handleSearch(searchKeyword, event) {\n    var filteredData = (0, _treeUtils.filterNodesOfTree)(data, function (item) {\n      return checkShouldDisplay(item, searchKeyword);\n    });\n    setFilteredData(filteredData);\n    setSearchKeyword(searchKeyword);\n    callback === null || callback === void 0 ? void 0 : callback(searchKeyword, filteredData, event);\n  };\n\n  return {\n    searchKeyword: searchKeyword,\n    filteredData: filteredData,\n    updateFilteredData: updateFilteredData,\n    setSearchKeyword: setSearchKeyword,\n    checkShouldDisplay: checkShouldDisplay,\n    handleSearch: handleSearch\n  };\n}\n\n/**\n * A hook of the exposed method of Picker\n *\n * {\n *   root: Element;\n *   overlay: Element;\n *   target?: Element;\n *   updatePosition:() => void;\n *   open:() => void;\n *   close:() => void;\n * }\n * @param ref\n * @param params\n */\nfunction usePublicMethods(ref, _ref, disabled) {\n  var triggerRef = _ref.triggerRef,\n      overlayRef = _ref.overlayRef,\n      targetRef = _ref.targetRef,\n      rootRef = _ref.rootRef;\n  var handleOpen = (0, _react.useCallback)(function () {\n    var _triggerRef$current3;\n\n    (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 ? void 0 : _triggerRef$current3.open();\n  }, [triggerRef]);\n  var handleClose = (0, _react.useCallback)(function () {\n    var _triggerRef$current4;\n\n    (_triggerRef$current4 = triggerRef.current) === null || _triggerRef$current4 === void 0 ? void 0 : _triggerRef$current4.close();\n  }, [triggerRef]);\n  var handleUpdatePosition = (0, _react.useCallback)(function () {\n    var _triggerRef$current5;\n\n    (_triggerRef$current5 = triggerRef.current) === null || _triggerRef$current5 === void 0 ? void 0 : _triggerRef$current5.updatePosition();\n  }, [triggerRef]);\n\n  if (!disabled) {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    (0, _react.useImperativeHandle)(ref, function () {\n      return {\n        get root() {\n          var _triggerRef$current6;\n\n          return rootRef !== null && rootRef !== void 0 && rootRef.current ? rootRef === null || rootRef === void 0 ? void 0 : rootRef.current : (_triggerRef$current6 = triggerRef.current) === null || _triggerRef$current6 === void 0 ? void 0 : _triggerRef$current6.root;\n        },\n\n        get overlay() {\n          return overlayRef.current;\n        },\n\n        get target() {\n          return targetRef === null || targetRef === void 0 ? void 0 : targetRef.current;\n        },\n\n        updatePosition: handleUpdatePosition,\n        open: handleOpen,\n        close: handleClose\n      };\n    });\n  }\n}\n\n//# sourceURL=webpack://rsuite/./src/Picker/utils.ts?");
 
 /***/ }),
 
@@ -3354,7 +3541,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Progress/ProgressCircle.tsx\",\n    _this = void 0;\n\nvar defaultProps = {\n  as: 'div',\n  classPrefix: 'progress',\n  percent: 0,\n  strokeWidth: 6,\n  trailWidth: 6,\n  gapDegree: 0,\n  showInfo: true,\n  strokeLinecap: 'round',\n  gapPosition: 'top'\n};\n\nvar ProgressCircle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _withClassPrefix;\n\n  var Component = props.as,\n      strokeWidth = props.strokeWidth,\n      trailWidth = props.trailWidth,\n      percent = props.percent,\n      strokeLinecap = props.strokeLinecap,\n      className = props.className,\n      showInfo = props.showInfo,\n      status = props.status,\n      classPrefix = props.classPrefix,\n      style = props.style,\n      gapDegree = props.gapDegree,\n      gapPosition = props.gapPosition,\n      trailColor = props.trailColor,\n      strokeColor = props.strokeColor,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"strokeWidth\", \"trailWidth\", \"percent\", \"strokeLinecap\", \"className\", \"showInfo\", \"status\", \"classPrefix\", \"style\", \"gapDegree\", \"gapPosition\", \"trailColor\", \"strokeColor\"]);\n  var getPathStyles = (0, _react.useCallback)(function () {\n    var radius = 50 - strokeWidth / 2;\n    var beginPositionX = 0;\n    var beginPositionY = -radius;\n    var endPositionX = 0;\n    var endPositionY = -2 * radius;\n\n    switch (gapPosition) {\n      case 'left':\n        beginPositionX = -radius;\n        beginPositionY = 0;\n        endPositionX = 2 * radius;\n        endPositionY = 0;\n        break;\n\n      case 'right':\n        beginPositionX = radius;\n        beginPositionY = 0;\n        endPositionX = -2 * radius;\n        endPositionY = 0;\n        break;\n\n      case 'bottom':\n        beginPositionY = radius;\n        endPositionY = 2 * radius;\n        break;\n\n      default:\n    }\n\n    var pathString = \"M 50,50 m \" + beginPositionX + \",\" + beginPositionY + \"\\n       a \" + radius + \",\" + radius + \" 0 1 1 \" + endPositionX + \",\" + -endPositionY + \"\\n       a \" + radius + \",\" + radius + \" 0 1 1 \" + -endPositionX + \",\" + endPositionY;\n    var len = Math.PI * 2 * radius;\n    var trailPathStyle = {\n      stroke: trailColor,\n      strokeDasharray: len - gapDegree + \"px \" + len + \"px\",\n      strokeDashoffset: \"-\" + gapDegree / 2 + \"px\"\n    };\n    var strokePathStyle = {\n      stroke: strokeColor,\n      strokeDasharray: percent / 100 * (len - gapDegree) + \"px \" + len + \"px\",\n      strokeDashoffset: \"-\" + gapDegree / 2 + \"px\"\n    };\n    return {\n      pathString: pathString,\n      trailPathStyle: trailPathStyle,\n      strokePathStyle: strokePathStyle\n    };\n  }, [gapDegree, gapPosition, percent, strokeColor, strokeWidth, trailColor]);\n\n  var _getPathStyles = getPathStyles(),\n      pathString = _getPathStyles.pathString,\n      trailPathStyle = _getPathStyles.trailPathStyle,\n      strokePathStyle = _getPathStyles.strokePathStyle;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var classes = merge(className, withClassPrefix('circle', (_withClassPrefix = {}, _withClassPrefix[\"circle-\" + (status || '')] = !!status, _withClassPrefix)));\n  var showIcon = status && status !== 'active';\n  var info = showIcon ? /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(\"icon-\" + (status || '')),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 132,\n      columnNumber: 7\n    }\n  }, _utils.PROGRESS_STATUS_ICON[status]) : /*#__PURE__*/_react.default.createElement(\"span\", {\n    key: 1,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 134,\n      columnNumber: 7\n    }\n  }, percent, \"%\");\n  return /*#__PURE__*/_react.default.createElement(Component, {\n    role: \"progressbar\",\n    \"aria-valuemin\": \"0\",\n    \"aria-valuemax\": \"100\",\n    \"aria-valuenow\": percent,\n    ref: ref,\n    className: classes,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 138,\n      columnNumber: 7\n    }\n  }, showInfo ? /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('circle-info'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 147,\n      columnNumber: 21\n    }\n  }, info) : null, /*#__PURE__*/_react.default.createElement(\"svg\", (0, _extends2.default)({\n    className: prefix('svg'),\n    viewBox: \"0 0 100 100\"\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 149,\n      columnNumber: 9\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"path\", {\n    className: prefix('trail'),\n    d: pathString,\n    strokeWidth: trailWidth || strokeWidth,\n    fillOpacity: \"0\",\n    style: trailPathStyle,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 150,\n      columnNumber: 11\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"path\", {\n    d: pathString,\n    strokeLinecap: strokeLinecap,\n    className: prefix('stroke'),\n    strokeWidth: percent === 0 ? 0 : strokeWidth,\n    fillOpacity: \"0\",\n    style: strokePathStyle,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 157,\n      columnNumber: 11\n    }\n  })));\n});\n\nProgressCircle.displayName = 'ProgressCircle';\nProgressCircle.defaultProps = defaultProps;\nProgressCircle.propTypes = {\n  className: _propTypes.default.string,\n  strokeColor: _propTypes.default.string,\n  strokeLinecap: _propTypes.default.oneOf(['butt', 'round', 'square']),\n  trailColor: _propTypes.default.string,\n  percent: _propTypes.default.number,\n  strokeWidth: _propTypes.default.number,\n  trailWidth: _propTypes.default.number,\n  gapDegree: _propTypes.default.number,\n  gapPosition: _propTypes.default.oneOf(['top', 'bottom', 'left', 'right']),\n  showInfo: _propTypes.default.bool,\n  status: _propTypes.default.oneOf(['success', 'fail', 'active']),\n  classPrefix: _propTypes.default.string\n};\nvar _default = ProgressCircle;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Progress/ProgressCircle.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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Progress/ProgressCircle.tsx\",\n    _this = void 0;\n\nvar defaultProps = {\n  as: 'div',\n  classPrefix: 'progress',\n  percent: 0,\n  strokeWidth: 6,\n  trailWidth: 6,\n  gapDegree: 0,\n  showInfo: true,\n  strokeLinecap: 'round',\n  gapPosition: 'top'\n};\n\nvar ProgressCircle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _withClassPrefix;\n\n  var Component = props.as,\n      strokeWidth = props.strokeWidth,\n      trailWidth = props.trailWidth,\n      percent = props.percent,\n      strokeLinecap = props.strokeLinecap,\n      className = props.className,\n      showInfo = props.showInfo,\n      status = props.status,\n      classPrefix = props.classPrefix,\n      style = props.style,\n      gapDegree = props.gapDegree,\n      gapPosition = props.gapPosition,\n      trailColor = props.trailColor,\n      strokeColor = props.strokeColor,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"strokeWidth\", \"trailWidth\", \"percent\", \"strokeLinecap\", \"className\", \"showInfo\", \"status\", \"classPrefix\", \"style\", \"gapDegree\", \"gapPosition\", \"trailColor\", \"strokeColor\"]);\n  var getPathStyles = (0, _react.useCallback)(function () {\n    var radius = 50 - strokeWidth / 2;\n    var x1 = 0;\n    var y1 = -radius;\n    var x2 = 0;\n    var y2 = -2 * radius;\n\n    switch (gapPosition) {\n      case 'left':\n        x1 = -radius;\n        y1 = 0;\n        x2 = 2 * radius;\n        y2 = 0;\n        break;\n\n      case 'right':\n        x1 = radius;\n        y1 = 0;\n        x2 = -2 * radius;\n        y2 = 0;\n        break;\n\n      case 'bottom':\n        y1 = radius;\n        y2 = 2 * radius;\n        break;\n\n      default:\n    }\n\n    var pathString = \"M 50,50 m \" + x1 + \",\" + y1 + \" a \" + radius + \",\" + radius + \" 0 1 1 \" + x2 + \",\" + -y2 + \" a \" + radius + \",\" + radius + \" 0 1 1 \" + -x2 + \",\" + y2;\n    var len = Math.PI * 2 * radius;\n    var trailPathStyle = {\n      stroke: trailColor,\n      strokeDasharray: len - gapDegree + \"px \" + len + \"px\",\n      strokeDashoffset: \"-\" + gapDegree / 2 + \"px\"\n    };\n    var strokePathStyle = {\n      stroke: strokeColor,\n      strokeDasharray: percent / 100 * (len - gapDegree) + \"px \" + len + \"px\",\n      strokeDashoffset: \"-\" + gapDegree / 2 + \"px\"\n    };\n    return {\n      pathString: pathString,\n      trailPathStyle: trailPathStyle,\n      strokePathStyle: strokePathStyle\n    };\n  }, [gapDegree, gapPosition, percent, strokeColor, strokeWidth, trailColor]);\n\n  var _getPathStyles = getPathStyles(),\n      pathString = _getPathStyles.pathString,\n      trailPathStyle = _getPathStyles.trailPathStyle,\n      strokePathStyle = _getPathStyles.strokePathStyle;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var classes = merge(className, withClassPrefix('circle', (_withClassPrefix = {}, _withClassPrefix[\"circle-\" + (status || '')] = !!status, _withClassPrefix)));\n  var showIcon = status && status !== 'active';\n  var info = showIcon ? /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(\"icon-\" + (status || '')),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 130,\n      columnNumber: 7\n    }\n  }, _utils.PROGRESS_STATUS_ICON[status]) : /*#__PURE__*/_react.default.createElement(\"span\", {\n    key: 1,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 132,\n      columnNumber: 7\n    }\n  }, percent, \"%\");\n  return /*#__PURE__*/_react.default.createElement(Component, {\n    role: \"progressbar\",\n    \"aria-valuemin\": \"0\",\n    \"aria-valuemax\": \"100\",\n    \"aria-valuenow\": percent,\n    ref: ref,\n    className: classes,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 136,\n      columnNumber: 7\n    }\n  }, showInfo ? /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('circle-info'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 145,\n      columnNumber: 21\n    }\n  }, info) : null, /*#__PURE__*/_react.default.createElement(\"svg\", (0, _extends2.default)({\n    className: prefix('svg'),\n    viewBox: \"0 0 100 100\"\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 147,\n      columnNumber: 9\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"path\", {\n    className: prefix('trail'),\n    d: pathString,\n    strokeWidth: trailWidth || strokeWidth,\n    fillOpacity: \"0\",\n    style: trailPathStyle,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 148,\n      columnNumber: 11\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"path\", {\n    d: pathString,\n    strokeLinecap: strokeLinecap,\n    className: prefix('stroke'),\n    strokeWidth: percent === 0 ? 0 : strokeWidth,\n    fillOpacity: \"0\",\n    style: strokePathStyle,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 155,\n      columnNumber: 11\n    }\n  })));\n});\n\nProgressCircle.displayName = 'ProgressCircle';\nProgressCircle.defaultProps = defaultProps;\nProgressCircle.propTypes = {\n  className: _propTypes.default.string,\n  strokeColor: _propTypes.default.string,\n  strokeLinecap: _propTypes.default.oneOf(['butt', 'round', 'square']),\n  trailColor: _propTypes.default.string,\n  percent: _propTypes.default.number,\n  strokeWidth: _propTypes.default.number,\n  trailWidth: _propTypes.default.number,\n  gapDegree: _propTypes.default.number,\n  gapPosition: _propTypes.default.oneOf(['top', 'bottom', 'left', 'right']),\n  showInfo: _propTypes.default.bool,\n  status: _propTypes.default.oneOf(['success', 'fail', 'active']),\n  classPrefix: _propTypes.default.string\n};\nvar _default = ProgressCircle;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Progress/ProgressCircle.tsx?");
 
 /***/ }),
 
@@ -3585,7 +3772,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\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 _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _isFunction = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/SelectPicker/SelectPicker.tsx\",\n    _this = void 0,\n    _templateObject;\n\nvar defaultProps = {\n  as: 'div',\n  appearance: 'default',\n  classPrefix: 'picker',\n  searchable: true,\n  cleanable: true,\n  data: [],\n  disabledItemValues: [],\n  valueKey: 'value',\n  labelKey: 'label',\n  placement: 'bottomStart',\n  menuAutoWidth: true,\n  menuMaxHeight: 320\n};\n\nvar SelectPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var Component = props.as,\n      data = props.data,\n      valueKey = props.valueKey,\n      labelKey = props.labelKey,\n      valueProp = props.value,\n      classPrefix = props.classPrefix,\n      placeholder = props.placeholder,\n      defaultValue = props.defaultValue,\n      disabled = props.disabled,\n      cleanable = props.cleanable,\n      placement = props.placement,\n      menuClassName = props.menuClassName,\n      menuAutoWidth = props.menuAutoWidth,\n      menuMaxHeight = props.menuMaxHeight,\n      menuStyle = props.menuStyle,\n      groupBy = props.groupBy,\n      overrideLocale = props.locale,\n      toggleAs = props.toggleAs,\n      style = props.style,\n      searchable = props.searchable,\n      disabledItemValues = props.disabledItemValues,\n      virtualized = props.virtualized,\n      listProps = props.listProps,\n      id = props.id,\n      onGroupTitleClick = props.onGroupTitleClick,\n      searchBy = props.searchBy,\n      onEntered = props.onEntered,\n      onExited = props.onExited,\n      onClean = props.onClean,\n      onChange = props.onChange,\n      onSelect = props.onSelect,\n      onSearch = props.onSearch,\n      onClose = props.onClose,\n      onOpen = props.onOpen,\n      sort = props.sort,\n      renderValue = props.renderValue,\n      renderMenu = props.renderMenu,\n      renderMenuGroup = props.renderMenuGroup,\n      renderMenuItem = props.renderMenuItem,\n      renderExtraFooter = props.renderExtraFooter,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"data\", \"valueKey\", \"labelKey\", \"value\", \"classPrefix\", \"placeholder\", \"defaultValue\", \"disabled\", \"cleanable\", \"placement\", \"menuClassName\", \"menuAutoWidth\", \"menuMaxHeight\", \"menuStyle\", \"groupBy\", \"locale\", \"toggleAs\", \"style\", \"searchable\", \"disabledItemValues\", \"virtualized\", \"listProps\", \"id\", \"onGroupTitleClick\", \"searchBy\", \"onEntered\", \"onExited\", \"onClean\", \"onChange\", \"onSelect\", \"onSearch\", \"onClose\", \"onOpen\", \"sort\", \"renderValue\", \"renderMenu\", \"renderMenuGroup\", \"renderMenuItem\", \"renderExtraFooter\"]);\n  var triggerRef = (0, _react.useRef)();\n  var targetRef = (0, _react.useRef)();\n  var overlayRef = (0, _react.useRef)();\n  var searchInputRef = (0, _react.useRef)();\n\n  var _useCustom = (0, _utils.useCustom)('Picker', overrideLocale),\n      locale = _useCustom.locale;\n\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n      value = _useControlled[0],\n      setValue = _useControlled[1]; // Used to hover the focus item  when trigger `onKeydown`\n\n\n  var _useFocusItemValue = (0, _Picker.useFocusItemValue)(value, {\n    data: data,\n    valueKey: valueKey,\n    target: function target() {\n      return overlayRef.current;\n    }\n  }),\n      focusItemValue = _useFocusItemValue.focusItemValue,\n      setFocusItemValue = _useFocusItemValue.setFocusItemValue,\n      onFocusItem = _useFocusItemValue.onKeyDown; // Use search keywords to filter options.\n\n\n  var _useSearch = (0, _Picker.useSearch)({\n    labelKey: labelKey,\n    data: data,\n    searchBy: searchBy,\n    callback: function callback(searchKeyword, filteredData, event) {\n      var _filteredData$;\n\n      // The first option after filtering is the focus.\n      setFocusItemValue(filteredData === null || filteredData === void 0 ? void 0 : (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey]);\n      onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);\n    }\n  }),\n      searchKeyword = _useSearch.searchKeyword,\n      filteredData = _useSearch.filteredData,\n      updateFilteredData = _useSearch.updateFilteredData,\n      setSearchKeyword = _useSearch.setSearchKeyword,\n      handleSearch = _useSearch.handleSearch;\n\n  (0, _react.useEffect)(function () {\n    updateFilteredData(data);\n  }, [data, updateFilteredData]); // Use component active state to support keyboard events.\n\n  var _useState = (0, _react.useState)(false),\n      active = _useState[0],\n      setActive = _useState[1];\n\n  var handleClose = (0, _react.useCallback)(function () {\n    var _triggerRef$current, _triggerRef$current$c;\n\n    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$c = _triggerRef$current.close) === null || _triggerRef$current$c === void 0 ? void 0 : _triggerRef$current$c.call(_triggerRef$current);\n  }, []);\n  var handleSelect = (0, _react.useCallback)(function (value, item, event) {\n    var _targetRef$current;\n\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, item, event);\n    (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.focus();\n  }, [onSelect]);\n  var handleChangeValue = (0, _react.useCallback)(function (value, event) {\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n  }, [onChange]);\n  var handleMenuPressEnter = (0, _react.useCallback)(function (event) {\n    if (!focusItemValue) {\n      return;\n    } // Find active `MenuItem` by `value`\n\n\n    var focusItem = data.find(function (item) {\n      return (0, _utils.shallowEqual)(item[valueKey], focusItemValue);\n    });\n    setValue(focusItemValue);\n    handleSelect(focusItemValue, focusItem, event);\n    handleChangeValue(focusItemValue, event);\n    handleClose();\n  }, [data, focusItemValue, handleChangeValue, handleClose, handleSelect, setValue, valueKey]);\n  var handleItemSelect = (0, _react.useCallback)(function (value, item, event) {\n    setValue(value);\n    setFocusItemValue(value);\n    handleSelect(value, item, event);\n    handleChangeValue(value, event);\n    handleClose();\n  }, [setValue, setFocusItemValue, handleSelect, handleChangeValue, handleClose]);\n  var handleClean = (0, _react.useCallback)(function (event) {\n    if (disabled || !cleanable) {\n      return;\n    }\n\n    setValue(null);\n    setFocusItemValue(value);\n    handleChangeValue(null, event);\n  }, [value, disabled, cleanable, setValue, handleChangeValue, setFocusItemValue]);\n  var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({\n    toggle: !focusItemValue || !active,\n    triggerRef: triggerRef,\n    targetRef: targetRef,\n    overlayRef: overlayRef,\n    searchInputRef: searchInputRef,\n    active: active,\n    onExit: handleClean,\n    onMenuKeyDown: onFocusItem,\n    onMenuPressEnter: handleMenuPressEnter,\n    onClose: function onClose() {\n      setFocusItemValue(null);\n    }\n  }, rest));\n  var handleExited = (0, _react.useCallback)(function () {\n    setSearchKeyword('');\n    setActive(false);\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n  }, [onClose, setSearchKeyword]);\n  var handleEntered = (0, _react.useCallback)(function () {\n    setActive(true);\n    setFocusItemValue(value);\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n  }, [onOpen, setFocusItemValue, value]);\n  (0, _Picker.usePublicMethods)(ref, {\n    triggerRef: triggerRef,\n    overlayRef: overlayRef,\n    targetRef: targetRef\n  }); // Find active `MenuItem` by `value`\n\n  var activeItem = data.find(function (item) {\n    return (0, _utils.shallowEqual)(item[valueKey], value);\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 = !!activeItem || !(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge;\n\n  var selectedElement = placeholder;\n\n  if (activeItem !== null && activeItem !== void 0 && activeItem[labelKey]) {\n    selectedElement = activeItem[labelKey];\n  }\n\n  if (!(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue)) {\n    selectedElement = renderValue(value, activeItem, selectedElement); // If renderValue returns null or undefined, hasValue is false.\n\n    if ((0, _isNil.default)(selectedElement)) {\n      hasValue = false;\n    }\n  }\n\n  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {\n    var left = positionProps.left,\n        top = positionProps.top,\n        className = positionProps.className;\n    var classes = merge(className, menuClassName, prefix('select-menu'));\n    var styles = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var items = filteredData; // Create a tree structure data when set `groupBy`\n\n    if (groupBy) {\n      items = (0, _utils.getDataGroupBy)(items, groupBy, sort);\n    } else if (typeof sort === 'function') {\n      items = items.sort(sort(false));\n    }\n\n    var menu = items.length ? /*#__PURE__*/_react.default.createElement(_Picker.DropdownMenu, {\n      id: id ? id + \"-listbox\" : undefined,\n      listProps: listProps,\n      disabledItemValues: disabledItemValues,\n      valueKey: valueKey,\n      labelKey: labelKey,\n      renderMenuGroup: renderMenuGroup,\n      renderMenuItem: renderMenuItem,\n      maxHeight: menuMaxHeight,\n      classPrefix: 'picker-select-menu',\n      dropdownMenuItemClassPrefix: 'picker-select-menu-item',\n      dropdownMenuItemAs: _Picker.DropdownMenuItem,\n      activeItemValues: [value],\n      focusItemValue: focusItemValue,\n      data: items,\n      group: !(0, _isUndefined.default)(groupBy),\n      onSelect: handleItemSelect,\n      onGroupTitleClick: onGroupTitleClick,\n      virtualized: virtualized,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 333,\n        columnNumber: 9\n      }\n    }) : /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"none\"]))),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 354,\n        columnNumber: 9\n      }\n    }, locale === null || locale === void 0 ? void 0 : locale.noResultsText);\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n      ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: styles,\n      onKeyDown: onPickerKeyDown,\n      target: triggerRef,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 358,\n        columnNumber: 9\n      }\n    }, searchable && /*#__PURE__*/_react.default.createElement(_Picker.SearchBar, {\n      placeholder: locale === null || locale === void 0 ? void 0 : locale.searchPlaceholder,\n      onChange: handleSearch,\n      value: searchKeyword,\n      inputRef: searchInputRef,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 367,\n        columnNumber: 13\n      }\n    }), renderMenu ? renderMenu(menu) : menu, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n    hasValue: hasValue,\n    name: 'select'\n  })),\n      classes = _usePickerClassName[0],\n      usedClassNamePropKeys = _usePickerClassName[1];\n\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: triggerRef,\n    placement: placement,\n    onEntered: (0, _utils.createChainedFunction)(handleEntered, onEntered),\n    onExited: (0, _utils.createChainedFunction)(handleExited, onExited),\n    speaker: renderDropdownMenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 388,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: classes,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 396,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {\n    id: id,\n    ref: targetRef,\n    onClean: (0, _utils.createChainedFunction)(handleClean, onClean),\n    onKeyDown: onPickerKeyDown,\n    as: toggleAs,\n    disabled: disabled,\n    cleanable: cleanable && !disabled,\n    hasValue: hasValue,\n    inputValue: value,\n    active: active,\n    placement: placement,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 397,\n      columnNumber: 11\n    }\n  }), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder))));\n});\n\nSelectPicker.displayName = 'SelectPicker';\nSelectPicker.defaultProps = defaultProps;\nSelectPicker.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {\n  locale: _propTypes.default.any,\n  appearance: _propTypes.default.oneOf(['default', 'subtle']),\n  menuAutoWidth: _propTypes.default.bool,\n  menuMaxHeight: _propTypes.default.number,\n  renderMenu: _propTypes.default.func,\n  renderMenuItem: _propTypes.default.func,\n  renderMenuGroup: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onGroupTitleClick: _propTypes.default.func,\n  onSearch: _propTypes.default.func,\n\n  /**\n   * group by key in `data`\n   */\n  groupBy: _propTypes.default.any,\n  sort: _propTypes.default.func,\n  searchable: _propTypes.default.bool,\n  virtualized: _propTypes.default.bool,\n  searchBy: _propTypes.default.func\n});\nvar _default = SelectPicker;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/SelectPicker/SelectPicker.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 _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\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 _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _isFunction = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/SelectPicker/SelectPicker.tsx\",\n    _this = void 0,\n    _templateObject;\n\nvar defaultProps = {\n  as: 'div',\n  appearance: 'default',\n  classPrefix: 'picker',\n  searchable: true,\n  cleanable: true,\n  data: [],\n  disabledItemValues: [],\n  valueKey: 'value',\n  labelKey: 'label',\n  placement: 'bottomStart',\n  menuAutoWidth: true,\n  menuMaxHeight: 320\n};\n\nvar SelectPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var Component = props.as,\n      data = props.data,\n      valueKey = props.valueKey,\n      labelKey = props.labelKey,\n      valueProp = props.value,\n      classPrefix = props.classPrefix,\n      placeholder = props.placeholder,\n      defaultValue = props.defaultValue,\n      disabled = props.disabled,\n      cleanable = props.cleanable,\n      placement = props.placement,\n      menuClassName = props.menuClassName,\n      menuAutoWidth = props.menuAutoWidth,\n      menuMaxHeight = props.menuMaxHeight,\n      menuStyle = props.menuStyle,\n      groupBy = props.groupBy,\n      overrideLocale = props.locale,\n      toggleAs = props.toggleAs,\n      style = props.style,\n      searchable = props.searchable,\n      disabledItemValues = props.disabledItemValues,\n      virtualized = props.virtualized,\n      listProps = props.listProps,\n      id = props.id,\n      onGroupTitleClick = props.onGroupTitleClick,\n      searchBy = props.searchBy,\n      onEntered = props.onEntered,\n      onExited = props.onExited,\n      onClean = props.onClean,\n      onChange = props.onChange,\n      onSelect = props.onSelect,\n      onSearch = props.onSearch,\n      onClose = props.onClose,\n      onOpen = props.onOpen,\n      sort = props.sort,\n      renderValue = props.renderValue,\n      renderMenu = props.renderMenu,\n      renderMenuGroup = props.renderMenuGroup,\n      renderMenuItem = props.renderMenuItem,\n      renderExtraFooter = props.renderExtraFooter,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"data\", \"valueKey\", \"labelKey\", \"value\", \"classPrefix\", \"placeholder\", \"defaultValue\", \"disabled\", \"cleanable\", \"placement\", \"menuClassName\", \"menuAutoWidth\", \"menuMaxHeight\", \"menuStyle\", \"groupBy\", \"locale\", \"toggleAs\", \"style\", \"searchable\", \"disabledItemValues\", \"virtualized\", \"listProps\", \"id\", \"onGroupTitleClick\", \"searchBy\", \"onEntered\", \"onExited\", \"onClean\", \"onChange\", \"onSelect\", \"onSearch\", \"onClose\", \"onOpen\", \"sort\", \"renderValue\", \"renderMenu\", \"renderMenuGroup\", \"renderMenuItem\", \"renderExtraFooter\"]);\n  var triggerRef = (0, _react.useRef)();\n  var targetRef = (0, _react.useRef)();\n  var overlayRef = (0, _react.useRef)();\n  var searchInputRef = (0, _react.useRef)();\n\n  var _useCustom = (0, _utils.useCustom)('Picker', overrideLocale),\n      locale = _useCustom.locale;\n\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n      value = _useControlled[0],\n      setValue = _useControlled[1]; // Used to hover the focus item  when trigger `onKeydown`\n\n\n  var _useFocusItemValue = (0, _Picker.useFocusItemValue)(value, {\n    data: data,\n    valueKey: valueKey,\n    target: function target() {\n      return overlayRef.current;\n    }\n  }),\n      focusItemValue = _useFocusItemValue.focusItemValue,\n      setFocusItemValue = _useFocusItemValue.setFocusItemValue,\n      onFocusItem = _useFocusItemValue.onKeyDown; // Use search keywords to filter options.\n\n\n  var _useSearch = (0, _Picker.useSearch)({\n    labelKey: labelKey,\n    data: data,\n    searchBy: searchBy,\n    callback: function callback(searchKeyword, filteredData, event) {\n      var _filteredData$;\n\n      // The first option after filtering is the focus.\n      setFocusItemValue(filteredData === null || filteredData === void 0 ? void 0 : (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey]);\n      onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);\n    }\n  }),\n      searchKeyword = _useSearch.searchKeyword,\n      filteredData = _useSearch.filteredData,\n      updateFilteredData = _useSearch.updateFilteredData,\n      setSearchKeyword = _useSearch.setSearchKeyword,\n      handleSearch = _useSearch.handleSearch;\n\n  (0, _react.useEffect)(function () {\n    updateFilteredData(data);\n  }, [data, updateFilteredData]); // Use component active state to support keyboard events.\n\n  var _useState = (0, _react.useState)(false),\n      active = _useState[0],\n      setActive = _useState[1];\n\n  var handleClose = (0, _react.useCallback)(function () {\n    var _triggerRef$current, _triggerRef$current$c;\n\n    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$c = _triggerRef$current.close) === null || _triggerRef$current$c === void 0 ? void 0 : _triggerRef$current$c.call(_triggerRef$current);\n  }, []);\n  var handleSelect = (0, _react.useCallback)(function (value, item, event) {\n    var _targetRef$current;\n\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, item, event);\n    (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.focus();\n  }, [onSelect]);\n  var handleChangeValue = (0, _react.useCallback)(function (value, event) {\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n  }, [onChange]);\n  var handleMenuPressEnter = (0, _react.useCallback)(function (event) {\n    if (!focusItemValue) {\n      return;\n    } // Find active `MenuItem` by `value`\n\n\n    var focusItem = data.find(function (item) {\n      return (0, _utils.shallowEqual)(item[valueKey], focusItemValue);\n    });\n    setValue(focusItemValue);\n    handleSelect(focusItemValue, focusItem, event);\n    handleChangeValue(focusItemValue, event);\n    handleClose();\n  }, [data, focusItemValue, handleChangeValue, handleClose, handleSelect, setValue, valueKey]);\n  var handleItemSelect = (0, _react.useCallback)(function (value, item, event) {\n    setValue(value);\n    setFocusItemValue(value);\n    handleSelect(value, item, event);\n    handleChangeValue(value, event);\n    handleClose();\n  }, [setValue, setFocusItemValue, handleSelect, handleChangeValue, handleClose]);\n  var handleClean = (0, _react.useCallback)(function (event) {\n    if (disabled || !cleanable) {\n      return;\n    }\n\n    setValue(null);\n    setFocusItemValue(value);\n    handleChangeValue(null, event);\n  }, [value, disabled, cleanable, setValue, handleChangeValue, setFocusItemValue]);\n  var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({\n    toggle: !focusItemValue || !active,\n    triggerRef: triggerRef,\n    targetRef: targetRef,\n    overlayRef: overlayRef,\n    searchInputRef: searchInputRef,\n    active: active,\n    onExit: handleClean,\n    onMenuKeyDown: onFocusItem,\n    onMenuPressEnter: handleMenuPressEnter,\n    onClose: function onClose() {\n      setFocusItemValue(null);\n    }\n  }, rest));\n  var handleExited = (0, _react.useCallback)(function () {\n    setSearchKeyword('');\n    setActive(false);\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n  }, [onClose, setSearchKeyword]);\n  var handleEntered = (0, _react.useCallback)(function () {\n    setActive(true);\n    setFocusItemValue(value);\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n  }, [onOpen, setFocusItemValue, value]);\n  (0, _Picker.usePublicMethods)(ref, {\n    triggerRef: triggerRef,\n    overlayRef: overlayRef,\n    targetRef: targetRef\n  }); // Find active `MenuItem` by `value`\n\n  var activeItem = data.find(function (item) {\n    return (0, _utils.shallowEqual)(item[valueKey], value);\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 = !!activeItem || !(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge;\n\n  var selectedElement = placeholder;\n\n  if (activeItem !== null && activeItem !== void 0 && activeItem[labelKey]) {\n    selectedElement = activeItem[labelKey];\n  }\n\n  if (!(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue)) {\n    selectedElement = renderValue(value, activeItem, selectedElement); // If renderValue returns null or undefined, hasValue is false.\n\n    if ((0, _isNil.default)(selectedElement)) {\n      hasValue = false;\n    }\n  }\n\n  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {\n    var left = positionProps.left,\n        top = positionProps.top,\n        className = positionProps.className;\n    var classes = merge(className, menuClassName, prefix('select-menu'));\n    var styles = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var items = filteredData; // Create a tree structure data when set `groupBy`\n\n    if (groupBy) {\n      items = (0, _utils.getDataGroupBy)(items, groupBy, sort);\n    } else if (typeof sort === 'function') {\n      items = items.sort(sort(false));\n    }\n\n    var menu = items.length ? /*#__PURE__*/_react.default.createElement(_Picker.DropdownMenu, {\n      id: id ? id + \"-listbox\" : undefined,\n      listProps: listProps,\n      disabledItemValues: disabledItemValues,\n      valueKey: valueKey,\n      labelKey: labelKey,\n      renderMenuGroup: renderMenuGroup,\n      renderMenuItem: renderMenuItem,\n      maxHeight: menuMaxHeight,\n      classPrefix: 'picker-select-menu',\n      dropdownMenuItemClassPrefix: 'picker-select-menu-item',\n      dropdownMenuItemAs: _Picker.DropdownMenuItem,\n      activeItemValues: [value],\n      focusItemValue: focusItemValue,\n      data: items,\n      group: !(0, _isUndefined.default)(groupBy),\n      onSelect: handleItemSelect,\n      onGroupTitleClick: onGroupTitleClick,\n      virtualized: virtualized,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 330,\n        columnNumber: 9\n      }\n    }) : /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"none\"]))),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 351,\n        columnNumber: 9\n      }\n    }, locale === null || locale === void 0 ? void 0 : locale.noResultsText);\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n      ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: styles,\n      onKeyDown: onPickerKeyDown,\n      target: triggerRef,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 355,\n        columnNumber: 9\n      }\n    }, searchable && /*#__PURE__*/_react.default.createElement(_Picker.SearchBar, {\n      placeholder: locale === null || locale === void 0 ? void 0 : locale.searchPlaceholder,\n      onChange: handleSearch,\n      value: searchKeyword,\n      inputRef: searchInputRef,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 364,\n        columnNumber: 13\n      }\n    }), renderMenu ? renderMenu(menu) : menu, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n    hasValue: hasValue,\n    name: 'select'\n  })),\n      classes = _usePickerClassName[0],\n      usedClassNamePropKeys = _usePickerClassName[1];\n\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: triggerRef,\n    placement: placement,\n    onEntered: (0, _utils.createChainedFunction)(handleEntered, onEntered),\n    onExited: (0, _utils.createChainedFunction)(handleExited, onExited),\n    speaker: renderDropdownMenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 385,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: classes,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 393,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {\n    id: id,\n    ref: targetRef,\n    onClean: (0, _utils.createChainedFunction)(handleClean, onClean),\n    onKeyDown: onPickerKeyDown,\n    as: toggleAs,\n    disabled: disabled,\n    cleanable: cleanable && !disabled,\n    hasValue: hasValue,\n    inputValue: value,\n    active: active,\n    placement: placement,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 394,\n      columnNumber: 11\n    }\n  }), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder))));\n});\n\nSelectPicker.displayName = 'SelectPicker';\nSelectPicker.defaultProps = defaultProps;\nSelectPicker.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {\n  locale: _propTypes.default.any,\n  appearance: _propTypes.default.oneOf(['default', 'subtle']),\n  menuAutoWidth: _propTypes.default.bool,\n  menuMaxHeight: _propTypes.default.number,\n  renderMenu: _propTypes.default.func,\n  renderMenuItem: _propTypes.default.func,\n  renderMenuGroup: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onGroupTitleClick: _propTypes.default.func,\n  onSearch: _propTypes.default.func,\n\n  /**\n   * group by key in `data`\n   */\n  groupBy: _propTypes.default.any,\n  sort: _propTypes.default.func,\n  searchable: _propTypes.default.bool,\n  virtualized: _propTypes.default.bool,\n  searchBy: _propTypes.default.func\n});\nvar _default = SelectPicker;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/SelectPicker/SelectPicker.tsx?");
 
 /***/ }),
 
@@ -3651,7 +3838,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _DropdownToggle = _interopRequireDefault(__webpack_require__(/*! ../Dropdown/DropdownToggle */ \"./src/Dropdown/DropdownToggle.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Sidenav = __webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _SidenavDropdownCollapse = _interopRequireDefault(__webpack_require__(/*! ./SidenavDropdownCollapse */ \"./src/Sidenav/SidenavDropdownCollapse.tsx\"));\n\nvar _Disclosure = _interopRequireDefault(__webpack_require__(/*! ../Disclosure/Disclosure */ \"./src/Disclosure/Disclosure.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Sidenav/SidenavDropdown.tsx\",\n    _this = void 0;\n\nvar defaultProps = {\n  as: 'div',\n  classPrefix: 'dropdown',\n  placement: 'bottomStart'\n};\n\nvar SidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var Component = props.as,\n      title = props.title,\n      children = props.children,\n      className = props.className,\n      menuStyle = props.menuStyle,\n      disabled = props.disabled,\n      renderTitle = props.renderTitle,\n      classPrefix = props.classPrefix,\n      placement = props.placement,\n      toggleClassName = props.toggleClassName,\n      icon = props.icon,\n      eventKey = props.eventKey,\n      toggleAs = props.toggleAs,\n      noCaret = props.noCaret,\n      style = props.style,\n      onOpen = props.onOpen,\n      onClose = props.onClose,\n      openProp = props.open,\n      onToggle = props.onToggle,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"title\", \"children\", \"className\", \"menuStyle\", \"disabled\", \"renderTitle\", \"classPrefix\", \"placement\", \"toggleClassName\", \"icon\", \"eventKey\", \"toggleAs\", \"noCaret\", \"style\", \"onOpen\", \"onClose\", \"open\", \"onToggle\"]);\n\n  var _useContext = (0, _react.useContext)(_Sidenav.SidenavContext),\n      _useContext$openKeys = _useContext.openKeys,\n      openKeys = _useContext$openKeys === void 0 ? [] : _useContext$openKeys,\n      onOpenChange = _useContext.onOpenChange;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var handleToggleDisclosure = (0, _react.useCallback)(function (open, event) {\n    if (open) {\n      onClose === null || onClose === void 0 ? void 0 : onClose();\n    } else {\n      onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n    }\n\n    onToggle === null || onToggle === void 0 ? void 0 : onToggle(open);\n    if ((0, _isNil.default)(eventKey)) return;\n    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(eventKey, event);\n  }, [onClose, onOpen, onToggle, eventKey, onOpenChange]);\n  return /*#__PURE__*/_react.default.createElement(_Disclosure.default, {\n    open: openProp !== null && openProp !== void 0 ? openProp : !(0, _isNil.default)(eventKey) && openKeys.includes(eventKey),\n    onToggle: handleToggleDisclosure,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 122,\n      columnNumber: 5\n    }\n  }, function (_ref, containerRef) {\n    var _withClassPrefix;\n\n    var open = _ref.open;\n    var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix[\"placement-\" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = placement, _withClassPrefix[open ? 'expand' : 'collapse'] = true, _withClassPrefix.disabled = disabled, _withClassPrefix['no-caret'] = noCaret, _withClassPrefix)));\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, containerRef),\n      style: style,\n      className: classes\n    }, rest, {\n      \"data-event-key\": eventKey,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 139,\n        columnNumber: 11\n      }\n    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Button, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 146,\n        columnNumber: 13\n      }\n    }, function (buttonProps, buttonRef) {\n      return /*#__PURE__*/_react.default.createElement(_DropdownToggle.default, (0, _extends2.default)({\n        ref: buttonRef,\n        as: renderTitle ? 'span' : toggleAs,\n        noCaret: noCaret,\n        className: toggleClassName,\n        renderTitle: renderTitle,\n        icon: icon,\n        placement: placement\n      }, (0, _omit.default)(buttonProps, ['open']), {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 148,\n          columnNumber: 17\n        }\n      }), title);\n    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Content, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 162,\n        columnNumber: 13\n      }\n    }, function (_ref2) {\n      var open = _ref2.open;\n      return /*#__PURE__*/_react.default.createElement(_SidenavDropdownCollapse.default, {\n        open: open,\n        style: menuStyle,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 164,\n          columnNumber: 17\n        }\n      }, children);\n    }));\n  });\n});\n\nSidenavDropdown.displayName = 'Sidenav.Dropdown';\nSidenavDropdown.defaultProps = defaultProps;\nSidenavDropdown.propTypes = {\n  activeKey: _propTypes.default.any,\n  classPrefix: _propTypes.default.string,\n  placement: _propTypes.default.oneOf(_utils.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: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  eventKey: _propTypes.default.any,\n  as: _propTypes.default.elementType,\n  toggleAs: _propTypes.default.elementType,\n  noCaret: _propTypes.default.bool,\n  style: _propTypes.default.object,\n  onClose: _propTypes.default.func,\n  onOpen: _propTypes.default.func,\n  onToggle: _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};\nvar _default = SidenavDropdown;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavDropdown.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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _DropdownToggle = _interopRequireDefault(__webpack_require__(/*! ../Dropdown/DropdownToggle */ \"./src/Dropdown/DropdownToggle.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Sidenav = __webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _SidenavDropdownCollapse = _interopRequireDefault(__webpack_require__(/*! ./SidenavDropdownCollapse */ \"./src/Sidenav/SidenavDropdownCollapse.tsx\"));\n\nvar _Disclosure = _interopRequireDefault(__webpack_require__(/*! ../Disclosure/Disclosure */ \"./src/Disclosure/Disclosure.tsx\"));\n\nvar _DropdownContext = _interopRequireDefault(__webpack_require__(/*! ../Dropdown/DropdownContext */ \"./src/Dropdown/DropdownContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Sidenav/SidenavDropdown.tsx\",\n    _this = void 0;\n\nvar defaultProps = {\n  as: 'div',\n  classPrefix: 'dropdown',\n  placement: 'bottomStart'\n};\n\nvar SidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var Component = props.as,\n      title = props.title,\n      children = props.children,\n      className = props.className,\n      menuStyle = props.menuStyle,\n      disabled = props.disabled,\n      renderTitle = props.renderTitle,\n      classPrefix = props.classPrefix,\n      placement = props.placement,\n      toggleClassName = props.toggleClassName,\n      icon = props.icon,\n      eventKey = props.eventKey,\n      toggleAs = props.toggleAs,\n      noCaret = props.noCaret,\n      style = props.style,\n      onOpen = props.onOpen,\n      onClose = props.onClose,\n      openProp = props.open,\n      onToggle = props.onToggle,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"title\", \"children\", \"className\", \"menuStyle\", \"disabled\", \"renderTitle\", \"classPrefix\", \"placement\", \"toggleClassName\", \"icon\", \"eventKey\", \"toggleAs\", \"noCaret\", \"style\", \"onOpen\", \"onClose\", \"open\", \"onToggle\"]);\n\n  var _useContext = (0, _react.useContext)(_Sidenav.SidenavContext),\n      _useContext$openKeys = _useContext.openKeys,\n      openKeys = _useContext$openKeys === void 0 ? [] : _useContext$openKeys,\n      onOpenChange = _useContext.onOpenChange;\n\n  var _useContext2 = (0, _react.useContext)(_DropdownContext.default),\n      hasSelectedItem = _useContext2.hasSelectedItem;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var handleToggleDisclosure = (0, _react.useCallback)(function (open, event) {\n    if (open) {\n      onClose === null || onClose === void 0 ? void 0 : onClose();\n    } else {\n      onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n    }\n\n    onToggle === null || onToggle === void 0 ? void 0 : onToggle(open);\n    if ((0, _isNil.default)(eventKey)) return;\n    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(eventKey, event);\n  }, [onClose, onOpen, onToggle, eventKey, onOpenChange]);\n  return /*#__PURE__*/_react.default.createElement(_Disclosure.default, {\n    open: openProp !== null && openProp !== void 0 ? openProp : !(0, _isNil.default)(eventKey) && openKeys.includes(eventKey),\n    onToggle: handleToggleDisclosure,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 124,\n      columnNumber: 5\n    }\n  }, function (_ref, containerRef) {\n    var _withClassPrefix;\n\n    var open = _ref.open;\n    var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix[\"placement-\" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = placement, _withClassPrefix[open ? 'expand' : 'collapse'] = true, _withClassPrefix.disabled = disabled, _withClassPrefix['selected-within'] = hasSelectedItem, _withClassPrefix['no-caret'] = noCaret, _withClassPrefix)));\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, containerRef),\n      style: style,\n      className: classes\n    }, rest, {\n      \"data-event-key\": eventKey,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 141,\n        columnNumber: 11\n      }\n    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Button, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 148,\n        columnNumber: 13\n      }\n    }, function (buttonProps, buttonRef) {\n      return /*#__PURE__*/_react.default.createElement(_DropdownToggle.default, (0, _extends2.default)({\n        ref: buttonRef,\n        as: renderTitle ? 'span' : toggleAs,\n        noCaret: noCaret,\n        className: toggleClassName,\n        renderTitle: renderTitle,\n        icon: icon,\n        placement: placement\n      }, (0, _omit.default)(buttonProps, ['open']), {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 150,\n          columnNumber: 17\n        }\n      }), title);\n    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Content, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 164,\n        columnNumber: 13\n      }\n    }, function (_ref2) {\n      var open = _ref2.open;\n      return /*#__PURE__*/_react.default.createElement(_SidenavDropdownCollapse.default, {\n        open: open,\n        style: menuStyle,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 166,\n          columnNumber: 17\n        }\n      }, children);\n    }));\n  });\n});\n\nSidenavDropdown.displayName = 'Sidenav.Dropdown';\nSidenavDropdown.defaultProps = defaultProps;\nSidenavDropdown.propTypes = {\n  activeKey: _propTypes.default.any,\n  classPrefix: _propTypes.default.string,\n  placement: _propTypes.default.oneOf(_utils.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: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  eventKey: _propTypes.default.any,\n  as: _propTypes.default.elementType,\n  toggleAs: _propTypes.default.elementType,\n  noCaret: _propTypes.default.bool,\n  style: _propTypes.default.object,\n  onClose: _propTypes.default.func,\n  onOpen: _propTypes.default.func,\n  onToggle: _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};\nvar _default = SidenavDropdown;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavDropdown.tsx?");
 
 /***/ }),
 
@@ -3706,7 +3893,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../Ripple */ \"./src/Ripple/index.tsx\"));\n\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Sidenav/SidenavItem.tsx\",\n    _this = void 0;\n\nvar defaultProps = {\n  as: 'div',\n  classPrefix: 'dropdown'\n};\n\nvar SidenavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var activeProp = props.active,\n      children = props.children,\n      className = props.className,\n      disabled = props.disabled,\n      classPrefix = props.classPrefix,\n      icon = props.icon,\n      eventKey = props.eventKey,\n      style = props.style,\n      onClick = props.onClick,\n      onSelect = props.onSelect,\n      divider = props.divider,\n      panel = props.panel,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"active\", \"children\", \"className\", \"disabled\", \"classPrefix\", \"icon\", \"eventKey\", \"style\", \"onClick\", \"onSelect\", \"divider\", \"panel\"]);\n\n  var _useContext = (0, _react.useContext)(_NavContext.default),\n      activeKey = _useContext.activeKey,\n      onSelectFromNav = _useContext.onSelect;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var selected = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(activeKey, eventKey);\n  var handleClick = (0, _react.useCallback)(function (event) {\n    if (disabled) return;\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);\n    onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);\n    onClick === null || onClick === void 0 ? void 0 : onClick(event);\n  }, [disabled, onSelect, onSelectFromNav, eventKey, onClick]);\n\n  if (divider) {\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: ref,\n      role: \"separator\",\n      style: style,\n      className: merge(className, prefix('divider'))\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 78,\n        columnNumber: 7\n      }\n    }));\n  }\n\n  if (panel) {\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: ref,\n      role: \"none presentation\",\n      style: style,\n      className: merge(className, prefix('panel'))\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 90,\n        columnNumber: 7\n      }\n    }), children);\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_SafeAnchor.default, (0, _extends2.default)({\n    ref: ref,\n    className: merge(className, withClassPrefix({\n      active: selected,\n      disabled: disabled\n    })),\n    onClick: handleClick,\n    style: style,\n    \"aria-selected\": selected || undefined,\n    \"data-event-key\": eventKey\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 103,\n      columnNumber: 5\n    }\n  }), icon, children, /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 114,\n      columnNumber: 7\n    }\n  }));\n});\n\nSidenavItem.displayName = 'Sidenav.Item';\nSidenavItem.defaultProps = defaultProps;\nSidenavItem.propTypes = {\n  classPrefix: _propTypes.default.string,\n  disabled: _propTypes.default.bool,\n  icon: _propTypes.default.node,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  eventKey: _propTypes.default.any,\n  as: _propTypes.default.elementType,\n  style: _propTypes.default.object,\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};\nvar _default = SidenavItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavItem.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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../Ripple */ \"./src/Ripple/index.tsx\"));\n\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../Menu/MenuItem */ \"./src/Menu/MenuItem.tsx\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _Sidenav = __webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Sidenav/SidenavItem.tsx\",\n    _this = void 0;\n\nvar SidenavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? _SafeAnchor.default : _props$as,\n      activeProp = props.active,\n      _children = props.children,\n      className = props.className,\n      disabled = props.disabled,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'sidenav-item' : _props$classPrefix,\n      icon = props.icon,\n      eventKey = props.eventKey,\n      style = props.style,\n      onClick = props.onClick,\n      onSelect = props.onSelect,\n      divider = props.divider,\n      panel = props.panel,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"active\", \"children\", \"className\", \"disabled\", \"classPrefix\", \"icon\", \"eventKey\", \"style\", \"onClick\", \"onSelect\", \"divider\", \"panel\"]);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n\n  var _useContext = (0, _react.useContext)(_NavContext.default),\n      activeKey = _useContext.activeKey,\n      onSelectFromNav = _useContext.onSelect;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var selected = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(activeKey, eventKey);\n  var handleClick = (0, _react.useCallback)(function (event) {\n    if (disabled) return;\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);\n    onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);\n    onClick === null || onClick === void 0 ? void 0 : onClick(event);\n  }, [disabled, onSelect, onSelectFromNav, eventKey, onClick]);\n\n  if (!sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n      selected: selected,\n      disabled: disabled,\n      onActivate: handleClick,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 79,\n        columnNumber: 7\n      }\n    }, function (_ref, menuitemRef) {\n      var selected = _ref.selected,\n          active = _ref.active,\n          menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"selected\", \"active\"]);\n      var classes = merge(className, withClassPrefix({\n        focus: active,\n        active: selected,\n        disabled: disabled\n      })); // Show tooltip when inside a collapse <Sidenav>\n\n      return (0, _utils.appendTooltip)({\n        children: function children(triggerProps, triggerRef) {\n          return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n            ref: (0, _utils.mergeRefs)((0, _utils.mergeRefs)(ref, menuitemRef), triggerRef),\n            disabled: Component === _SafeAnchor.default ? disabled : undefined,\n            className: classes,\n            \"data-event-key\": eventKey\n          }, (0, _omit.default)(rest, ['divider', 'panel']), triggerProps, menuitem, {\n            __self: _this,\n            __source: {\n              fileName: _jsxFileName,\n              lineNumber: 90,\n              columnNumber: 17\n            }\n          }), icon, _children, /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n            __self: _this,\n            __source: {\n              fileName: _jsxFileName,\n              lineNumber: 101,\n              columnNumber: 19\n            }\n          }));\n        },\n        message: _children,\n        placement: 'right'\n      });\n    });\n  }\n\n  if (divider) {\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: ref,\n      role: \"separator\",\n      style: style,\n      className: merge(className, prefix('divider'))\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 115,\n        columnNumber: 7\n      }\n    }));\n  }\n\n  if (panel) {\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: ref,\n      role: \"none presentation\",\n      style: style,\n      className: merge(className, prefix('panel'))\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 127,\n        columnNumber: 7\n      }\n    }), _children);\n  }\n\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    ref: ref,\n    className: merge(className, withClassPrefix({\n      active: selected,\n      disabled: disabled\n    })),\n    onClick: handleClick,\n    style: style,\n    \"aria-selected\": selected || undefined,\n    \"data-event-key\": eventKey\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 140,\n      columnNumber: 5\n    }\n  }), icon, _children, /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 151,\n      columnNumber: 7\n    }\n  }));\n});\n\nSidenavItem.displayName = 'Sidenav.Item';\nSidenavItem.propTypes = {\n  classPrefix: _propTypes.default.string,\n  disabled: _propTypes.default.bool,\n  icon: _propTypes.default.node,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  eventKey: _propTypes.default.any,\n  as: _propTypes.default.elementType,\n  style: _propTypes.default.object,\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};\nvar _default = SidenavItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavItem.tsx?");
 
 /***/ }),
 
@@ -3783,7 +3970,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.sliderPropTypes = 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 _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n\nvar _ProgressBar = _interopRequireDefault(__webpack_require__(/*! ./ProgressBar */ \"./src/Slider/ProgressBar.tsx\"));\n\nvar _Handle = _interopRequireDefault(__webpack_require__(/*! ./Handle */ \"./src/Slider/Handle.tsx\"));\n\nvar _Graduated = _interopRequireDefault(__webpack_require__(/*! ./Graduated */ \"./src/Slider/Graduated.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/Slider/utils.ts\");\n\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/Plaintext/index.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Slider/Slider.tsx\",\n    _this = void 0;\n\nvar defaultProps = {\n  as: 'div',\n  classPrefix: 'slider',\n  min: 0,\n  max: 100,\n  step: 1,\n  defaultValue: 0,\n  tooltip: true\n};\nvar sliderPropTypes = {\n  min: _propTypes.default.number,\n  max: _propTypes.default.number,\n  step: _propTypes.default.number,\n  value: _propTypes.default.number,\n  defaultValue: _propTypes.default.number,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  handleClassName: _propTypes.default.string,\n  handleTitle: _propTypes.default.node,\n  barClassName: _propTypes.default.string,\n  handleStyle: _propTypes.default.object,\n  disabled: _propTypes.default.bool,\n  plaintext: _propTypes.default.bool,\n  readOnly: _propTypes.default.bool,\n  graduated: _propTypes.default.bool,\n  tooltip: _propTypes.default.bool,\n  progress: _propTypes.default.bool,\n  vertical: _propTypes.default.bool,\n  onChange: _propTypes.default.func,\n  onChangeCommitted: _propTypes.default.func,\n  renderMark: _propTypes.default.func,\n  renderTooltip: _propTypes.default.func,\n  getAriaValueText: _propTypes.default.func\n};\n/**\n * fixme: Should contain an input\n */\n\nexports.sliderPropTypes = sliderPropTypes;\n\nvar Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var ariaLabel = props['aria-label'],\n      ariaLabelledby = props['aria-labelledby'],\n      ariaValuetext = props['aria-valuetext'],\n      Componnet = props.as,\n      graduated = props.graduated,\n      className = props.className,\n      barClassName = props.barClassName,\n      progress = props.progress,\n      vertical = props.vertical,\n      disabled = props.disabled,\n      readOnly = props.readOnly,\n      plaintext = props.plaintext,\n      classPrefix = props.classPrefix,\n      min = props.min,\n      handleClassName = props.handleClassName,\n      handleStyle = props.handleStyle,\n      handleTitle = props.handleTitle,\n      tooltip = props.tooltip,\n      step = props.step,\n      defaultValue = props.defaultValue,\n      valueProp = props.value,\n      maxProp = props.max,\n      getAriaValueText = props.getAriaValueText,\n      renderTooltip = props.renderTooltip,\n      renderMark = props.renderMark,\n      onChange = props.onChange,\n      onChangeCommitted = props.onChangeCommitted,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"aria-label\", \"aria-labelledby\", \"aria-valuetext\", \"as\", \"graduated\", \"className\", \"barClassName\", \"progress\", \"vertical\", \"disabled\", \"readOnly\", \"plaintext\", \"classPrefix\", \"min\", \"handleClassName\", \"handleStyle\", \"handleTitle\", \"tooltip\", \"step\", \"defaultValue\", \"value\", \"max\", \"getAriaValueText\", \"renderTooltip\", \"renderMark\", \"onChange\", \"onChangeCommitted\"]);\n  var barRef = (0, _react.useRef)();\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var _useCustom = (0, _utils.useCustom)('Slider'),\n      rtl = _useCustom.rtl;\n\n  var classes = merge(className, withClassPrefix({\n    vertical: vertical,\n    disabled: disabled,\n    readOnly: readOnly,\n    graduated: graduated,\n    'with-mark': renderMark\n  }));\n  var max = (0, _react.useMemo)(function () {\n    return (0, _utils2.precisionMath)(Math.floor((maxProp - min) / step) * step + min);\n  }, [maxProp, min, step]);\n  /**\n   * Returns a valid value that does not exceed the specified range of values.\n   */\n\n  var getValidValue = (0, _react.useCallback)(function (value) {\n    return (0, _utils2.checkValue)(value, min, max);\n  }, [max, min]);\n\n  var _useControlled = (0, _utils.useControlled)(getValidValue(valueProp), getValidValue(defaultValue)),\n      value = _useControlled[0],\n      setValue = _useControlled[1];\n\n  var count = (0, _react.useMemo)(function () {\n    return (0, _utils2.precisionMath)((max - min) / step);\n  }, [max, min, step]); // Get the height of the progress bar\n\n  var getBarHeight = (0, _react.useCallback)(function () {\n    return barRef.current ? (0, _domLib.getHeight)(barRef.current) : 0;\n  }, []); // Get the width of the progress bar\n\n  var getBarWidth = (0, _react.useCallback)(function () {\n    return barRef.current ? (0, _domLib.getWidth)(barRef.current) : 0;\n  }, []);\n  var getValueByOffset = (0, _react.useCallback)(function (offset) {\n    var value = 0;\n\n    if (isNaN(offset)) {\n      return value;\n    }\n\n    if (vertical) {\n      var barHeight = getBarHeight();\n      value = Math.round(offset / (barHeight / count)) * step;\n    } else {\n      var barWidth = getBarWidth();\n      value = Math.round(offset / (barWidth / count)) * step;\n    }\n\n    return (0, _utils2.precisionMath)(value);\n  }, [count, getBarHeight, getBarWidth, step, vertical]);\n  /**\n   * A value within the valid range is calculated from the position triggered by the event.\n   */\n\n  var getValueByPosition = (0, _react.useCallback)(function (event) {\n    var barOffset = (0, _domLib.getOffset)(barRef.current);\n    var offset = vertical ? event.pageY - barOffset.top : event.pageX - barOffset.left;\n    var offsetValue = rtl && !vertical ? barOffset.width - offset : offset;\n    return getValueByOffset(offsetValue) + min;\n  }, [getValueByOffset, min, rtl, vertical]);\n  /**\n   * Callback function that is fired when the mousemove is triggered\n   */\n\n  var handleChangeValue = (0, _react.useCallback)(function (event) {\n    if (disabled || readOnly) {\n      return;\n    }\n\n    var nextValue = getValidValue(getValueByPosition(event));\n    setValue(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n  }, [disabled, getValidValue, getValueByPosition, onChange, readOnly, setValue]);\n  /**\n   * Callback function that is fired when the mouseup is triggered\n   */\n\n  var handleChangeCommitted = (0, _react.useCallback)(function (event) {\n    if (disabled || readOnly) {\n      return;\n    }\n\n    var nextValue = getValidValue(getValueByPosition(event));\n    onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);\n  }, [disabled, getValidValue, getValueByPosition, onChangeCommitted, readOnly]);\n  var handleKeyDown = (0, _react.useCallback)(function (event) {\n    var nextValue;\n    var increaseKey = rtl ? 'ArrowLeft' : 'ArrowRight';\n    var decreaseKey = rtl ? 'ArrowRight' : 'ArrowLeft';\n\n    switch (event.key) {\n      case 'Home':\n        nextValue = min;\n        break;\n\n      case 'End':\n        nextValue = max;\n        break;\n\n      case increaseKey:\n      case 'ArrowUp':\n        nextValue = Math.min(max, value + step);\n        break;\n\n      case decreaseKey:\n      case 'ArrowDown':\n        nextValue = Math.max(min, value - step);\n        break;\n\n      default:\n        return;\n    } // Prevent scroll of the page\n\n\n    event.preventDefault();\n    setValue(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n  }, [max, min, onChange, rtl, setValue, step, value]);\n\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      localeKey: \"notSelected\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 284,\n        columnNumber: 12\n      }\n    }, value);\n  }\n\n  return /*#__PURE__*/_react.default.createElement(Componnet, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    role: \"presentation\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 288,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    ref: barRef,\n    className: merge(barClassName, prefix('bar')),\n    onClick: handleChangeValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 289,\n      columnNumber: 7\n    }\n  }, progress && /*#__PURE__*/_react.default.createElement(_ProgressBar.default, {\n    rtl: rtl,\n    vertical: vertical,\n    start: 0,\n    end: (value - min) / (max - min) * 100,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 291,\n      columnNumber: 11\n    }\n  }), graduated && /*#__PURE__*/_react.default.createElement(_Graduated.default, {\n    step: step,\n    min: min,\n    max: max,\n    count: count,\n    value: value,\n    renderMark: renderMark,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 299,\n      columnNumber: 11\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Handle.default, {\n    position: (value - min) / (max - min) * 100,\n    className: handleClassName,\n    style: handleStyle,\n    disabled: disabled,\n    vertical: vertical,\n    tooltip: tooltip,\n    rtl: rtl,\n    value: value,\n    renderTooltip: renderTooltip,\n    onDragMove: handleChangeValue,\n    onKeyDown: handleKeyDown,\n    onDragEnd: handleChangeCommitted,\n    role: \"slider\",\n    tabIndex: disabled || readOnly ? null : 0,\n    \"aria-orientation\": vertical ? 'vertical' : 'horizontal',\n    \"aria-valuenow\": value,\n    \"aria-disabled\": disabled,\n    \"aria-valuetext\": getAriaValueText ? getAriaValueText(value) : ariaValuetext,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledby,\n    \"aria-valuemax\": max,\n    \"aria-valuemin\": min,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 310,\n      columnNumber: 9\n    }\n  }, handleTitle));\n});\n\nSlider.displayName = 'Slider';\nSlider.defaultProps = defaultProps;\nSlider.propTypes = sliderPropTypes;\nvar _default = Slider;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Slider/Slider.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.sliderPropTypes = 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 _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n\nvar _ProgressBar = _interopRequireDefault(__webpack_require__(/*! ./ProgressBar */ \"./src/Slider/ProgressBar.tsx\"));\n\nvar _Handle = _interopRequireDefault(__webpack_require__(/*! ./Handle */ \"./src/Slider/Handle.tsx\"));\n\nvar _Graduated = _interopRequireDefault(__webpack_require__(/*! ./Graduated */ \"./src/Slider/Graduated.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/Slider/utils.ts\");\n\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/Plaintext/index.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Slider/Slider.tsx\",\n    _this = void 0;\n\nvar defaultProps = {\n  as: 'div',\n  classPrefix: 'slider',\n  min: 0,\n  max: 100,\n  step: 1,\n  defaultValue: 0,\n  tooltip: true\n};\nvar sliderPropTypes = {\n  min: _propTypes.default.number,\n  max: _propTypes.default.number,\n  step: _propTypes.default.number,\n  value: _propTypes.default.number,\n  defaultValue: _propTypes.default.number,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  handleClassName: _propTypes.default.string,\n  handleTitle: _propTypes.default.node,\n  barClassName: _propTypes.default.string,\n  handleStyle: _propTypes.default.object,\n  disabled: _propTypes.default.bool,\n  plaintext: _propTypes.default.bool,\n  readOnly: _propTypes.default.bool,\n  graduated: _propTypes.default.bool,\n  tooltip: _propTypes.default.bool,\n  progress: _propTypes.default.bool,\n  vertical: _propTypes.default.bool,\n  onChange: _propTypes.default.func,\n  onChangeCommitted: _propTypes.default.func,\n  renderMark: _propTypes.default.func,\n  renderTooltip: _propTypes.default.func,\n  getAriaValueText: _propTypes.default.func\n};\n/**\n * fixme: Should contain an input\n */\n\nexports.sliderPropTypes = sliderPropTypes;\n\nvar Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var ariaLabel = props['aria-label'],\n      ariaLabelledby = props['aria-labelledby'],\n      ariaValuetext = props['aria-valuetext'],\n      Componnet = props.as,\n      graduated = props.graduated,\n      className = props.className,\n      barClassName = props.barClassName,\n      progress = props.progress,\n      vertical = props.vertical,\n      disabled = props.disabled,\n      readOnly = props.readOnly,\n      plaintext = props.plaintext,\n      classPrefix = props.classPrefix,\n      min = props.min,\n      handleClassName = props.handleClassName,\n      handleStyle = props.handleStyle,\n      handleTitle = props.handleTitle,\n      tooltip = props.tooltip,\n      step = props.step,\n      defaultValue = props.defaultValue,\n      valueProp = props.value,\n      maxProp = props.max,\n      getAriaValueText = props.getAriaValueText,\n      renderTooltip = props.renderTooltip,\n      renderMark = props.renderMark,\n      onChange = props.onChange,\n      onChangeCommitted = props.onChangeCommitted,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"aria-label\", \"aria-labelledby\", \"aria-valuetext\", \"as\", \"graduated\", \"className\", \"barClassName\", \"progress\", \"vertical\", \"disabled\", \"readOnly\", \"plaintext\", \"classPrefix\", \"min\", \"handleClassName\", \"handleStyle\", \"handleTitle\", \"tooltip\", \"step\", \"defaultValue\", \"value\", \"max\", \"getAriaValueText\", \"renderTooltip\", \"renderMark\", \"onChange\", \"onChangeCommitted\"]);\n  var barRef = (0, _react.useRef)();\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var _useCustom = (0, _utils.useCustom)('Slider'),\n      rtl = _useCustom.rtl;\n\n  var classes = merge(className, withClassPrefix({\n    vertical: vertical,\n    disabled: disabled,\n    readOnly: readOnly,\n    graduated: graduated,\n    'with-mark': renderMark\n  }));\n  var max = (0, _react.useMemo)(function () {\n    return (0, _utils2.precisionMath)(Math.floor((maxProp - min) / step) * step + min);\n  }, [maxProp, min, step]);\n  /**\n   * Returns a valid value that does not exceed the specified range of values.\n   */\n\n  var getValidValue = (0, _react.useCallback)(function (value) {\n    return (0, _utils2.checkValue)(value, min, max);\n  }, [max, min]);\n\n  var _useControlled = (0, _utils.useControlled)(getValidValue(valueProp), getValidValue(defaultValue)),\n      value = _useControlled[0],\n      setValue = _useControlled[1];\n\n  var count = (0, _react.useMemo)(function () {\n    return (0, _utils2.precisionMath)((max - min) / step);\n  }, [max, min, step]); // Get the height of the progress bar\n\n  var getBarHeight = (0, _react.useCallback)(function () {\n    return barRef.current ? (0, _domLib.getHeight)(barRef.current) : 0;\n  }, []); // Get the width of the progress bar\n\n  var getBarWidth = (0, _react.useCallback)(function () {\n    return barRef.current ? (0, _domLib.getWidth)(barRef.current) : 0;\n  }, []);\n  var getValueByOffset = (0, _react.useCallback)(function (offset) {\n    var value = 0;\n\n    if (isNaN(offset)) {\n      return value;\n    }\n\n    if (vertical) {\n      var barHeight = getBarHeight();\n      value = Math.round(offset / (barHeight / count)) * step;\n    } else {\n      var barWidth = getBarWidth();\n      value = Math.round(offset / (barWidth / count)) * step;\n    }\n\n    return (0, _utils2.precisionMath)(value);\n  }, [count, getBarHeight, getBarWidth, step, vertical]);\n  /**\n   * A value within the valid range is calculated from the position triggered by the event.\n   */\n\n  var getValueByPosition = (0, _react.useCallback)(function (event) {\n    var barOffset = (0, _domLib.getOffset)(barRef.current);\n    var offset = vertical ? event.pageY - barOffset.top : event.pageX - barOffset.left;\n    var offsetValue = rtl && !vertical ? barOffset.width - offset : offset;\n    return getValueByOffset(offsetValue) + min;\n  }, [getValueByOffset, min, rtl, vertical]);\n  /**\n   * Callback function that is fired when the mousemove is triggered\n   */\n\n  var handleChangeValue = (0, _react.useCallback)(function (event) {\n    if (disabled || readOnly) {\n      return;\n    }\n\n    var nextValue = getValidValue(getValueByPosition(event));\n    setValue(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n  }, [disabled, getValidValue, getValueByPosition, onChange, readOnly, setValue]);\n  /**\n   * Callback function that is fired when the mouseup is triggered\n   */\n\n  var handleChangeCommitted = (0, _react.useCallback)(function (event) {\n    if (disabled || readOnly) {\n      return;\n    }\n\n    var nextValue = getValidValue(getValueByPosition(event));\n    onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);\n  }, [disabled, getValidValue, getValueByPosition, onChangeCommitted, readOnly]);\n  var handleKeyDown = (0, _react.useCallback)(function (event) {\n    var nextValue;\n    var increaseKey = rtl ? 'ArrowLeft' : 'ArrowRight';\n    var decreaseKey = rtl ? 'ArrowRight' : 'ArrowLeft';\n\n    switch (event.key) {\n      case 'Home':\n        nextValue = min;\n        break;\n\n      case 'End':\n        nextValue = max;\n        break;\n\n      case increaseKey:\n      case 'ArrowUp':\n        nextValue = Math.min(max, value + step);\n        break;\n\n      case decreaseKey:\n      case 'ArrowDown':\n        nextValue = Math.max(min, value - step);\n        break;\n\n      default:\n        return;\n    } // Prevent scroll of the page\n\n\n    event.preventDefault();\n    setValue(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n  }, [max, min, onChange, rtl, setValue, step, value]);\n\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      localeKey: \"notSelected\",\n      ref: ref,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 285,\n        columnNumber: 7\n      }\n    }, value);\n  }\n\n  return /*#__PURE__*/_react.default.createElement(Componnet, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    role: \"presentation\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 292,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    ref: barRef,\n    className: merge(barClassName, prefix('bar')),\n    onClick: handleChangeValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 293,\n      columnNumber: 7\n    }\n  }, progress && /*#__PURE__*/_react.default.createElement(_ProgressBar.default, {\n    rtl: rtl,\n    vertical: vertical,\n    start: 0,\n    end: (value - min) / (max - min) * 100,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 295,\n      columnNumber: 11\n    }\n  }), graduated && /*#__PURE__*/_react.default.createElement(_Graduated.default, {\n    step: step,\n    min: min,\n    max: max,\n    count: count,\n    value: value,\n    renderMark: renderMark,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 303,\n      columnNumber: 11\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Handle.default, {\n    position: (value - min) / (max - min) * 100,\n    className: handleClassName,\n    style: handleStyle,\n    disabled: disabled,\n    vertical: vertical,\n    tooltip: tooltip,\n    rtl: rtl,\n    value: value,\n    renderTooltip: renderTooltip,\n    onDragMove: handleChangeValue,\n    onKeyDown: handleKeyDown,\n    onDragEnd: handleChangeCommitted,\n    role: \"slider\",\n    tabIndex: disabled || readOnly ? null : 0,\n    \"aria-orientation\": vertical ? 'vertical' : 'horizontal',\n    \"aria-valuenow\": value,\n    \"aria-disabled\": disabled,\n    \"aria-valuetext\": getAriaValueText ? getAriaValueText(value) : ariaValuetext,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledby,\n    \"aria-valuemax\": max,\n    \"aria-valuemin\": min,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 314,\n      columnNumber: 9\n    }\n  }, handleTitle));\n});\n\nSlider.displayName = 'Slider';\nSlider.defaultProps = defaultProps;\nSlider.propTypes = sliderPropTypes;\nvar _default = Slider;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Slider/Slider.tsx?");
 
 /***/ }),
 
@@ -3908,6 +4095,17 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
+/***/ "./src/TagInput/index.tsx":
+/*!********************************!*\
+  !*** ./src/TagInput/index.tsx ***!
+  \********************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _InputPicker = _interopRequireWildcard(__webpack_require__(/*! ../InputPicker/InputPicker */ \"./src/InputPicker/InputPicker.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/TagInput/index.tsx\",\n    _this = void 0;\n\nvar TagInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var tagProps = props.tagProps,\n      trigger = props.trigger,\n      value = props.value,\n      defaultValue = props.defaultValue,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"tagProps\", \"trigger\", \"value\", \"defaultValue\"]);\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      multi: true,\n      disabledOptions: true,\n      trigger: trigger,\n      tagProps: tagProps\n    };\n  }, [tagProps, trigger]);\n  var data = (0, _react.useMemo)(function () {\n    return (value || defaultValue || []).map(function (v) {\n      return {\n        value: v,\n        label: v\n      };\n    });\n  }, [defaultValue, value]);\n  return /*#__PURE__*/_react.default.createElement(_InputPicker.InputPickerContext.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 33,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_InputPicker.default, (0, _extends2.default)({}, rest, {\n    value: value,\n    defaultValue: defaultValue,\n    data: data,\n    placement: null,\n    creatable: true,\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 34,\n      columnNumber: 7\n    }\n  })));\n});\n\nTagInput.defaultProps = {\n  trigger: 'Enter',\n  tagProps: {}\n};\nTagInput.displayName = 'TagInput';\nvar _default = TagInput;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/TagInput/index.tsx?");
+
+/***/ }),
+
 /***/ "./src/TagPicker/index.tsx":
 /*!*********************************!*\
   !*** ./src/TagPicker/index.tsx ***!
@@ -3915,7 +4113,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _InputPicker = _interopRequireDefault(__webpack_require__(/*! ../InputPicker/InputPicker */ \"./src/InputPicker/InputPicker.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/TagPicker/index.tsx\",\n    _this = void 0;\n\nvar TagPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  return /*#__PURE__*/_react.default.createElement(_InputPicker.default, (0, _extends2.default)({}, props, {\n    ref: ref,\n    multi: true,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 9,\n      columnNumber: 12\n    }\n  }));\n});\n\nTagPicker.displayName = 'TagPicker';\nvar _default = TagPicker;\nexports.default = _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\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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _InputPicker = _interopRequireWildcard(__webpack_require__(/*! ../InputPicker/InputPicker */ \"./src/InputPicker/InputPicker.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/TagPicker/index.tsx\",\n    _this = void 0;\n\nvar TagPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var tagProps = props.tagProps,\n      trigger = props.trigger,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"tagProps\", \"trigger\"]);\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      multi: true,\n      trigger: trigger,\n      tagProps: tagProps\n    };\n  }, [tagProps, trigger]);\n  return /*#__PURE__*/_react.default.createElement(_InputPicker.InputPickerContext.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 26,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_InputPicker.default, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 27,\n      columnNumber: 9\n    }\n  })));\n});\n\nTagPicker.defaultProps = {\n  trigger: 'Enter',\n  tagProps: {}\n};\nTagPicker.displayName = 'TagPicker';\nvar _default = TagPicker;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/TagPicker/index.tsx?");
 
 /***/ }),
 
@@ -4003,7 +4201,18 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = exports.TREE_NODE_DROP_POSITION = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _TreePicker = _interopRequireDefault(__webpack_require__(/*! ../TreePicker */ \"./src/TreePicker/index.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Tree/Tree.tsx\",\n    _this = void 0;\n\n/**\n * Tree Node Drag Type\n */\nvar TREE_NODE_DROP_POSITION;\nexports.TREE_NODE_DROP_POSITION = TREE_NODE_DROP_POSITION;\n\n(function (TREE_NODE_DROP_POSITION) {\n  TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION[\"DRAG_OVER\"] = 0] = \"DRAG_OVER\";\n  TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION[\"DRAG_OVER_TOP\"] = 1] = \"DRAG_OVER_TOP\";\n  TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION[\"DRAG_OVER_BOTTOM\"] = 2] = \"DRAG_OVER_BOTTOM\";\n})(TREE_NODE_DROP_POSITION || (exports.TREE_NODE_DROP_POSITION = TREE_NODE_DROP_POSITION = {}));\n\nvar Tree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  return /*#__PURE__*/_react.default.createElement(_TreePicker.default, (0, _extends2.default)({\n    inline: true,\n    ref: ref\n  }, props, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 143,\n      columnNumber: 3\n    }\n  }));\n});\n\nTree.displayName = 'Tree';\nvar _default = Tree;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Tree/Tree.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.TREE_NODE_DROP_POSITION = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _TreePicker = _interopRequireDefault(__webpack_require__(/*! ../TreePicker */ \"./src/TreePicker/index.tsx\"));\n\nvar _TreeContext = _interopRequireDefault(__webpack_require__(/*! ./TreeContext */ \"./src/Tree/TreeContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Tree/Tree.tsx\",\n    _this = void 0;\n\n/**\n * Tree Node Drag Type\n */\nvar TREE_NODE_DROP_POSITION;\nexports.TREE_NODE_DROP_POSITION = TREE_NODE_DROP_POSITION;\n\n(function (TREE_NODE_DROP_POSITION) {\n  TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION[\"DRAG_OVER\"] = 0] = \"DRAG_OVER\";\n  TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION[\"DRAG_OVER_TOP\"] = 1] = \"DRAG_OVER_TOP\";\n  TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION[\"DRAG_OVER_BOTTOM\"] = 2] = \"DRAG_OVER_BOTTOM\";\n})(TREE_NODE_DROP_POSITION || (exports.TREE_NODE_DROP_POSITION = TREE_NODE_DROP_POSITION = {}));\n\nvar Tree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var dragNodeRef = (0, _react.useRef)();\n  return /*#__PURE__*/_react.default.createElement(_TreeContext.default.Provider, {\n    value: {\n      inline: true,\n      dragNodeRef: dragNodeRef\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 141,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_TreePicker.default, (0, _extends2.default)({\n    ref: ref\n  }, props, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 142,\n      columnNumber: 9\n    }\n  })));\n});\n\nTree.displayName = 'Tree';\nvar _default = Tree;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Tree/Tree.tsx?");
+
+/***/ }),
+
+/***/ "./src/Tree/TreeContext.ts":
+/*!*********************************!*\
+  !*** ./src/Tree/TreeContext.ts ***!
+  \*********************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar TreeContext = /*#__PURE__*/_react.default.createContext({});\n\nvar _default = TreeContext;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Tree/TreeContext.ts?");
 
 /***/ }),
 
@@ -4025,7 +4234,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _extends3 = _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 _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n\nvar _ArrowDown = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/ArrowDown */ \"./node_modules/@rsuite/icons/legacy/ArrowDown.js\"));\n\nvar _Spinner = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Spinner */ \"./node_modules/@rsuite/icons/legacy/Spinner.js\"));\n\nvar _reactToString = _interopRequireDefault(__webpack_require__(/*! ../utils/reactToString */ \"./src/utils/reactToString.ts\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/TreePicker/TreeNode.tsx\",\n    _this = void 0;\n\nvar TreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {\n  var _extends2;\n\n  var _ref$as = _ref.as,\n      Component = _ref$as === void 0 ? 'div' : _ref$as,\n      rtl = _ref.rtl,\n      label = _ref.label,\n      layer = _ref.layer,\n      style = _ref.style,\n      active = _ref.active,\n      loading = _ref.loading,\n      nodeData = _ref.nodeData,\n      className = _ref.className,\n      classPrefix = _ref.classPrefix,\n      disabled = _ref.disabled,\n      visible = _ref.visible,\n      draggable = _ref.draggable,\n      expand = _ref.expand,\n      focus = _ref.focus,\n      hasChildren = _ref.hasChildren,\n      dragging = _ref.dragging,\n      dragOver = _ref.dragOver,\n      dragOverTop = _ref.dragOverTop,\n      dragOverBottom = _ref.dragOverBottom,\n      onSelect = _ref.onSelect,\n      onDragStart = _ref.onDragStart,\n      onDragOver = _ref.onDragOver,\n      onDragEnter = _ref.onDragEnter,\n      onDragLeave = _ref.onDragLeave,\n      onDragEnd = _ref.onDragEnd,\n      onDrop = _ref.onDrop,\n      onExpand = _ref.onExpand,\n      onRenderTreeIcon = _ref.onRenderTreeIcon,\n      onRenderTreeNode = _ref.onRenderTreeNode,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"as\", \"rtl\", \"label\", \"layer\", \"style\", \"active\", \"loading\", \"nodeData\", \"className\", \"classPrefix\", \"disabled\", \"visible\", \"draggable\", \"expand\", \"focus\", \"hasChildren\", \"dragging\", \"dragOver\", \"dragOverTop\", \"dragOverBottom\", \"onSelect\", \"onDragStart\", \"onDragOver\", \"onDragEnter\", \"onDragLeave\", \"onDragEnd\", \"onDrop\", \"onExpand\", \"onRenderTreeIcon\", \"onRenderTreeNode\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var getTitle = (0, _react.useCallback)(function () {\n    if (typeof label === 'string') {\n      return label;\n    } else if ( /*#__PURE__*/_react.default.isValidElement(label)) {\n      var nodes = (0, _reactToString.default)(label);\n      return nodes.join('');\n    }\n  }, [label]);\n  var handleExpand = (0, _react.useCallback)(function (event) {\n    var _event$nativeEvent, _event$nativeEvent$st;\n\n    // stop propagation when using custom loading icon\n    event === null || event === void 0 ? void 0 : (_event$nativeEvent = event.nativeEvent) === null || _event$nativeEvent === void 0 ? void 0 : (_event$nativeEvent$st = _event$nativeEvent.stopImmediatePropagation) === null || _event$nativeEvent$st === void 0 ? void 0 : _event$nativeEvent$st.call(_event$nativeEvent);\n    onExpand === null || onExpand === void 0 ? void 0 : onExpand(nodeData);\n  }, [nodeData, onExpand]);\n  var handleSelect = (0, _react.useCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n\n    if (event.target instanceof HTMLElement) {\n      if ((0, _domLib.hasClass)(event.target.parentNode, prefix('expand-icon-wrapper'))) {\n        return;\n      }\n    }\n\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nodeData, event);\n  }, [nodeData, disabled, prefix, onSelect]);\n  var handleDragStart = (0, _react.useCallback)(function (event) {\n    var dragNode = document.getElementById('drag-node');\n\n    if (dragNode) {\n      event.dataTransfer.setDragImage(dragNode, 0, 0);\n    }\n\n    onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(nodeData, event);\n  }, [nodeData, onDragStart]);\n  var handleDragEnter = (0, _react.useCallback)(function (event) {\n    event.preventDefault();\n    event.stopPropagation();\n    onDragEnter === null || onDragEnter === void 0 ? void 0 : onDragEnter(nodeData, event);\n  }, [nodeData, onDragEnter]);\n  var handleDragOver = (0, _react.useCallback)(function (event) {\n    event.preventDefault();\n    event.stopPropagation();\n    onDragOver === null || onDragOver === void 0 ? void 0 : onDragOver(nodeData, event);\n  }, [nodeData, onDragOver]);\n  var handleDragLeave = (0, _react.useCallback)(function (event) {\n    event.stopPropagation();\n    onDragLeave === null || onDragLeave === void 0 ? void 0 : onDragLeave(nodeData, event);\n  }, [nodeData, onDragLeave]);\n  var handleDragEnd = (0, _react.useCallback)(function (event) {\n    event.stopPropagation();\n    onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(nodeData, event);\n  }, [nodeData, onDragEnd]);\n  var handleDrop = (0, _react.useCallback)(function (event) {\n    event.preventDefault();\n    event.stopPropagation();\n    onDrop === null || onDrop === void 0 ? void 0 : onDrop(nodeData, event);\n  }, [nodeData, onDrop]);\n\n  var renderIcon = function renderIcon() {\n    var classes = prefix('expand-icon', 'icon', {\n      expanded: expand\n    });\n\n    var expandIcon = /*#__PURE__*/_react.default.createElement(_ArrowDown.default, {\n      className: classes,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 180,\n        columnNumber: 24\n      }\n    });\n\n    if (loading) {\n      expandIcon = /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: prefix('loading-icon'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 183,\n          columnNumber: 11\n        }\n      }, /*#__PURE__*/_react.default.createElement(_Spinner.default, {\n        spin: true,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 184,\n          columnNumber: 13\n        }\n      }));\n    }\n\n    if (nodeData !== undefined && typeof onRenderTreeIcon === 'function') {\n      var customIcon = onRenderTreeIcon(nodeData);\n      expandIcon = customIcon !== null ? /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: prefix('custom-icon'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 192,\n          columnNumber: 13\n        }\n      }, customIcon) : expandIcon;\n    }\n\n    return hasChildren ? /*#__PURE__*/_react.default.createElement(\"div\", {\n      role: \"button\",\n      tabIndex: -1,\n      \"data-ref\": nodeData.refKey,\n      className: prefix('expand-icon-wrapper'),\n      onClick: handleExpand,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 199,\n        columnNumber: 9\n      }\n    }, expandIcon) : null;\n  };\n\n  var renderLabel = function renderLabel() {\n    var contentClasses = prefix('label-content', {\n      dragging: dragging,\n      'drag-over': dragOver,\n      'drag-over-top': dragOverTop,\n      'drag-over-bottom': dragOverBottom\n    });\n    return /*#__PURE__*/_react.default.createElement(\"span\", {\n      className: prefix('label'),\n      title: getTitle(),\n      \"data-layer\": layer,\n      \"data-key\": (nodeData === null || nodeData === void 0 ? void 0 : nodeData.refKey) || '',\n      role: \"button\",\n      tabIndex: -1,\n      onClick: handleSelect,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 219,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"span\", {\n      className: contentClasses,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 228,\n        columnNumber: 11\n      }\n    }, onRenderTreeNode ? onRenderTreeNode(nodeData) : label));\n  };\n\n  var classes = merge(className, withClassPrefix({\n    disabled: disabled,\n    active: active,\n    'text-muted': disabled,\n    focus: focus\n  })); // layer start from 1\n\n  var padding = (layer - 1) * _utils.TREE_NODE_PADDING + _utils.TREE_NODE_ROOT_PADDING;\n  var styles = (0, _extends3.default)({}, style, (_extends2 = {}, _extends2[rtl ? 'paddingRight' : 'paddingLeft'] = padding, _extends2));\n  return visible ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends3.default)({\n    role: \"treeitem\"\n  }, rest, {\n    \"aria-expanded\": expand,\n    \"aria-label\": label,\n    \"aria-level\": layer,\n    \"aria-disabled\": disabled,\n    \"aria-selected\": active,\n    style: styles,\n    className: classes,\n    ref: ref,\n    draggable: draggable,\n    onDragStart: handleDragStart,\n    onDragEnter: handleDragEnter,\n    onDragOver: handleDragOver,\n    onDragLeave: handleDragLeave,\n    onDragEnd: handleDragEnd,\n    onDrop: handleDrop,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 248,\n      columnNumber: 7\n    }\n  }), renderIcon(), renderLabel()) : null;\n});\nTreeNode.displayName = 'TreePickerNode';\nTreeNode.defaultProps = {\n  visible: true,\n  classPrefix: 'tree-node'\n};\nTreeNode.propTypes = {\n  as: _propTypes.default.elementType,\n  rtl: _propTypes.default.bool,\n  focus: _propTypes.default.bool,\n  layer: _propTypes.default.number,\n  value: _propTypes.default.any,\n  label: _propTypes.default.any,\n  expand: _propTypes.default.bool,\n  active: _propTypes.default.bool,\n  loading: _propTypes.default.bool,\n  visible: _propTypes.default.bool,\n  nodeData: _propTypes.default.any,\n  disabled: _propTypes.default.bool,\n  draggable: _propTypes.default.bool,\n  dragging: _propTypes.default.bool,\n  dragOver: _propTypes.default.bool,\n  dragOverTop: _propTypes.default.bool,\n  dragOverBottom: _propTypes.default.bool,\n  hasChildren: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  style: _propTypes.default.object,\n  onExpand: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onRenderTreeIcon: _propTypes.default.func,\n  onRenderTreeNode: _propTypes.default.func,\n  onDragStart: _propTypes.default.func,\n  onDragEnter: _propTypes.default.func,\n  onDragOver: _propTypes.default.func,\n  onDragLeave: _propTypes.default.func,\n  onDragEnd: _propTypes.default.func,\n  onDrop: _propTypes.default.func\n};\nvar _default = TreeNode;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/TreePicker/TreeNode.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 _extends3 = _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 _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n\nvar _ArrowDown = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/ArrowDown */ \"./node_modules/@rsuite/icons/legacy/ArrowDown.js\"));\n\nvar _Spinner = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Spinner */ \"./node_modules/@rsuite/icons/legacy/Spinner.js\"));\n\nvar _TreeContext = _interopRequireDefault(__webpack_require__(/*! ../Tree/TreeContext */ \"./src/Tree/TreeContext.ts\"));\n\nvar _reactToString = _interopRequireDefault(__webpack_require__(/*! ../utils/reactToString */ \"./src/utils/reactToString.ts\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/TreePicker/TreeNode.tsx\",\n    _this = void 0;\n\nvar TreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {\n  var _extends2;\n\n  var _ref$as = _ref.as,\n      Component = _ref$as === void 0 ? 'div' : _ref$as,\n      rtl = _ref.rtl,\n      label = _ref.label,\n      layer = _ref.layer,\n      style = _ref.style,\n      active = _ref.active,\n      loading = _ref.loading,\n      nodeData = _ref.nodeData,\n      className = _ref.className,\n      classPrefix = _ref.classPrefix,\n      disabled = _ref.disabled,\n      visible = _ref.visible,\n      draggable = _ref.draggable,\n      expand = _ref.expand,\n      focus = _ref.focus,\n      hasChildren = _ref.hasChildren,\n      dragging = _ref.dragging,\n      dragOver = _ref.dragOver,\n      dragOverTop = _ref.dragOverTop,\n      dragOverBottom = _ref.dragOverBottom,\n      onSelect = _ref.onSelect,\n      onDragStart = _ref.onDragStart,\n      onDragOver = _ref.onDragOver,\n      onDragEnter = _ref.onDragEnter,\n      onDragLeave = _ref.onDragLeave,\n      onDragEnd = _ref.onDragEnd,\n      onDrop = _ref.onDrop,\n      onExpand = _ref.onExpand,\n      onRenderTreeIcon = _ref.onRenderTreeIcon,\n      onRenderTreeNode = _ref.onRenderTreeNode,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"as\", \"rtl\", \"label\", \"layer\", \"style\", \"active\", \"loading\", \"nodeData\", \"className\", \"classPrefix\", \"disabled\", \"visible\", \"draggable\", \"expand\", \"focus\", \"hasChildren\", \"dragging\", \"dragOver\", \"dragOverTop\", \"dragOverBottom\", \"onSelect\", \"onDragStart\", \"onDragOver\", \"onDragEnter\", \"onDragLeave\", \"onDragEnd\", \"onDrop\", \"onExpand\", \"onRenderTreeIcon\", \"onRenderTreeNode\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var _useContext = (0, _react.useContext)(_TreeContext.default),\n      dragNodeRef = _useContext.dragNodeRef;\n\n  var getTitle = (0, _react.useCallback)(function () {\n    if (typeof label === 'string') {\n      return label;\n    } else if ( /*#__PURE__*/_react.default.isValidElement(label)) {\n      var nodes = (0, _reactToString.default)(label);\n      return nodes.join('');\n    }\n  }, [label]);\n  var handleExpand = (0, _react.useCallback)(function (event) {\n    var _event$nativeEvent, _event$nativeEvent$st;\n\n    // stop propagation when using custom loading icon\n    event === null || event === void 0 ? void 0 : (_event$nativeEvent = event.nativeEvent) === null || _event$nativeEvent === void 0 ? void 0 : (_event$nativeEvent$st = _event$nativeEvent.stopImmediatePropagation) === null || _event$nativeEvent$st === void 0 ? void 0 : _event$nativeEvent$st.call(_event$nativeEvent);\n    onExpand === null || onExpand === void 0 ? void 0 : onExpand(nodeData);\n  }, [nodeData, onExpand]);\n  var handleSelect = (0, _react.useCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n\n    if (event.target instanceof HTMLElement) {\n      if ((0, _domLib.hasClass)(event.target.parentNode, prefix('expand-icon-wrapper'))) {\n        return;\n      }\n    }\n\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nodeData, event);\n  }, [nodeData, disabled, prefix, onSelect]);\n  var handleDragStart = (0, _react.useCallback)(function (event) {\n    var dragNode = dragNodeRef === null || dragNodeRef === void 0 ? void 0 : dragNodeRef.current;\n\n    if (dragNode) {\n      var _event$dataTransfer;\n\n      (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.setDragImage(dragNode, 0, 0);\n    }\n\n    onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(nodeData, event);\n  }, [dragNodeRef, nodeData, onDragStart]);\n  var handleDragEnter = (0, _react.useCallback)(function (event) {\n    event.preventDefault();\n    event.stopPropagation();\n    onDragEnter === null || onDragEnter === void 0 ? void 0 : onDragEnter(nodeData, event);\n  }, [nodeData, onDragEnter]);\n  var handleDragOver = (0, _react.useCallback)(function (event) {\n    event.preventDefault();\n    event.stopPropagation();\n    onDragOver === null || onDragOver === void 0 ? void 0 : onDragOver(nodeData, event);\n  }, [nodeData, onDragOver]);\n  var handleDragLeave = (0, _react.useCallback)(function (event) {\n    event.stopPropagation();\n    onDragLeave === null || onDragLeave === void 0 ? void 0 : onDragLeave(nodeData, event);\n  }, [nodeData, onDragLeave]);\n  var handleDragEnd = (0, _react.useCallback)(function (event) {\n    event.stopPropagation();\n    onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(nodeData, event);\n  }, [nodeData, onDragEnd]);\n  var handleDrop = (0, _react.useCallback)(function (event) {\n    event.preventDefault();\n    event.stopPropagation();\n    onDrop === null || onDrop === void 0 ? void 0 : onDrop(nodeData, event);\n  }, [nodeData, onDrop]);\n\n  var renderIcon = function renderIcon() {\n    var classes = prefix('expand-icon', 'icon', {\n      expanded: expand\n    });\n\n    var expandIcon = /*#__PURE__*/_react.default.createElement(_ArrowDown.default, {\n      className: classes,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 182,\n        columnNumber: 24\n      }\n    });\n\n    if (loading) {\n      expandIcon = /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: prefix('loading-icon'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 185,\n          columnNumber: 11\n        }\n      }, /*#__PURE__*/_react.default.createElement(_Spinner.default, {\n        spin: true,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 186,\n          columnNumber: 13\n        }\n      }));\n    }\n\n    if (nodeData !== undefined && typeof onRenderTreeIcon === 'function') {\n      var customIcon = onRenderTreeIcon(nodeData);\n      expandIcon = customIcon !== null ? /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: prefix('custom-icon'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 194,\n          columnNumber: 13\n        }\n      }, customIcon) : expandIcon;\n    }\n\n    return hasChildren ? /*#__PURE__*/_react.default.createElement(\"div\", {\n      role: \"button\",\n      tabIndex: -1,\n      \"data-ref\": nodeData.refKey,\n      className: prefix('expand-icon-wrapper'),\n      onClick: handleExpand,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 201,\n        columnNumber: 9\n      }\n    }, expandIcon) : null;\n  };\n\n  var renderLabel = function renderLabel() {\n    var contentClasses = prefix('label-content', {\n      dragging: dragging,\n      'drag-over': dragOver,\n      'drag-over-top': dragOverTop,\n      'drag-over-bottom': dragOverBottom\n    });\n    return /*#__PURE__*/_react.default.createElement(\"span\", {\n      className: prefix('label'),\n      title: getTitle(),\n      \"data-layer\": layer,\n      \"data-key\": (nodeData === null || nodeData === void 0 ? void 0 : nodeData.refKey) || '',\n      role: \"button\",\n      tabIndex: -1,\n      onClick: handleSelect,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 221,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"span\", {\n      className: contentClasses,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 230,\n        columnNumber: 11\n      }\n    }, onRenderTreeNode ? onRenderTreeNode(nodeData) : label));\n  };\n\n  var classes = merge(className, withClassPrefix({\n    disabled: disabled,\n    active: active,\n    'text-muted': disabled,\n    focus: focus\n  })); // layer start from 1\n\n  var padding = (layer - 1) * _utils.TREE_NODE_PADDING + _utils.TREE_NODE_ROOT_PADDING;\n  var styles = (0, _extends3.default)({}, style, (_extends2 = {}, _extends2[rtl ? 'paddingRight' : 'paddingLeft'] = padding, _extends2));\n  return visible ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends3.default)({\n    role: \"treeitem\"\n  }, rest, {\n    \"aria-expanded\": expand,\n    \"aria-label\": label,\n    \"aria-level\": layer,\n    \"aria-disabled\": disabled,\n    \"aria-selected\": active,\n    style: styles,\n    className: classes,\n    ref: ref,\n    draggable: draggable,\n    onDragStart: handleDragStart,\n    onDragEnter: handleDragEnter,\n    onDragOver: handleDragOver,\n    onDragLeave: handleDragLeave,\n    onDragEnd: handleDragEnd,\n    onDrop: handleDrop,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 250,\n      columnNumber: 7\n    }\n  }), renderIcon(), renderLabel()) : null;\n});\nTreeNode.displayName = 'TreePickerNode';\nTreeNode.defaultProps = {\n  visible: true,\n  classPrefix: 'tree-node'\n};\nTreeNode.propTypes = {\n  as: _propTypes.default.elementType,\n  rtl: _propTypes.default.bool,\n  focus: _propTypes.default.bool,\n  layer: _propTypes.default.number,\n  value: _propTypes.default.any,\n  label: _propTypes.default.any,\n  expand: _propTypes.default.bool,\n  active: _propTypes.default.bool,\n  loading: _propTypes.default.bool,\n  visible: _propTypes.default.bool,\n  nodeData: _propTypes.default.any,\n  disabled: _propTypes.default.bool,\n  draggable: _propTypes.default.bool,\n  dragging: _propTypes.default.bool,\n  dragOver: _propTypes.default.bool,\n  dragOverTop: _propTypes.default.bool,\n  dragOverBottom: _propTypes.default.bool,\n  hasChildren: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  style: _propTypes.default.object,\n  onExpand: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onRenderTreeIcon: _propTypes.default.func,\n  onRenderTreeNode: _propTypes.default.func,\n  onDragStart: _propTypes.default.func,\n  onDragEnter: _propTypes.default.func,\n  onDragOver: _propTypes.default.func,\n  onDragLeave: _propTypes.default.func,\n  onDragEnd: _propTypes.default.func,\n  onDrop: _propTypes.default.func\n};\nvar _default = TreeNode;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/TreePicker/TreeNode.tsx?");
 
 /***/ }),
 
@@ -4036,7 +4245,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.maxTreeHeight = 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 _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 _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _VirtualizedList = __webpack_require__(/*! ../Picker/VirtualizedList */ \"./src/Picker/VirtualizedList.tsx\");\n\nvar _TreeNode = _interopRequireDefault(__webpack_require__(/*! ./TreeNode */ \"./src/TreePicker/TreeNode.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/TreePicker/TreePicker.tsx\",\n    _this = void 0;\n\n// default value for virtualized\nvar maxTreeHeight = 320;\nexports.maxTreeHeight = maxTreeHeight;\nvar defaultProps = (0, _extends2.default)({}, _Picker.listPickerDefaultProps, {\n  classPrefix: 'picker',\n  as: 'div',\n  height: 360,\n  appearance: 'default',\n  searchable: true,\n  cleanable: true,\n  menuAutoWidth: true,\n  placement: 'bottomStart'\n});\n\nvar TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var Component = props.as,\n      data = props.data,\n      style = props.style,\n      controlledValue = props.value,\n      inline = props.inline,\n      overrideLocale = props.locale,\n      height = props.height,\n      className = props.className,\n      disabled = props.disabled,\n      placement = props.placement,\n      cleanable = props.cleanable,\n      menuStyle = props.menuStyle,\n      searchable = props.searchable,\n      virtualized = props.virtualized,\n      classPrefix = props.classPrefix,\n      defaultValue = props.defaultValue,\n      placeholder = props.placeholder,\n      searchKeyword = props.searchKeyword,\n      menuClassName = props.menuClassName,\n      menuAutoWidth = props.menuAutoWidth,\n      searchBy = props.searchBy,\n      toggleAs = props.toggleAs,\n      labelKey = props.labelKey,\n      valueKey = props.valueKey,\n      childrenKey = props.childrenKey,\n      draggable = props.draggable,\n      defaultExpandAll = props.defaultExpandAll,\n      disabledItemValues = props.disabledItemValues,\n      controlledExpandItemValues = props.expandItemValues,\n      defaultExpandItemValues = props.defaultExpandItemValues,\n      id = props.id,\n      getChildren = props.getChildren,\n      renderTreeIcon = props.renderTreeIcon,\n      renderTreeNode = props.renderTreeNode,\n      onExited = props.onExited,\n      onClean = props.onClean,\n      onOpen = props.onOpen,\n      onSearch = props.onSearch,\n      onSelect = props.onSelect,\n      onChange = props.onChange,\n      onEntered = props.onEntered,\n      onClose = props.onClose,\n      onDragEnd = props.onDragEnd,\n      onDragStart = props.onDragStart,\n      onDragEnter = props.onDragEnter,\n      onDragLeave = props.onDragLeave,\n      onDragOver = props.onDragOver,\n      onDrop = props.onDrop,\n      onExpand = props.onExpand,\n      renderExtraFooter = props.renderExtraFooter,\n      renderMenu = props.renderMenu,\n      renderValue = props.renderValue,\n      renderDragNode = props.renderDragNode,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"data\", \"style\", \"value\", \"inline\", \"locale\", \"height\", \"className\", \"disabled\", \"placement\", \"cleanable\", \"menuStyle\", \"searchable\", \"virtualized\", \"classPrefix\", \"defaultValue\", \"placeholder\", \"searchKeyword\", \"menuClassName\", \"menuAutoWidth\", \"searchBy\", \"toggleAs\", \"labelKey\", \"valueKey\", \"childrenKey\", \"draggable\", \"defaultExpandAll\", \"disabledItemValues\", \"expandItemValues\", \"defaultExpandItemValues\", \"id\", \"getChildren\", \"renderTreeIcon\", \"renderTreeNode\", \"onExited\", \"onClean\", \"onOpen\", \"onSearch\", \"onSelect\", \"onChange\", \"onEntered\", \"onClose\", \"onDragEnd\", \"onDragStart\", \"onDragEnter\", \"onDragLeave\", \"onDragOver\", \"onDrop\", \"onExpand\", \"renderExtraFooter\", \"renderMenu\", \"renderValue\", \"renderDragNode\"]);\n  var triggerRef = (0, _react.useRef)();\n  var targetRef = (0, _react.useRef)();\n  var listRef = (0, _react.useRef)();\n  var overlayRef = (0, _react.useRef)();\n  var searchInputRef = (0, _react.useRef)();\n  var treeViewRef = (0, _react.useRef)();\n\n  var _useCustom = (0, _utils.useCustom)('Picker', overrideLocale),\n      rtl = _useCustom.rtl,\n      locale = _useCustom.locale;\n\n  var _useControlled = (0, _utils.useControlled)(controlledValue, defaultValue),\n      value = _useControlled[0],\n      setValue = _useControlled[1],\n      isControlled = _useControlled[2];\n\n  var _useGetTreeNodeChildr = (0, _treeUtils.useGetTreeNodeChildren)(data, valueKey, childrenKey),\n      treeData = _useGetTreeNodeChildr.data,\n      setTreeData = _useGetTreeNodeChildr.setData,\n      loadingNodeValues = _useGetTreeNodeChildr.loadingNodeValues,\n      loadChildren = _useGetTreeNodeChildr.loadChildren;\n\n  var _useControlled2 = (0, _utils.useControlled)(controlledExpandItemValues, (0, _treeUtils.getDefaultExpandItemValues)(treeData, {\n    defaultExpandAll: defaultExpandAll,\n    valueKey: valueKey,\n    childrenKey: childrenKey,\n    defaultExpandItemValues: defaultExpandItemValues\n  })),\n      expandItemValues = _useControlled2[0],\n      setExpandItemValues = _useControlled2[1];\n\n  var _useState = (0, _react.useState)(false),\n      active = _useState[0],\n      setActive = _useState[1];\n\n  var _useState2 = (0, _react.useState)(null),\n      focusItemValue = _useState2[0],\n      setFocusItemValue = _useState2[1];\n\n  var _useFlattenTreeData = (0, _treeUtils.useFlattenTreeData)({\n    data: treeData,\n    labelKey: labelKey,\n    valueKey: valueKey,\n    childrenKey: childrenKey,\n    callback: function callback() {\n      // after flattenData, always trigger re-render\n      forceUpdate();\n    }\n  }),\n      flattenNodes = _useFlattenTreeData.flattenNodes,\n      forceUpdate = _useFlattenTreeData.forceUpdate,\n      formatVirtualizedTreeData = _useFlattenTreeData.formatVirtualizedTreeData;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge;\n\n  var _useClassNames2 = (0, _utils.useClassNames)('tree'),\n      treePrefix = _useClassNames2.prefix,\n      withTreeClassPrefix = _useClassNames2.withClassPrefix;\n\n  var _useTreeSearch = (0, _treeUtils.useTreeSearch)({\n    labelKey: labelKey,\n    childrenKey: childrenKey,\n    searchKeyword: searchKeyword,\n    data: treeData,\n    searchBy: searchBy,\n    callback: function callback(searchKeyword, _filterData, event) {\n      onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);\n    }\n  }),\n      filteredData = _useTreeSearch.filteredData,\n      searchKeywordState = _useTreeSearch.searchKeywordState,\n      setSearchKeyword = _useTreeSearch.setSearchKeyword,\n      handleSearch = _useTreeSearch.handleSearch,\n      setFilteredData = _useTreeSearch.setFilteredData;\n\n  var _useTreeDrag = (0, _treeUtils.useTreeDrag)(),\n      dragNodeKeys = _useTreeDrag.dragNodeKeys,\n      dragOverNodeKey = _useTreeDrag.dragOverNodeKey,\n      dragNode = _useTreeDrag.dragNode,\n      dropNodePosition = _useTreeDrag.dropNodePosition,\n      setDragNodeKeys = _useTreeDrag.setDragNodeKeys,\n      setDragOverNodeKey = _useTreeDrag.setDragOverNodeKey,\n      setDragNode = _useTreeDrag.setDragNode,\n      setDropNodePosition = _useTreeDrag.setDropNodePosition;\n\n  var _useTreeNodeRefs = (0, _treeUtils.useTreeNodeRefs)(),\n      treeNodesRefs = _useTreeNodeRefs.treeNodesRefs,\n      saveTreeNodeRef = _useTreeNodeRefs.saveTreeNodeRef;\n\n  var activeNode = (0, _treeUtils.getTreeActiveNode)(flattenNodes, value, valueKey);\n  var getFormattedNodes = (0, _react.useCallback)(function (render) {\n    var formattedNodes = [];\n\n    if (virtualized) {\n      formattedNodes = formatVirtualizedTreeData(flattenNodes, filteredData, expandItemValues, {\n        searchKeyword: searchKeywordState\n      }).filter(function (n) {\n        return n.visible;\n      });\n    } else {\n      formattedNodes = filteredData.map(function (dataItem, index) {\n        return render === null || render === void 0 ? void 0 : render(dataItem, index, 1);\n      });\n    }\n\n    return formattedNodes;\n  }, [searchKeywordState, expandItemValues, filteredData, flattenNodes, formatVirtualizedTreeData, virtualized]);\n  var focusActiveNode = (0, _react.useCallback)(function () {\n    (0, _treeUtils.focusToActiveTreeNode)({\n      list: listRef.current,\n      valueKey: valueKey,\n      selector: \".\" + treePrefix('node-active'),\n      activeNode: activeNode,\n      virtualized: virtualized,\n      container: treeViewRef.current,\n      formattedNodes: getFormattedNodes()\n    });\n  }, [treePrefix, activeNode, getFormattedNodes, valueKey, virtualized]);\n  (0, _react.useEffect)(function () {\n    setFilteredData(data, searchKeywordState);\n    setTreeData(data);\n  }, [data, searchKeywordState, setFilteredData, setTreeData]);\n  (0, _react.useEffect)(function () {\n    setFilteredData(treeData, searchKeywordState);\n  }, [treeData, searchKeywordState, setFilteredData]);\n  (0, _react.useEffect)(function () {\n    if (Array.isArray(controlledExpandItemValues)) {\n      setExpandItemValues(controlledExpandItemValues);\n    }\n  }, [controlledExpandItemValues, setExpandItemValues]);\n  (0, _react.useEffect)(function () {\n    setSearchKeyword(searchKeyword !== null && searchKeyword !== void 0 ? searchKeyword : '');\n  }, [searchKeyword, setSearchKeyword]);\n  var getDropData = (0, _react.useCallback)(function (nodeData) {\n    var options = {\n      valueKey: valueKey,\n      childrenKey: childrenKey\n    };\n    return {\n      /** draggingNode */\n      dragNode: dragNode,\n\n      /** dropNode */\n      dropNode: nodeData,\n\n      /** dragAndDrop Position type */\n      dropNodePosition: dropNodePosition,\n      createUpdateDataFunction: (0, _treeUtils.createUpdateTreeDataFunction)({\n        dragNode: dragNode,\n        dropNode: nodeData,\n        dropNodePosition: dropNodePosition\n      }, options)\n    };\n  }, [dragNode, valueKey, childrenKey, dropNodePosition]);\n\n  var getTreeNodeProps = function getTreeNodeProps(node, layer, index) {\n    var draggingNode = dragNode !== null && dragNode !== void 0 ? dragNode : {};\n    return {\n      as: Component,\n      rtl: rtl,\n      value: node[valueKey],\n      label: node[labelKey],\n      index: index,\n      layer: layer,\n      loading: loadingNodeValues.some(function (item) {\n        return (0, _utils.shallowEqual)(item, node[valueKey]);\n      }),\n      expand: node.expand,\n      active: (0, _utils.shallowEqual)(node[valueKey], value),\n      focus: (0, _utils.shallowEqual)(node[valueKey], focusItemValue),\n      visible: node.visible,\n      draggable: draggable,\n      dragging: (0, _utils.shallowEqual)(node[valueKey], draggingNode[valueKey]),\n      children: node[childrenKey],\n      nodeData: node,\n      disabled: disabledItemValues.some(function (disabledItem) {\n        return (0, _utils.shallowEqual)(disabledItem, node[valueKey]);\n      }),\n      dragOver: (0, _utils.shallowEqual)(node[valueKey], dragOverNodeKey) && dropNodePosition === _utils.TREE_NODE_DROP_POSITION.DRAG_OVER,\n      dragOverTop: (0, _utils.shallowEqual)(node[valueKey], dragOverNodeKey) && dropNodePosition === _utils.TREE_NODE_DROP_POSITION.DRAG_OVER_TOP,\n      dragOverBottom: (0, _utils.shallowEqual)(node[valueKey], dragOverNodeKey) && dropNodePosition === _utils.TREE_NODE_DROP_POSITION.DRAG_OVER_BOTTOM,\n      onSelect: handleSelect,\n      onDragStart: handleDragStart,\n      onDragEnter: handleDragEnter,\n      onDragOver: handleDragOver,\n      onDragLeave: handleDragLeave,\n      onDragEnd: handleDragEnd,\n      onDrop: handleDrop,\n      onExpand: handleExpand,\n      onRenderTreeNode: renderTreeNode,\n      onRenderTreeIcon: renderTreeIcon\n    };\n  };\n\n  var handleSelect = (0, _react.useCallback)(function (nodeData, event) {\n    var _targetRef$current, _triggerRef$current, _triggerRef$current$c;\n\n    if (!nodeData) {\n      return;\n    }\n\n    var nodeValue = nodeData[valueKey];\n\n    if (!isControlled) {\n      setValue(nodeValue);\n    }\n\n    setFocusItemValue(nodeData[valueKey]);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nodeValue, event);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nodeData, nodeValue, event);\n    (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.focus();\n    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$c = _triggerRef$current.close) === null || _triggerRef$current$c === void 0 ? void 0 : _triggerRef$current$c.call(_triggerRef$current);\n  }, [valueKey, isControlled, onChange, onSelect, setValue]);\n  var handleExpand = (0, _react.useCallback)(function (node) {\n    var nextExpandItemValues = (0, _treeUtils.toggleExpand)({\n      node: node,\n      isExpand: !node.expand,\n      expandItemValues: expandItemValues,\n      valueKey: valueKey\n    });\n    setExpandItemValues(nextExpandItemValues);\n    onExpand === null || onExpand === void 0 ? void 0 : onExpand(nextExpandItemValues, node, (0, _Picker.createConcatChildrenFunction)(node, node[valueKey], {\n      valueKey: valueKey,\n      childrenKey: childrenKey\n    }));\n\n    if ((0, _isFunction2.default)(getChildren) && !node.expand && Array.isArray(node[childrenKey]) && node[childrenKey].length === 0) {\n      loadChildren(node, getChildren);\n    }\n  }, [valueKey, childrenKey, expandItemValues, getChildren, onExpand, setExpandItemValues, loadChildren]);\n  var handleDragStart = (0, _react.useCallback)(function (nodeData, event) {\n    if (draggable) {\n      setDragNodeKeys((0, _treeUtils.getDragNodeKeys)(nodeData, childrenKey, valueKey));\n      setDragNode(flattenNodes[nodeData.refKey]);\n      onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(nodeData, event);\n    }\n  }, [draggable, childrenKey, flattenNodes, onDragStart, setDragNodeKeys, setDragNode, valueKey]);\n  var handleDragEnter = (0, _react.useCallback)(function (nodeData, event) {\n    if (dragNodeKeys.some(function (d) {\n      return (0, _utils.shallowEqual)(d, nodeData[valueKey]);\n    })) {\n      return;\n    }\n\n    if (dragNode) {\n      setDragOverNodeKey(nodeData[valueKey]);\n      setDropNodePosition((0, _treeUtils.calDropNodePosition)(event, treeNodesRefs[nodeData.refKey]));\n    }\n\n    onDragEnter === null || onDragEnter === void 0 ? void 0 : onDragEnter(nodeData, event);\n  }, [dragNode, treeNodesRefs, dragNodeKeys, onDragEnter, setDragOverNodeKey, setDropNodePosition, valueKey]);\n  var handleDragOver = (0, _react.useCallback)(function (nodeData, event) {\n    if (dragNodeKeys.some(function (d) {\n      return (0, _utils.shallowEqual)(d, nodeData[valueKey]);\n    })) {\n      return;\n    }\n\n    if (dragNode && (0, _utils.shallowEqual)(nodeData[valueKey], dragOverNodeKey)) {\n      var lastDropNodePosition = (0, _treeUtils.calDropNodePosition)(event, treeNodesRefs[nodeData.refKey]);\n      if (lastDropNodePosition === dropNodePosition) return;\n      setDropNodePosition(lastDropNodePosition);\n    }\n\n    onDragOver === null || onDragOver === void 0 ? void 0 : onDragOver(nodeData, event);\n  }, [dragNode, dragNodeKeys, dragOverNodeKey, dropNodePosition, onDragOver, setDropNodePosition, treeNodesRefs, valueKey]);\n  var handleDragLeave = (0, _react.useCallback)(function (nodeData, event) {\n    onDragLeave === null || onDragLeave === void 0 ? void 0 : onDragLeave(nodeData, event);\n  }, [onDragLeave]);\n  var handleDragEnd = (0, _react.useCallback)(function (nodeData, event) {\n    setDragNode(null);\n    setDragNodeKeys([]);\n    setDragOverNodeKey(null);\n    onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(nodeData, event);\n  }, [setDragNode, setDragNodeKeys, setDragOverNodeKey, onDragEnd]);\n  var handleDrop = (0, _react.useCallback)(function (nodeData, event) {\n    if (dragNodeKeys.some(function (d) {\n      return (0, _utils.shallowEqual)(d, nodeData[valueKey]);\n    })) {\n      console.error('Cannot drag a node to itself and its children');\n    } else {\n      var dropData = getDropData(nodeData);\n      onDrop === null || onDrop === void 0 ? void 0 : onDrop(dropData, event);\n    }\n\n    setDragNode(null);\n    setDragNodeKeys([]);\n    setDragOverNodeKey(null);\n  }, [dragNodeKeys, setDragNode, setDragOverNodeKey, setDragNodeKeys, onDrop, getDropData, valueKey]);\n  var handleOpen = (0, _react.useCallback)(function () {\n    var _triggerRef$current2, _triggerRef$current2$;\n\n    (_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : (_triggerRef$current2$ = _triggerRef$current2.open) === null || _triggerRef$current2$ === void 0 ? void 0 : _triggerRef$current2$.call(_triggerRef$current2);\n    focusActiveNode();\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n    setActive(true);\n  }, [focusActiveNode, onOpen]);\n  var handleClose = (0, _react.useCallback)(function () {\n    var _triggerRef$current3, _triggerRef$current3$, _targetRef$current2;\n\n    (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 ? void 0 : (_triggerRef$current3$ = _triggerRef$current3.close) === null || _triggerRef$current3$ === void 0 ? void 0 : _triggerRef$current3$.call(_triggerRef$current3);\n    setSearchKeyword('');\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n    setActive(false);\n    setFocusItemValue(activeNode === null || activeNode === void 0 ? void 0 : activeNode[valueKey]);\n    /**\n     * when using keyboard toggle picker, should refocus on PickerToggle Component after close picker menu\n     */\n\n    (_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 ? void 0 : _targetRef$current2.focus();\n  }, [activeNode, onClose, setSearchKeyword, valueKey]);\n  (0, _Picker.usePublicMethods)(ref, {\n    triggerRef: triggerRef,\n    overlayRef: overlayRef,\n    targetRef: targetRef\n  });\n  var handleFocusItem = (0, _react.useCallback)(function (key) {\n    var focusableItems = (0, _treeUtils.getFocusableItems)(filteredData, {\n      disabledItemValues: disabledItemValues,\n      valueKey: valueKey,\n      childrenKey: childrenKey,\n      expandItemValues: expandItemValues\n    }, (0, _treeUtils.isSearching)(searchKeywordState));\n    var selector = \".\" + treePrefix('node-label');\n    var focusProps = {\n      focusItemValue: focusItemValue,\n      focusableItems: focusableItems,\n      treeNodesRefs: treeNodesRefs,\n      selector: selector,\n      valueKey: valueKey,\n      callback: function callback(nextFocusItemValue) {\n        setFocusItemValue(nextFocusItemValue);\n      }\n    };\n\n    if (key === _utils.KEY_VALUES.DOWN) {\n      (0, _treeUtils.focusNextItem)(focusProps);\n      return;\n    }\n\n    if (key === _utils.KEY_VALUES.UP) {\n      (0, _treeUtils.focusPreviousItem)(focusProps);\n    }\n  }, [searchKeywordState, expandItemValues, filteredData, focusItemValue, treeNodesRefs, treePrefix, valueKey, childrenKey, disabledItemValues]);\n  var handleLeftArrow = (0, _react.useCallback)(function () {\n    var focusItem = (0, _treeUtils.getActiveItem)(focusItemValue, flattenNodes, valueKey);\n    (0, _treeUtils.leftArrowHandler)({\n      focusItem: focusItem,\n      expand: expandItemValues.includes(focusItem === null || focusItem === void 0 ? void 0 : focusItem[valueKey]),\n      onExpand: handleExpand,\n      onFocusItem: function onFocusItem() {\n        var _focusItem$parent, _focusItem$parent2;\n\n        setFocusItemValue(focusItem === null || focusItem === void 0 ? void 0 : (_focusItem$parent = focusItem.parent) === null || _focusItem$parent === void 0 ? void 0 : _focusItem$parent[valueKey]);\n        (0, _treeUtils.focusTreeNode)(focusItem === null || focusItem === void 0 ? void 0 : (_focusItem$parent2 = focusItem.parent) === null || _focusItem$parent2 === void 0 ? void 0 : _focusItem$parent2.refKey, treeNodesRefs, \".\" + treePrefix('node-label'));\n      }\n    });\n  }, [expandItemValues, flattenNodes, focusItemValue, handleExpand, treeNodesRefs, treePrefix, valueKey]);\n  var handleRightArrow = (0, _react.useCallback)(function () {\n    var focusItem = (0, _treeUtils.getActiveItem)(focusItemValue, flattenNodes, valueKey);\n    (0, _treeUtils.rightArrowHandler)({\n      focusItem: focusItem,\n      expand: expandItemValues.includes(focusItem === null || focusItem === void 0 ? void 0 : focusItem[valueKey]),\n      childrenKey: childrenKey,\n      onExpand: handleExpand,\n      onFocusItem: function onFocusItem() {\n        handleFocusItem(_utils.KEY_VALUES.DOWN);\n      }\n    });\n  }, [focusItemValue, flattenNodes, valueKey, expandItemValues, childrenKey, handleExpand, handleFocusItem]);\n  var selectActiveItem = (0, _react.useCallback)(function (event) {\n    var activeItem = (0, _treeUtils.getActiveItem)(focusItemValue, flattenNodes, valueKey);\n    handleSelect(activeItem, event);\n  }, [flattenNodes, valueKey, focusItemValue, handleSelect]);\n  var handleClean = (0, _react.useCallback)(function (event) {\n    var target = event.target; // exclude searchBar\n\n    if (target.matches('div[role=\"searchbox\"] > input')) {\n      return;\n    }\n\n    setValue(null);\n    onChange === null || onChange === void 0 ? void 0 : onChange(null, event);\n  }, [onChange, setValue]);\n  var onPickerKeydown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({\n    toggle: !activeNode || !active,\n    triggerRef: triggerRef,\n    targetRef: targetRef,\n    overlayRef: overlayRef,\n    searchInputRef: searchInputRef,\n    active: active,\n    onExit: handleClean,\n    onClose: handleClose,\n    onMenuKeyDown: function onMenuKeyDown(event) {\n      (0, _Picker.onMenuKeyDown)(event, {\n        down: function down() {\n          return handleFocusItem(_utils.KEY_VALUES.DOWN);\n        },\n        up: function up() {\n          return handleFocusItem(_utils.KEY_VALUES.UP);\n        },\n        left: rtl ? handleRightArrow : handleLeftArrow,\n        right: rtl ? handleLeftArrow : handleRightArrow,\n        enter: selectActiveItem,\n        del: handleClean\n      });\n    }\n  }, rest));\n  var handleTreeKeyDown = (0, _react.useCallback)(function (event) {\n    if (!treeViewRef.current) {\n      return;\n    }\n\n    (0, _Picker.onMenuKeyDown)(event, {\n      down: function down() {\n        return handleFocusItem(_utils.KEY_VALUES.DOWN);\n      },\n      up: function up() {\n        return handleFocusItem(_utils.KEY_VALUES.UP);\n      },\n      left: rtl ? handleRightArrow : handleLeftArrow,\n      right: rtl ? handleLeftArrow : handleRightArrow,\n      enter: selectActiveItem\n    });\n  }, [handleFocusItem, handleLeftArrow, handleRightArrow, rtl, selectActiveItem]);\n\n  var renderNode = function renderNode(node, index, layer) {\n    if (!node.visible) {\n      return null;\n    }\n\n    var children = node[childrenKey];\n    var expand = (0, _treeUtils.getExpandWhenSearching)(searchKeywordState, expandItemValues.includes(node[valueKey]));\n    var visibleChildren = (0, _isUndefined2.default)(searchKeywordState) || searchKeywordState.length === 0 ? !!children : (0, _treeUtils.hasVisibleChildren)(node, childrenKey);\n    var nodeProps = (0, _extends2.default)({}, getTreeNodeProps((0, _extends2.default)({}, node, {\n      expand: expand\n    }), layer, index), {\n      hasChildren: visibleChildren\n    });\n\n    if (nodeProps.hasChildren) {\n      var _merge;\n\n      layer += 1;\n      var openClass = treePrefix('open');\n      var childrenClass = merge(treePrefix('node-children'), (_merge = {}, _merge[openClass] = expand && visibleChildren, _merge));\n      var nodes = children || [];\n      return /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: childrenClass,\n        key: node[valueKey],\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 713,\n          columnNumber: 9\n        }\n      }, /*#__PURE__*/_react.default.createElement(_TreeNode.default, (0, _extends2.default)({}, nodeProps, {\n        ref: function ref(_ref) {\n          return saveTreeNodeRef(node.refKey, _ref);\n        },\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 714,\n          columnNumber: 11\n        }\n      })), /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: treePrefix('children'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 715,\n          columnNumber: 11\n        }\n      }, nodes.map(function (child, i) {\n        return renderNode(child, i, layer);\n      })));\n    }\n\n    return /*#__PURE__*/_react.default.createElement(_TreeNode.default, (0, _extends2.default)({\n      ref: function ref(_ref2) {\n        return saveTreeNodeRef(node.refKey, _ref2);\n      },\n      key: node[valueKey]\n    }, nodeProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 722,\n        columnNumber: 7\n      }\n    }));\n  };\n\n  var renderVirtualListNode = function renderVirtualListNode(nodes) {\n    return function (_ref3) {\n      var key = _ref3.key,\n          index = _ref3.index,\n          style = _ref3.style;\n      var node = nodes[index];\n      var layer = node.layer,\n          visible = node.visible;\n      var expand = (0, _treeUtils.getExpandWhenSearching)(searchKeywordState, expandItemValues.includes(node[valueKey]));\n\n      if (!node.visible) {\n        return null;\n      }\n\n      var nodeProps = (0, _extends2.default)({}, getTreeNodeProps((0, _extends2.default)({}, node, {\n        expand: expand\n      }), layer), {\n        style: style,\n        hasChildren: node.hasChildren\n      });\n      return visible && /*#__PURE__*/_react.default.createElement(_TreeNode.default, (0, _extends2.default)({\n        ref: function ref(_ref4) {\n          return saveTreeNodeRef(node.refKey, _ref4);\n        },\n        key: key\n      }, nodeProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 750,\n          columnNumber: 9\n        }\n      }));\n    };\n  };\n\n  var renderDefaultDragNode = function renderDefaultDragNode() {\n    if (draggable) {\n      var dragNodeContent = dragNode === null || dragNode === void 0 ? void 0 : dragNode[labelKey];\n\n      if ((0, _isFunction2.default)(renderDragNode)) {\n        dragNodeContent = renderDragNode(dragNode);\n      }\n\n      return /*#__PURE__*/_react.default.createElement(\"span\", {\n        id: \"drag-node\",\n        className: treePrefix('drag-node-mover'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 762,\n          columnNumber: 9\n        }\n      }, dragNodeContent);\n    }\n\n    return null;\n  };\n\n  var renderTree = function renderTree() {\n    var _withTreeClassPrefix;\n\n    var classes = withTreeClassPrefix((_withTreeClassPrefix = {}, _withTreeClassPrefix[className !== null && className !== void 0 ? className : ''] = inline, _withTreeClassPrefix.virtualized = virtualized, _withTreeClassPrefix));\n    var formattedNodes = getFormattedNodes(renderNode);\n    var styles = inline ? (0, _extends2.default)({\n      height: height\n    }, style) : {};\n    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 779,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      role: \"tree\",\n      id: id ? id + \"-listbox\" : undefined,\n      ref: treeViewRef,\n      className: classes,\n      style: styles,\n      onKeyDown: inline ? handleTreeKeyDown : undefined,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 780,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: treePrefix('nodes'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 788,\n        columnNumber: 11\n      }\n    }, virtualized ? /*#__PURE__*/_react.default.createElement(_VirtualizedList.AutoSizer, {\n      defaultHeight: inline ? height : maxTreeHeight,\n      style: {\n        width: 'auto',\n        height: 'auto'\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 790,\n        columnNumber: 15\n      }\n    }, function (_ref5) {\n      var height = _ref5.height,\n          width = _ref5.width;\n      return /*#__PURE__*/_react.default.createElement(_VirtualizedList.List, {\n        ref: listRef,\n        width: width,\n        height: height,\n        rowHeight: 36,\n        rowCount: formattedNodes.length,\n        rowRenderer: renderVirtualListNode(formattedNodes),\n        scrollToAlignment: \"center\",\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 795,\n          columnNumber: 19\n        }\n      });\n    }) : formattedNodes)), renderDefaultDragNode());\n  };\n\n  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {\n    var left = positionProps.left,\n        top = positionProps.top,\n        className = positionProps.className;\n    var classes = merge(className, menuClassName, prefix('tree-menu'));\n    var mergedMenuStyle = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var styles = virtualized ? (0, _extends2.default)({\n      height: height\n    }, mergedMenuStyle) : (0, _extends2.default)({}, mergedMenuStyle);\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: styles,\n      ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),\n      onKeyDown: onPickerKeydown,\n      target: triggerRef,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 823,\n        columnNumber: 7\n      }\n    }, searchable ? /*#__PURE__*/_react.default.createElement(_Picker.SearchBar, {\n      placeholder: locale.searchPlaceholder,\n      onChange: handleSearch,\n      value: searchKeywordState,\n      inputRef: searchInputRef,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 832,\n        columnNumber: 11\n      }\n    }) : null, renderMenu ? renderMenu(renderTree()) : renderTree(), renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\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\n  var hasValidValue = !(0, _isNil2.default)(activeNode) || !(0, _isNil2.default)(value) && (0, _isFunction2.default)(renderValue);\n  var selectedElement = placeholder;\n\n  if (hasValidValue) {\n    var node = activeNode !== null && activeNode !== void 0 ? activeNode : {};\n    selectedElement = node[labelKey];\n\n    if ((0, _isFunction2.default)(renderValue)) {\n      selectedElement = renderValue(value, node, selectedElement);\n\n      if ((0, _isNil2.default)(selectedElement)) {\n        hasValidValue = false;\n      }\n    }\n  }\n\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n    hasValue: hasValidValue,\n    name: 'tree'\n  })),\n      classes = _usePickerClassName[0],\n      usedClassNamePropKeys = _usePickerClassName[1];\n\n  if (inline) {\n    return renderTree();\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    pickerProps: (0, _pick2.default)(props, _Picker.pickTriggerPropKeys),\n    ref: triggerRef,\n    placement: placement,\n    onEnter: handleOpen,\n    onEntered: onEntered,\n    onExited: (0, _utils.createChainedFunction)(handleClose, onExited),\n    speaker: renderDropdownMenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 874,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: classes,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 883,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit2.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, ['cascade'])), {\n    id: id,\n    ref: targetRef,\n    onKeyDown: onPickerKeydown,\n    onClean: (0, _utils.createChainedFunction)(handleClean, onClean),\n    cleanable: cleanable && !disabled,\n    as: toggleAs,\n    disabled: disabled,\n    hasValue: hasValidValue,\n    active: active,\n    placement: placement,\n    inputValue: value,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 884,\n      columnNumber: 9\n    }\n  }), selectedElement || locale.placeholder)));\n});\n\nTreePicker.displayName = 'TreePicker';\nTreePicker.defaultProps = defaultProps;\nTreePicker.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {\n  locale: _propTypes.default.any,\n  appearance: _propTypes.default.oneOf(['default', 'subtle']),\n  height: _propTypes.default.number,\n  inline: _propTypes.default.bool,\n  draggable: _propTypes.default.bool,\n  virtualized: _propTypes.default.bool,\n  searchable: _propTypes.default.bool,\n  menuAutoWidth: _propTypes.default.bool,\n  searchKeyword: _propTypes.default.string,\n  defaultExpandAll: _propTypes.default.bool,\n  expandItemValues: _propTypes.default.array,\n  defaultExpandItemValues: _propTypes.default.array,\n  onSearch: _propTypes.default.func,\n  onExpand: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  renderMenu: _propTypes.default.func,\n  renderTreeNode: _propTypes.default.func,\n  renderTreeIcon: _propTypes.default.func,\n  renderExtraFooter: _propTypes.default.func,\n  renderDragNode: _propTypes.default.func,\n  searchBy: _propTypes.default.func\n});\nvar _default = TreePicker;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/TreePicker/TreePicker.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.maxTreeHeight = 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 _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 _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _VirtualizedList = __webpack_require__(/*! ../Picker/VirtualizedList */ \"./src/Picker/VirtualizedList.tsx\");\n\nvar _TreeNode = _interopRequireDefault(__webpack_require__(/*! ./TreeNode */ \"./src/TreePicker/TreeNode.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _TreeContext = _interopRequireDefault(__webpack_require__(/*! ../Tree/TreeContext */ \"./src/Tree/TreeContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/TreePicker/TreePicker.tsx\",\n    _this = void 0;\n\n// default value for virtualized\nvar maxTreeHeight = 320;\nexports.maxTreeHeight = maxTreeHeight;\nvar defaultProps = (0, _extends2.default)({}, _Picker.listPickerDefaultProps, {\n  classPrefix: 'picker',\n  as: 'div',\n  height: 360,\n  appearance: 'default',\n  searchable: true,\n  cleanable: true,\n  menuAutoWidth: true,\n  placement: 'bottomStart'\n});\n\nvar TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var Component = props.as,\n      data = props.data,\n      style = props.style,\n      controlledValue = props.value,\n      overrideLocale = props.locale,\n      height = props.height,\n      className = props.className,\n      disabled = props.disabled,\n      placement = props.placement,\n      cleanable = props.cleanable,\n      menuStyle = props.menuStyle,\n      searchable = props.searchable,\n      virtualized = props.virtualized,\n      classPrefix = props.classPrefix,\n      defaultValue = props.defaultValue,\n      placeholder = props.placeholder,\n      searchKeyword = props.searchKeyword,\n      menuClassName = props.menuClassName,\n      menuAutoWidth = props.menuAutoWidth,\n      searchBy = props.searchBy,\n      toggleAs = props.toggleAs,\n      labelKey = props.labelKey,\n      valueKey = props.valueKey,\n      childrenKey = props.childrenKey,\n      draggable = props.draggable,\n      defaultExpandAll = props.defaultExpandAll,\n      disabledItemValues = props.disabledItemValues,\n      controlledExpandItemValues = props.expandItemValues,\n      defaultExpandItemValues = props.defaultExpandItemValues,\n      id = props.id,\n      getChildren = props.getChildren,\n      renderTreeIcon = props.renderTreeIcon,\n      renderTreeNode = props.renderTreeNode,\n      onExit = props.onExit,\n      onExited = props.onExited,\n      onClean = props.onClean,\n      onOpen = props.onOpen,\n      onSearch = props.onSearch,\n      onSelect = props.onSelect,\n      onChange = props.onChange,\n      onEntered = props.onEntered,\n      onClose = props.onClose,\n      onDragEnd = props.onDragEnd,\n      onDragStart = props.onDragStart,\n      onDragEnter = props.onDragEnter,\n      onDragLeave = props.onDragLeave,\n      onDragOver = props.onDragOver,\n      onDrop = props.onDrop,\n      onExpand = props.onExpand,\n      renderExtraFooter = props.renderExtraFooter,\n      renderMenu = props.renderMenu,\n      renderValue = props.renderValue,\n      renderDragNode = props.renderDragNode,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"data\", \"style\", \"value\", \"locale\", \"height\", \"className\", \"disabled\", \"placement\", \"cleanable\", \"menuStyle\", \"searchable\", \"virtualized\", \"classPrefix\", \"defaultValue\", \"placeholder\", \"searchKeyword\", \"menuClassName\", \"menuAutoWidth\", \"searchBy\", \"toggleAs\", \"labelKey\", \"valueKey\", \"childrenKey\", \"draggable\", \"defaultExpandAll\", \"disabledItemValues\", \"expandItemValues\", \"defaultExpandItemValues\", \"id\", \"getChildren\", \"renderTreeIcon\", \"renderTreeNode\", \"onExit\", \"onExited\", \"onClean\", \"onOpen\", \"onSearch\", \"onSelect\", \"onChange\", \"onEntered\", \"onClose\", \"onDragEnd\", \"onDragStart\", \"onDragEnter\", \"onDragLeave\", \"onDragOver\", \"onDrop\", \"onExpand\", \"renderExtraFooter\", \"renderMenu\", \"renderValue\", \"renderDragNode\"]);\n  var triggerRef = (0, _react.useRef)();\n  var targetRef = (0, _react.useRef)();\n  var listRef = (0, _react.useRef)();\n  var overlayRef = (0, _react.useRef)();\n  var searchInputRef = (0, _react.useRef)();\n  var treeViewRef = (0, _react.useRef)();\n\n  var _useCustom = (0, _utils.useCustom)('Picker', overrideLocale),\n      rtl = _useCustom.rtl,\n      locale = _useCustom.locale;\n\n  var _useContext = (0, _react.useContext)(_TreeContext.default),\n      inline = _useContext.inline,\n      dragNodeRef = _useContext.dragNodeRef;\n\n  var _useControlled = (0, _utils.useControlled)(controlledValue, defaultValue),\n      value = _useControlled[0],\n      setValue = _useControlled[1],\n      isControlled = _useControlled[2];\n\n  var _useGetTreeNodeChildr = (0, _treeUtils.useGetTreeNodeChildren)(data, valueKey, childrenKey),\n      treeData = _useGetTreeNodeChildr.data,\n      setTreeData = _useGetTreeNodeChildr.setData,\n      loadingNodeValues = _useGetTreeNodeChildr.loadingNodeValues,\n      loadChildren = _useGetTreeNodeChildr.loadChildren;\n\n  var _useControlled2 = (0, _utils.useControlled)(controlledExpandItemValues, (0, _treeUtils.getDefaultExpandItemValues)(treeData, {\n    defaultExpandAll: defaultExpandAll,\n    valueKey: valueKey,\n    childrenKey: childrenKey,\n    defaultExpandItemValues: defaultExpandItemValues\n  })),\n      expandItemValues = _useControlled2[0],\n      setExpandItemValues = _useControlled2[1];\n\n  var _useState = (0, _react.useState)(false),\n      active = _useState[0],\n      setActive = _useState[1];\n\n  var _useState2 = (0, _react.useState)(null),\n      focusItemValue = _useState2[0],\n      setFocusItemValue = _useState2[1];\n\n  var _useFlattenTreeData = (0, _treeUtils.useFlattenTreeData)({\n    data: treeData,\n    labelKey: labelKey,\n    valueKey: valueKey,\n    childrenKey: childrenKey,\n    callback: function callback() {\n      // after flattenData, always trigger re-render\n      forceUpdate();\n    }\n  }),\n      flattenNodes = _useFlattenTreeData.flattenNodes,\n      forceUpdate = _useFlattenTreeData.forceUpdate,\n      formatVirtualizedTreeData = _useFlattenTreeData.formatVirtualizedTreeData;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge;\n\n  var _useClassNames2 = (0, _utils.useClassNames)('tree'),\n      treePrefix = _useClassNames2.prefix,\n      withTreeClassPrefix = _useClassNames2.withClassPrefix;\n\n  var _useTreeSearch = (0, _treeUtils.useTreeSearch)({\n    labelKey: labelKey,\n    childrenKey: childrenKey,\n    searchKeyword: searchKeyword,\n    data: treeData,\n    searchBy: searchBy,\n    callback: function callback(searchKeyword, _filterData, event) {\n      onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);\n    }\n  }),\n      filteredData = _useTreeSearch.filteredData,\n      searchKeywordState = _useTreeSearch.searchKeywordState,\n      setSearchKeyword = _useTreeSearch.setSearchKeyword,\n      handleSearch = _useTreeSearch.handleSearch,\n      setFilteredData = _useTreeSearch.setFilteredData;\n\n  var _useTreeDrag = (0, _treeUtils.useTreeDrag)(),\n      dragNodeKeys = _useTreeDrag.dragNodeKeys,\n      dragOverNodeKey = _useTreeDrag.dragOverNodeKey,\n      dragNode = _useTreeDrag.dragNode,\n      dropNodePosition = _useTreeDrag.dropNodePosition,\n      setDragNodeKeys = _useTreeDrag.setDragNodeKeys,\n      setDragOverNodeKey = _useTreeDrag.setDragOverNodeKey,\n      setDragNode = _useTreeDrag.setDragNode,\n      setDropNodePosition = _useTreeDrag.setDropNodePosition;\n\n  var _useTreeNodeRefs = (0, _treeUtils.useTreeNodeRefs)(),\n      treeNodesRefs = _useTreeNodeRefs.treeNodesRefs,\n      saveTreeNodeRef = _useTreeNodeRefs.saveTreeNodeRef;\n\n  var activeNode = (0, _treeUtils.getTreeActiveNode)(flattenNodes, value, valueKey);\n  var getFormattedNodes = (0, _react.useCallback)(function (render) {\n    var formattedNodes = [];\n\n    if (virtualized) {\n      formattedNodes = formatVirtualizedTreeData(flattenNodes, filteredData, expandItemValues, {\n        searchKeyword: searchKeywordState\n      }).filter(function (n) {\n        return n.visible;\n      });\n    } else {\n      formattedNodes = filteredData.map(function (dataItem, index) {\n        return render === null || render === void 0 ? void 0 : render(dataItem, index, 1);\n      });\n    }\n\n    return formattedNodes;\n  }, [searchKeywordState, expandItemValues, filteredData, flattenNodes, formatVirtualizedTreeData, virtualized]);\n  var focusActiveNode = (0, _react.useCallback)(function () {\n    (0, _treeUtils.focusToActiveTreeNode)({\n      list: listRef.current,\n      valueKey: valueKey,\n      selector: \".\" + treePrefix('node-active'),\n      activeNode: activeNode,\n      virtualized: virtualized,\n      container: treeViewRef.current,\n      formattedNodes: getFormattedNodes()\n    });\n  }, [treePrefix, activeNode, getFormattedNodes, valueKey, virtualized]);\n  (0, _react.useEffect)(function () {\n    setFilteredData(data, searchKeywordState);\n    setTreeData(data);\n  }, [data, searchKeywordState, setFilteredData, setTreeData]);\n  (0, _react.useEffect)(function () {\n    setFilteredData(treeData, searchKeywordState);\n  }, [treeData, searchKeywordState, setFilteredData]);\n  (0, _react.useEffect)(function () {\n    if (Array.isArray(controlledExpandItemValues)) {\n      setExpandItemValues(controlledExpandItemValues);\n    }\n  }, [controlledExpandItemValues, setExpandItemValues]);\n  (0, _react.useEffect)(function () {\n    setSearchKeyword(searchKeyword !== null && searchKeyword !== void 0 ? searchKeyword : '');\n  }, [searchKeyword, setSearchKeyword]);\n  (0, _react.useEffect)(function () {\n    if (dragNodeRef) {\n      var _treeViewRef$current;\n\n      dragNodeRef.current = (_treeViewRef$current = treeViewRef.current) === null || _treeViewRef$current === void 0 ? void 0 : _treeViewRef$current.querySelector(\".\" + treePrefix('drag-node-mover'));\n    } // eslint-disable-next-line react-hooks/exhaustive-deps\n\n  }, []);\n  var getDropData = (0, _react.useCallback)(function (nodeData) {\n    var options = {\n      valueKey: valueKey,\n      childrenKey: childrenKey\n    };\n    return {\n      /** draggingNode */\n      dragNode: dragNode,\n\n      /** dropNode */\n      dropNode: nodeData,\n\n      /** dragAndDrop Position type */\n      dropNodePosition: dropNodePosition,\n      createUpdateDataFunction: (0, _treeUtils.createUpdateTreeDataFunction)({\n        dragNode: dragNode,\n        dropNode: nodeData,\n        dropNodePosition: dropNodePosition\n      }, options)\n    };\n  }, [dragNode, valueKey, childrenKey, dropNodePosition]);\n\n  var getTreeNodeProps = function getTreeNodeProps(node, layer, index) {\n    var draggingNode = dragNode !== null && dragNode !== void 0 ? dragNode : {};\n    return {\n      as: Component,\n      rtl: rtl,\n      value: node[valueKey],\n      label: node[labelKey],\n      index: index,\n      layer: layer,\n      loading: loadingNodeValues.some(function (item) {\n        return (0, _utils.shallowEqual)(item, node[valueKey]);\n      }),\n      expand: node.expand,\n      active: (0, _utils.shallowEqual)(node[valueKey], value),\n      focus: (0, _utils.shallowEqual)(node[valueKey], focusItemValue),\n      visible: node.visible,\n      draggable: draggable,\n      dragging: (0, _utils.shallowEqual)(node[valueKey], draggingNode[valueKey]),\n      children: node[childrenKey],\n      nodeData: node,\n      disabled: disabledItemValues.some(function (disabledItem) {\n        return (0, _utils.shallowEqual)(disabledItem, node[valueKey]);\n      }),\n      dragOver: (0, _utils.shallowEqual)(node[valueKey], dragOverNodeKey) && dropNodePosition === _utils.TREE_NODE_DROP_POSITION.DRAG_OVER,\n      dragOverTop: (0, _utils.shallowEqual)(node[valueKey], dragOverNodeKey) && dropNodePosition === _utils.TREE_NODE_DROP_POSITION.DRAG_OVER_TOP,\n      dragOverBottom: (0, _utils.shallowEqual)(node[valueKey], dragOverNodeKey) && dropNodePosition === _utils.TREE_NODE_DROP_POSITION.DRAG_OVER_BOTTOM,\n      onSelect: handleSelect,\n      onDragStart: handleDragStart,\n      onDragEnter: handleDragEnter,\n      onDragOver: handleDragOver,\n      onDragLeave: handleDragLeave,\n      onDragEnd: handleDragEnd,\n      onDrop: handleDrop,\n      onExpand: handleExpand,\n      onRenderTreeNode: renderTreeNode,\n      onRenderTreeIcon: renderTreeIcon\n    };\n  };\n\n  var handleSelect = (0, _react.useCallback)(function (nodeData, event) {\n    var _targetRef$current, _triggerRef$current, _triggerRef$current$c;\n\n    if (!nodeData) {\n      return;\n    }\n\n    var nodeValue = nodeData[valueKey];\n\n    if (!isControlled) {\n      setValue(nodeValue);\n    }\n\n    setFocusItemValue(nodeData[valueKey]);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nodeValue, event);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nodeData, nodeValue, event);\n    (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.focus();\n    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$c = _triggerRef$current.close) === null || _triggerRef$current$c === void 0 ? void 0 : _triggerRef$current$c.call(_triggerRef$current);\n  }, [valueKey, isControlled, onChange, onSelect, setValue]);\n  var handleExpand = (0, _react.useCallback)(function (node) {\n    var nextExpandItemValues = (0, _treeUtils.toggleExpand)({\n      node: node,\n      isExpand: !node.expand,\n      expandItemValues: expandItemValues,\n      valueKey: valueKey\n    });\n    setExpandItemValues(nextExpandItemValues);\n    onExpand === null || onExpand === void 0 ? void 0 : onExpand(nextExpandItemValues, node, (0, _Picker.createConcatChildrenFunction)(node, node[valueKey], {\n      valueKey: valueKey,\n      childrenKey: childrenKey\n    }));\n\n    if ((0, _isFunction2.default)(getChildren) && !node.expand && Array.isArray(node[childrenKey]) && node[childrenKey].length === 0) {\n      loadChildren(node, getChildren);\n    }\n  }, [valueKey, childrenKey, expandItemValues, getChildren, onExpand, setExpandItemValues, loadChildren]);\n  var handleDragStart = (0, _react.useCallback)(function (nodeData, event) {\n    if (draggable) {\n      setDragNodeKeys((0, _treeUtils.getDragNodeKeys)(nodeData, childrenKey, valueKey));\n      setDragNode(flattenNodes[nodeData.refKey]);\n      onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(nodeData, event);\n    }\n  }, [draggable, childrenKey, flattenNodes, onDragStart, setDragNodeKeys, setDragNode, valueKey]);\n  var handleDragEnter = (0, _react.useCallback)(function (nodeData, event) {\n    if (dragNodeKeys.some(function (d) {\n      return (0, _utils.shallowEqual)(d, nodeData[valueKey]);\n    })) {\n      return;\n    }\n\n    if (dragNode) {\n      setDragOverNodeKey(nodeData[valueKey]);\n      setDropNodePosition((0, _treeUtils.calDropNodePosition)(event, treeNodesRefs[nodeData.refKey]));\n    }\n\n    onDragEnter === null || onDragEnter === void 0 ? void 0 : onDragEnter(nodeData, event);\n  }, [dragNode, treeNodesRefs, dragNodeKeys, onDragEnter, setDragOverNodeKey, setDropNodePosition, valueKey]);\n  var handleDragOver = (0, _react.useCallback)(function (nodeData, event) {\n    if (dragNodeKeys.some(function (d) {\n      return (0, _utils.shallowEqual)(d, nodeData[valueKey]);\n    })) {\n      return;\n    }\n\n    if (dragNode && (0, _utils.shallowEqual)(nodeData[valueKey], dragOverNodeKey)) {\n      var lastDropNodePosition = (0, _treeUtils.calDropNodePosition)(event, treeNodesRefs[nodeData.refKey]);\n      if (lastDropNodePosition === dropNodePosition) return;\n      setDropNodePosition(lastDropNodePosition);\n    }\n\n    onDragOver === null || onDragOver === void 0 ? void 0 : onDragOver(nodeData, event);\n  }, [dragNode, dragNodeKeys, dragOverNodeKey, dropNodePosition, onDragOver, setDropNodePosition, treeNodesRefs, valueKey]);\n  var handleDragLeave = (0, _react.useCallback)(function (nodeData, event) {\n    onDragLeave === null || onDragLeave === void 0 ? void 0 : onDragLeave(nodeData, event);\n  }, [onDragLeave]);\n  var handleDragEnd = (0, _react.useCallback)(function (nodeData, event) {\n    setDragNode(null);\n    setDragNodeKeys([]);\n    setDragOverNodeKey(null);\n    onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(nodeData, event);\n  }, [setDragNode, setDragNodeKeys, setDragOverNodeKey, onDragEnd]);\n  var handleDrop = (0, _react.useCallback)(function (nodeData, event) {\n    if (dragNodeKeys.some(function (d) {\n      return (0, _utils.shallowEqual)(d, nodeData[valueKey]);\n    })) {\n      console.error('Cannot drag a node to itself and its children');\n    } else {\n      var dropData = getDropData(nodeData);\n      onDrop === null || onDrop === void 0 ? void 0 : onDrop(dropData, event);\n    }\n\n    setDragNode(null);\n    setDragNodeKeys([]);\n    setDragOverNodeKey(null);\n  }, [dragNodeKeys, setDragNode, setDragOverNodeKey, setDragNodeKeys, onDrop, getDropData, valueKey]);\n  var handleOpen = (0, _react.useCallback)(function () {\n    var _triggerRef$current2, _triggerRef$current2$;\n\n    (_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : (_triggerRef$current2$ = _triggerRef$current2.open) === null || _triggerRef$current2$ === void 0 ? void 0 : _triggerRef$current2$.call(_triggerRef$current2);\n    focusActiveNode();\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n    setActive(true);\n  }, [focusActiveNode, onOpen]);\n  var handleClose = (0, _react.useCallback)(function () {\n    var _triggerRef$current3, _triggerRef$current3$, _targetRef$current2;\n\n    (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 ? void 0 : (_triggerRef$current3$ = _triggerRef$current3.close) === null || _triggerRef$current3$ === void 0 ? void 0 : _triggerRef$current3$.call(_triggerRef$current3);\n    setSearchKeyword('');\n    setActive(false);\n    setFocusItemValue(activeNode === null || activeNode === void 0 ? void 0 : activeNode[valueKey]);\n    /**\n     * when using keyboard toggle picker, should refocus on PickerToggle Component after close picker menu\n     */\n\n    (_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 ? void 0 : _targetRef$current2.focus();\n  }, [activeNode, setSearchKeyword, valueKey]);\n  (0, _Picker.usePublicMethods)(ref, {\n    triggerRef: triggerRef,\n    overlayRef: overlayRef,\n    targetRef: targetRef\n  }, inline);\n  var handleFocusItem = (0, _react.useCallback)(function (key) {\n    var focusableItems = (0, _treeUtils.getFocusableItems)(filteredData, {\n      disabledItemValues: disabledItemValues,\n      valueKey: valueKey,\n      childrenKey: childrenKey,\n      expandItemValues: expandItemValues\n    }, (0, _treeUtils.isSearching)(searchKeywordState));\n    var selector = \".\" + treePrefix('node-label');\n    var focusProps = {\n      focusItemValue: focusItemValue,\n      focusableItems: focusableItems,\n      treeNodesRefs: treeNodesRefs,\n      selector: selector,\n      valueKey: valueKey,\n      callback: function callback(nextFocusItemValue) {\n        setFocusItemValue(nextFocusItemValue);\n      }\n    };\n\n    if (key === _utils.KEY_VALUES.DOWN) {\n      (0, _treeUtils.focusNextItem)(focusProps);\n      return;\n    }\n\n    if (key === _utils.KEY_VALUES.UP) {\n      (0, _treeUtils.focusPreviousItem)(focusProps);\n    }\n  }, [searchKeywordState, expandItemValues, filteredData, focusItemValue, treeNodesRefs, treePrefix, valueKey, childrenKey, disabledItemValues]);\n  var handleLeftArrow = (0, _react.useCallback)(function () {\n    var focusItem = (0, _treeUtils.getActiveItem)(focusItemValue, flattenNodes, valueKey);\n    (0, _treeUtils.leftArrowHandler)({\n      focusItem: focusItem,\n      expand: expandItemValues.includes(focusItem === null || focusItem === void 0 ? void 0 : focusItem[valueKey]),\n      onExpand: handleExpand,\n      onFocusItem: function onFocusItem() {\n        var _focusItem$parent, _focusItem$parent2;\n\n        setFocusItemValue(focusItem === null || focusItem === void 0 ? void 0 : (_focusItem$parent = focusItem.parent) === null || _focusItem$parent === void 0 ? void 0 : _focusItem$parent[valueKey]);\n        (0, _treeUtils.focusTreeNode)(focusItem === null || focusItem === void 0 ? void 0 : (_focusItem$parent2 = focusItem.parent) === null || _focusItem$parent2 === void 0 ? void 0 : _focusItem$parent2.refKey, treeNodesRefs, \".\" + treePrefix('node-label'));\n      }\n    });\n  }, [expandItemValues, flattenNodes, focusItemValue, handleExpand, treeNodesRefs, treePrefix, valueKey]);\n  var handleRightArrow = (0, _react.useCallback)(function () {\n    var focusItem = (0, _treeUtils.getActiveItem)(focusItemValue, flattenNodes, valueKey);\n    (0, _treeUtils.rightArrowHandler)({\n      focusItem: focusItem,\n      expand: expandItemValues.includes(focusItem === null || focusItem === void 0 ? void 0 : focusItem[valueKey]),\n      childrenKey: childrenKey,\n      onExpand: handleExpand,\n      onFocusItem: function onFocusItem() {\n        handleFocusItem(_utils.KEY_VALUES.DOWN);\n      }\n    });\n  }, [focusItemValue, flattenNodes, valueKey, expandItemValues, childrenKey, handleExpand, handleFocusItem]);\n  var selectActiveItem = (0, _react.useCallback)(function (event) {\n    var activeItem = (0, _treeUtils.getActiveItem)(focusItemValue, flattenNodes, valueKey);\n    handleSelect(activeItem, event);\n  }, [flattenNodes, valueKey, focusItemValue, handleSelect]);\n  var handleClean = (0, _react.useCallback)(function (event) {\n    var target = event.target; // exclude searchBar\n\n    if (target.matches('div[role=\"searchbox\"] > input')) {\n      return;\n    }\n\n    setValue(null);\n    onChange === null || onChange === void 0 ? void 0 : onChange(null, event);\n  }, [onChange, setValue]);\n  var onPickerKeydown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({\n    toggle: !activeNode || !active,\n    triggerRef: triggerRef,\n    targetRef: targetRef,\n    overlayRef: overlayRef,\n    searchInputRef: searchInputRef,\n    active: active,\n    onExit: handleClean,\n    onClose: handleClose,\n    onMenuKeyDown: function onMenuKeyDown(event) {\n      (0, _Picker.onMenuKeyDown)(event, {\n        down: function down() {\n          return handleFocusItem(_utils.KEY_VALUES.DOWN);\n        },\n        up: function up() {\n          return handleFocusItem(_utils.KEY_VALUES.UP);\n        },\n        left: rtl ? handleRightArrow : handleLeftArrow,\n        right: rtl ? handleLeftArrow : handleRightArrow,\n        enter: selectActiveItem,\n        del: handleClean\n      });\n    }\n  }, rest));\n  var handleTreeKeyDown = (0, _react.useCallback)(function (event) {\n    if (!treeViewRef.current) {\n      return;\n    }\n\n    (0, _Picker.onMenuKeyDown)(event, {\n      down: function down() {\n        return handleFocusItem(_utils.KEY_VALUES.DOWN);\n      },\n      up: function up() {\n        return handleFocusItem(_utils.KEY_VALUES.UP);\n      },\n      left: rtl ? handleRightArrow : handleLeftArrow,\n      right: rtl ? handleLeftArrow : handleRightArrow,\n      enter: selectActiveItem\n    });\n  }, [handleFocusItem, handleLeftArrow, handleRightArrow, rtl, selectActiveItem]);\n\n  var renderNode = function renderNode(node, index, layer) {\n    if (!node.visible) {\n      return null;\n    }\n\n    var children = node[childrenKey];\n    var expand = (0, _treeUtils.getExpandWhenSearching)(searchKeywordState, expandItemValues.includes(node[valueKey]));\n    var visibleChildren = (0, _isUndefined2.default)(searchKeywordState) || searchKeywordState.length === 0 ? !!children : (0, _treeUtils.hasVisibleChildren)(node, childrenKey);\n    var nodeProps = (0, _extends2.default)({}, getTreeNodeProps((0, _extends2.default)({}, node, {\n      expand: expand\n    }), layer, index), {\n      hasChildren: visibleChildren\n    });\n\n    if (nodeProps.hasChildren) {\n      var _merge;\n\n      layer += 1;\n      var openClass = treePrefix('open');\n      var childrenClass = merge(treePrefix('node-children'), (_merge = {}, _merge[openClass] = expand && visibleChildren, _merge));\n      var nodes = children || [];\n      return /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: childrenClass,\n        key: node[valueKey],\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 721,\n          columnNumber: 9\n        }\n      }, /*#__PURE__*/_react.default.createElement(_TreeNode.default, (0, _extends2.default)({}, nodeProps, {\n        ref: function ref(_ref) {\n          return saveTreeNodeRef(node.refKey, _ref);\n        },\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 722,\n          columnNumber: 11\n        }\n      })), /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: treePrefix('children'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 723,\n          columnNumber: 11\n        }\n      }, nodes.map(function (child, i) {\n        return renderNode(child, i, layer);\n      })));\n    }\n\n    return /*#__PURE__*/_react.default.createElement(_TreeNode.default, (0, _extends2.default)({\n      ref: function ref(_ref2) {\n        return saveTreeNodeRef(node.refKey, _ref2);\n      },\n      key: node[valueKey]\n    }, nodeProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 730,\n        columnNumber: 7\n      }\n    }));\n  };\n\n  var renderVirtualListNode = function renderVirtualListNode(nodes) {\n    return function (_ref3) {\n      var key = _ref3.key,\n          index = _ref3.index,\n          style = _ref3.style;\n      var node = nodes[index];\n      var layer = node.layer,\n          visible = node.visible;\n      var expand = (0, _treeUtils.getExpandWhenSearching)(searchKeywordState, expandItemValues.includes(node[valueKey]));\n\n      if (!node.visible) {\n        return null;\n      }\n\n      var nodeProps = (0, _extends2.default)({}, getTreeNodeProps((0, _extends2.default)({}, node, {\n        expand: expand\n      }), layer), {\n        style: style,\n        hasChildren: node.hasChildren\n      });\n      return visible && /*#__PURE__*/_react.default.createElement(_TreeNode.default, (0, _extends2.default)({\n        ref: function ref(_ref4) {\n          return saveTreeNodeRef(node.refKey, _ref4);\n        },\n        key: key\n      }, nodeProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 758,\n          columnNumber: 9\n        }\n      }));\n    };\n  };\n\n  var renderDefaultDragNode = function renderDefaultDragNode() {\n    if (draggable) {\n      var dragNodeContent = dragNode === null || dragNode === void 0 ? void 0 : dragNode[labelKey];\n\n      if ((0, _isFunction2.default)(renderDragNode)) {\n        dragNodeContent = renderDragNode(dragNode);\n      }\n\n      return /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: treePrefix('drag-node-mover'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 769,\n          columnNumber: 14\n        }\n      }, dragNodeContent);\n    }\n\n    return null;\n  };\n\n  var renderTree = function renderTree() {\n    var _withTreeClassPrefix;\n\n    var classes = withTreeClassPrefix((_withTreeClassPrefix = {}, _withTreeClassPrefix[className !== null && className !== void 0 ? className : ''] = inline, _withTreeClassPrefix.virtualized = virtualized, _withTreeClassPrefix));\n    var formattedNodes = getFormattedNodes(renderNode);\n    var styles = inline ? (0, _extends2.default)({\n      height: height\n    }, style) : {};\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      role: \"tree\",\n      id: id ? id + \"-listbox\" : undefined,\n      ref: inline ? (0, _utils.mergeRefs)(treeViewRef, ref) : treeViewRef,\n      className: classes,\n      style: styles,\n      onKeyDown: inline ? handleTreeKeyDown : undefined,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 783,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: treePrefix('nodes'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 791,\n        columnNumber: 9\n      }\n    }, virtualized ? /*#__PURE__*/_react.default.createElement(_VirtualizedList.AutoSizer, {\n      defaultHeight: inline ? height : maxTreeHeight,\n      style: {\n        width: 'auto',\n        height: 'auto'\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 793,\n        columnNumber: 13\n      }\n    }, function (_ref5) {\n      var height = _ref5.height,\n          width = _ref5.width;\n      return /*#__PURE__*/_react.default.createElement(_VirtualizedList.List, {\n        ref: listRef,\n        width: width,\n        height: height,\n        rowHeight: 36,\n        rowCount: formattedNodes.length,\n        rowRenderer: renderVirtualListNode(formattedNodes),\n        scrollToAlignment: \"center\",\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 798,\n          columnNumber: 17\n        }\n      });\n    }) : formattedNodes), renderDefaultDragNode());\n  };\n\n  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {\n    var left = positionProps.left,\n        top = positionProps.top,\n        className = positionProps.className;\n    var classes = merge(className, menuClassName, prefix('tree-menu'));\n    var mergedMenuStyle = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var styles = virtualized ? (0, _extends2.default)({\n      height: height\n    }, mergedMenuStyle) : (0, _extends2.default)({}, mergedMenuStyle);\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: styles,\n      ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),\n      onKeyDown: onPickerKeydown,\n      target: triggerRef,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 825,\n        columnNumber: 7\n      }\n    }, searchable ? /*#__PURE__*/_react.default.createElement(_Picker.SearchBar, {\n      placeholder: locale.searchPlaceholder,\n      onChange: handleSearch,\n      value: searchKeywordState,\n      inputRef: searchInputRef,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 834,\n        columnNumber: 11\n      }\n    }) : null, renderMenu ? renderMenu(renderTree()) : renderTree(), renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\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\n  var hasValidValue = !(0, _isNil2.default)(activeNode) || !(0, _isNil2.default)(value) && (0, _isFunction2.default)(renderValue);\n  var selectedElement = placeholder;\n\n  if (hasValidValue) {\n    var node = activeNode !== null && activeNode !== void 0 ? activeNode : {};\n    selectedElement = node[labelKey];\n\n    if ((0, _isFunction2.default)(renderValue)) {\n      selectedElement = renderValue(value, node, selectedElement);\n\n      if ((0, _isNil2.default)(selectedElement)) {\n        hasValidValue = false;\n      }\n    }\n  }\n\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n    hasValue: hasValidValue,\n    name: 'tree'\n  })),\n      classes = _usePickerClassName[0],\n      usedClassNamePropKeys = _usePickerClassName[1];\n\n  if (inline) {\n    return renderTree();\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    pickerProps: (0, _pick2.default)(props, _Picker.pickTriggerPropKeys),\n    ref: triggerRef,\n    placement: placement,\n    onEnter: handleOpen,\n    onEntered: onEntered,\n    onExit: (0, _utils.createChainedFunction)(onClose, onExit),\n    onExited: (0, _utils.createChainedFunction)(handleClose, onExited),\n    speaker: renderDropdownMenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 876,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: classes,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 886,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit2.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, ['cascade'])), {\n    id: id,\n    ref: targetRef,\n    onKeyDown: onPickerKeydown,\n    onClean: (0, _utils.createChainedFunction)(handleClean, onClean),\n    cleanable: cleanable && !disabled,\n    as: toggleAs,\n    disabled: disabled,\n    hasValue: hasValidValue,\n    active: active,\n    placement: placement,\n    inputValue: value,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 887,\n      columnNumber: 9\n    }\n  }), selectedElement || locale.placeholder)));\n});\n\nTreePicker.displayName = 'TreePicker';\nTreePicker.defaultProps = defaultProps;\nTreePicker.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {\n  locale: _propTypes.default.any,\n  appearance: _propTypes.default.oneOf(['default', 'subtle']),\n  height: _propTypes.default.number,\n  draggable: _propTypes.default.bool,\n  virtualized: _propTypes.default.bool,\n  searchable: _propTypes.default.bool,\n  menuAutoWidth: _propTypes.default.bool,\n  searchKeyword: _propTypes.default.string,\n  defaultExpandAll: _propTypes.default.bool,\n  expandItemValues: _propTypes.default.array,\n  defaultExpandItemValues: _propTypes.default.array,\n  onSearch: _propTypes.default.func,\n  onExpand: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  renderMenu: _propTypes.default.func,\n  renderTreeNode: _propTypes.default.func,\n  renderTreeIcon: _propTypes.default.func,\n  renderExtraFooter: _propTypes.default.func,\n  renderDragNode: _propTypes.default.func,\n  searchBy: _propTypes.default.func\n});\nvar _default = TreePicker;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/TreePicker/TreePicker.tsx?");
 
 /***/ }),
 
@@ -4058,7 +4267,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _Attachment = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Attachment */ \"./node_modules/@rsuite/icons/legacy/Attachment.js\"));\n\nvar _Reload = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/Reload */ \"./node_modules/@rsuite/icons/Reload.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _CloseButton = _interopRequireDefault(__webpack_require__(/*! ../CloseButton */ \"./src/CloseButton/index.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Uploader/UploadFileItem.tsx\",\n    _this = void 0;\n\n/**\n * Format display file size\n * @param size\n */\nvar getSize = function getSize(size) {\n  if (size === void 0) {\n    size = 0;\n  }\n\n  var K = 1024;\n  var M = 1024 * 1024;\n  var G = 1024 * 1024 * 1024;\n\n  if (size > G) {\n    return (size / G).toFixed(2) + \"GB\";\n  }\n\n  if (size > M) {\n    return (size / M).toFixed(2) + \"MB\";\n  }\n\n  if (size > K) {\n    return (size / K).toFixed(2) + \"KB\";\n  }\n\n  return size + \"B\";\n};\n\nvar defaultProps = {\n  as: 'div',\n  classPrefix: 'uploader-file-item',\n  maxPreviewFileSize: 1024 * 1024 * 5,\n  // 5MB\n  listType: 'text',\n  removable: true,\n  allowReupload: true\n};\n\nvar UploadFileItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var Component = props.as,\n      disabled = props.disabled,\n      allowReupload = props.allowReupload,\n      file = props.file,\n      classPrefix = props.classPrefix,\n      listType = props.listType,\n      className = props.className,\n      removable = props.removable,\n      maxPreviewFileSize = props.maxPreviewFileSize,\n      locale = props.locale,\n      renderFileInfo = props.renderFileInfo,\n      onPreview = props.onPreview,\n      onCancel = props.onCancel,\n      onReupload = props.onReupload,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"disabled\", \"allowReupload\", \"file\", \"classPrefix\", \"listType\", \"className\", \"removable\", \"maxPreviewFileSize\", \"locale\", \"renderFileInfo\", \"onPreview\", \"onCancel\", \"onReupload\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix(listType, {\n    disabled: disabled,\n    'has-error': file.status === 'error'\n  }));\n\n  var _useState = (0, _react.useState)(file.url ? file.url : null),\n      previewImage = _useState[0],\n      setPreviewImage = _useState[1];\n  /**\n   * Get thumbnail of image file\n   */\n\n\n  var getThumbnail = (0, _react.useCallback)(function (callback) {\n    var _file$blobFile;\n\n    if (!~['picture-text', 'picture'].indexOf(listType)) {\n      return;\n    }\n\n    if (!file.blobFile || (file === null || file === void 0 ? void 0 : (_file$blobFile = file.blobFile) === null || _file$blobFile === void 0 ? void 0 : _file$blobFile.size) > maxPreviewFileSize) {\n      return;\n    }\n\n    (0, _utils.previewFile)(file.blobFile, callback);\n  }, [file, listType, maxPreviewFileSize]);\n  (0, _react.useEffect)(function () {\n    if (!file.url) {\n      getThumbnail(function (previewImage) {\n        setPreviewImage(previewImage);\n      });\n    }\n  }, [file.url, getThumbnail]);\n  var handlePreview = (0, _react.useCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n\n    onPreview === null || onPreview === void 0 ? void 0 : onPreview(file, event);\n  }, [disabled, file, onPreview]);\n  var handleRemove = (0, _react.useCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n\n    onCancel === null || onCancel === void 0 ? void 0 : onCancel(file.fileKey, event);\n  }, [disabled, file.fileKey, onCancel]);\n  var handleReupload = (0, _react.useCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n\n    onReupload === null || onReupload === void 0 ? void 0 : onReupload(file, event);\n  }, [disabled, file, onReupload]);\n  /**\n   * Rendering progress bar\n   */\n\n  var renderProgressBar = function renderProgressBar() {\n    var _file$progress = file.progress,\n        progress = _file$progress === void 0 ? 0 : _file$progress,\n        status = file.status;\n    var show = !disabled && status === 'uploading';\n    var visibility = show ? 'visible' : 'hidden';\n    var wrapStyle = {\n      visibility: visibility\n    };\n    var progressbarStyle = {\n      width: progress + \"%\"\n    };\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('progress'),\n      style: wrapStyle,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 158,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('progress-bar'),\n      style: progressbarStyle,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 159,\n        columnNumber: 11\n      }\n    }));\n  };\n\n  var renderPreview = function renderPreview() {\n    if (previewImage) {\n      return /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: prefix('preview'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 167,\n          columnNumber: 11\n        }\n      }, /*#__PURE__*/_react.default.createElement(\"img\", {\n        role: \"presentation\",\n        src: previewImage,\n        alt: file.name,\n        onClick: handlePreview,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 168,\n          columnNumber: 13\n        }\n      }));\n    }\n\n    return null;\n  };\n  /**\n   * Render the loading state.\n   */\n\n\n  var renderIcon = function renderIcon() {\n    var uploading = file.status === 'uploading';\n    var classes = prefix('icon-wrapper', {\n      'icon-loading': uploading\n    });\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: classes,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 183,\n        columnNumber: 9\n      }\n    }, uploading ? /*#__PURE__*/_react.default.createElement(\"i\", {\n      className: prefix('icon'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 184,\n        columnNumber: 24\n      }\n    }) : /*#__PURE__*/_react.default.createElement(_Attachment.default, {\n      className: prefix('icon'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 184,\n        columnNumber: 59\n      }\n    }));\n  };\n  /**\n   * Render the remove file button.\n   */\n\n\n  var renderRemoveButton = function renderRemoveButton() {\n    if (!removable) {\n      return null;\n    }\n\n    return /*#__PURE__*/_react.default.createElement(_CloseButton.default, {\n      className: prefix('btn-remove'),\n      onClick: handleRemove,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 197,\n        columnNumber: 14\n      }\n    });\n  };\n  /**\n   * Render error messages.\n   */\n\n\n  var renderErrorStatus = function renderErrorStatus() {\n    if (file.status === 'error') {\n      return /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: prefix('status'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 206,\n          columnNumber: 11\n        }\n      }, /*#__PURE__*/_react.default.createElement(\"span\", {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 207,\n          columnNumber: 14\n        }\n      }, locale === null || locale === void 0 ? void 0 : locale.error), allowReupload && /*#__PURE__*/_react.default.createElement(\"a\", {\n        role: \"button\",\n        tabIndex: -1,\n        onClick: handleReupload,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 209,\n          columnNumber: 15\n        }\n      }, /*#__PURE__*/_react.default.createElement(_Reload.default, {\n        className: prefix('icon-reupload'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 210,\n          columnNumber: 17\n        }\n      })));\n    }\n\n    return null;\n  };\n  /**\n   * Render file size.\n   */\n\n\n  var renderFileSize = function renderFileSize() {\n    if (file.status !== 'error' && file.blobFile) {\n      var _file$blobFile2;\n\n      return /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: prefix('size'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 224,\n          columnNumber: 16\n        }\n      }, getSize(file === null || file === void 0 ? void 0 : (_file$blobFile2 = file.blobFile) === null || _file$blobFile2 === void 0 ? void 0 : _file$blobFile2.size));\n    }\n\n    return null;\n  };\n  /**\n   * Render file panel\n   */\n\n\n  var renderFilePanel = function renderFilePanel() {\n    var fileElement = /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('title'),\n      onClick: handlePreview,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 234,\n        columnNumber: 9\n      }\n    }, file.name);\n\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('panel'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 239,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('content'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 240,\n        columnNumber: 11\n      }\n    }, renderFileInfo ? renderFileInfo(file, fileElement) : fileElement, renderErrorStatus(), renderFileSize()));\n  };\n\n  if (listType === 'picture') {\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n      ref: ref,\n      className: classes,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 251,\n        columnNumber: 9\n      }\n    }), renderIcon(), renderPreview(), renderErrorStatus(), renderRemoveButton());\n  }\n\n  if (listType === 'picture-text') {\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n      ref: ref,\n      className: classes,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 262,\n        columnNumber: 9\n      }\n    }), renderIcon(), renderPreview(), renderFilePanel(), renderProgressBar(), renderRemoveButton());\n  }\n\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 273,\n      columnNumber: 7\n    }\n  }), renderIcon(), renderFilePanel(), renderProgressBar(), renderRemoveButton());\n});\n\nUploadFileItem.displayName = 'UploadFileItem';\nUploadFileItem.defaultProps = defaultProps;\nUploadFileItem.propTypes = {\n  locale: _propTypes.default.any,\n  file: _propTypes.default.object,\n  listType: _propTypes.default.oneOf(['text', 'picture-text', 'picture']),\n  disabled: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  maxPreviewFileSize: _propTypes.default.number,\n  classPrefix: _propTypes.default.string,\n  removable: _propTypes.default.bool,\n  allowReupload: _propTypes.default.bool,\n  renderFileInfo: _propTypes.default.func,\n  onCancel: _propTypes.default.func,\n  onPreview: _propTypes.default.func,\n  onReupload: _propTypes.default.func\n};\nvar _default = UploadFileItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Uploader/UploadFileItem.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.formatSize = 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 _Attachment = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Attachment */ \"./node_modules/@rsuite/icons/legacy/Attachment.js\"));\n\nvar _Reload = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/Reload */ \"./node_modules/@rsuite/icons/Reload.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _CloseButton = _interopRequireDefault(__webpack_require__(/*! ../CloseButton */ \"./src/CloseButton/index.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Uploader/UploadFileItem.tsx\",\n    _this = void 0;\n\n/**\n * Format display file size\n * @param size\n */\nvar formatSize = function formatSize(size) {\n  if (size === void 0) {\n    size = 0;\n  }\n\n  var K = 1024;\n  var M = 1024 * 1024;\n  var G = 1024 * 1024 * 1024;\n\n  if (size > G) {\n    return (size / G).toFixed(2) + \"GB\";\n  }\n\n  if (size > M) {\n    return (size / M).toFixed(2) + \"MB\";\n  }\n\n  if (size > K) {\n    return (size / K).toFixed(2) + \"KB\";\n  }\n\n  return size + \"B\";\n};\n\nexports.formatSize = formatSize;\nvar defaultProps = {\n  as: 'div',\n  classPrefix: 'uploader-file-item',\n  maxPreviewFileSize: 1024 * 1024 * 5,\n  // 5MB\n  listType: 'text',\n  removable: true,\n  allowReupload: true\n};\n\nvar UploadFileItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var Component = props.as,\n      disabled = props.disabled,\n      allowReupload = props.allowReupload,\n      file = props.file,\n      classPrefix = props.classPrefix,\n      listType = props.listType,\n      className = props.className,\n      removable = props.removable,\n      maxPreviewFileSize = props.maxPreviewFileSize,\n      locale = props.locale,\n      renderFileInfo = props.renderFileInfo,\n      onPreview = props.onPreview,\n      onCancel = props.onCancel,\n      onReupload = props.onReupload,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"disabled\", \"allowReupload\", \"file\", \"classPrefix\", \"listType\", \"className\", \"removable\", \"maxPreviewFileSize\", \"locale\", \"renderFileInfo\", \"onPreview\", \"onCancel\", \"onReupload\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix(listType, {\n    disabled: disabled,\n    'has-error': file.status === 'error'\n  }));\n\n  var _useState = (0, _react.useState)(file.url ? file.url : null),\n      previewImage = _useState[0],\n      setPreviewImage = _useState[1];\n  /**\n   * Get thumbnail of image file\n   */\n\n\n  var getThumbnail = (0, _react.useCallback)(function (callback) {\n    var _file$blobFile;\n\n    if (!~['picture-text', 'picture'].indexOf(listType)) {\n      return;\n    }\n\n    if (!file.blobFile || (file === null || file === void 0 ? void 0 : (_file$blobFile = file.blobFile) === null || _file$blobFile === void 0 ? void 0 : _file$blobFile.size) > maxPreviewFileSize) {\n      return;\n    }\n\n    (0, _utils.previewFile)(file.blobFile, callback);\n  }, [file, listType, maxPreviewFileSize]);\n  (0, _react.useEffect)(function () {\n    if (!file.url) {\n      getThumbnail(function (previewImage) {\n        setPreviewImage(previewImage);\n      });\n    }\n  }, [file.url, getThumbnail]);\n  var handlePreview = (0, _react.useCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n\n    onPreview === null || onPreview === void 0 ? void 0 : onPreview(file, event);\n  }, [disabled, file, onPreview]);\n  var handleRemove = (0, _react.useCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n\n    onCancel === null || onCancel === void 0 ? void 0 : onCancel(file.fileKey, event);\n  }, [disabled, file.fileKey, onCancel]);\n  var handleReupload = (0, _react.useCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n\n    onReupload === null || onReupload === void 0 ? void 0 : onReupload(file, event);\n  }, [disabled, file, onReupload]);\n  /**\n   * Rendering progress bar\n   */\n\n  var renderProgressBar = function renderProgressBar() {\n    var _file$progress = file.progress,\n        progress = _file$progress === void 0 ? 0 : _file$progress,\n        status = file.status;\n    var show = !disabled && status === 'uploading';\n    var visibility = show ? 'visible' : 'hidden';\n    var wrapStyle = {\n      visibility: visibility\n    };\n    var progressbarStyle = {\n      width: progress + \"%\"\n    };\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('progress'),\n      style: wrapStyle,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 158,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('progress-bar'),\n      style: progressbarStyle,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 159,\n        columnNumber: 11\n      }\n    }));\n  };\n\n  var renderPreview = function renderPreview() {\n    if (previewImage) {\n      return /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: prefix('preview'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 167,\n          columnNumber: 11\n        }\n      }, /*#__PURE__*/_react.default.createElement(\"img\", {\n        role: \"presentation\",\n        src: previewImage,\n        alt: file.name,\n        onClick: handlePreview,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 168,\n          columnNumber: 13\n        }\n      }));\n    }\n\n    return null;\n  };\n  /**\n   * Render the loading state.\n   */\n\n\n  var renderIcon = function renderIcon() {\n    var uploading = file.status === 'uploading';\n    var classes = prefix('icon-wrapper', {\n      'icon-loading': uploading\n    });\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: classes,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 183,\n        columnNumber: 9\n      }\n    }, uploading ? /*#__PURE__*/_react.default.createElement(\"i\", {\n      className: prefix('icon'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 184,\n        columnNumber: 24\n      }\n    }) : /*#__PURE__*/_react.default.createElement(_Attachment.default, {\n      className: prefix('icon'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 184,\n        columnNumber: 59\n      }\n    }));\n  };\n  /**\n   * Render the remove file button.\n   */\n\n\n  var renderRemoveButton = function renderRemoveButton() {\n    if (!removable) {\n      return null;\n    }\n\n    return /*#__PURE__*/_react.default.createElement(_CloseButton.default, {\n      className: prefix('btn-remove'),\n      onClick: handleRemove,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 197,\n        columnNumber: 14\n      }\n    });\n  };\n  /**\n   * Render error messages.\n   */\n\n\n  var renderErrorStatus = function renderErrorStatus() {\n    if (file.status === 'error') {\n      return /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: prefix('status'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 206,\n          columnNumber: 11\n        }\n      }, /*#__PURE__*/_react.default.createElement(\"span\", {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 207,\n          columnNumber: 14\n        }\n      }, locale === null || locale === void 0 ? void 0 : locale.error), allowReupload && /*#__PURE__*/_react.default.createElement(\"a\", {\n        role: \"button\",\n        tabIndex: -1,\n        onClick: handleReupload,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 209,\n          columnNumber: 15\n        }\n      }, /*#__PURE__*/_react.default.createElement(_Reload.default, {\n        className: prefix('icon-reupload'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 210,\n          columnNumber: 17\n        }\n      })));\n    }\n\n    return null;\n  };\n  /**\n   * Render file size.\n   */\n\n\n  var renderFileSize = function renderFileSize() {\n    if (file.status !== 'error' && file.blobFile) {\n      var _file$blobFile2;\n\n      return /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: prefix('size'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 224,\n          columnNumber: 16\n        }\n      }, formatSize(file === null || file === void 0 ? void 0 : (_file$blobFile2 = file.blobFile) === null || _file$blobFile2 === void 0 ? void 0 : _file$blobFile2.size));\n    }\n\n    return null;\n  };\n  /**\n   * Render file panel\n   */\n\n\n  var renderFilePanel = function renderFilePanel() {\n    var fileElement = /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('title'),\n      onClick: handlePreview,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 234,\n        columnNumber: 9\n      }\n    }, file.name);\n\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('panel'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 239,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('content'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 240,\n        columnNumber: 11\n      }\n    }, renderFileInfo ? renderFileInfo(file, fileElement) : fileElement, renderErrorStatus(), renderFileSize()));\n  };\n\n  if (listType === 'picture') {\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n      ref: ref,\n      className: classes,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 251,\n        columnNumber: 9\n      }\n    }), renderIcon(), renderPreview(), renderErrorStatus(), renderRemoveButton());\n  }\n\n  if (listType === 'picture-text') {\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n      ref: ref,\n      className: classes,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 262,\n        columnNumber: 9\n      }\n    }), renderIcon(), renderPreview(), renderFilePanel(), renderProgressBar(), renderRemoveButton());\n  }\n\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 273,\n      columnNumber: 7\n    }\n  }), renderIcon(), renderFilePanel(), renderProgressBar(), renderRemoveButton());\n});\n\nUploadFileItem.displayName = 'UploadFileItem';\nUploadFileItem.defaultProps = defaultProps;\nUploadFileItem.propTypes = {\n  locale: _propTypes.default.any,\n  file: _propTypes.default.object,\n  listType: _propTypes.default.oneOf(['text', 'picture-text', 'picture']),\n  disabled: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  maxPreviewFileSize: _propTypes.default.number,\n  classPrefix: _propTypes.default.string,\n  removable: _propTypes.default.bool,\n  allowReupload: _propTypes.default.bool,\n  renderFileInfo: _propTypes.default.func,\n  onCancel: _propTypes.default.func,\n  onPreview: _propTypes.default.func,\n  onReupload: _propTypes.default.func\n};\nvar _default = UploadFileItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Uploader/UploadFileItem.tsx?");
 
 /***/ }),
 
@@ -4080,7 +4289,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _find = _interopRequireDefault(__webpack_require__(/*! lodash/find */ \"./node_modules/lodash/find.js\"));\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 _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/Plaintext/index.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Uploader/Uploader.tsx\",\n    _this = void 0;\n\nvar defaultProps = {\n  as: 'div',\n  classPrefix: 'uploader',\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 getFiles = function getFiles(event) {\n  if (typeof (event === null || event === void 0 ? void 0 : event['dataTransfer']) === 'object') {\n    var _event$dataTransfer;\n\n    return event === null || event === void 0 ? void 0 : (_event$dataTransfer = event['dataTransfer']) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.files;\n  }\n\n  if (event.target) {\n    return event.target['files'];\n  }\n\n  return [];\n};\n\nvar createFile = function createFile(file) {\n  var fileKey = file.fileKey;\n  return (0, _extends2.default)({}, file, {\n    fileKey: fileKey || (0, _utils.guid)(),\n    progress: 0\n  });\n};\n\nfunction fileListReducer(files, action) {\n  var _action$files;\n\n  switch (action.type) {\n    // Add one or more files\n    case 'push':\n      return [].concat(files, action.files);\n    // Remove a file by `fileKey`\n\n    case 'remove':\n      return files.filter(function (f) {\n        return f.fileKey !== action.fileKey;\n      });\n    // Update a file\n\n    case 'updateFile':\n      return files.map(function (file) {\n        return file.fileKey === action.file.fileKey ? action.file : file;\n      });\n    // Initialization file list\n\n    case 'init':\n      return ((_action$files = action.files) === null || _action$files === void 0 ? void 0 : _action$files.map(function (file) {\n        // The state of the file needs to be preserved when the `fileList` is controlled.\n        return files.find(function (f) {\n          return f.fileKey === file.fileKey;\n        }) || createFile(file);\n      })) || [];\n\n    default:\n      throw new Error();\n  }\n}\n\nvar useFileList = function useFileList(defaultFileList) {\n  if (defaultFileList === void 0) {\n    defaultFileList = [];\n  }\n\n  var fileListRef = (0, _react.useRef)(defaultFileList.map(createFile));\n  var fileListUpdateCallback = (0, _react.useRef)();\n\n  var _useReducer = (0, _react.useReducer)(fileListReducer, fileListRef.current),\n      fileList = _useReducer[0],\n      dispatch = _useReducer[1];\n\n  fileListRef.current = fileList;\n  (0, _react.useEffect)(function () {\n    var _fileListUpdateCallba;\n\n    (_fileListUpdateCallba = fileListUpdateCallback.current) === null || _fileListUpdateCallba === void 0 ? void 0 : _fileListUpdateCallba.call(fileListUpdateCallback, fileList);\n    fileListUpdateCallback.current = null;\n  }, [fileList]);\n  var dispatchCallback = (0, _react.useCallback)(function (action, callback) {\n    dispatch(action);\n    fileListUpdateCallback.current = callback;\n  }, []);\n  return [fileListRef, dispatchCallback];\n};\n\nvar Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var Component = props.as,\n      classPrefix = props.classPrefix,\n      className = props.className,\n      listType = props.listType,\n      defaultFileList = props.defaultFileList,\n      fileListProp = props.fileList,\n      fileListVisible = props.fileListVisible,\n      localeProp = props.locale,\n      style = props.style,\n      draggable = props.draggable,\n      name = props.name,\n      multiple = props.multiple,\n      disabled = props.disabled,\n      readOnly = props.readOnly,\n      plaintext = props.plaintext,\n      accept = props.accept,\n      children = props.children,\n      toggleAs = props.toggleAs,\n      removable = props.removable,\n      disabledFileItem = props.disabledFileItem,\n      maxPreviewFileSize = props.maxPreviewFileSize,\n      autoUpload = props.autoUpload,\n      action = props.action,\n      headers = props.headers,\n      withCredentials = props.withCredentials,\n      timeout = props.timeout,\n      data = props.data,\n      onRemove = props.onRemove,\n      onUpload = props.onUpload,\n      shouldUpload = props.shouldUpload,\n      shouldQueueUpdate = props.shouldQueueUpdate,\n      renderFileInfo = props.renderFileInfo,\n      onPreview = props.onPreview,\n      onChange = props.onChange,\n      onSuccess = props.onSuccess,\n      onError = props.onError,\n      onProgress = props.onProgress,\n      onReupload = props.onReupload,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"className\", \"listType\", \"defaultFileList\", \"fileList\", \"fileListVisible\", \"locale\", \"style\", \"draggable\", \"name\", \"multiple\", \"disabled\", \"readOnly\", \"plaintext\", \"accept\", \"children\", \"toggleAs\", \"removable\", \"disabledFileItem\", \"maxPreviewFileSize\", \"autoUpload\", \"action\", \"headers\", \"withCredentials\", \"timeout\", \"data\", \"onRemove\", \"onUpload\", \"shouldUpload\", \"shouldQueueUpdate\", \"renderFileInfo\", \"onPreview\", \"onChange\", \"onSuccess\", \"onError\", \"onProgress\", \"onReupload\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix(listType, {\n    draggable: draggable\n  }));\n\n  var _useCustom = (0, _utils.useCustom)('Uploader', localeProp),\n      locale = _useCustom.locale;\n\n  var rootRef = (0, _react.useRef)();\n  var xhrs = (0, _react.useRef)({});\n  var trigger = (0, _react.useRef)();\n\n  var _useFileList = useFileList(fileListProp || defaultFileList),\n      fileList = _useFileList[0],\n      dispatch = _useFileList[1];\n\n  (0, _react.useEffect)(function () {\n    if (typeof fileListProp !== 'undefined') {\n      // Force reset fileList in reducer, when `fileListProp` is updated\n      dispatch({\n        type: 'init',\n        files: fileListProp\n      });\n    }\n  }, [dispatch, fileListProp]);\n  var updateFileStatus = (0, _react.useCallback)(function (nextFile) {\n    dispatch({\n      type: 'updateFile',\n      file: nextFile\n    });\n  }, [dispatch]);\n  /**\n   * Clear the value in input.\n   */\n\n  var cleanInputValue = (0, _react.useCallback)(function () {\n    trigger.current.clearInput();\n  }, []);\n  /**\n   * Callback for successful file upload.\n   * @param file\n   * @param response\n   * @param event\n   * @param xhr\n   */\n\n  var handleAjaxUploadSuccess = (0, _react.useCallback)(function (file, response, event, xhr) {\n    var nextFile = (0, _extends2.default)({}, file, {\n      status: 'finished',\n      progress: 100\n    });\n    updateFileStatus(nextFile);\n    onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response, nextFile, event, xhr);\n  }, [onSuccess, updateFileStatus]);\n  /**\n   * Callback for file upload error.\n   * @param file\n   * @param status\n   * @param event\n   * @param xhr\n   */\n\n  var handleAjaxUploadError = (0, _react.useCallback)(function (file, status, event, xhr) {\n    var nextFile = (0, _extends2.default)({}, file, {\n      status: 'error'\n    });\n    updateFileStatus(nextFile);\n    onError === null || onError === void 0 ? void 0 : onError(status, nextFile, event, xhr);\n  }, [onError, updateFileStatus]);\n  /**\n   * Callback for file upload progress update.\n   * @param file\n   * @param percent\n   * @param event\n   * @param xhr\n   */\n\n  var handleAjaxUploadProgress = (0, _react.useCallback)(function (file, percent, event, xhr) {\n    var nextFile = (0, _extends2.default)({}, file, {\n      status: 'uploading',\n      progress: percent\n    });\n    updateFileStatus(nextFile);\n    onProgress === null || onProgress === void 0 ? void 0 : onProgress(percent, nextFile, event, xhr);\n  }, [onProgress, updateFileStatus]);\n  /**\n   * Upload a single file.\n   * @param file\n   */\n\n  var handleUploadFile = (0, _react.useCallback)(function (file) {\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: handleAjaxUploadError.bind(null, file),\n      onSuccess: handleAjaxUploadSuccess.bind(null, file),\n      onProgress: handleAjaxUploadProgress.bind(null, file)\n    });\n    updateFileStatus((0, _extends2.default)({}, file, {\n      status: 'uploading'\n    }));\n    xhrs.current[file.fileKey] = xhr;\n    onUpload === null || onUpload === void 0 ? void 0 : onUpload(file);\n  }, [action, data, handleAjaxUploadError, handleAjaxUploadProgress, handleAjaxUploadSuccess, headers, name, onUpload, timeout, updateFileStatus, withCredentials]);\n  var handleAjaxUpload = (0, _react.useCallback)(function () {\n    fileList.current.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            handleUploadFile(file);\n          }\n        });\n        return;\n      } else if (checkState === false) {\n        return;\n      }\n\n      if (file.status === 'inited') {\n        handleUploadFile(file);\n      }\n    });\n    cleanInputValue();\n  }, [cleanInputValue, fileList, handleUploadFile, shouldUpload]);\n\n  var handleUploadTriggerChange = function handleUploadTriggerChange(event) {\n    var files = 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, _utils.guid)()\n      });\n    });\n    var nextFileList = [].concat(fileList.current, newFileList);\n    var checkState = shouldQueueUpdate === null || shouldQueueUpdate === void 0 ? void 0 : shouldQueueUpdate(nextFileList, newFileList);\n\n    if (checkState === false) {\n      cleanInputValue();\n      return;\n    }\n\n    var upload = function upload() {\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextFileList);\n      dispatch({\n        type: 'push',\n        files: newFileList\n      }, function () {\n        autoUpload && handleAjaxUpload();\n      });\n    };\n\n    if (checkState instanceof Promise) {\n      checkState.then(function (res) {\n        res && upload();\n      });\n      return;\n    }\n\n    upload();\n  };\n\n  var handleRemoveFile = function handleRemoveFile(fileKey) {\n    var _xhrs$current, _xhrs$current$file$fi;\n\n    var file = (0, _find.default)(fileList.current, function (f) {\n      return f.fileKey === fileKey;\n    });\n    var nextFileList = fileList.current.filter(function (f) {\n      return f.fileKey !== fileKey;\n    });\n\n    if (((_xhrs$current = xhrs.current) === null || _xhrs$current === void 0 ? void 0 : (_xhrs$current$file$fi = _xhrs$current[file.fileKey]) === null || _xhrs$current$file$fi === void 0 ? void 0 : _xhrs$current$file$fi.readyState) !== 4) {\n      var _xhrs$current$file$fi2;\n\n      (_xhrs$current$file$fi2 = xhrs.current[file.fileKey]) === null || _xhrs$current$file$fi2 === void 0 ? void 0 : _xhrs$current$file$fi2.abort();\n    }\n\n    dispatch({\n      type: 'remove',\n      fileKey: fileKey\n    });\n    onRemove === null || onRemove === void 0 ? void 0 : onRemove(file);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextFileList);\n    cleanInputValue();\n  };\n\n  var handleReupload = function handleReupload(file) {\n    autoUpload && handleUploadFile(file);\n    onReupload === null || onReupload === void 0 ? void 0 : onReupload(file);\n  }; // public API\n\n\n  var start = function start(file) {\n    if (file) {\n      handleUploadFile(file);\n      return;\n    }\n\n    handleAjaxUpload();\n  };\n\n  (0, _react.useImperativeHandle)(ref, function () {\n    return {\n      root: rootRef.current,\n      start: start\n    };\n  });\n  var renderList = [/*#__PURE__*/_react.default.createElement(_UploadTrigger.default, (0, _extends2.default)({}, rest, {\n    locale: locale,\n    name: name,\n    key: \"trigger\",\n    multiple: multiple,\n    draggable: draggable,\n    disabled: disabled,\n    readOnly: readOnly,\n    accept: accept,\n    ref: trigger,\n    onChange: handleUploadTriggerChange,\n    as: toggleAs,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 528,\n      columnNumber: 5\n    }\n  }), children)];\n\n  if (fileListVisible) {\n    renderList.push( /*#__PURE__*/_react.default.createElement(\"div\", {\n      key: \"items\",\n      className: prefix('file-items'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 548,\n        columnNumber: 7\n      }\n    }, fileList.current.map(function (file, index) {\n      return /*#__PURE__*/_react.default.createElement(_UploadFileItem.default, {\n        locale: locale,\n        key: file.fileKey || index,\n        file: file,\n        maxPreviewFileSize: maxPreviewFileSize,\n        listType: listType,\n        disabled: disabledFileItem,\n        onPreview: onPreview,\n        onReupload: handleReupload,\n        onCancel: handleRemoveFile,\n        renderFileInfo: renderFileInfo,\n        removable: removable && !readOnly && !plaintext,\n        allowReupload: !readOnly && !plaintext,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 550,\n          columnNumber: 11\n        }\n      });\n    })));\n  }\n\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      localeKey: \"notUploaded\",\n      className: withClassPrefix(listType),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 571,\n        columnNumber: 7\n      }\n    }, fileList.current.length ? renderList[1] : null);\n  }\n\n  if (listType === 'picture') {\n    renderList.reverse();\n  }\n\n  return /*#__PURE__*/_react.default.createElement(Component, {\n    ref: rootRef,\n    className: classes,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 582,\n      columnNumber: 5\n    }\n  }, renderList);\n});\n\nUploader.displayName = 'Uploader';\nUploader.defaultProps = defaultProps;\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.any,\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  toggleAs: _propTypes.default.elementType,\n  renderFileInfo: _propTypes.default.func,\n  removable: _propTypes.default.bool,\n  fileListVisible: _propTypes.default.bool,\n  draggable: _propTypes.default.bool\n};\nvar _default = Uploader;\nexports.default = _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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _find = _interopRequireDefault(__webpack_require__(/*! lodash/find */ \"./node_modules/lodash/find.js\"));\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 _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/Plaintext/index.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Uploader/Uploader.tsx\",\n    _this = void 0;\n\nvar defaultProps = {\n  as: 'div',\n  classPrefix: 'uploader',\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 getFiles = function getFiles(event) {\n  if (typeof (event === null || event === void 0 ? void 0 : event['dataTransfer']) === 'object') {\n    var _event$dataTransfer;\n\n    return event === null || event === void 0 ? void 0 : (_event$dataTransfer = event['dataTransfer']) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.files;\n  }\n\n  if (event.target) {\n    return event.target['files'];\n  }\n\n  return [];\n};\n\nvar createFile = function createFile(file) {\n  var fileKey = file.fileKey;\n  return (0, _extends2.default)({}, file, {\n    fileKey: fileKey || (0, _utils.guid)(),\n    progress: 0\n  });\n};\n\nfunction fileListReducer(files, action) {\n  var _action$files;\n\n  switch (action.type) {\n    // Add one or more files\n    case 'push':\n      return [].concat(files, action.files);\n    // Remove a file by `fileKey`\n\n    case 'remove':\n      return files.filter(function (f) {\n        return f.fileKey !== action.fileKey;\n      });\n    // Update a file\n\n    case 'updateFile':\n      return files.map(function (file) {\n        return file.fileKey === action.file.fileKey ? action.file : file;\n      });\n    // Initialization file list\n\n    case 'init':\n      return ((_action$files = action.files) === null || _action$files === void 0 ? void 0 : _action$files.map(function (file) {\n        // The state of the file needs to be preserved when the `fileList` is controlled.\n        return files.find(function (f) {\n          return f.fileKey === file.fileKey;\n        }) || createFile(file);\n      })) || [];\n\n    default:\n      throw new Error();\n  }\n}\n\nvar useFileList = function useFileList(defaultFileList) {\n  if (defaultFileList === void 0) {\n    defaultFileList = [];\n  }\n\n  var fileListRef = (0, _react.useRef)(defaultFileList.map(createFile));\n  var fileListUpdateCallback = (0, _react.useRef)();\n\n  var _useReducer = (0, _react.useReducer)(fileListReducer, fileListRef.current),\n      fileList = _useReducer[0],\n      dispatch = _useReducer[1];\n\n  fileListRef.current = fileList;\n  (0, _react.useEffect)(function () {\n    var _fileListUpdateCallba;\n\n    (_fileListUpdateCallba = fileListUpdateCallback.current) === null || _fileListUpdateCallba === void 0 ? void 0 : _fileListUpdateCallba.call(fileListUpdateCallback, fileList);\n    fileListUpdateCallback.current = null;\n  }, [fileList]);\n  var dispatchCallback = (0, _react.useCallback)(function (action, callback) {\n    dispatch(action);\n    fileListUpdateCallback.current = callback;\n  }, []);\n  return [fileListRef, dispatchCallback];\n};\n\nvar Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var Component = props.as,\n      classPrefix = props.classPrefix,\n      className = props.className,\n      listType = props.listType,\n      defaultFileList = props.defaultFileList,\n      fileListProp = props.fileList,\n      fileListVisible = props.fileListVisible,\n      localeProp = props.locale,\n      style = props.style,\n      draggable = props.draggable,\n      name = props.name,\n      multiple = props.multiple,\n      disabled = props.disabled,\n      readOnly = props.readOnly,\n      plaintext = props.plaintext,\n      accept = props.accept,\n      children = props.children,\n      toggleAs = props.toggleAs,\n      removable = props.removable,\n      disabledFileItem = props.disabledFileItem,\n      maxPreviewFileSize = props.maxPreviewFileSize,\n      autoUpload = props.autoUpload,\n      action = props.action,\n      headers = props.headers,\n      withCredentials = props.withCredentials,\n      disableMultipart = props.disableMultipart,\n      timeout = props.timeout,\n      data = props.data,\n      onRemove = props.onRemove,\n      onUpload = props.onUpload,\n      shouldUpload = props.shouldUpload,\n      shouldQueueUpdate = props.shouldQueueUpdate,\n      renderFileInfo = props.renderFileInfo,\n      onPreview = props.onPreview,\n      onChange = props.onChange,\n      onSuccess = props.onSuccess,\n      onError = props.onError,\n      onProgress = props.onProgress,\n      onReupload = props.onReupload,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"className\", \"listType\", \"defaultFileList\", \"fileList\", \"fileListVisible\", \"locale\", \"style\", \"draggable\", \"name\", \"multiple\", \"disabled\", \"readOnly\", \"plaintext\", \"accept\", \"children\", \"toggleAs\", \"removable\", \"disabledFileItem\", \"maxPreviewFileSize\", \"autoUpload\", \"action\", \"headers\", \"withCredentials\", \"disableMultipart\", \"timeout\", \"data\", \"onRemove\", \"onUpload\", \"shouldUpload\", \"shouldQueueUpdate\", \"renderFileInfo\", \"onPreview\", \"onChange\", \"onSuccess\", \"onError\", \"onProgress\", \"onReupload\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix(listType, {\n    draggable: draggable\n  }));\n\n  var _useCustom = (0, _utils.useCustom)('Uploader', localeProp),\n      locale = _useCustom.locale;\n\n  var rootRef = (0, _react.useRef)();\n  var xhrs = (0, _react.useRef)({});\n  var trigger = (0, _react.useRef)();\n\n  var _useFileList = useFileList(fileListProp || defaultFileList),\n      fileList = _useFileList[0],\n      dispatch = _useFileList[1];\n\n  (0, _react.useEffect)(function () {\n    if (typeof fileListProp !== 'undefined') {\n      // Force reset fileList in reducer, when `fileListProp` is updated\n      dispatch({\n        type: 'init',\n        files: fileListProp\n      });\n    }\n  }, [dispatch, fileListProp]);\n  var updateFileStatus = (0, _react.useCallback)(function (nextFile) {\n    dispatch({\n      type: 'updateFile',\n      file: nextFile\n    });\n  }, [dispatch]);\n  /**\n   * Clear the value in input.\n   */\n\n  var cleanInputValue = (0, _react.useCallback)(function () {\n    trigger.current.clearInput();\n  }, []);\n  /**\n   * Callback for successful file upload.\n   * @param file\n   * @param response\n   * @param event\n   * @param xhr\n   */\n\n  var handleAjaxUploadSuccess = (0, _react.useCallback)(function (file, response, event, xhr) {\n    var nextFile = (0, _extends2.default)({}, file, {\n      status: 'finished',\n      progress: 100\n    });\n    updateFileStatus(nextFile);\n    onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response, nextFile, event, xhr);\n  }, [onSuccess, updateFileStatus]);\n  /**\n   * Callback for file upload error.\n   * @param file\n   * @param status\n   * @param event\n   * @param xhr\n   */\n\n  var handleAjaxUploadError = (0, _react.useCallback)(function (file, status, event, xhr) {\n    var nextFile = (0, _extends2.default)({}, file, {\n      status: 'error'\n    });\n    updateFileStatus(nextFile);\n    onError === null || onError === void 0 ? void 0 : onError(status, nextFile, event, xhr);\n  }, [onError, updateFileStatus]);\n  /**\n   * Callback for file upload progress update.\n   * @param file\n   * @param percent\n   * @param event\n   * @param xhr\n   */\n\n  var handleAjaxUploadProgress = (0, _react.useCallback)(function (file, percent, event, xhr) {\n    var nextFile = (0, _extends2.default)({}, file, {\n      status: 'uploading',\n      progress: percent\n    });\n    updateFileStatus(nextFile);\n    onProgress === null || onProgress === void 0 ? void 0 : onProgress(percent, nextFile, event, xhr);\n  }, [onProgress, updateFileStatus]);\n  /**\n   * Upload a single file.\n   * @param file\n   */\n\n  var handleUploadFile = (0, _react.useCallback)(function (file) {\n    var _ajaxUpload = (0, _utils.ajaxUpload)({\n      name: name,\n      timeout: timeout,\n      headers: headers,\n      data: data,\n      withCredentials: withCredentials,\n      disableMultipart: disableMultipart,\n      file: file.blobFile,\n      url: action,\n      onError: handleAjaxUploadError.bind(null, file),\n      onSuccess: handleAjaxUploadSuccess.bind(null, file),\n      onProgress: handleAjaxUploadProgress.bind(null, file)\n    }),\n        xhr = _ajaxUpload.xhr,\n        uploadData = _ajaxUpload.data;\n\n    updateFileStatus((0, _extends2.default)({}, file, {\n      status: 'uploading'\n    }));\n    xhrs.current[file.fileKey] = xhr;\n    onUpload === null || onUpload === void 0 ? void 0 : onUpload(file, uploadData, xhr);\n  }, [action, data, handleAjaxUploadError, handleAjaxUploadProgress, handleAjaxUploadSuccess, headers, name, onUpload, timeout, updateFileStatus, withCredentials, disableMultipart]);\n  var handleAjaxUpload = (0, _react.useCallback)(function () {\n    fileList.current.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            handleUploadFile(file);\n          }\n        });\n        return;\n      } else if (checkState === false) {\n        return;\n      }\n\n      if (file.status === 'inited') {\n        handleUploadFile(file);\n      }\n    });\n    cleanInputValue();\n  }, [cleanInputValue, fileList, handleUploadFile, shouldUpload]);\n\n  var handleUploadTriggerChange = function handleUploadTriggerChange(event) {\n    var files = 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, _utils.guid)()\n      });\n    });\n    var nextFileList = [].concat(fileList.current, newFileList);\n    var checkState = shouldQueueUpdate === null || shouldQueueUpdate === void 0 ? void 0 : shouldQueueUpdate(nextFileList, newFileList);\n\n    if (checkState === false) {\n      cleanInputValue();\n      return;\n    }\n\n    var upload = function upload() {\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextFileList);\n      dispatch({\n        type: 'push',\n        files: newFileList\n      }, function () {\n        autoUpload && handleAjaxUpload();\n      });\n    };\n\n    if (checkState instanceof Promise) {\n      checkState.then(function (res) {\n        res && upload();\n      });\n      return;\n    }\n\n    upload();\n  };\n\n  var handleRemoveFile = function handleRemoveFile(fileKey) {\n    var _xhrs$current, _xhrs$current$file$fi;\n\n    var file = (0, _find.default)(fileList.current, function (f) {\n      return f.fileKey === fileKey;\n    });\n    var nextFileList = fileList.current.filter(function (f) {\n      return f.fileKey !== fileKey;\n    });\n\n    if (((_xhrs$current = xhrs.current) === null || _xhrs$current === void 0 ? void 0 : (_xhrs$current$file$fi = _xhrs$current[file.fileKey]) === null || _xhrs$current$file$fi === void 0 ? void 0 : _xhrs$current$file$fi.readyState) !== 4) {\n      var _xhrs$current$file$fi2;\n\n      (_xhrs$current$file$fi2 = xhrs.current[file.fileKey]) === null || _xhrs$current$file$fi2 === void 0 ? void 0 : _xhrs$current$file$fi2.abort();\n    }\n\n    dispatch({\n      type: 'remove',\n      fileKey: fileKey\n    });\n    onRemove === null || onRemove === void 0 ? void 0 : onRemove(file);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextFileList);\n    cleanInputValue();\n  };\n\n  var handleReupload = function handleReupload(file) {\n    autoUpload && handleUploadFile(file);\n    onReupload === null || onReupload === void 0 ? void 0 : onReupload(file);\n  }; // public API\n\n\n  var start = function start(file) {\n    if (file) {\n      handleUploadFile(file);\n      return;\n    }\n\n    handleAjaxUpload();\n  };\n\n  (0, _react.useImperativeHandle)(ref, function () {\n    return {\n      root: rootRef.current,\n      start: start\n    };\n  });\n  var renderList = [/*#__PURE__*/_react.default.createElement(_UploadTrigger.default, (0, _extends2.default)({}, rest, {\n    locale: locale,\n    name: name,\n    key: \"trigger\",\n    multiple: multiple,\n    draggable: draggable,\n    disabled: disabled,\n    readOnly: readOnly,\n    accept: accept,\n    ref: trigger,\n    onChange: handleUploadTriggerChange,\n    as: toggleAs,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 537,\n      columnNumber: 5\n    }\n  }), children)];\n\n  if (fileListVisible) {\n    renderList.push( /*#__PURE__*/_react.default.createElement(\"div\", {\n      key: \"items\",\n      className: prefix('file-items'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 557,\n        columnNumber: 7\n      }\n    }, fileList.current.map(function (file, index) {\n      return /*#__PURE__*/_react.default.createElement(_UploadFileItem.default, {\n        locale: locale,\n        key: file.fileKey || index,\n        file: file,\n        maxPreviewFileSize: maxPreviewFileSize,\n        listType: listType,\n        disabled: disabledFileItem,\n        onPreview: onPreview,\n        onReupload: handleReupload,\n        onCancel: handleRemoveFile,\n        renderFileInfo: renderFileInfo,\n        removable: removable && !readOnly && !plaintext,\n        allowReupload: !readOnly && !plaintext,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 559,\n          columnNumber: 11\n        }\n      });\n    })));\n  }\n\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      localeKey: \"notUploaded\",\n      className: withClassPrefix(listType),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 580,\n        columnNumber: 7\n      }\n    }, fileList.current.length ? renderList[1] : null);\n  }\n\n  if (listType === 'picture') {\n    renderList.reverse();\n  }\n\n  return /*#__PURE__*/_react.default.createElement(Component, {\n    ref: rootRef,\n    className: classes,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 591,\n      columnNumber: 5\n    }\n  }, renderList);\n});\n\nUploader.displayName = 'Uploader';\nUploader.defaultProps = defaultProps;\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.any,\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  toggleAs: _propTypes.default.elementType,\n  renderFileInfo: _propTypes.default.func,\n  removable: _propTypes.default.bool,\n  fileListVisible: _propTypes.default.bool,\n  draggable: _propTypes.default.bool,\n  disableMultipart: _propTypes.default.bool\n};\nvar _default = Uploader;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Uploader/Uploader.tsx?");
 
 /***/ }),
 
@@ -4124,7 +4333,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.PanelGroup = exports.Panel = exports.CheckTree = exports.Tree = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DatePicker = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.Avatar = exports.Badge = exports.Placeholder = exports.Divider = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;\n\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ./Button */ \"./src/Button/index.tsx\"));\n\nexports.Button = _Button.default;\n\nvar _IconButton = _interopRequireDefault(__webpack_require__(/*! ./IconButton */ \"./src/IconButton/index.tsx\"));\n\nexports.IconButton = _IconButton.default;\n\nvar _ButtonToolbar = _interopRequireDefault(__webpack_require__(/*! ./ButtonToolbar */ \"./src/ButtonToolbar/index.tsx\"));\n\nexports.ButtonToolbar = _ButtonToolbar.default;\n\nvar _ButtonGroup = _interopRequireDefault(__webpack_require__(/*! ./ButtonGroup */ \"./src/ButtonGroup/index.tsx\"));\n\nexports.ButtonGroup = _ButtonGroup.default;\n\nvar _Whisper = _interopRequireDefault(__webpack_require__(/*! ./Whisper */ \"./src/Whisper/index.tsx\"));\n\nexports.Whisper = _Whisper.default;\n\nvar _Tooltip = _interopRequireDefault(__webpack_require__(/*! ./Tooltip */ \"./src/Tooltip/index.tsx\"));\n\nexports.Tooltip = _Tooltip.default;\n\nvar _Popover = _interopRequireDefault(__webpack_require__(/*! ./Popover */ \"./src/Popover/index.tsx\"));\n\nexports.Popover = _Popover.default;\n\nvar _Modal = _interopRequireDefault(__webpack_require__(/*! ./Modal */ \"./src/Modal/index.tsx\"));\n\nexports.Modal = _Modal.default;\n\nvar _Notification = _interopRequireDefault(__webpack_require__(/*! ./Notification */ \"./src/Notification/index.tsx\"));\n\nexports.Notification = _Notification.default;\n\nvar _Message = _interopRequireDefault(__webpack_require__(/*! ./Message */ \"./src/Message/index.tsx\"));\n\nexports.Message = _Message.default;\n\nvar _Drawer = _interopRequireDefault(__webpack_require__(/*! ./Drawer */ \"./src/Drawer/index.tsx\"));\n\nexports.Drawer = _Drawer.default;\n\nvar _Loader = _interopRequireDefault(__webpack_require__(/*! ./Loader */ \"./src/Loader/index.tsx\"));\n\nexports.Loader = _Loader.default;\n\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ./SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\n\nexports.SafeAnchor = _SafeAnchor.default;\n\nvar _Divider = _interopRequireDefault(__webpack_require__(/*! ./Divider */ \"./src/Divider/index.tsx\"));\n\nexports.Divider = _Divider.default;\n\nvar _Placeholder = _interopRequireDefault(__webpack_require__(/*! ./Placeholder */ \"./src/Placeholder/index.tsx\"));\n\nexports.Placeholder = _Placeholder.default;\n\nvar _Badge = _interopRequireDefault(__webpack_require__(/*! ./Badge */ \"./src/Badge/index.tsx\"));\n\nexports.Badge = _Badge.default;\n\nvar _Avatar = _interopRequireDefault(__webpack_require__(/*! ./Avatar */ \"./src/Avatar/index.tsx\"));\n\nexports.Avatar = _Avatar.default;\n\nvar _toaster = _interopRequireDefault(__webpack_require__(/*! ./toaster */ \"./src/toaster/index.tsx\"));\n\nexports.toaster = _toaster.default;\n\nvar _Dropdown = _interopRequireDefault(__webpack_require__(/*! ./Dropdown */ \"./src/Dropdown/index.tsx\"));\n\nexports.Dropdown = _Dropdown.default;\n\nvar _Nav = _interopRequireDefault(__webpack_require__(/*! ./Nav */ \"./src/Nav/index.tsx\"));\n\nexports.Nav = _Nav.default;\n\nvar _Navbar = _interopRequireDefault(__webpack_require__(/*! ./Navbar */ \"./src/Navbar/index.tsx\"));\n\nexports.Navbar = _Navbar.default;\n\nvar _Sidenav = _interopRequireDefault(__webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/index.tsx\"));\n\nexports.Sidenav = _Sidenav.default;\n\nvar _Breadcrumb = _interopRequireDefault(__webpack_require__(/*! ./Breadcrumb */ \"./src/Breadcrumb/index.tsx\"));\n\nexports.Breadcrumb = _Breadcrumb.default;\n\nvar _Pagination = _interopRequireDefault(__webpack_require__(/*! ./Pagination */ \"./src/Pagination/index.tsx\"));\n\nexports.Pagination = _Pagination.default;\n\nvar _Steps = _interopRequireDefault(__webpack_require__(/*! ./Steps */ \"./src/Steps/index.tsx\"));\n\nexports.Steps = _Steps.default;\n\nvar _Toggle = _interopRequireDefault(__webpack_require__(/*! ./Toggle */ \"./src/Toggle/index.tsx\"));\n\nexports.Toggle = _Toggle.default;\n\nvar _Form = _interopRequireDefault(__webpack_require__(/*! ./Form */ \"./src/Form/index.tsx\"));\n\nexports.Form = _Form.default;\n\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ./Input */ \"./src/Input/index.tsx\"));\n\nexports.Input = _Input.default;\n\nvar _InputNumber = _interopRequireDefault(__webpack_require__(/*! ./InputNumber */ \"./src/InputNumber/index.tsx\"));\n\nexports.InputNumber = _InputNumber.default;\n\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ./InputGroup */ \"./src/InputGroup/index.tsx\"));\n\nexports.InputGroup = _InputGroup.default;\n\nvar _Checkbox = _interopRequireDefault(__webpack_require__(/*! ./Checkbox */ \"./src/Checkbox/index.tsx\"));\n\nexports.Checkbox = _Checkbox.default;\n\nvar _CheckboxGroup = _interopRequireDefault(__webpack_require__(/*! ./CheckboxGroup */ \"./src/CheckboxGroup/index.tsx\"));\n\nexports.CheckboxGroup = _CheckboxGroup.default;\n\nvar _Radio = _interopRequireDefault(__webpack_require__(/*! ./Radio */ \"./src/Radio/index.tsx\"));\n\nexports.Radio = _Radio.default;\n\nvar _RadioGroup = _interopRequireDefault(__webpack_require__(/*! ./RadioGroup */ \"./src/RadioGroup/index.tsx\"));\n\nexports.RadioGroup = _RadioGroup.default;\n\nvar _SelectPicker = _interopRequireDefault(__webpack_require__(/*! ./SelectPicker */ \"./src/SelectPicker/index.tsx\"));\n\nexports.SelectPicker = _SelectPicker.default;\n\nvar _CheckPicker = _interopRequireDefault(__webpack_require__(/*! ./CheckPicker */ \"./src/CheckPicker/index.tsx\"));\n\nexports.CheckPicker = _CheckPicker.default;\n\nvar _InputPicker = _interopRequireDefault(__webpack_require__(/*! ./InputPicker */ \"./src/InputPicker/index.tsx\"));\n\nexports.InputPicker = _InputPicker.default;\n\nvar _TagPicker = _interopRequireDefault(__webpack_require__(/*! ./TagPicker */ \"./src/TagPicker/index.tsx\"));\n\nexports.TagPicker = _TagPicker.default;\n\nvar _TreePicker = _interopRequireDefault(__webpack_require__(/*! ./TreePicker */ \"./src/TreePicker/index.tsx\"));\n\nexports.TreePicker = _TreePicker.default;\n\nvar _CheckTreePicker = _interopRequireDefault(__webpack_require__(/*! ./CheckTreePicker */ \"./src/CheckTreePicker/index.tsx\"));\n\nexports.CheckTreePicker = _CheckTreePicker.default;\n\nvar _Cascader = _interopRequireDefault(__webpack_require__(/*! ./Cascader */ \"./src/Cascader/index.tsx\"));\n\nexports.Cascader = _Cascader.default;\n\nvar _MultiCascader = _interopRequireDefault(__webpack_require__(/*! ./MultiCascader */ \"./src/MultiCascader/index.tsx\"));\n\nexports.MultiCascader = _MultiCascader.default;\n\nvar _DatePicker = _interopRequireDefault(__webpack_require__(/*! ./DatePicker */ \"./src/DatePicker/index.tsx\"));\n\nexports.DatePicker = _DatePicker.default;\n\nvar _DateRangePicker = _interopRequireDefault(__webpack_require__(/*! ./DateRangePicker */ \"./src/DateRangePicker/index.tsx\"));\n\nexports.DateRangePicker = _DateRangePicker.default;\n\nvar _AutoComplete = _interopRequireDefault(__webpack_require__(/*! ./AutoComplete */ \"./src/AutoComplete/index.tsx\"));\n\nexports.AutoComplete = _AutoComplete.default;\n\nvar _Uploader = _interopRequireDefault(__webpack_require__(/*! ./Uploader */ \"./src/Uploader/index.tsx\"));\n\nexports.Uploader = _Uploader.default;\n\nvar _Slider = _interopRequireDefault(__webpack_require__(/*! ./Slider */ \"./src/Slider/index.tsx\"));\n\nexports.Slider = _Slider.default;\n\nvar _RangeSlider = _interopRequireDefault(__webpack_require__(/*! ./RangeSlider */ \"./src/RangeSlider/index.tsx\"));\n\nexports.RangeSlider = _RangeSlider.default;\n\nvar _Rate = _interopRequireDefault(__webpack_require__(/*! ./Rate */ \"./src/Rate/index.tsx\"));\n\nexports.Rate = _Rate.default;\n\nvar _Tree = _interopRequireDefault(__webpack_require__(/*! ./Tree */ \"./src/Tree/index.tsx\"));\n\nexports.Tree = _Tree.default;\n\nvar _CheckTree = _interopRequireDefault(__webpack_require__(/*! ./CheckTree */ \"./src/CheckTree/index.tsx\"));\n\nexports.CheckTree = _CheckTree.default;\n\nvar _Panel = _interopRequireDefault(__webpack_require__(/*! ./Panel */ \"./src/Panel/index.tsx\"));\n\nexports.Panel = _Panel.default;\n\nvar _PanelGroup = _interopRequireDefault(__webpack_require__(/*! ./PanelGroup */ \"./src/PanelGroup/index.tsx\"));\n\nexports.PanelGroup = _PanelGroup.default;\n\nvar _Table = _interopRequireDefault(__webpack_require__(/*! ./Table */ \"./src/Table/index.tsx\"));\n\nexports.Table = _Table.default;\n\nvar _Progress = _interopRequireDefault(__webpack_require__(/*! ./Progress */ \"./src/Progress/index.tsx\"));\n\nexports.Progress = _Progress.default;\n\nvar _Timeline = _interopRequireDefault(__webpack_require__(/*! ./Timeline */ \"./src/Timeline/index.tsx\"));\n\nexports.Timeline = _Timeline.default;\n\nvar _Tag = _interopRequireDefault(__webpack_require__(/*! ./Tag */ \"./src/Tag/index.tsx\"));\n\nexports.Tag = _Tag.default;\n\nvar _TagGroup = _interopRequireDefault(__webpack_require__(/*! ./TagGroup */ \"./src/TagGroup/index.tsx\"));\n\nexports.TagGroup = _TagGroup.default;\n\nvar _List = _interopRequireDefault(__webpack_require__(/*! ./List */ \"./src/List/index.tsx\"));\n\nexports.List = _List.default;\n\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! ./Calendar */ \"./src/Calendar/index.tsx\"));\n\nexports.Calendar = _Calendar.default;\n\nvar _Carousel = _interopRequireDefault(__webpack_require__(/*! ./Carousel */ \"./src/Carousel/index.tsx\"));\n\nexports.Carousel = _Carousel.default;\n\nvar _Grid = _interopRequireDefault(__webpack_require__(/*! ./Grid */ \"./src/Grid/index.tsx\"));\n\nexports.Grid = _Grid.default;\n\nvar _Row = _interopRequireDefault(__webpack_require__(/*! ./Row */ \"./src/Row/index.tsx\"));\n\nexports.Row = _Row.default;\n\nvar _Col = _interopRequireDefault(__webpack_require__(/*! ./Col */ \"./src/Col/index.tsx\"));\n\nexports.Col = _Col.default;\n\nvar _FlexboxGrid = _interopRequireDefault(__webpack_require__(/*! ./FlexboxGrid */ \"./src/FlexboxGrid/index.tsx\"));\n\nexports.FlexboxGrid = _FlexboxGrid.default;\n\nvar _Container = _interopRequireDefault(__webpack_require__(/*! ./Container */ \"./src/Container/index.tsx\"));\n\nexports.Container = _Container.default;\n\nvar _Content = _interopRequireDefault(__webpack_require__(/*! ./Content */ \"./src/Content/index.tsx\"));\n\nexports.Content = _Content.default;\n\nvar _Header = _interopRequireDefault(__webpack_require__(/*! ./Header */ \"./src/Header/index.tsx\"));\n\nexports.Header = _Header.default;\n\nvar _Sidebar = _interopRequireDefault(__webpack_require__(/*! ./Sidebar */ \"./src/Sidebar/index.tsx\"));\n\nexports.Sidebar = _Sidebar.default;\n\nvar _Footer = _interopRequireDefault(__webpack_require__(/*! ./Footer */ \"./src/Footer/index.tsx\"));\n\nexports.Footer = _Footer.default;\n\nvar _Schema = _interopRequireDefault(__webpack_require__(/*! ./Schema */ \"./src/Schema/index.ts\"));\n\nexports.Schema = _Schema.default;\n\nvar _Animation = _interopRequireDefault(__webpack_require__(/*! ./Animation */ \"./src/Animation/index.tsx\"));\n\nexports.Animation = _Animation.default;\n\nvar _DOMHelper = _interopRequireDefault(__webpack_require__(/*! ./DOMHelper */ \"./src/DOMHelper/index.ts\"));\n\nexports.DOMHelper = _DOMHelper.default;\n\nvar _Affix = _interopRequireDefault(__webpack_require__(/*! ./Affix */ \"./src/Affix/index.tsx\"));\n\nexports.Affix = _Affix.default;\n\nvar _CustomProvider = _interopRequireDefault(__webpack_require__(/*! ./CustomProvider */ \"./src/CustomProvider/index.tsx\"));\n\nexports.CustomProvider = _CustomProvider.default;\n\n//# sourceURL=webpack://rsuite/./src/index.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.PanelGroup = exports.Panel = exports.CheckTree = exports.Tree = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DatePicker = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.Avatar = exports.Badge = exports.Placeholder = exports.Divider = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;\n\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ./Button */ \"./src/Button/index.tsx\"));\n\nexports.Button = _Button.default;\n\nvar _IconButton = _interopRequireDefault(__webpack_require__(/*! ./IconButton */ \"./src/IconButton/index.tsx\"));\n\nexports.IconButton = _IconButton.default;\n\nvar _ButtonToolbar = _interopRequireDefault(__webpack_require__(/*! ./ButtonToolbar */ \"./src/ButtonToolbar/index.tsx\"));\n\nexports.ButtonToolbar = _ButtonToolbar.default;\n\nvar _ButtonGroup = _interopRequireDefault(__webpack_require__(/*! ./ButtonGroup */ \"./src/ButtonGroup/index.tsx\"));\n\nexports.ButtonGroup = _ButtonGroup.default;\n\nvar _Whisper = _interopRequireDefault(__webpack_require__(/*! ./Whisper */ \"./src/Whisper/index.tsx\"));\n\nexports.Whisper = _Whisper.default;\n\nvar _Tooltip = _interopRequireDefault(__webpack_require__(/*! ./Tooltip */ \"./src/Tooltip/index.tsx\"));\n\nexports.Tooltip = _Tooltip.default;\n\nvar _Popover = _interopRequireDefault(__webpack_require__(/*! ./Popover */ \"./src/Popover/index.tsx\"));\n\nexports.Popover = _Popover.default;\n\nvar _Modal = _interopRequireDefault(__webpack_require__(/*! ./Modal */ \"./src/Modal/index.tsx\"));\n\nexports.Modal = _Modal.default;\n\nvar _Notification = _interopRequireDefault(__webpack_require__(/*! ./Notification */ \"./src/Notification/index.tsx\"));\n\nexports.Notification = _Notification.default;\n\nvar _Message = _interopRequireDefault(__webpack_require__(/*! ./Message */ \"./src/Message/index.tsx\"));\n\nexports.Message = _Message.default;\n\nvar _Drawer = _interopRequireDefault(__webpack_require__(/*! ./Drawer */ \"./src/Drawer/index.tsx\"));\n\nexports.Drawer = _Drawer.default;\n\nvar _Loader = _interopRequireDefault(__webpack_require__(/*! ./Loader */ \"./src/Loader/index.tsx\"));\n\nexports.Loader = _Loader.default;\n\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ./SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\n\nexports.SafeAnchor = _SafeAnchor.default;\n\nvar _Divider = _interopRequireDefault(__webpack_require__(/*! ./Divider */ \"./src/Divider/index.tsx\"));\n\nexports.Divider = _Divider.default;\n\nvar _Placeholder = _interopRequireDefault(__webpack_require__(/*! ./Placeholder */ \"./src/Placeholder/index.tsx\"));\n\nexports.Placeholder = _Placeholder.default;\n\nvar _Badge = _interopRequireDefault(__webpack_require__(/*! ./Badge */ \"./src/Badge/index.tsx\"));\n\nexports.Badge = _Badge.default;\n\nvar _Avatar = _interopRequireDefault(__webpack_require__(/*! ./Avatar */ \"./src/Avatar/index.tsx\"));\n\nexports.Avatar = _Avatar.default;\n\nvar _toaster = _interopRequireDefault(__webpack_require__(/*! ./toaster */ \"./src/toaster/index.tsx\"));\n\nexports.toaster = _toaster.default;\n\nvar _Dropdown = _interopRequireDefault(__webpack_require__(/*! ./Dropdown */ \"./src/Dropdown/index.tsx\"));\n\nexports.Dropdown = _Dropdown.default;\n\nvar _Nav = _interopRequireDefault(__webpack_require__(/*! ./Nav */ \"./src/Nav/index.tsx\"));\n\nexports.Nav = _Nav.default;\n\nvar _Navbar = _interopRequireDefault(__webpack_require__(/*! ./Navbar */ \"./src/Navbar/index.tsx\"));\n\nexports.Navbar = _Navbar.default;\n\nvar _Sidenav = _interopRequireDefault(__webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/index.tsx\"));\n\nexports.Sidenav = _Sidenav.default;\n\nvar _Breadcrumb = _interopRequireDefault(__webpack_require__(/*! ./Breadcrumb */ \"./src/Breadcrumb/index.tsx\"));\n\nexports.Breadcrumb = _Breadcrumb.default;\n\nvar _Pagination = _interopRequireDefault(__webpack_require__(/*! ./Pagination */ \"./src/Pagination/index.tsx\"));\n\nexports.Pagination = _Pagination.default;\n\nvar _Steps = _interopRequireDefault(__webpack_require__(/*! ./Steps */ \"./src/Steps/index.tsx\"));\n\nexports.Steps = _Steps.default;\n\nvar _Toggle = _interopRequireDefault(__webpack_require__(/*! ./Toggle */ \"./src/Toggle/index.tsx\"));\n\nexports.Toggle = _Toggle.default;\n\nvar _Form = _interopRequireDefault(__webpack_require__(/*! ./Form */ \"./src/Form/index.tsx\"));\n\nexports.Form = _Form.default;\n\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ./Input */ \"./src/Input/index.tsx\"));\n\nexports.Input = _Input.default;\n\nvar _InputNumber = _interopRequireDefault(__webpack_require__(/*! ./InputNumber */ \"./src/InputNumber/index.tsx\"));\n\nexports.InputNumber = _InputNumber.default;\n\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ./InputGroup */ \"./src/InputGroup/index.tsx\"));\n\nexports.InputGroup = _InputGroup.default;\n\nvar _Checkbox = _interopRequireDefault(__webpack_require__(/*! ./Checkbox */ \"./src/Checkbox/index.tsx\"));\n\nexports.Checkbox = _Checkbox.default;\n\nvar _CheckboxGroup = _interopRequireDefault(__webpack_require__(/*! ./CheckboxGroup */ \"./src/CheckboxGroup/index.tsx\"));\n\nexports.CheckboxGroup = _CheckboxGroup.default;\n\nvar _Radio = _interopRequireDefault(__webpack_require__(/*! ./Radio */ \"./src/Radio/index.tsx\"));\n\nexports.Radio = _Radio.default;\n\nvar _RadioGroup = _interopRequireDefault(__webpack_require__(/*! ./RadioGroup */ \"./src/RadioGroup/index.tsx\"));\n\nexports.RadioGroup = _RadioGroup.default;\n\nvar _SelectPicker = _interopRequireDefault(__webpack_require__(/*! ./SelectPicker */ \"./src/SelectPicker/index.tsx\"));\n\nexports.SelectPicker = _SelectPicker.default;\n\nvar _CheckPicker = _interopRequireDefault(__webpack_require__(/*! ./CheckPicker */ \"./src/CheckPicker/index.tsx\"));\n\nexports.CheckPicker = _CheckPicker.default;\n\nvar _InputPicker = _interopRequireDefault(__webpack_require__(/*! ./InputPicker */ \"./src/InputPicker/index.tsx\"));\n\nexports.InputPicker = _InputPicker.default;\n\nvar _TagPicker = _interopRequireDefault(__webpack_require__(/*! ./TagPicker */ \"./src/TagPicker/index.tsx\"));\n\nexports.TagPicker = _TagPicker.default;\n\nvar _TagInput = _interopRequireDefault(__webpack_require__(/*! ./TagInput */ \"./src/TagInput/index.tsx\"));\n\nexports.TagInput = _TagInput.default;\n\nvar _TreePicker = _interopRequireDefault(__webpack_require__(/*! ./TreePicker */ \"./src/TreePicker/index.tsx\"));\n\nexports.TreePicker = _TreePicker.default;\n\nvar _CheckTreePicker = _interopRequireDefault(__webpack_require__(/*! ./CheckTreePicker */ \"./src/CheckTreePicker/index.tsx\"));\n\nexports.CheckTreePicker = _CheckTreePicker.default;\n\nvar _Cascader = _interopRequireDefault(__webpack_require__(/*! ./Cascader */ \"./src/Cascader/index.tsx\"));\n\nexports.Cascader = _Cascader.default;\n\nvar _MultiCascader = _interopRequireDefault(__webpack_require__(/*! ./MultiCascader */ \"./src/MultiCascader/index.tsx\"));\n\nexports.MultiCascader = _MultiCascader.default;\n\nvar _DatePicker = _interopRequireDefault(__webpack_require__(/*! ./DatePicker */ \"./src/DatePicker/index.tsx\"));\n\nexports.DatePicker = _DatePicker.default;\n\nvar _DateRangePicker = _interopRequireDefault(__webpack_require__(/*! ./DateRangePicker */ \"./src/DateRangePicker/index.tsx\"));\n\nexports.DateRangePicker = _DateRangePicker.default;\n\nvar _AutoComplete = _interopRequireDefault(__webpack_require__(/*! ./AutoComplete */ \"./src/AutoComplete/index.tsx\"));\n\nexports.AutoComplete = _AutoComplete.default;\n\nvar _Uploader = _interopRequireDefault(__webpack_require__(/*! ./Uploader */ \"./src/Uploader/index.tsx\"));\n\nexports.Uploader = _Uploader.default;\n\nvar _Slider = _interopRequireDefault(__webpack_require__(/*! ./Slider */ \"./src/Slider/index.tsx\"));\n\nexports.Slider = _Slider.default;\n\nvar _RangeSlider = _interopRequireDefault(__webpack_require__(/*! ./RangeSlider */ \"./src/RangeSlider/index.tsx\"));\n\nexports.RangeSlider = _RangeSlider.default;\n\nvar _Rate = _interopRequireDefault(__webpack_require__(/*! ./Rate */ \"./src/Rate/index.tsx\"));\n\nexports.Rate = _Rate.default;\n\nvar _Tree = _interopRequireDefault(__webpack_require__(/*! ./Tree */ \"./src/Tree/index.tsx\"));\n\nexports.Tree = _Tree.default;\n\nvar _CheckTree = _interopRequireDefault(__webpack_require__(/*! ./CheckTree */ \"./src/CheckTree/index.tsx\"));\n\nexports.CheckTree = _CheckTree.default;\n\nvar _Panel = _interopRequireDefault(__webpack_require__(/*! ./Panel */ \"./src/Panel/index.tsx\"));\n\nexports.Panel = _Panel.default;\n\nvar _PanelGroup = _interopRequireDefault(__webpack_require__(/*! ./PanelGroup */ \"./src/PanelGroup/index.tsx\"));\n\nexports.PanelGroup = _PanelGroup.default;\n\nvar _Table = _interopRequireDefault(__webpack_require__(/*! ./Table */ \"./src/Table/index.tsx\"));\n\nexports.Table = _Table.default;\n\nvar _Progress = _interopRequireDefault(__webpack_require__(/*! ./Progress */ \"./src/Progress/index.tsx\"));\n\nexports.Progress = _Progress.default;\n\nvar _Timeline = _interopRequireDefault(__webpack_require__(/*! ./Timeline */ \"./src/Timeline/index.tsx\"));\n\nexports.Timeline = _Timeline.default;\n\nvar _Tag = _interopRequireDefault(__webpack_require__(/*! ./Tag */ \"./src/Tag/index.tsx\"));\n\nexports.Tag = _Tag.default;\n\nvar _TagGroup = _interopRequireDefault(__webpack_require__(/*! ./TagGroup */ \"./src/TagGroup/index.tsx\"));\n\nexports.TagGroup = _TagGroup.default;\n\nvar _List = _interopRequireDefault(__webpack_require__(/*! ./List */ \"./src/List/index.tsx\"));\n\nexports.List = _List.default;\n\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! ./Calendar */ \"./src/Calendar/index.tsx\"));\n\nexports.Calendar = _Calendar.default;\n\nvar _Carousel = _interopRequireDefault(__webpack_require__(/*! ./Carousel */ \"./src/Carousel/index.tsx\"));\n\nexports.Carousel = _Carousel.default;\n\nvar _Grid = _interopRequireDefault(__webpack_require__(/*! ./Grid */ \"./src/Grid/index.tsx\"));\n\nexports.Grid = _Grid.default;\n\nvar _Row = _interopRequireDefault(__webpack_require__(/*! ./Row */ \"./src/Row/index.tsx\"));\n\nexports.Row = _Row.default;\n\nvar _Col = _interopRequireDefault(__webpack_require__(/*! ./Col */ \"./src/Col/index.tsx\"));\n\nexports.Col = _Col.default;\n\nvar _FlexboxGrid = _interopRequireDefault(__webpack_require__(/*! ./FlexboxGrid */ \"./src/FlexboxGrid/index.tsx\"));\n\nexports.FlexboxGrid = _FlexboxGrid.default;\n\nvar _Container = _interopRequireDefault(__webpack_require__(/*! ./Container */ \"./src/Container/index.tsx\"));\n\nexports.Container = _Container.default;\n\nvar _Content = _interopRequireDefault(__webpack_require__(/*! ./Content */ \"./src/Content/index.tsx\"));\n\nexports.Content = _Content.default;\n\nvar _Header = _interopRequireDefault(__webpack_require__(/*! ./Header */ \"./src/Header/index.tsx\"));\n\nexports.Header = _Header.default;\n\nvar _Sidebar = _interopRequireDefault(__webpack_require__(/*! ./Sidebar */ \"./src/Sidebar/index.tsx\"));\n\nexports.Sidebar = _Sidebar.default;\n\nvar _Footer = _interopRequireDefault(__webpack_require__(/*! ./Footer */ \"./src/Footer/index.tsx\"));\n\nexports.Footer = _Footer.default;\n\nvar _Schema = _interopRequireDefault(__webpack_require__(/*! ./Schema */ \"./src/Schema/index.ts\"));\n\nexports.Schema = _Schema.default;\n\nvar _Animation = _interopRequireDefault(__webpack_require__(/*! ./Animation */ \"./src/Animation/index.tsx\"));\n\nexports.Animation = _Animation.default;\n\nvar _DOMHelper = _interopRequireDefault(__webpack_require__(/*! ./DOMHelper */ \"./src/DOMHelper/index.ts\"));\n\nexports.DOMHelper = _DOMHelper.default;\n\nvar _Affix = _interopRequireDefault(__webpack_require__(/*! ./Affix */ \"./src/Affix/index.tsx\"));\n\nexports.Affix = _Affix.default;\n\nvar _CustomProvider = _interopRequireDefault(__webpack_require__(/*! ./CustomProvider */ \"./src/CustomProvider/index.tsx\"));\n\nexports.CustomProvider = _CustomProvider.default;\n\n//# sourceURL=webpack://rsuite/./src/index.tsx?");
 
 /***/ }),
 
@@ -4201,7 +4410,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports.default = ajaxUpload;\n\nfunction getResponse(xhr) {\n  var text = xhr.responseText || xhr.response;\n\n  if (!text) {\n    return text;\n  }\n\n  try {\n    return JSON.parse(text);\n  } catch (e) {\n    return text;\n  }\n}\n\nfunction ajaxUpload(options) {\n  var name = options.name,\n      timeout = options.timeout,\n      _options$headers = options.headers,\n      headers = _options$headers === void 0 ? {} : _options$headers,\n      _options$data = options.data,\n      data = _options$data === void 0 ? {} : _options$data,\n      onError = options.onError,\n      onSuccess = options.onSuccess,\n      onProgress = options.onProgress,\n      file = options.file,\n      url = options.url,\n      withCredentials = options.withCredentials;\n  var xhr = new XMLHttpRequest();\n  var formData = new FormData();\n  formData.append(name, file, file.name);\n  xhr.open('POST', url, true);\n  Object.keys(data).forEach(function (key) {\n    return formData.append(key, data[key]);\n  });\n  Object.keys(headers).forEach(function (key) {\n    if (headers[key] !== null) {\n      xhr.setRequestHeader(key, headers[key]);\n    }\n  });\n\n  if (headers['X-Requested-With'] !== null) {\n    xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');\n  }\n\n  if (timeout) {\n    xhr.timeout = timeout;\n\n    xhr.ontimeout = function (event) {\n      onError({\n        type: 'timeout'\n      }, event, xhr);\n    };\n  }\n\n  if (withCredentials && 'withCredentials' in xhr) {\n    xhr.withCredentials = true;\n  }\n\n  xhr.onload = function (event) {\n    var resp = getResponse(xhr);\n\n    if (xhr.status < 200 || xhr.status >= 300) {\n      onError({\n        type: 'server_error',\n        response: resp\n      }, event, xhr);\n      return;\n    }\n\n    onSuccess(resp, event, xhr);\n  };\n\n  if (xhr.upload) {\n    xhr.upload.onprogress = function (event) {\n      var percent = 0;\n\n      if (event.lengthComputable) {\n        percent = event.loaded / event.total * 100;\n      }\n\n      onProgress(percent, event, xhr);\n    };\n  }\n\n  xhr.onerror = function (event) {\n    onError({\n      type: 'xhr_error'\n    }, event, xhr);\n  };\n\n  xhr.send(formData);\n  return xhr;\n}\n\n//# sourceURL=webpack://rsuite/./src/utils/ajaxUpload.ts?");
+eval("\n\nexports.__esModule = true;\nexports.default = ajaxUpload;\n\nfunction getResponse(xhr) {\n  var text = xhr.responseText || xhr.response;\n\n  if (!text) {\n    return text;\n  }\n\n  try {\n    return JSON.parse(text);\n  } catch (e) {\n    return text;\n  }\n}\n\nfunction ajaxUpload(options) {\n  var name = options.name,\n      timeout = options.timeout,\n      _options$headers = options.headers,\n      headers = _options$headers === void 0 ? {} : _options$headers,\n      _options$data = options.data,\n      data = _options$data === void 0 ? {} : _options$data,\n      onError = options.onError,\n      onSuccess = options.onSuccess,\n      onProgress = options.onProgress,\n      file = options.file,\n      url = options.url,\n      withCredentials = options.withCredentials,\n      disableMultipart = options.disableMultipart;\n  var xhr = new XMLHttpRequest();\n  var sendableData = null;\n  xhr.open('POST', url, true);\n\n  if (!disableMultipart) {\n    sendableData = new FormData();\n    sendableData.append(name, file, file.name);\n    Object.keys(data).forEach(function (key) {\n      return sendableData.append(key, data[key]);\n    });\n  } else {\n    sendableData = file;\n  }\n\n  Object.keys(headers).forEach(function (key) {\n    if (headers[key] !== null) {\n      xhr.setRequestHeader(key, headers[key]);\n    }\n  });\n\n  if (headers['X-Requested-With'] !== null) {\n    xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');\n  }\n\n  if (timeout) {\n    xhr.timeout = timeout;\n\n    xhr.ontimeout = function (event) {\n      onError === null || onError === void 0 ? void 0 : onError({\n        type: 'timeout'\n      }, event, xhr);\n    };\n  }\n\n  if (withCredentials && 'withCredentials' in xhr) {\n    xhr.withCredentials = true;\n  }\n\n  xhr.onload = function (event) {\n    var resp = getResponse(xhr);\n\n    if (xhr.status < 200 || xhr.status >= 300) {\n      onError === null || onError === void 0 ? void 0 : onError({\n        type: 'server_error',\n        response: resp\n      }, event, xhr);\n      return;\n    }\n\n    onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(resp, event, xhr);\n  };\n\n  if (xhr.upload) {\n    xhr.upload.onprogress = function (event) {\n      var percent = 0;\n\n      if (event.lengthComputable) {\n        percent = event.loaded / event.total * 100;\n      }\n\n      onProgress === null || onProgress === void 0 ? void 0 : onProgress(percent, event, xhr);\n    };\n  }\n\n  xhr.onerror = function (event) {\n    onError === null || onError === void 0 ? void 0 : onError({\n      type: 'xhr_error'\n    }, event, xhr);\n  };\n\n  xhr.send(sendableData);\n  return {\n    xhr: xhr,\n    data: sendableData\n  };\n}\n\n//# sourceURL=webpack://rsuite/./src/utils/ajaxUpload.ts?");
 
 /***/ }),
 
@@ -4245,7 +4454,7 @@ eval("\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _default
 /***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports.DATERANGE_DISABLED_TARGET = exports.KEY_VALUES = exports.TREE_NODE_DROP_POSITION = exports.TREE_NODE_ROOT_PADDING = exports.TREE_NODE_PADDING = exports.CHECK_STATE = exports.PLACEMENT = exports.PLACEMENT_AUTO = exports.PLACEMENT_8 = exports.PLACEMENT_4 = exports.COLOR = exports.STATUS = exports.SIZE = void 0;\nvar SIZE = ['lg', 'md', 'sm', 'xs'];\nexports.SIZE = SIZE;\nvar STATUS = ['success', 'warning', 'error', 'info'];\nexports.STATUS = STATUS;\nvar COLOR = ['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'violet'];\nexports.COLOR = COLOR;\nvar PLACEMENT_4 = ['top', 'bottom', 'right', 'left'];\nexports.PLACEMENT_4 = PLACEMENT_4;\nvar PLACEMENT_8 = ['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'];\nexports.PLACEMENT_8 = PLACEMENT_8;\nvar PLACEMENT_AUTO = ['auto', 'autoVertical', 'autoVerticalStart', 'autoVerticalEnd', 'autoHorizontal', 'autoHorizontalStart', 'autoHorizontalEnd'];\nexports.PLACEMENT_AUTO = PLACEMENT_AUTO;\nvar PLACEMENT = [].concat(PLACEMENT_4, PLACEMENT_8, PLACEMENT_AUTO);\n/**\n *  Check Tree Node State\n */\n\nexports.PLACEMENT = PLACEMENT;\nvar CHECK_STATE;\nexports.CHECK_STATE = CHECK_STATE;\n\n(function (CHECK_STATE) {\n  CHECK_STATE[CHECK_STATE[\"UNCHECK\"] = 0] = \"UNCHECK\";\n  CHECK_STATE[CHECK_STATE[\"CHECK\"] = 1] = \"CHECK\";\n  CHECK_STATE[CHECK_STATE[\"INDETERMINATE\"] = 2] = \"INDETERMINATE\";\n})(CHECK_STATE || (exports.CHECK_STATE = CHECK_STATE = {}));\n\nvar TREE_NODE_PADDING = 16;\nexports.TREE_NODE_PADDING = TREE_NODE_PADDING;\nvar TREE_NODE_ROOT_PADDING = 12;\n/**\n * Tree Node Drag Type\n */\n\nexports.TREE_NODE_ROOT_PADDING = TREE_NODE_ROOT_PADDING;\nvar TREE_NODE_DROP_POSITION;\n/**\n * UI Events KeyboardEvent key Values\n * https://www.w3.org/TR/uievents-key\n */\n\nexports.TREE_NODE_DROP_POSITION = TREE_NODE_DROP_POSITION;\n\n(function (TREE_NODE_DROP_POSITION) {\n  TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION[\"DRAG_OVER\"] = 0] = \"DRAG_OVER\";\n  TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION[\"DRAG_OVER_TOP\"] = 1] = \"DRAG_OVER_TOP\";\n  TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION[\"DRAG_OVER_BOTTOM\"] = 2] = \"DRAG_OVER_BOTTOM\";\n})(TREE_NODE_DROP_POSITION || (exports.TREE_NODE_DROP_POSITION = TREE_NODE_DROP_POSITION = {}));\n\nvar KEY_VALUES = {\n  // Navigation Keys\n  LEFT: 'ArrowLeft',\n  UP: 'ArrowUp',\n  RIGHT: 'ArrowRight',\n  DOWN: 'ArrowDown',\n  END: 'End',\n  HOME: 'Home',\n  PAGE_DOWN: 'PageDown',\n  PAGE_UP: 'PageUp',\n  // Whitespace Keys\n  ENTER: 'Enter',\n  TAB: 'Tab',\n  SPACE: ' ',\n  // Editing Keys\n  BACKSPACE: 'Backspace',\n  DELETE: 'Delete',\n  // UI Keys\n  ESC: 'Escape'\n};\nexports.KEY_VALUES = KEY_VALUES;\nvar DATERANGE_DISABLED_TARGET;\nexports.DATERANGE_DISABLED_TARGET = DATERANGE_DISABLED_TARGET;\n\n(function (DATERANGE_DISABLED_TARGET) {\n  DATERANGE_DISABLED_TARGET[\"CALENDAR\"] = \"CALENDAR\";\n  DATERANGE_DISABLED_TARGET[\"TOOLBAR_BUTTON_OK\"] = \"TOOLBAR_BUTTON_OK\";\n  DATERANGE_DISABLED_TARGET[\"TOOLBAR_SHORTCUT\"] = \"TOOLBAR_SHORTCUT\";\n})(DATERANGE_DISABLED_TARGET || (exports.DATERANGE_DISABLED_TARGET = DATERANGE_DISABLED_TARGET = {}));\n\n//# sourceURL=webpack://rsuite/./src/utils/constants.ts?");
+eval("\n\nexports.__esModule = true;\nexports.DATERANGE_DISABLED_TARGET = exports.KEY_VALUES = exports.TREE_NODE_DROP_POSITION = exports.TREE_NODE_ROOT_PADDING = exports.TREE_NODE_PADDING = exports.CHECK_STATE = exports.PLACEMENT = exports.PLACEMENT_AUTO = exports.PLACEMENT_8 = exports.PLACEMENT_4 = exports.COLOR = exports.STATUS = exports.SIZE = void 0;\nvar SIZE = ['lg', 'md', 'sm', 'xs'];\nexports.SIZE = SIZE;\nvar STATUS = ['success', 'warning', 'error', 'info'];\nexports.STATUS = STATUS;\nvar COLOR = ['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'violet'];\nexports.COLOR = COLOR;\nvar PLACEMENT_4 = ['top', 'bottom', 'right', 'left'];\nexports.PLACEMENT_4 = PLACEMENT_4;\nvar PLACEMENT_8 = ['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'];\nexports.PLACEMENT_8 = PLACEMENT_8;\nvar PLACEMENT_AUTO = ['auto', 'autoVertical', 'autoVerticalStart', 'autoVerticalEnd', 'autoHorizontal', 'autoHorizontalStart', 'autoHorizontalEnd'];\nexports.PLACEMENT_AUTO = PLACEMENT_AUTO;\nvar PLACEMENT = [].concat(PLACEMENT_4, PLACEMENT_8, PLACEMENT_AUTO);\n/**\n *  Check Tree Node State\n */\n\nexports.PLACEMENT = PLACEMENT;\nvar CHECK_STATE;\nexports.CHECK_STATE = CHECK_STATE;\n\n(function (CHECK_STATE) {\n  CHECK_STATE[CHECK_STATE[\"UNCHECK\"] = 0] = \"UNCHECK\";\n  CHECK_STATE[CHECK_STATE[\"CHECK\"] = 1] = \"CHECK\";\n  CHECK_STATE[CHECK_STATE[\"INDETERMINATE\"] = 2] = \"INDETERMINATE\";\n})(CHECK_STATE || (exports.CHECK_STATE = CHECK_STATE = {}));\n\nvar TREE_NODE_PADDING = 16;\nexports.TREE_NODE_PADDING = TREE_NODE_PADDING;\nvar TREE_NODE_ROOT_PADDING = 12;\n/**\n * Tree Node Drag Type\n */\n\nexports.TREE_NODE_ROOT_PADDING = TREE_NODE_ROOT_PADDING;\nvar TREE_NODE_DROP_POSITION;\n/**\n * UI Events KeyboardEvent key Values\n * https://www.w3.org/TR/uievents-key\n */\n\nexports.TREE_NODE_DROP_POSITION = TREE_NODE_DROP_POSITION;\n\n(function (TREE_NODE_DROP_POSITION) {\n  TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION[\"DRAG_OVER\"] = 0] = \"DRAG_OVER\";\n  TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION[\"DRAG_OVER_TOP\"] = 1] = \"DRAG_OVER_TOP\";\n  TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION[\"DRAG_OVER_BOTTOM\"] = 2] = \"DRAG_OVER_BOTTOM\";\n})(TREE_NODE_DROP_POSITION || (exports.TREE_NODE_DROP_POSITION = TREE_NODE_DROP_POSITION = {}));\n\nvar KEY_VALUES = {\n  // Navigation Keys\n  LEFT: 'ArrowLeft',\n  UP: 'ArrowUp',\n  RIGHT: 'ArrowRight',\n  DOWN: 'ArrowDown',\n  END: 'End',\n  HOME: 'Home',\n  PAGE_DOWN: 'PageDown',\n  PAGE_UP: 'PageUp',\n  // Whitespace Keys\n  ENTER: 'Enter',\n  TAB: 'Tab',\n  SPACE: ' ',\n  // Editing Keys\n  BACKSPACE: 'Backspace',\n  DELETE: 'Delete',\n  COMMA: ',',\n  // UI Keys\n  ESC: 'Escape'\n};\nexports.KEY_VALUES = KEY_VALUES;\nvar DATERANGE_DISABLED_TARGET;\nexports.DATERANGE_DISABLED_TARGET = DATERANGE_DISABLED_TARGET;\n\n(function (DATERANGE_DISABLED_TARGET) {\n  DATERANGE_DISABLED_TARGET[\"CALENDAR\"] = \"CALENDAR\";\n  DATERANGE_DISABLED_TARGET[\"TOOLBAR_BUTTON_OK\"] = \"TOOLBAR_BUTTON_OK\";\n  DATERANGE_DISABLED_TARGET[\"TOOLBAR_SHORTCUT\"] = \"TOOLBAR_SHORTCUT\";\n})(DATERANGE_DISABLED_TARGET || (exports.DATERANGE_DISABLED_TARGET = DATERANGE_DISABLED_TARGET = {}));\n\n//# sourceURL=webpack://rsuite/./src/utils/constants.ts?");
 
 /***/ }),
 
@@ -4278,7 +4487,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.disabledTime = disabledTime;\nexports.getMonthView = getMonthView;\nexports.getDateMask = getDateMask;\nexports.shouldOnlyTime = exports.shouldDate = exports.shouldMonth = exports.shouldTime = exports.omitHideDisabledProps = exports.calendarOnlyProps = exports.isValid = exports.isMatch = exports.subDays = exports.startOfWeek = exports.startOfMonth = exports.startOfISOWeek = exports.startOfDay = exports.setYear = exports.setSeconds = exports.setMonth = exports.setMinutes = exports.setHours = exports.setDate = exports.parseISO = exports.parse = exports.isSameMonth = exports.isSameDay = exports.isEqual = exports.isBefore = exports.isAfter = exports.getYear = exports.getSeconds = exports.getMonth = exports.getMinutes = exports.getHours = exports.getDaysInMonth = exports.getDay = exports.getDate = exports.format = exports.endOfWeek = exports.endOfMonth = exports.endOfISOWeek = exports.endOfDay = exports.compareAsc = exports.addMonths = exports.addDays = void 0;\n\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _omitBy = _interopRequireDefault(__webpack_require__(/*! lodash/omitBy */ \"./node_modules/lodash/omitBy.js\"));\n\nvar _getHours = _interopRequireDefault(__webpack_require__(/*! date-fns/getHours */ \"./node_modules/date-fns/esm/getHours/index.js\"));\n\nexports.getHours = _getHours.default;\n\nvar _getDay = _interopRequireDefault(__webpack_require__(/*! date-fns/getDay */ \"./node_modules/date-fns/esm/getDay/index.js\"));\n\nexports.getDay = _getDay.default;\n\nvar _getMinutes = _interopRequireDefault(__webpack_require__(/*! date-fns/getMinutes */ \"./node_modules/date-fns/esm/getMinutes/index.js\"));\n\nexports.getMinutes = _getMinutes.default;\n\nvar _getSeconds = _interopRequireDefault(__webpack_require__(/*! date-fns/getSeconds */ \"./node_modules/date-fns/esm/getSeconds/index.js\"));\n\nexports.getSeconds = _getSeconds.default;\n\nvar _addDays = _interopRequireDefault(__webpack_require__(/*! date-fns/addDays */ \"./node_modules/date-fns/esm/addDays/index.js\"));\n\nexports.addDays = _addDays.default;\n\nvar _addMonths = _interopRequireDefault(__webpack_require__(/*! date-fns/addMonths */ \"./node_modules/date-fns/esm/addMonths/index.js\"));\n\nexports.addMonths = _addMonths.default;\n\nvar _compareAsc = _interopRequireDefault(__webpack_require__(/*! date-fns/compareAsc */ \"./node_modules/date-fns/esm/compareAsc/index.js\"));\n\nexports.compareAsc = _compareAsc.default;\n\nvar _endOfDay = _interopRequireDefault(__webpack_require__(/*! date-fns/endOfDay */ \"./node_modules/date-fns/esm/endOfDay/index.js\"));\n\nexports.endOfDay = _endOfDay.default;\n\nvar _endOfISOWeek = _interopRequireDefault(__webpack_require__(/*! date-fns/endOfISOWeek */ \"./node_modules/date-fns/esm/endOfISOWeek/index.js\"));\n\nexports.endOfISOWeek = _endOfISOWeek.default;\n\nvar _endOfMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/endOfMonth */ \"./node_modules/date-fns/esm/endOfMonth/index.js\"));\n\nexports.endOfMonth = _endOfMonth.default;\n\nvar _endOfWeek = _interopRequireDefault(__webpack_require__(/*! date-fns/endOfWeek */ \"./node_modules/date-fns/esm/endOfWeek/index.js\"));\n\nexports.endOfWeek = _endOfWeek.default;\n\nvar _format = _interopRequireDefault(__webpack_require__(/*! date-fns/format */ \"./node_modules/date-fns/esm/format/index.js\"));\n\nexports.format = _format.default;\n\nvar _getDate = _interopRequireDefault(__webpack_require__(/*! date-fns/getDate */ \"./node_modules/date-fns/esm/getDate/index.js\"));\n\nexports.getDate = _getDate.default;\n\nvar _getDaysInMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/getDaysInMonth */ \"./node_modules/date-fns/esm/getDaysInMonth/index.js\"));\n\nexports.getDaysInMonth = _getDaysInMonth.default;\n\nvar _getMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/getMonth */ \"./node_modules/date-fns/esm/getMonth/index.js\"));\n\nexports.getMonth = _getMonth.default;\n\nvar _getYear = _interopRequireDefault(__webpack_require__(/*! date-fns/getYear */ \"./node_modules/date-fns/esm/getYear/index.js\"));\n\nexports.getYear = _getYear.default;\n\nvar _isAfter = _interopRequireDefault(__webpack_require__(/*! date-fns/isAfter */ \"./node_modules/date-fns/esm/isAfter/index.js\"));\n\nexports.isAfter = _isAfter.default;\n\nvar _isBefore = _interopRequireDefault(__webpack_require__(/*! date-fns/isBefore */ \"./node_modules/date-fns/esm/isBefore/index.js\"));\n\nexports.isBefore = _isBefore.default;\n\nvar _isEqual = _interopRequireDefault(__webpack_require__(/*! date-fns/isEqual */ \"./node_modules/date-fns/esm/isEqual/index.js\"));\n\nexports.isEqual = _isEqual.default;\n\nvar _isSameDay = _interopRequireDefault(__webpack_require__(/*! date-fns/isSameDay */ \"./node_modules/date-fns/esm/isSameDay/index.js\"));\n\nexports.isSameDay = _isSameDay.default;\n\nvar _isSameMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/isSameMonth */ \"./node_modules/date-fns/esm/isSameMonth/index.js\"));\n\nexports.isSameMonth = _isSameMonth.default;\n\nvar _parse = _interopRequireDefault(__webpack_require__(/*! date-fns/parse */ \"./node_modules/date-fns/esm/parse/index.js\"));\n\nexports.parse = _parse.default;\n\nvar _parseISO = _interopRequireDefault(__webpack_require__(/*! date-fns/parseISO */ \"./node_modules/date-fns/esm/parseISO/index.js\"));\n\nexports.parseISO = _parseISO.default;\n\nvar _setDate = _interopRequireDefault(__webpack_require__(/*! date-fns/setDate */ \"./node_modules/date-fns/esm/setDate/index.js\"));\n\nexports.setDate = _setDate.default;\n\nvar _setHours = _interopRequireDefault(__webpack_require__(/*! date-fns/setHours */ \"./node_modules/date-fns/esm/setHours/index.js\"));\n\nexports.setHours = _setHours.default;\n\nvar _setMinutes = _interopRequireDefault(__webpack_require__(/*! date-fns/setMinutes */ \"./node_modules/date-fns/esm/setMinutes/index.js\"));\n\nexports.setMinutes = _setMinutes.default;\n\nvar _setMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/setMonth */ \"./node_modules/date-fns/esm/setMonth/index.js\"));\n\nexports.setMonth = _setMonth.default;\n\nvar _setSeconds = _interopRequireDefault(__webpack_require__(/*! date-fns/setSeconds */ \"./node_modules/date-fns/esm/setSeconds/index.js\"));\n\nexports.setSeconds = _setSeconds.default;\n\nvar _setYear = _interopRequireDefault(__webpack_require__(/*! date-fns/setYear */ \"./node_modules/date-fns/esm/setYear/index.js\"));\n\nexports.setYear = _setYear.default;\n\nvar _startOfDay = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfDay */ \"./node_modules/date-fns/esm/startOfDay/index.js\"));\n\nexports.startOfDay = _startOfDay.default;\n\nvar _startOfISOWeek = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfISOWeek */ \"./node_modules/date-fns/esm/startOfISOWeek/index.js\"));\n\nexports.startOfISOWeek = _startOfISOWeek.default;\n\nvar _startOfMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfMonth */ \"./node_modules/date-fns/esm/startOfMonth/index.js\"));\n\nexports.startOfMonth = _startOfMonth.default;\n\nvar _startOfWeek = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfWeek */ \"./node_modules/date-fns/esm/startOfWeek/index.js\"));\n\nexports.startOfWeek = _startOfWeek.default;\n\nvar _subDays = _interopRequireDefault(__webpack_require__(/*! date-fns/subDays */ \"./node_modules/date-fns/esm/subDays/index.js\"));\n\nexports.subDays = _subDays.default;\n\nvar _isMatch = _interopRequireDefault(__webpack_require__(/*! date-fns/isMatch */ \"./node_modules/date-fns/esm/isMatch/index.js\"));\n\nexports.isMatch = _isMatch.default;\n\nvar _isValid = _interopRequireDefault(__webpack_require__(/*! date-fns/isValid */ \"./node_modules/date-fns/esm/isValid/index.js\"));\n\nexports.isValid = _isValid.default;\nvar disabledTimeProps = ['disabledHours', 'disabledMinutes', 'disabledSeconds'];\nvar hideTimeProps = ['hideHours', 'hideMinutes', 'hideSeconds'];\nvar calendarOnlyProps = disabledTimeProps.concat(hideTimeProps);\nexports.calendarOnlyProps = calendarOnlyProps;\n\nfunction validTime(calendarProps, date) {\n  if (!date) {\n    return false;\n  }\n\n  return Object.keys(calendarProps).some(function (key) {\n    if (/(Hours)/.test(key)) {\n      return calendarProps[key]((0, _getHours.default)(date), date);\n    }\n\n    if (/(Minutes)/.test(key)) {\n      return calendarProps[key]((0, _getMinutes.default)(date), date);\n    }\n\n    if (/(Seconds)/.test(key)) {\n      return calendarProps[key]((0, _getSeconds.default)(date), date);\n    }\n\n    return false;\n  });\n}\n/**\n * Verify that the time is valid.\n * @param props\n * @param date\n */\n\n\nfunction disabledTime(props, date) {\n  var calendarProps = (0, _pick.default)(props, disabledTimeProps);\n  return validTime(calendarProps, date);\n}\n\nvar omitHideDisabledProps = function omitHideDisabledProps(props) {\n  return (0, _omitBy.default)(props, function (_val, key) {\n    return key.startsWith('disabled') || key.startsWith('hide');\n  });\n};\n\nexports.omitHideDisabledProps = omitHideDisabledProps;\n\nvar shouldTime = function shouldTime(format) {\n  return /([Hhms])/.test(format);\n};\n\nexports.shouldTime = shouldTime;\n\nvar shouldMonth = function shouldMonth(format) {\n  return /[Yy]/.test(format) && /[ML]/.test(format);\n};\n\nexports.shouldMonth = shouldMonth;\n\nvar shouldDate = function shouldDate(format) {\n  return /[Yy]/.test(format) && /[ML]/.test(format) && /[Dd]/.test(format);\n}; // for date-fns v1 and v2\n\n\nexports.shouldDate = shouldDate;\n\nvar shouldOnlyTime = function shouldOnlyTime(format) {\n  return /([Hhms])/.test(format) && !/([YyMDd])/.test(format);\n}; // for date-fns v1 and v2\n\n/**\n * Get all weeks of this month\n * @params monthDate\n * @return date[]\n */\n\n\nexports.shouldOnlyTime = shouldOnlyTime;\n\nfunction getMonthView(monthDate, isoWeek) {\n  var firstDayOfMonth = (0, _getDay.default)(monthDate);\n  var distance = 0 - firstDayOfMonth;\n\n  if (isoWeek) {\n    distance = 1 - firstDayOfMonth;\n\n    if (firstDayOfMonth === 0) {\n      distance = -6;\n    }\n  }\n\n  var firstWeekendDate = (0, _addDays.default)(monthDate, distance);\n  var weeks = [firstWeekendDate];\n  var nextWeekendDate = (0, _addDays.default)(firstWeekendDate, 7);\n  weeks.push(nextWeekendDate);\n\n  while (weeks.length < 6) {\n    nextWeekendDate = (0, _addDays.default)(nextWeekendDate, 7);\n    weeks.push(nextWeekendDate);\n  }\n\n  return weeks;\n}\n\nfunction getDateMask(formatStr) {\n  return Array.from(formatStr).map(function (i) {\n    return i.match(/[A-Za-z]/) ? /[\\d|A-Za-z]/ : i;\n  });\n}\n\n//# sourceURL=webpack://rsuite/./src/utils/dateUtils.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.disabledTime = disabledTime;\nexports.getMonthView = getMonthView;\nexports.getDateMask = getDateMask;\nexports.shouldOnlyTime = exports.shouldDate = exports.shouldMonth = exports.shouldTime = exports.omitHideDisabledProps = exports.calendarOnlyProps = exports.isValid = exports.isMatch = exports.subDays = exports.startOfWeek = exports.startOfMonth = exports.startOfISOWeek = exports.startOfDay = exports.setYear = exports.setSeconds = exports.setMonth = exports.setMinutes = exports.setHours = exports.setDate = exports.parseISO = exports.parse = exports.isSameSecond = exports.isSameMonth = exports.isSameDay = exports.isEqual = exports.isBefore = exports.isAfter = exports.getYear = exports.getSeconds = exports.getMonth = exports.getMinutes = exports.getHours = exports.getDaysInMonth = exports.getDay = exports.getDate = exports.format = exports.endOfWeek = exports.endOfMonth = exports.endOfISOWeek = exports.endOfDay = exports.compareAsc = exports.addMonths = exports.addDays = void 0;\n\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _omitBy = _interopRequireDefault(__webpack_require__(/*! lodash/omitBy */ \"./node_modules/lodash/omitBy.js\"));\n\nvar _getHours = _interopRequireDefault(__webpack_require__(/*! date-fns/getHours */ \"./node_modules/date-fns/esm/getHours/index.js\"));\n\nexports.getHours = _getHours.default;\n\nvar _getDay = _interopRequireDefault(__webpack_require__(/*! date-fns/getDay */ \"./node_modules/date-fns/esm/getDay/index.js\"));\n\nexports.getDay = _getDay.default;\n\nvar _getMinutes = _interopRequireDefault(__webpack_require__(/*! date-fns/getMinutes */ \"./node_modules/date-fns/esm/getMinutes/index.js\"));\n\nexports.getMinutes = _getMinutes.default;\n\nvar _getSeconds = _interopRequireDefault(__webpack_require__(/*! date-fns/getSeconds */ \"./node_modules/date-fns/esm/getSeconds/index.js\"));\n\nexports.getSeconds = _getSeconds.default;\n\nvar _addDays = _interopRequireDefault(__webpack_require__(/*! date-fns/addDays */ \"./node_modules/date-fns/esm/addDays/index.js\"));\n\nexports.addDays = _addDays.default;\n\nvar _addMonths = _interopRequireDefault(__webpack_require__(/*! date-fns/addMonths */ \"./node_modules/date-fns/esm/addMonths/index.js\"));\n\nexports.addMonths = _addMonths.default;\n\nvar _compareAsc = _interopRequireDefault(__webpack_require__(/*! date-fns/compareAsc */ \"./node_modules/date-fns/esm/compareAsc/index.js\"));\n\nexports.compareAsc = _compareAsc.default;\n\nvar _endOfDay = _interopRequireDefault(__webpack_require__(/*! date-fns/endOfDay */ \"./node_modules/date-fns/esm/endOfDay/index.js\"));\n\nexports.endOfDay = _endOfDay.default;\n\nvar _endOfISOWeek = _interopRequireDefault(__webpack_require__(/*! date-fns/endOfISOWeek */ \"./node_modules/date-fns/esm/endOfISOWeek/index.js\"));\n\nexports.endOfISOWeek = _endOfISOWeek.default;\n\nvar _endOfMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/endOfMonth */ \"./node_modules/date-fns/esm/endOfMonth/index.js\"));\n\nexports.endOfMonth = _endOfMonth.default;\n\nvar _endOfWeek = _interopRequireDefault(__webpack_require__(/*! date-fns/endOfWeek */ \"./node_modules/date-fns/esm/endOfWeek/index.js\"));\n\nexports.endOfWeek = _endOfWeek.default;\n\nvar _format = _interopRequireDefault(__webpack_require__(/*! date-fns/format */ \"./node_modules/date-fns/esm/format/index.js\"));\n\nexports.format = _format.default;\n\nvar _getDate = _interopRequireDefault(__webpack_require__(/*! date-fns/getDate */ \"./node_modules/date-fns/esm/getDate/index.js\"));\n\nexports.getDate = _getDate.default;\n\nvar _getDaysInMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/getDaysInMonth */ \"./node_modules/date-fns/esm/getDaysInMonth/index.js\"));\n\nexports.getDaysInMonth = _getDaysInMonth.default;\n\nvar _getMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/getMonth */ \"./node_modules/date-fns/esm/getMonth/index.js\"));\n\nexports.getMonth = _getMonth.default;\n\nvar _getYear = _interopRequireDefault(__webpack_require__(/*! date-fns/getYear */ \"./node_modules/date-fns/esm/getYear/index.js\"));\n\nexports.getYear = _getYear.default;\n\nvar _isAfter = _interopRequireDefault(__webpack_require__(/*! date-fns/isAfter */ \"./node_modules/date-fns/esm/isAfter/index.js\"));\n\nexports.isAfter = _isAfter.default;\n\nvar _isBefore = _interopRequireDefault(__webpack_require__(/*! date-fns/isBefore */ \"./node_modules/date-fns/esm/isBefore/index.js\"));\n\nexports.isBefore = _isBefore.default;\n\nvar _isEqual = _interopRequireDefault(__webpack_require__(/*! date-fns/isEqual */ \"./node_modules/date-fns/esm/isEqual/index.js\"));\n\nexports.isEqual = _isEqual.default;\n\nvar _isSameDay = _interopRequireDefault(__webpack_require__(/*! date-fns/isSameDay */ \"./node_modules/date-fns/esm/isSameDay/index.js\"));\n\nexports.isSameDay = _isSameDay.default;\n\nvar _isSameMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/isSameMonth */ \"./node_modules/date-fns/esm/isSameMonth/index.js\"));\n\nexports.isSameMonth = _isSameMonth.default;\n\nvar _isSameSecond = _interopRequireDefault(__webpack_require__(/*! date-fns/isSameSecond */ \"./node_modules/date-fns/esm/isSameSecond/index.js\"));\n\nexports.isSameSecond = _isSameSecond.default;\n\nvar _parse = _interopRequireDefault(__webpack_require__(/*! date-fns/parse */ \"./node_modules/date-fns/esm/parse/index.js\"));\n\nexports.parse = _parse.default;\n\nvar _parseISO = _interopRequireDefault(__webpack_require__(/*! date-fns/parseISO */ \"./node_modules/date-fns/esm/parseISO/index.js\"));\n\nexports.parseISO = _parseISO.default;\n\nvar _setDate = _interopRequireDefault(__webpack_require__(/*! date-fns/setDate */ \"./node_modules/date-fns/esm/setDate/index.js\"));\n\nexports.setDate = _setDate.default;\n\nvar _setHours = _interopRequireDefault(__webpack_require__(/*! date-fns/setHours */ \"./node_modules/date-fns/esm/setHours/index.js\"));\n\nexports.setHours = _setHours.default;\n\nvar _setMinutes = _interopRequireDefault(__webpack_require__(/*! date-fns/setMinutes */ \"./node_modules/date-fns/esm/setMinutes/index.js\"));\n\nexports.setMinutes = _setMinutes.default;\n\nvar _setMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/setMonth */ \"./node_modules/date-fns/esm/setMonth/index.js\"));\n\nexports.setMonth = _setMonth.default;\n\nvar _setSeconds = _interopRequireDefault(__webpack_require__(/*! date-fns/setSeconds */ \"./node_modules/date-fns/esm/setSeconds/index.js\"));\n\nexports.setSeconds = _setSeconds.default;\n\nvar _setYear = _interopRequireDefault(__webpack_require__(/*! date-fns/setYear */ \"./node_modules/date-fns/esm/setYear/index.js\"));\n\nexports.setYear = _setYear.default;\n\nvar _startOfDay = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfDay */ \"./node_modules/date-fns/esm/startOfDay/index.js\"));\n\nexports.startOfDay = _startOfDay.default;\n\nvar _startOfISOWeek = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfISOWeek */ \"./node_modules/date-fns/esm/startOfISOWeek/index.js\"));\n\nexports.startOfISOWeek = _startOfISOWeek.default;\n\nvar _startOfMonth = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfMonth */ \"./node_modules/date-fns/esm/startOfMonth/index.js\"));\n\nexports.startOfMonth = _startOfMonth.default;\n\nvar _startOfWeek = _interopRequireDefault(__webpack_require__(/*! date-fns/startOfWeek */ \"./node_modules/date-fns/esm/startOfWeek/index.js\"));\n\nexports.startOfWeek = _startOfWeek.default;\n\nvar _subDays = _interopRequireDefault(__webpack_require__(/*! date-fns/subDays */ \"./node_modules/date-fns/esm/subDays/index.js\"));\n\nexports.subDays = _subDays.default;\n\nvar _isMatch = _interopRequireDefault(__webpack_require__(/*! date-fns/isMatch */ \"./node_modules/date-fns/esm/isMatch/index.js\"));\n\nexports.isMatch = _isMatch.default;\n\nvar _isValid = _interopRequireDefault(__webpack_require__(/*! date-fns/isValid */ \"./node_modules/date-fns/esm/isValid/index.js\"));\n\nexports.isValid = _isValid.default;\nvar disabledTimeProps = ['disabledHours', 'disabledMinutes', 'disabledSeconds'];\nvar hideTimeProps = ['hideHours', 'hideMinutes', 'hideSeconds'];\nvar calendarOnlyProps = disabledTimeProps.concat(hideTimeProps);\nexports.calendarOnlyProps = calendarOnlyProps;\n\nfunction validTime(calendarProps, date) {\n  if (!date) {\n    return false;\n  }\n\n  return Object.keys(calendarProps).some(function (key) {\n    if (/(Hours)/.test(key)) {\n      return calendarProps[key]((0, _getHours.default)(date), date);\n    }\n\n    if (/(Minutes)/.test(key)) {\n      return calendarProps[key]((0, _getMinutes.default)(date), date);\n    }\n\n    if (/(Seconds)/.test(key)) {\n      return calendarProps[key]((0, _getSeconds.default)(date), date);\n    }\n\n    return false;\n  });\n}\n/**\n * Verify that the time is valid.\n * @param props\n * @param date\n */\n\n\nfunction disabledTime(props, date) {\n  var calendarProps = (0, _pick.default)(props, disabledTimeProps);\n  return validTime(calendarProps, date);\n}\n\nvar omitHideDisabledProps = function omitHideDisabledProps(props) {\n  return (0, _omitBy.default)(props, function (_val, key) {\n    return key.startsWith('disabled') || key.startsWith('hide');\n  });\n};\n\nexports.omitHideDisabledProps = omitHideDisabledProps;\n\nvar shouldTime = function shouldTime(format) {\n  return /([Hhms])/.test(format);\n};\n\nexports.shouldTime = shouldTime;\n\nvar shouldMonth = function shouldMonth(format) {\n  return /[Yy]/.test(format) && /[ML]/.test(format);\n};\n\nexports.shouldMonth = shouldMonth;\n\nvar shouldDate = function shouldDate(format) {\n  return /[Yy]/.test(format) && /[ML]/.test(format) && /[Dd]/.test(format);\n}; // for date-fns v1 and v2\n\n\nexports.shouldDate = shouldDate;\n\nvar shouldOnlyTime = function shouldOnlyTime(format) {\n  return /([Hhms])/.test(format) && !/([YyMDd])/.test(format);\n}; // for date-fns v1 and v2\n\n/**\n * Get all weeks of this month\n * @params monthDate\n * @return date[]\n */\n\n\nexports.shouldOnlyTime = shouldOnlyTime;\n\nfunction getMonthView(monthDate, isoWeek) {\n  var firstDayOfMonth = (0, _getDay.default)(monthDate);\n  var distance = 0 - firstDayOfMonth;\n\n  if (isoWeek) {\n    distance = 1 - firstDayOfMonth;\n\n    if (firstDayOfMonth === 0) {\n      distance = -6;\n    }\n  }\n\n  var firstWeekendDate = (0, _addDays.default)(monthDate, distance);\n  var weeks = [firstWeekendDate];\n  var nextWeekendDate = (0, _addDays.default)(firstWeekendDate, 7);\n  weeks.push(nextWeekendDate);\n\n  while (weeks.length < 6) {\n    nextWeekendDate = (0, _addDays.default)(nextWeekendDate, 7);\n    weeks.push(nextWeekendDate);\n  }\n\n  return weeks;\n}\n\nfunction getDateMask(formatStr) {\n  return Array.from(formatStr).map(function (i) {\n    return i.match(/[A-Za-z]/) ? /[\\d|A-Za-z]/ : i;\n  });\n}\n\n//# sourceURL=webpack://rsuite/./src/utils/dateUtils.ts?");
 
 /***/ }),
 
@@ -4645,6 +4854,17 @@ eval("\n\nexports.__esModule = true;\nexports.default = useFocus;\n\nvar _react
 
 /***/ }),
 
+/***/ "./src/utils/useInternalId.ts":
+/*!************************************!*\
+  !*** ./src/utils/useInternalId.ts ***!
+  \************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = useInternalId;\n\nvar _react = __webpack_require__(/*! react */ \"react\");\n\nvar _uniqueId = _interopRequireDefault(__webpack_require__(/*! lodash/uniqueId */ \"./node_modules/lodash/uniqueId.js\"));\n\n/**\n * Used for generating unique ID for DOM elements\n */\nfunction useInternalId(prefix) {\n  var idRef = (0, _react.useRef)();\n\n  if (!idRef.current) {\n    idRef.current = (0, _uniqueId.default)(\"internal://\" + prefix);\n  }\n\n  (0, _react.useDebugValue)(idRef.current);\n  return idRef.current;\n}\n\n//# sourceURL=webpack://rsuite/./src/utils/useInternalId.ts?");
+
+/***/ }),
+
 /***/ "./src/utils/usePortal.tsx":
 /*!*********************************!*\
   !*** ./src/utils/usePortal.tsx ***!
@@ -4696,7 +4916,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = useUniqueId;\n\nvar _react = __webpack_require__(/*! react */ \"react\");\n\nvar _uniqueId = _interopRequireDefault(__webpack_require__(/*! lodash/uniqueId */ \"./node_modules/lodash/uniqueId.js\"));\n\n/**\n * Used for generating unique ID for elements\n */\nfunction useUniqueId(prefix) {\n  var idRef = (0, _react.useRef)();\n\n  if (!idRef.current) {\n    idRef.current = (0, _uniqueId.default)(prefix);\n  }\n\n  return idRef.current;\n}\n\n//# sourceURL=webpack://rsuite/./src/utils/useUniqueId.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = useUniqueId;\n\nvar _react = __webpack_require__(/*! react */ \"react\");\n\nvar _uniqueId = _interopRequireDefault(__webpack_require__(/*! lodash/uniqueId */ \"./node_modules/lodash/uniqueId.js\"));\n\n/**\n * Used for generating unique ID for DOM elements\n */\nfunction useUniqueId(prefix) {\n  var idRef = (0, _react.useRef)();\n\n  if (!idRef.current) {\n    idRef.current = (0, _uniqueId.default)(prefix);\n  }\n\n  return idRef.current;\n}\n\n//# sourceURL=webpack://rsuite/./src/utils/useUniqueId.ts?");
 
 /***/ }),
 
@@ -5249,6 +5469,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "./node_modules/date-fns/esm/isSameSecond/index.js":
+/*!*********************************************************!*\
+  !*** ./node_modules/date-fns/esm/isSameSecond/index.js ***!
+  \*********************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ isSameSecond; }\n/* harmony export */ });\n/* harmony import */ var _startOfSecond_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../startOfSecond/index.js */ \"./node_modules/date-fns/esm/startOfSecond/index.js\");\n/* harmony import */ var _lib_requiredArgs_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../_lib/requiredArgs/index.js */ \"./node_modules/date-fns/esm/_lib/requiredArgs/index.js\");\n\n\n/**\n * @name isSameSecond\n * @category Second Helpers\n * @summary Are the given dates in the same second?\n *\n * @description\n * Are the given dates in the same second?\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same second\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 2014 06:30:15.000 and 4 September 2014 06:30.15.500\n * // in the same second?\n * var result = isSameSecond(\n *   new Date(2014, 8, 4, 6, 30, 15),\n *   new Date(2014, 8, 4, 6, 30, 15, 500)\n * )\n * //=> true\n */\n\nfunction isSameSecond(dirtyDateLeft, dirtyDateRight) {\n  (0,_lib_requiredArgs_index_js__WEBPACK_IMPORTED_MODULE_0__.default)(2, arguments);\n  var dateLeftStartOfSecond = (0,_startOfSecond_index_js__WEBPACK_IMPORTED_MODULE_1__.default)(dirtyDateLeft);\n  var dateRightStartOfSecond = (0,_startOfSecond_index_js__WEBPACK_IMPORTED_MODULE_1__.default)(dirtyDateRight);\n  return dateLeftStartOfSecond.getTime() === dateRightStartOfSecond.getTime();\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/date-fns/esm/isSameSecond/index.js?");
+
+/***/ }),
+
 /***/ "./node_modules/date-fns/esm/isValid/index.js":
 /*!****************************************************!*\
   !*** ./node_modules/date-fns/esm/isValid/index.js ***!
@@ -5524,6 +5755,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "./node_modules/date-fns/esm/startOfSecond/index.js":
+/*!**********************************************************!*\
+  !*** ./node_modules/date-fns/esm/startOfSecond/index.js ***!
+  \**********************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ startOfSecond; }\n/* harmony export */ });\n/* harmony import */ var _toDate_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../toDate/index.js */ \"./node_modules/date-fns/esm/toDate/index.js\");\n/* harmony import */ var _lib_requiredArgs_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../_lib/requiredArgs/index.js */ \"./node_modules/date-fns/esm/_lib/requiredArgs/index.js\");\n\n\n/**\n * @name startOfSecond\n * @category Second Helpers\n * @summary Return the start of a second for the given date.\n *\n * @description\n * Return the start of a second for the given date.\n * The result will be in the local timezone.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a second\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a second for 1 December 2014 22:15:45.400:\n * const result = startOfSecond(new Date(2014, 11, 1, 22, 15, 45, 400))\n * //=> Mon Dec 01 2014 22:15:45.000\n */\n\nfunction startOfSecond(dirtyDate) {\n  (0,_lib_requiredArgs_index_js__WEBPACK_IMPORTED_MODULE_0__.default)(1, arguments);\n  var date = (0,_toDate_index_js__WEBPACK_IMPORTED_MODULE_1__.default)(dirtyDate);\n  date.setMilliseconds(0);\n  return date;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/date-fns/esm/startOfSecond/index.js?");
+
+/***/ }),
+
 /***/ "./node_modules/date-fns/esm/startOfWeek/index.js":
 /*!********************************************************!*\
   !*** ./node_modules/date-fns/esm/startOfWeek/index.js ***!
@@ -8384,7 +8626,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"./node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\");\n/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\");\n/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_isNil__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n/* harmony import */ var _rsuite_icons_ArrowRight__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @rsuite/icons/ArrowRight */ \"./node_modules/rsuite-table/node_modules/@rsuite/icons/ArrowRight.js\");\n/* harmony import */ var _rsuite_icons_ArrowDown__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @rsuite/icons/ArrowDown */ \"./node_modules/rsuite-table/node_modules/@rsuite/icons/ArrowDown.js\");\n/* harmony import */ var _Column__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Column */ \"./node_modules/rsuite-table/es/Column.js\");\n\n\n\n\n\n\n\n\n\n\n\n\nvar Cell = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var _extends2, _extends3;\n\n  var width = props.width,\n      left = props.left,\n      style = props.style,\n      className = props.className,\n      classPrefix = props.classPrefix,\n      firstColumn = props.firstColumn,\n      lastColumn = props.lastColumn,\n      isHeaderCell = props.isHeaderCell,\n      headerHeight = props.headerHeight,\n      align = props.align,\n      children = props.children,\n      rowData = props.rowData,\n      dataKey = props.dataKey,\n      rowIndex = props.rowIndex,\n      removed = props.removed,\n      rowKey = props.rowKey,\n      wordWrap = props.wordWrap,\n      depth = props.depth,\n      verticalAlign = props.verticalAlign,\n      expanded = props.expanded,\n      treeCol = props.treeCol,\n      height = props.height,\n      hasChildren = props.hasChildren,\n      predefinedStyle = props.predefinedStyle,\n      renderCell = props.renderCell,\n      renderTreeToggle = props.renderTreeToggle,\n      onClick = props.onClick,\n      onTreeToggle = props.onTreeToggle,\n      rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__.default)(props, [\"width\", \"left\", \"style\", \"className\", \"classPrefix\", \"firstColumn\", \"lastColumn\", \"isHeaderCell\", \"headerHeight\", \"align\", \"children\", \"rowData\", \"dataKey\", \"rowIndex\", \"removed\", \"rowKey\", \"wordWrap\", \"depth\", \"verticalAlign\", \"expanded\", \"treeCol\", \"height\", \"hasChildren\", \"predefinedStyle\", \"renderCell\", \"renderTreeToggle\", \"onClick\", \"onTreeToggle\"]);\n\n  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_2___default().useContext(_TableContext__WEBPACK_IMPORTED_MODULE_8__.default),\n      rtl = _React$useContext.rtl,\n      hasCustomTreeCol = _React$useContext.hasCustomTreeCol,\n      isTree = _React$useContext.isTree;\n\n  var isTreeCol = treeCol || !hasCustomTreeCol && firstColumn && isTree;\n  var cellHeight = typeof height === 'function' ? height(rowData) : height;\n  var handleTreeToggle = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (event) {\n    onTreeToggle === null || onTreeToggle === void 0 ? void 0 : onTreeToggle(rowKey, rowIndex, rowData, event);\n  }, [onTreeToggle, rowData, rowIndex, rowKey]);\n\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix({\n    expanded: expanded && isTreeCol,\n    first: firstColumn,\n    last: lastColumn\n  }));\n  var nextHeight = isHeaderCell ? headerHeight : cellHeight;\n\n  var styles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, predefinedStyle, (_extends2 = {\n    width: width,\n    height: nextHeight,\n    zIndex: depth\n  }, _extends2[rtl ? 'right' : 'left'] = left, _extends2));\n\n  var paddingKey = rtl ? 'paddingRight' : 'paddingLeft';\n\n  var contentStyles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, style, (_extends3 = {\n    width: width,\n    height: nextHeight,\n    textAlign: align\n  }, _extends3[paddingKey] = isTreeCol ? depth * _constants__WEBPACK_IMPORTED_MODULE_6__.LAYER_WIDTH + 10 : (style === null || style === void 0 ? void 0 : style[paddingKey]) || (style === null || style === void 0 ? void 0 : style.padding), _extends3));\n\n  if (verticalAlign) {\n    contentStyles.display = 'table-cell';\n    contentStyles.verticalAlign = verticalAlign;\n  }\n\n  var cellContent = lodash_isNil__WEBPACK_IMPORTED_MODULE_5___default()(children) && rowData ? rowData[dataKey] : children;\n\n  if (typeof children === 'function') {\n    cellContent = children(rowData, rowIndex);\n  }\n\n  var renderTreeNodeExpandIcon = function renderTreeNodeExpandIcon() {\n    var ExpandIconComponent = expanded ? _rsuite_icons_ArrowDown__WEBPACK_IMPORTED_MODULE_10__.default : _rsuite_icons_ArrowRight__WEBPACK_IMPORTED_MODULE_9__.default;\n    var expandButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ExpandIconComponent, {\n      className: prefix('expand-icon')\n    });\n\n    if (isTreeCol && hasChildren) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        role: \"button\",\n        tabIndex: -1,\n        className: prefix('expand-wrapper'),\n        onClick: handleTreeToggle\n      }, renderTreeToggle ? renderTreeToggle(expandButton, rowData, expanded) : expandButton);\n    }\n\n    return null;\n  };\n\n  var content = wordWrap ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    className: prefix('wrap')\n  }, renderTreeNodeExpandIcon(), renderCell ? renderCell(cellContent) : cellContent) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, renderTreeNodeExpandIcon(), renderCell ? renderCell(cellContent) : cellContent);\n\n  if (removed) {\n    return null;\n  }\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({\n    ref: ref,\n    role: isHeaderCell ? 'columnheader' : 'gridcell'\n  }, lodash_omit__WEBPACK_IMPORTED_MODULE_4___default()(rest, ['groupCount', 'groupHeader', 'groupHeaderHeight'].concat(_Column__WEBPACK_IMPORTED_MODULE_11__.columnHandledProps)), {\n    onClick: onClick,\n    className: classes,\n    style: styles\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    className: prefix('content'),\n    style: contentStyles\n  }, content));\n});\nCell.displayName = 'Table.Cell';\nCell.propTypes = {\n  align: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOf(['left', 'center', 'right']),\n  verticalAlign: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOf(['top', 'middle', 'bottom']),\n  className: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n  classPrefix: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n  dataKey: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n  isHeaderCell: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),\n  width: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  height: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_3___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)]),\n  left: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  headerHeight: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  style: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object),\n  firstColumn: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),\n  lastColumn: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),\n  hasChildren: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().any),\n  rowKey: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_3___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number)]),\n  rowIndex: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  rowData: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object),\n  depth: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  onTreeToggle: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  renderTreeToggle: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  renderCell: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  wordWrap: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),\n  removed: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),\n  treeCol: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),\n  expanded: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool)\n};\nCell.defaultProps = {\n  classPrefix: 'cell',\n  headerHeight: 36,\n  depth: 0,\n  height: 36,\n  width: 0,\n  left: 0\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Cell);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/Cell.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"./node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\");\n/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\");\n/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_isNil__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n/* harmony import */ var _rsuite_icons_ArrowRight__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @rsuite/icons/ArrowRight */ \"./node_modules/@rsuite/icons/ArrowRight.js\");\n/* harmony import */ var _rsuite_icons_ArrowDown__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @rsuite/icons/ArrowDown */ \"./node_modules/@rsuite/icons/ArrowDown.js\");\n/* harmony import */ var _Column__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Column */ \"./node_modules/rsuite-table/es/Column.js\");\n\n\n\n\n\n\n\n\n\n\n\n\nvar Cell = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var _extends2, _extends3;\n\n  var width = props.width,\n      left = props.left,\n      style = props.style,\n      className = props.className,\n      classPrefix = props.classPrefix,\n      firstColumn = props.firstColumn,\n      lastColumn = props.lastColumn,\n      isHeaderCell = props.isHeaderCell,\n      headerHeight = props.headerHeight,\n      align = props.align,\n      children = props.children,\n      rowData = props.rowData,\n      dataKey = props.dataKey,\n      rowIndex = props.rowIndex,\n      removed = props.removed,\n      rowKey = props.rowKey,\n      rowSpan = props.rowSpan,\n      wordWrap = props.wordWrap,\n      depth = props.depth,\n      verticalAlign = props.verticalAlign,\n      expanded = props.expanded,\n      treeCol = props.treeCol,\n      height = props.height,\n      hasChildren = props.hasChildren,\n      predefinedStyle = props.predefinedStyle,\n      renderCell = props.renderCell,\n      renderTreeToggle = props.renderTreeToggle,\n      onClick = props.onClick,\n      onTreeToggle = props.onTreeToggle,\n      rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__.default)(props, [\"width\", \"left\", \"style\", \"className\", \"classPrefix\", \"firstColumn\", \"lastColumn\", \"isHeaderCell\", \"headerHeight\", \"align\", \"children\", \"rowData\", \"dataKey\", \"rowIndex\", \"removed\", \"rowKey\", \"rowSpan\", \"wordWrap\", \"depth\", \"verticalAlign\", \"expanded\", \"treeCol\", \"height\", \"hasChildren\", \"predefinedStyle\", \"renderCell\", \"renderTreeToggle\", \"onClick\", \"onTreeToggle\"]);\n\n  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_2___default().useContext(_TableContext__WEBPACK_IMPORTED_MODULE_8__.default),\n      rtl = _React$useContext.rtl,\n      hasCustomTreeCol = _React$useContext.hasCustomTreeCol,\n      isTree = _React$useContext.isTree;\n\n  var isTreeCol = treeCol || !hasCustomTreeCol && firstColumn && isTree;\n  var cellHeight = typeof height === 'function' ? height(rowData) : height;\n  var handleTreeToggle = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (event) {\n    onTreeToggle === null || onTreeToggle === void 0 ? void 0 : onTreeToggle(rowKey, rowIndex, rowData, event);\n  }, [onTreeToggle, rowData, rowIndex, rowKey]);\n\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix({\n    expanded: expanded && isTreeCol,\n    first: firstColumn,\n    last: lastColumn,\n    rowspan: rowSpan && !isHeaderCell\n  }));\n  var nextHeight = isHeaderCell ? headerHeight : cellHeight;\n\n  var styles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, predefinedStyle, (_extends2 = {\n    width: width,\n    height: nextHeight,\n    zIndex: depth\n  }, _extends2[rtl ? 'right' : 'left'] = left, _extends2));\n\n  var paddingKey = rtl ? 'paddingRight' : 'paddingLeft';\n\n  var contentStyles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, style, (_extends3 = {\n    width: width,\n    height: nextHeight,\n    textAlign: align\n  }, _extends3[paddingKey] = isTreeCol ? depth * _constants__WEBPACK_IMPORTED_MODULE_6__.LAYER_WIDTH + 10 : (style === null || style === void 0 ? void 0 : style[paddingKey]) || (style === null || style === void 0 ? void 0 : style.padding), _extends3));\n\n  if (verticalAlign) {\n    contentStyles.display = 'table-cell';\n    contentStyles.verticalAlign = verticalAlign;\n  }\n\n  var cellContent = lodash_isNil__WEBPACK_IMPORTED_MODULE_5___default()(children) && rowData ? rowData[dataKey] : children;\n\n  if (typeof children === 'function') {\n    cellContent = children(rowData, rowIndex);\n  }\n\n  var renderTreeNodeExpandIcon = function renderTreeNodeExpandIcon() {\n    var ExpandIconComponent = expanded ? _rsuite_icons_ArrowDown__WEBPACK_IMPORTED_MODULE_10__.default : _rsuite_icons_ArrowRight__WEBPACK_IMPORTED_MODULE_9__.default;\n    var expandButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ExpandIconComponent, {\n      className: prefix('expand-icon')\n    });\n\n    if (isTreeCol && hasChildren) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        role: \"button\",\n        tabIndex: -1,\n        className: prefix('expand-wrapper'),\n        onClick: handleTreeToggle\n      }, renderTreeToggle ? renderTreeToggle(expandButton, rowData, expanded) : expandButton);\n    }\n\n    return null;\n  };\n\n  var content = wordWrap ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    className: prefix('wrap')\n  }, renderTreeNodeExpandIcon(), renderCell ? renderCell(cellContent) : cellContent) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, renderTreeNodeExpandIcon(), renderCell ? renderCell(cellContent) : cellContent);\n\n  if (removed) {\n    return null;\n  }\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({\n    ref: ref,\n    role: isHeaderCell ? 'columnheader' : 'gridcell'\n  }, lodash_omit__WEBPACK_IMPORTED_MODULE_4___default()(rest, ['groupCount', 'groupHeader', 'groupHeaderHeight'].concat(_Column__WEBPACK_IMPORTED_MODULE_11__.columnHandledProps)), {\n    onClick: onClick,\n    className: classes,\n    style: styles\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    className: prefix('content'),\n    style: contentStyles\n  }, content));\n});\nCell.displayName = 'Table.Cell';\nCell.propTypes = {\n  align: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOf(['left', 'center', 'right']),\n  verticalAlign: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOf(['top', 'middle', 'bottom']),\n  className: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n  classPrefix: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n  dataKey: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n  isHeaderCell: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),\n  width: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  height: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_3___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)]),\n  left: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  headerHeight: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  style: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object),\n  firstColumn: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),\n  lastColumn: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),\n  hasChildren: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().any),\n  rowKey: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_3___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number)]),\n  rowIndex: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  rowData: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object),\n  depth: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  onTreeToggle: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  renderTreeToggle: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  renderCell: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  wordWrap: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),\n  removed: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),\n  treeCol: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),\n  expanded: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool)\n};\nCell.defaultProps = {\n  classPrefix: 'cell',\n  headerHeight: 36,\n  depth: 0,\n  height: 36,\n  width: 0,\n  left: 0\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Cell);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/Cell.js?");
 
 /***/ }),
 
@@ -8406,7 +8648,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _bab
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"columnHandledProps\": function() { return /* binding */ columnHandledProps; }\n/* harmony export */ });\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);\n\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction Column(_props) {\n  return null;\n}\n\nvar propTypes = {\n  align: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['left', 'center', 'right']),\n  verticalAlign: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['top', 'middle', 'bottom']),\n  width: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),\n  fixed: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool), prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['left', 'right'])]),\n  resizable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),\n  sortable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),\n  flexGrow: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),\n  minWidth: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),\n  colSpan: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),\n  treeCol: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),\n  onResize: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)\n};\nColumn.displayName = 'Table.Column';\nColumn.defaultProps = {\n  width: 100\n};\nColumn.propTypes = propTypes;\nvar columnHandledProps = Object.keys(propTypes);\n/* harmony default export */ __webpack_exports__[\"default\"] = (Column);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/Column.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"columnHandledProps\": function() { return /* binding */ columnHandledProps; }\n/* harmony export */ });\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);\n\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction Column(_props) {\n  return null;\n}\n\nvar propTypes = {\n  align: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['left', 'center', 'right']),\n  verticalAlign: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['top', 'middle', 'bottom']),\n  width: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),\n  fixed: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool), prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['left', 'right'])]),\n  resizable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),\n  sortable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),\n  flexGrow: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),\n  minWidth: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),\n  colSpan: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),\n  rowSpan: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),\n  treeCol: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),\n  onResize: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)\n};\nColumn.displayName = 'Table.Column';\nColumn.defaultProps = {\n  width: 100\n};\nColumn.propTypes = propTypes;\nvar columnHandledProps = Object.keys(propTypes);\n/* harmony default export */ __webpack_exports__[\"default\"] = (Column);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/Column.js?");
 
 /***/ }),
 
@@ -8450,7 +8692,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"./node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\");\n/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_isNil__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _rsuite_icons_Sort__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @rsuite/icons/Sort */ \"./node_modules/rsuite-table/node_modules/@rsuite/icons/Sort.js\");\n/* harmony import */ var _rsuite_icons_SortUp__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @rsuite/icons/SortUp */ \"./node_modules/rsuite-table/node_modules/@rsuite/icons/SortUp.js\");\n/* harmony import */ var _rsuite_icons_SortDown__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @rsuite/icons/SortDown */ \"./node_modules/rsuite-table/node_modules/@rsuite/icons/SortDown.js\");\n/* harmony import */ var _ColumnResizeHandler__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./ColumnResizeHandler */ \"./node_modules/rsuite-table/es/ColumnResizeHandler.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Cell */ \"./node_modules/rsuite-table/es/Cell.js\");\n\n\n\n\n\n\n\n\n\n\n\n\nvar SORTED_ICON = {\n  desc: _rsuite_icons_SortDown__WEBPACK_IMPORTED_MODULE_8__.default,\n  asc: _rsuite_icons_SortUp__WEBPACK_IMPORTED_MODULE_7__.default\n};\nvar HeaderCell = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var className = props.className,\n      classPrefix = props.classPrefix,\n      width = props.width,\n      dataKey = props.dataKey,\n      headerHeight = props.headerHeight,\n      children = props.children,\n      left = props.left,\n      sortable = props.sortable,\n      sortColumn = props.sortColumn,\n      sortType = props.sortType,\n      groupHeader = props.groupHeader,\n      resizable = props.resizable,\n      fixed = props.fixed,\n      minWidth = props.minWidth,\n      index = props.index,\n      flexGrow = props.flexGrow,\n      onColumnResizeEnd = props.onColumnResizeEnd,\n      onResize = props.onResize,\n      onColumnResizeStart = props.onColumnResizeStart,\n      onColumnResizeMove = props.onColumnResizeMove,\n      onSortColumn = props.onSortColumn,\n      rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__.default)(props, [\"className\", \"classPrefix\", \"width\", \"dataKey\", \"headerHeight\", \"children\", \"left\", \"sortable\", \"sortColumn\", \"sortType\", \"groupHeader\", \"resizable\", \"fixed\", \"minWidth\", \"index\", \"flexGrow\", \"onColumnResizeEnd\", \"onResize\", \"onColumnResizeStart\", \"onColumnResizeMove\", \"onSortColumn\"]);\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(lodash_isNil__WEBPACK_IMPORTED_MODULE_5___default()(flexGrow) ? width : 0),\n      columnWidth = _useState[0],\n      setColumnWidth = _useState[1];\n\n  (0,_utils__WEBPACK_IMPORTED_MODULE_10__.useUpdateEffect)(function () {\n    setColumnWidth(lodash_isNil__WEBPACK_IMPORTED_MODULE_5___default()(flexGrow) ? width : 0);\n  }, [flexGrow, width]);\n\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_10__.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix({\n    sortable: sortable\n  }));\n  var ariaSort;\n\n  if (sortColumn === dataKey) {\n    ariaSort = 'other';\n\n    if (sortType === 'asc') {\n      ariaSort = 'ascending';\n    } else if (sortType === 'desc') {\n      ariaSort = 'descending';\n    }\n  }\n\n  var handleClick = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    if (sortable) {\n      onSortColumn === null || onSortColumn === void 0 ? void 0 : onSortColumn(dataKey);\n    }\n  }, [dataKey, onSortColumn, sortable]);\n  var handleColumnResizeStart = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    onColumnResizeStart === null || onColumnResizeStart === void 0 ? void 0 : onColumnResizeStart(columnWidth, left, !!fixed);\n  }, [columnWidth, fixed, left, onColumnResizeStart]);\n  var handleColumnResizeEnd = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (nextColumnWidth, cursorDelta) {\n    setColumnWidth(nextColumnWidth);\n    onColumnResizeEnd === null || onColumnResizeEnd === void 0 ? void 0 : onColumnResizeEnd(nextColumnWidth, cursorDelta, dataKey, index);\n    onResize === null || onResize === void 0 ? void 0 : onResize(nextColumnWidth, dataKey);\n  }, [dataKey, index, onColumnResizeEnd, onResize]);\n\n  var renderSortColumn = function renderSortColumn() {\n    if (sortable && !groupHeader) {\n      var _classNames;\n\n      var SortIcon = sortColumn === dataKey && sortType ? SORTED_ICON[sortType] : _rsuite_icons_Sort__WEBPACK_IMPORTED_MODULE_6__.default;\n      var iconClasses = classnames__WEBPACK_IMPORTED_MODULE_4___default()(prefix('icon-sort'), (_classNames = {}, _classNames[prefix(\"icon-sort-\" + sortType)] = sortColumn === dataKey, _classNames));\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        className: prefix('sort-wrapper')\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(SortIcon, {\n        className: iconClasses\n      }));\n    }\n\n    return null;\n  };\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    ref: ref,\n    className: classes\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Cell__WEBPACK_IMPORTED_MODULE_11__.default, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({\n    \"aria-sort\": ariaSort\n  }, rest, {\n    width: width,\n    dataKey: dataKey,\n    left: left,\n    headerHeight: headerHeight,\n    isHeaderCell: true,\n    onClick: !groupHeader ? handleClick : null\n  }), children, renderSortColumn()), resizable ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ColumnResizeHandler__WEBPACK_IMPORTED_MODULE_9__.default, {\n    defaultColumnWidth: columnWidth,\n    key: columnWidth,\n    columnLeft: left,\n    columnFixed: fixed,\n    height: headerHeight ? headerHeight - 1 : undefined,\n    minWidth: minWidth,\n    onColumnResizeMove: onColumnResizeMove,\n    onColumnResizeStart: handleColumnResizeStart,\n    onColumnResizeEnd: handleColumnResizeEnd\n  }) : null);\n});\nHeaderCell.displayName = 'HeaderCell';\nHeaderCell.defaultProps = {\n  classPrefix: 'cell-header'\n};\nHeaderCell.propTypes = {\n  index: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  sortColumn: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n  sortType: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOf(['desc', 'asc']),\n  sortable: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),\n  resizable: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),\n  minWidth: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  onColumnResizeStart: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  onColumnResizeEnd: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  onResize: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  onColumnResizeMove: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  onSortColumn: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  flexGrow: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  fixed: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().any),\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().node)\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (HeaderCell);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/HeaderCell.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"./node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\");\n/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_isNil__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _rsuite_icons_Sort__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @rsuite/icons/Sort */ \"./node_modules/@rsuite/icons/Sort.js\");\n/* harmony import */ var _rsuite_icons_SortUp__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @rsuite/icons/SortUp */ \"./node_modules/@rsuite/icons/SortUp.js\");\n/* harmony import */ var _rsuite_icons_SortDown__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @rsuite/icons/SortDown */ \"./node_modules/@rsuite/icons/SortDown.js\");\n/* harmony import */ var _ColumnResizeHandler__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./ColumnResizeHandler */ \"./node_modules/rsuite-table/es/ColumnResizeHandler.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Cell */ \"./node_modules/rsuite-table/es/Cell.js\");\n\n\n\n\n\n\n\n\n\n\n\n\nvar SORTED_ICON = {\n  desc: _rsuite_icons_SortDown__WEBPACK_IMPORTED_MODULE_8__.default,\n  asc: _rsuite_icons_SortUp__WEBPACK_IMPORTED_MODULE_7__.default\n};\nvar HeaderCell = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var className = props.className,\n      classPrefix = props.classPrefix,\n      width = props.width,\n      dataKey = props.dataKey,\n      headerHeight = props.headerHeight,\n      children = props.children,\n      left = props.left,\n      sortable = props.sortable,\n      sortColumn = props.sortColumn,\n      sortType = props.sortType,\n      groupHeader = props.groupHeader,\n      resizable = props.resizable,\n      fixed = props.fixed,\n      minWidth = props.minWidth,\n      index = props.index,\n      flexGrow = props.flexGrow,\n      onColumnResizeEnd = props.onColumnResizeEnd,\n      onResize = props.onResize,\n      onColumnResizeStart = props.onColumnResizeStart,\n      onColumnResizeMove = props.onColumnResizeMove,\n      onSortColumn = props.onSortColumn,\n      rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__.default)(props, [\"className\", \"classPrefix\", \"width\", \"dataKey\", \"headerHeight\", \"children\", \"left\", \"sortable\", \"sortColumn\", \"sortType\", \"groupHeader\", \"resizable\", \"fixed\", \"minWidth\", \"index\", \"flexGrow\", \"onColumnResizeEnd\", \"onResize\", \"onColumnResizeStart\", \"onColumnResizeMove\", \"onSortColumn\"]);\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(lodash_isNil__WEBPACK_IMPORTED_MODULE_5___default()(flexGrow) ? width : 0),\n      columnWidth = _useState[0],\n      setColumnWidth = _useState[1];\n\n  (0,_utils__WEBPACK_IMPORTED_MODULE_10__.useUpdateEffect)(function () {\n    setColumnWidth(lodash_isNil__WEBPACK_IMPORTED_MODULE_5___default()(flexGrow) ? width : 0);\n  }, [flexGrow, width]);\n\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_10__.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix({\n    sortable: sortable\n  }));\n  var ariaSort;\n\n  if (sortColumn === dataKey) {\n    ariaSort = 'other';\n\n    if (sortType === 'asc') {\n      ariaSort = 'ascending';\n    } else if (sortType === 'desc') {\n      ariaSort = 'descending';\n    }\n  }\n\n  var handleClick = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    if (sortable) {\n      onSortColumn === null || onSortColumn === void 0 ? void 0 : onSortColumn(dataKey);\n    }\n  }, [dataKey, onSortColumn, sortable]);\n  var handleColumnResizeStart = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    onColumnResizeStart === null || onColumnResizeStart === void 0 ? void 0 : onColumnResizeStart(columnWidth, left, !!fixed);\n  }, [columnWidth, fixed, left, onColumnResizeStart]);\n  var handleColumnResizeEnd = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (nextColumnWidth, cursorDelta) {\n    setColumnWidth(nextColumnWidth);\n    onColumnResizeEnd === null || onColumnResizeEnd === void 0 ? void 0 : onColumnResizeEnd(nextColumnWidth, cursorDelta, dataKey, index);\n    onResize === null || onResize === void 0 ? void 0 : onResize(nextColumnWidth, dataKey);\n  }, [dataKey, index, onColumnResizeEnd, onResize]);\n\n  var renderSortColumn = function renderSortColumn() {\n    if (sortable && !groupHeader) {\n      var _classNames;\n\n      var SortIcon = sortColumn === dataKey && sortType ? SORTED_ICON[sortType] : _rsuite_icons_Sort__WEBPACK_IMPORTED_MODULE_6__.default;\n      var iconClasses = classnames__WEBPACK_IMPORTED_MODULE_4___default()(prefix('icon-sort'), (_classNames = {}, _classNames[prefix(\"icon-sort-\" + sortType)] = sortColumn === dataKey, _classNames));\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        className: prefix('sort-wrapper')\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(SortIcon, {\n        className: iconClasses\n      }));\n    }\n\n    return null;\n  };\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    ref: ref,\n    className: classes\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Cell__WEBPACK_IMPORTED_MODULE_11__.default, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({\n    \"aria-sort\": ariaSort\n  }, rest, {\n    width: width,\n    dataKey: dataKey,\n    left: left,\n    headerHeight: headerHeight,\n    isHeaderCell: true,\n    onClick: !groupHeader ? handleClick : null\n  }), children, renderSortColumn()), resizable ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ColumnResizeHandler__WEBPACK_IMPORTED_MODULE_9__.default, {\n    defaultColumnWidth: columnWidth,\n    key: columnWidth,\n    columnLeft: left,\n    columnFixed: fixed,\n    height: headerHeight ? headerHeight - 1 : undefined,\n    minWidth: minWidth,\n    onColumnResizeMove: onColumnResizeMove,\n    onColumnResizeStart: handleColumnResizeStart,\n    onColumnResizeEnd: handleColumnResizeEnd\n  }) : null);\n});\nHeaderCell.displayName = 'HeaderCell';\nHeaderCell.defaultProps = {\n  classPrefix: 'cell-header'\n};\nHeaderCell.propTypes = {\n  index: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  sortColumn: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n  sortType: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOf(['desc', 'asc']),\n  sortable: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),\n  resizable: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),\n  minWidth: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  onColumnResizeStart: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  onColumnResizeEnd: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  onResize: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  onColumnResizeMove: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  onSortColumn: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  flexGrow: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  fixed: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().any),\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().node)\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (HeaderCell);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/HeaderCell.js?");
 
 /***/ }),
 
@@ -8483,7 +8725,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"./node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n\n\n\n\n\n\nvar Row = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var className = props.className,\n      width = props.width,\n      height = props.height,\n      top = props.top,\n      style = props.style,\n      isHeaderRow = props.isHeaderRow,\n      headerHeight = props.headerHeight,\n      rowRef = props.rowRef,\n      classPrefix = props.classPrefix,\n      children = props.children,\n      rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__.default)(props, [\"className\", \"width\", \"height\", \"top\", \"style\", \"isHeaderRow\", \"headerHeight\", \"rowRef\", \"classPrefix\", \"children\"]);\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(_TableContext__WEBPACK_IMPORTED_MODULE_5__.default),\n      translateDOMPositionXY = _useContext.translateDOMPositionXY;\n\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix({\n    header: isHeaderRow\n  }));\n\n  var styles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({\n    minWidth: width,\n    height: isHeaderRow ? headerHeight : height\n  }, style);\n\n  translateDOMPositionXY === null || translateDOMPositionXY === void 0 ? void 0 : translateDOMPositionXY(styles, 0, top);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({\n    role: \"row\"\n  }, rest, {\n    ref: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.mergeRefs)(rowRef, ref),\n    className: classes,\n    style: styles\n  }), children);\n});\nRow.displayName = 'Table.Row';\nRow.defaultProps = {\n  classPrefix: 'row',\n  height: 46,\n  headerHeight: 40\n};\nRow.propTypes = {\n  width: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  height: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  headerHeight: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  top: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  isHeaderRow: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),\n  rowRef: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_3___default().func), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object)]),\n  className: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n  classPrefix: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n  style: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object)\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Row);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/Row.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"./node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n\n\n\n\n\n\nvar Row = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var className = props.className,\n      width = props.width,\n      height = props.height,\n      top = props.top,\n      style = props.style,\n      isHeaderRow = props.isHeaderRow,\n      headerHeight = props.headerHeight,\n      rowRef = props.rowRef,\n      classPrefix = props.classPrefix,\n      children = props.children,\n      rowSpan = props.rowSpan,\n      rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__.default)(props, [\"className\", \"width\", \"height\", \"top\", \"style\", \"isHeaderRow\", \"headerHeight\", \"rowRef\", \"classPrefix\", \"children\", \"rowSpan\"]);\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(_TableContext__WEBPACK_IMPORTED_MODULE_5__.default),\n      translateDOMPositionXY = _useContext.translateDOMPositionXY;\n\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix({\n    header: isHeaderRow,\n    rowspan: rowSpan\n  }));\n\n  var styles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({\n    minWidth: width,\n    height: isHeaderRow ? headerHeight : height\n  }, style);\n\n  translateDOMPositionXY === null || translateDOMPositionXY === void 0 ? void 0 : translateDOMPositionXY(styles, 0, top);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({\n    role: \"row\"\n  }, rest, {\n    ref: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.mergeRefs)(rowRef, ref),\n    className: classes,\n    style: styles\n  }), children);\n});\nRow.displayName = 'Table.Row';\nRow.defaultProps = {\n  classPrefix: 'row',\n  height: 46,\n  headerHeight: 40\n};\nRow.propTypes = {\n  width: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  height: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  headerHeight: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  top: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  isHeaderRow: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),\n  rowRef: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_3___default().func), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object)]),\n  className: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n  classPrefix: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n  style: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object),\n  rowSpan: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number)\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Row);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/Row.js?");
 
 /***/ }),
 
@@ -8505,7 +8747,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _bab
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"./node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var dom_lib_lib_transition_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-lib/lib/transition/translateDOMPositionXY */ \"./node_modules/dom-lib/lib/transition/translateDOMPositionXY.js\");\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 lodash_isFunction__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\");\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_isFunction__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash/flatten */ \"./node_modules/lodash/flatten.js\");\n/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash_flatten__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _Row__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Row */ \"./node_modules/rsuite-table/es/Row.js\");\n/* harmony import */ var _CellGroup__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./CellGroup */ \"./node_modules/rsuite-table/es/CellGroup.js\");\n/* harmony import */ var _Scrollbar__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Scrollbar */ \"./node_modules/rsuite-table/es/Scrollbar.js\");\n/* harmony import */ var _MouseArea__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./MouseArea */ \"./node_modules/rsuite-table/es/MouseArea.js\");\n/* harmony import */ var _Loader__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Loader */ \"./node_modules/rsuite-table/es/Loader.js\");\n/* harmony import */ var _EmptyMessage__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./EmptyMessage */ \"./node_modules/rsuite-table/es/EmptyMessage.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar Table = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var affixHeader = props.affixHeader,\n      children = props.children,\n      classPrefix = props.classPrefix,\n      className = props.className,\n      dataProp = props.data,\n      widthProp = props.width,\n      expandedRowKeysProp = props.expandedRowKeys,\n      defaultExpandAllRows = props.defaultExpandAllRows,\n      defaultExpandedRowKeys = props.defaultExpandedRowKeys,\n      style = props.style,\n      id = props.id,\n      isTree = props.isTree,\n      hover = props.hover,\n      bordered = props.bordered,\n      cellBordered = props.cellBordered,\n      wordWrap = props.wordWrap,\n      loading = props.loading,\n      locale = props.locale,\n      showHeader = props.showHeader,\n      sortColumn = props.sortColumn,\n      rowHeightProp = props.rowHeight,\n      sortTypeProp = props.sortType,\n      defaultSortType = props.defaultSortType,\n      headerHeightProp = props.headerHeight,\n      minHeight = props.minHeight,\n      height = props.height,\n      autoHeight = props.autoHeight,\n      rtlProp = props.rtl,\n      translate3d = props.translate3d,\n      rowKey = props.rowKey,\n      virtualized = props.virtualized,\n      rowHeight = props.rowHeight,\n      rowClassName = props.rowClassName,\n      rowExpandedHeight = props.rowExpandedHeight,\n      disabledScroll = props.disabledScroll,\n      affixHorizontalScrollbar = props.affixHorizontalScrollbar,\n      loadAnimation = props.loadAnimation,\n      shouldUpdateScroll = props.shouldUpdateScroll,\n      renderRowExpandedProp = props.renderRowExpanded,\n      renderLoading = props.renderLoading,\n      renderEmpty = props.renderEmpty,\n      onSortColumn = props.onSortColumn,\n      onScroll = props.onScroll,\n      renderTreeToggle = props.renderTreeToggle,\n      onRowClick = props.onRowClick,\n      onRowContextMenu = props.onRowContextMenu,\n      onExpandChange = props.onExpandChange,\n      onTouchStart = props.onTouchStart,\n      onTouchMove = props.onTouchMove,\n      rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__.default)(props, [\"affixHeader\", \"children\", \"classPrefix\", \"className\", \"data\", \"width\", \"expandedRowKeys\", \"defaultExpandAllRows\", \"defaultExpandedRowKeys\", \"style\", \"id\", \"isTree\", \"hover\", \"bordered\", \"cellBordered\", \"wordWrap\", \"loading\", \"locale\", \"showHeader\", \"sortColumn\", \"rowHeight\", \"sortType\", \"defaultSortType\", \"headerHeight\", \"minHeight\", \"height\", \"autoHeight\", \"rtl\", \"translate3d\", \"rowKey\", \"virtualized\", \"rowHeight\", \"rowClassName\", \"rowExpandedHeight\", \"disabledScroll\", \"affixHorizontalScrollbar\", \"loadAnimation\", \"shouldUpdateScroll\", \"renderRowExpanded\", \"renderLoading\", \"renderEmpty\", \"onSortColumn\", \"onScroll\", \"renderTreeToggle\", \"onRowClick\", \"onRowContextMenu\", \"onExpandChange\", \"onTouchStart\", \"onTouchMove\"]);\n\n  if (isTree && !rowKey) {\n    throw new Error('The `rowKey` is required when set isTree');\n  }\n\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useClassNames)(classPrefix || 'table', typeof classPrefix !== 'undefined'),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      mergeCls = _useClassNames.merge,\n      prefix = _useClassNames.prefix; // Use `forceUpdate` to force the component to re-render after manipulating the DOM.\n\n\n  var _useReducer = (0,react__WEBPACK_IMPORTED_MODULE_2__.useReducer)(function (x) {\n    return x + 1;\n  }, 0),\n      forceUpdate = _useReducer[1];\n\n  var _useTableRows = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useTableRows)({\n    data: dataProp,\n    wordWrap: wordWrap,\n    prefix: prefix\n  }),\n      tableRowsMaxHeight = _useTableRows.tableRowsMaxHeight,\n      bindTableRowsRef = _useTableRows.bindTableRowsRef;\n\n  var _useControlled = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useControlled)(expandedRowKeysProp, defaultExpandAllRows ? (0,_utils__WEBPACK_IMPORTED_MODULE_15__.findRowKeys)(dataProp, rowKey, lodash_isFunction__WEBPACK_IMPORTED_MODULE_5___default()(renderRowExpandedProp)) : defaultExpandedRowKeys || []),\n      expandedRowKeys = _useControlled[0],\n      setExpandedRowKeys = _useControlled[1];\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(isTree ? (0,_utils__WEBPACK_IMPORTED_MODULE_15__.flattenData)(dataProp) : dataProp),\n      data = _useState[0],\n      setData = _useState[1];\n\n  var headerHeight = showHeader ? headerHeightProp : 0;\n  var rtl = rtlProp || (0,_utils__WEBPACK_IMPORTED_MODULE_15__.isRTL)();\n\n  var getRowHeight = function getRowHeight(rowData) {\n    if (rowData === void 0) {\n      rowData = {};\n    }\n\n    return typeof rowHeightProp === 'function' ? rowHeightProp(rowData) : rowHeightProp;\n  };\n\n  var translateDOMPositionXY = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)((0,dom_lib_lib_transition_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_3__.getTranslateDOMPositionXY)({\n    enable3DTransform: translate3d\n  }));\n  var shouldFixedColumn = Array.from(lodash_flatten__WEBPACK_IMPORTED_MODULE_6___default()(children)).some(function (child) {\n    var _child$props;\n\n    return child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.fixed;\n  });\n  var colCounts = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(lodash_flatten__WEBPACK_IMPORTED_MODULE_6___default()(children).length);\n  var visibleRows = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)([]);\n  var mouseAreaRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var tableRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var tableHeaderRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var affixHeaderWrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var headerWrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var tableBodyRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var wheelWrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var scrollbarXRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var scrollbarYRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n\n  var _useTableDimension = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useTableDimension)({\n    data: dataProp,\n    width: widthProp,\n    rowHeight: rowHeight,\n    tableRef: tableRef,\n    headerWrapperRef: headerWrapperRef,\n    prefix: prefix,\n    affixHeader: affixHeader,\n    affixHorizontalScrollbar: affixHorizontalScrollbar,\n    headerHeight: headerHeight,\n    height: height,\n    autoHeight: autoHeight,\n    children: children,\n    expandedRowKeys: expandedRowKeys,\n    onTableScroll: function onTableScroll(_ref) {\n      var x = _ref.x,\n          y = _ref.y;\n      handleScrollTo({\n        x: x,\n        y: y\n      });\n    },\n    onTableContentHeightChange: function onTableContentHeightChange() {\n      forceUpdate();\n\n      if (shouldUpdateScroll) {\n        handleScrollTop(0);\n      }\n    },\n    onTableContentWidthChange: function onTableContentWidthChange() {\n      if (shouldUpdateScroll) {\n        handleScrollLeft(0);\n      }\n    },\n    onTableWidthChange: function onTableWidthChange() {\n      if (shouldUpdateScroll) {\n        handleScrollLeft(0);\n      }\n    }\n  }),\n      contentHeight = _useTableDimension.contentHeight,\n      contentWidth = _useTableDimension.contentWidth,\n      minScrollY = _useTableDimension.minScrollY,\n      minScrollX = _useTableDimension.minScrollX,\n      scrollY = _useTableDimension.scrollY,\n      scrollX = _useTableDimension.scrollX,\n      tableWidth = _useTableDimension.tableWidth,\n      tableOffset = _useTableDimension.tableOffset,\n      headerOffset = _useTableDimension.headerOffset,\n      setScrollY = _useTableDimension.setScrollY,\n      setScrollX = _useTableDimension.setScrollX;\n\n  var getTableHeight = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    if (data.length === 0 && autoHeight) {\n      return height;\n    }\n\n    return autoHeight ? Math.max(headerHeight + contentHeight.current, minHeight) : height;\n  }, [autoHeight, contentHeight, data.length, headerHeight, height, minHeight]);\n  (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useAffix)({\n    tableHeight: getTableHeight,\n    contentHeight: contentHeight,\n    affixHorizontalScrollbar: affixHorizontalScrollbar,\n    affixHeader: affixHeader,\n    tableOffset: tableOffset,\n    headerOffset: headerOffset,\n    headerHeight: headerHeight,\n    scrollbarXRef: scrollbarXRef,\n    affixHeaderWrapperRef: affixHeaderWrapperRef\n  });\n\n  var _usePosition = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.usePosition)({\n    data: dataProp,\n    height: height,\n    tableWidth: tableWidth,\n    tableRef: tableRef,\n    prefix: prefix,\n    translateDOMPositionXY: translateDOMPositionXY,\n    wheelWrapperRef: wheelWrapperRef,\n    headerWrapperRef: headerWrapperRef,\n    affixHeaderWrapperRef: affixHeaderWrapperRef,\n    tableHeaderRef: tableHeaderRef,\n    scrollX: scrollX,\n    scrollY: scrollY,\n    contentWidth: contentWidth,\n    shouldFixedColumn: shouldFixedColumn\n  }),\n      forceUpdatePosition = _usePosition.forceUpdatePosition;\n\n  var _useScrollListener = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useScrollListener)({\n    rtl: rtl,\n    data: dataProp,\n    children: children,\n    height: height,\n    virtualized: virtualized,\n    getTableHeight: getTableHeight,\n    contentHeight: contentHeight,\n    headerHeight: headerHeight,\n    autoHeight: autoHeight,\n    tableBodyRef: tableBodyRef,\n    scrollbarXRef: scrollbarXRef,\n    scrollbarYRef: scrollbarYRef,\n    disabledScroll: disabledScroll,\n    loading: loading,\n    tableRef: tableRef,\n    contentWidth: contentWidth,\n    tableWidth: tableWidth,\n    scrollY: scrollY,\n    minScrollY: minScrollY,\n    minScrollX: minScrollX,\n    scrollX: scrollX,\n    setScrollX: setScrollX,\n    setScrollY: setScrollY,\n    forceUpdatePosition: forceUpdatePosition,\n    onScroll: onScroll,\n    onTouchMove: onTouchMove,\n    onTouchStart: onTouchStart\n  }),\n      isScrolling = _useScrollListener.isScrolling,\n      handleHorizontalScroll = _useScrollListener.handleHorizontalScroll,\n      handleVerticalScroll = _useScrollListener.handleVerticalScroll,\n      handleBodyScroll = _useScrollListener.handleBodyScroll,\n      handleScrollTop = _useScrollListener.handleScrollTop,\n      handleScrollLeft = _useScrollListener.handleScrollLeft,\n      handleScrollTo = _useScrollListener.handleScrollTo;\n\n  var _useCellDescriptor = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useCellDescriptor)({\n    children: children,\n    rtl: rtl,\n    mouseAreaRef: mouseAreaRef,\n    tableRef: tableRef,\n    minScrollX: minScrollX,\n    scrollX: scrollX,\n    tableWidth: tableWidth,\n    headerHeight: headerHeight,\n    showHeader: showHeader,\n    sortType: sortTypeProp,\n    defaultSortType: defaultSortType,\n    sortColumn: sortColumn,\n    prefix: prefix,\n    onSortColumn: onSortColumn,\n    rowHeight: rowHeight\n  }),\n      headerCells = _useCellDescriptor.headerCells,\n      bodyCells = _useCellDescriptor.bodyCells,\n      allColumnsWidth = _useCellDescriptor.allColumnsWidth,\n      hasCustomTreeCol = _useCellDescriptor.hasCustomTreeCol;\n\n  (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useUpdateEffect)(function () {\n    setData(isTree ? (0,_utils__WEBPACK_IMPORTED_MODULE_15__.flattenData)(dataProp) : dataProp);\n  }, [dataProp, isTree]);\n  (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useUpdateEffect)(function () {\n    colCounts.current = lodash_flatten__WEBPACK_IMPORTED_MODULE_6___default()(children || []).length;\n  }, [children]);\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useImperativeHandle)(ref, function () {\n    return {\n      get root() {\n        return tableRef.current;\n      },\n\n      get body() {\n        return wheelWrapperRef.current;\n      },\n\n      scrollTop: handleScrollTop,\n      scrollLeft: handleScrollLeft\n    };\n  });\n  var rowWidth = allColumnsWidth > tableWidth.current ? allColumnsWidth : tableWidth.current;\n  var classes = mergeCls(className, withClassPrefix({\n    bordered: bordered,\n    hover: hover,\n    loading: loading,\n    treetable: isTree,\n    'word-wrap': wordWrap,\n    'cell-bordered': cellBordered\n  }));\n\n  var styles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({\n    width: widthProp || 'auto',\n    height: getTableHeight()\n  }, style);\n\n  var renderRowExpanded = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (rowData) {\n    var styles = {\n      height: rowExpandedHeight\n    };\n\n    if (typeof renderRowExpandedProp === 'function') {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: prefix('row-expanded'),\n        style: styles\n      }, renderRowExpandedProp(rowData));\n    }\n\n    return null;\n  }, [prefix, renderRowExpandedProp, rowExpandedHeight]);\n\n  var renderRow = function renderRow(props, cells, shouldRenderExpandedRow, rowData) {\n    var depth = props.depth,\n        restRowProps = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__.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 (rtl && contentWidth.current > tableWidth.current) {\n      rowRight = tableWidth.current - contentWidth.current;\n      rowStyles.right = rowRight;\n    } // IF there are fixed columns, add a fixed group\n\n\n    if (shouldFixedColumn && contentWidth.current > tableWidth.current) {\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            width = _cell$props.width;\n        var isFixedStart = fixed === 'left' || fixed === true;\n        var isFixedEnd = fixed === 'right';\n\n        if (rtl) {\n          isFixedStart = fixed === 'right';\n          isFixedEnd = fixed === 'left' || fixed === true;\n        }\n\n        if (isFixedStart) {\n          fixedLeftCells.push(cell);\n          fixedLeftCellGroupWidth += width;\n        } else if (isFixedEnd) {\n          fixedRightCells.push(cell);\n          fixedRightCellGroupWidth += width;\n        } else {\n          scrollCells.push(cell);\n        }\n      }\n\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Row__WEBPACK_IMPORTED_MODULE_7__.default, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, restRowProps, {\n        \"data-depth\": depth,\n        style: rowStyles\n      }), fixedLeftCellGroupWidth ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_CellGroup__WEBPACK_IMPORTED_MODULE_8__.default, {\n        fixed: \"left\",\n        height: props.isHeaderRow ? props.headerHeight : props.height,\n        width: fixedLeftCellGroupWidth,\n        style: rtl ? {\n          right: tableWidth.current - fixedLeftCellGroupWidth - rowRight\n        } : null\n      }, (0,_utils__WEBPACK_IMPORTED_MODULE_15__.mergeCells)((0,_utils__WEBPACK_IMPORTED_MODULE_15__.resetLeftForCells)(fixedLeftCells))) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_CellGroup__WEBPACK_IMPORTED_MODULE_8__.default, null, (0,_utils__WEBPACK_IMPORTED_MODULE_15__.mergeCells)(scrollCells)), fixedRightCellGroupWidth ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_CellGroup__WEBPACK_IMPORTED_MODULE_8__.default, {\n        fixed: \"right\",\n        style: rtl ? {\n          right: 0 - rowRight\n        } : {\n          left: tableWidth.current - fixedRightCellGroupWidth - _constants__WEBPACK_IMPORTED_MODULE_14__.SCROLLBAR_WIDTH\n        },\n        height: props.isHeaderRow ? props.headerHeight : props.height,\n        width: fixedRightCellGroupWidth + _constants__WEBPACK_IMPORTED_MODULE_14__.SCROLLBAR_WIDTH\n      }, (0,_utils__WEBPACK_IMPORTED_MODULE_15__.mergeCells)((0,_utils__WEBPACK_IMPORTED_MODULE_15__.resetLeftForCells)(fixedRightCells, _constants__WEBPACK_IMPORTED_MODULE_14__.SCROLLBAR_WIDTH))) : null, shouldRenderExpandedRow && renderRowExpanded(rowData));\n    }\n\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Row__WEBPACK_IMPORTED_MODULE_7__.default, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, restRowProps, {\n      \"data-depth\": depth,\n      style: rowStyles\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_CellGroup__WEBPACK_IMPORTED_MODULE_8__.default, null, (0,_utils__WEBPACK_IMPORTED_MODULE_15__.mergeCells)(cells)), shouldRenderExpandedRow && renderRowExpanded(rowData));\n  };\n\n  var renderTableHeader = function renderTableHeader(headerCells, rowWidth) {\n    var top = typeof affixHeader === 'number' ? affixHeader : 0;\n    var rowProps = {\n      'aria-rowindex': 1,\n      rowRef: tableHeaderRef,\n      width: rowWidth,\n      height: getRowHeight(),\n      headerHeight: headerHeight,\n      isHeaderRow: true,\n      top: 0\n    };\n    var fixedStyle = {\n      position: 'fixed',\n      overflow: 'hidden',\n      height: headerHeight,\n      width: tableWidth.current,\n      top: top\n    }; // Affix header\n\n    var header = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      className: prefix('affix-header'),\n      style: fixedStyle,\n      ref: affixHeaderWrapperRef\n    }, renderRow(rowProps, headerCells));\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, (affixHeader === 0 || affixHeader) && header, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      role: \"rowgroup\",\n      className: prefix('header-row-wrapper'),\n      ref: headerWrapperRef\n    }, renderRow(rowProps, headerCells)));\n  };\n\n  var shouldRenderExpandedRow = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (rowData) {\n    return lodash_isFunction__WEBPACK_IMPORTED_MODULE_5___default()(renderRowExpandedProp) && !isTree && expandedRowKeys.some(function (key) {\n      return key === rowData[rowKey];\n    });\n  }, [expandedRowKeys, isTree, renderRowExpandedProp, rowKey]);\n  var bindRowClick = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (rowData) {\n    return function (event) {\n      onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(rowData, event);\n    };\n  }, [onRowClick]);\n  var bindRowContextMenu = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (rowData) {\n    return function (event) {\n      onRowContextMenu === null || onRowContextMenu === void 0 ? void 0 : onRowContextMenu(rowData, event);\n    };\n  }, [onRowContextMenu]);\n  var handleTreeToggle = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (rowKey, _rowIndex, rowData) {\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    setExpandedRowKeys(nextExpandedRowKeys);\n    onExpandChange === null || onExpandChange === void 0 ? void 0 : onExpandChange(!open, rowData);\n  }, [expandedRowKeys, onExpandChange, setExpandedRowKeys]);\n\n  var renderRowData = function renderRowData(bodyCells, rowData, props, shouldRenderExpandedRow) {\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 = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, props, {\n      key: nextRowKey,\n      'aria-rowindex': props.key + 2,\n      rowRef: bindTableRowsRef(props.key, rowData),\n      onClick: bindRowClick(rowData),\n      onContextMenu: bindRowContextMenu(rowData)\n    });\n\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_2___default().cloneElement(cell, {\n        hasChildren: hasChildren,\n        rowData: rowData,\n        wordWrap: wordWrap,\n        height: props.height,\n        rowIndex: props.key,\n        depth: props.depth,\n        renderTreeToggle: renderTreeToggle,\n        onTreeToggle: handleTreeToggle,\n        rowKey: nextRowKey,\n        expanded: expanded\n      }));\n    }\n\n    return renderRow(rowProps, cells, shouldRenderExpandedRow, rowData);\n  };\n\n  var renderScrollbar = function renderScrollbar() {\n    var height = getTableHeight();\n\n    if (disabledScroll) {\n      return null;\n    }\n\n    return [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Scrollbar__WEBPACK_IMPORTED_MODULE_9__.default, {\n      key: \"scrollbar\",\n      tableId: id,\n      style: {\n        width: tableWidth.current\n      },\n      length: tableWidth.current,\n      onScroll: handleHorizontalScroll,\n      scrollLength: contentWidth.current,\n      ref: scrollbarXRef\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Scrollbar__WEBPACK_IMPORTED_MODULE_9__.default, {\n      key: \"vertical-scrollbar\",\n      vertical: true,\n      tableId: id,\n      length: height - headerHeight,\n      scrollLength: contentHeight.current,\n      onScroll: handleVerticalScroll,\n      ref: scrollbarYRef\n    })];\n  };\n\n  var renderTableBody = function renderTableBody(bodyCells, rowWidth) {\n    var _visibleRows$current;\n\n    var height = 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    visibleRows.current = [];\n\n    if (data) {\n      var top = 0; // Row position\n\n      var minTop = Math.abs(scrollY.current);\n      var maxTop = minTop + height + rowExpandedHeight;\n      var isCustomRowHeight = typeof rowHeight === 'function';\n      var isUncertainHeight = !!(renderRowExpanded || isCustomRowHeight || isTree); // If virtualized is enabled and the row height in the Table is variable,\n      // you need to loop through the data to get the height of each row.\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 shouldRender = 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_14__.CELL_PADDING_HEIGHT, rowHeight) : rowHeight;\n\n            if (shouldRender) {\n              nextRowHeight += rowExpandedHeight;\n            }\n          }\n\n          if (isTree) {\n            var parents = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.findAllParents)(_rowData, rowKey);\n            depth = parents.length; // Determine whether the current line is expanded or collapsed,\n            // if it is collapsed, the line will not be displayed.\n\n            if (!(0,_utils__WEBPACK_IMPORTED_MODULE_15__.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          visibleRows.current.push(renderRowData(bodyCells, _rowData, rowProps, shouldRender));\n        }\n      } else {\n        // If the row height of the Table is fixed, it is directly calculated by the row height and the number of rows,\n        // thereby reducing the performance cost of traversing all data.\n        var _nextRowHeight = 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 _rowData2 = data[_index];\n          var _rowProps = {\n            key: _index,\n            top: _index * _nextRowHeight,\n            width: rowWidth,\n            height: _nextRowHeight\n          };\n          visibleRows.current.push(renderRowData(bodyCells, _rowData2, _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_2___default().createElement(\"div\", {\n      ref: tableBodyRef,\n      role: \"rowgroup\",\n      className: prefix('body-row-wrapper'),\n      style: bodyStyles,\n      onScroll: handleBodyScroll\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: wheelStyles,\n      className: prefix('body-wheel-area'),\n      ref: wheelWrapperRef\n    }, topHideHeight ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Row__WEBPACK_IMPORTED_MODULE_7__.default, {\n      style: topRowStyles,\n      className: \"virtualized\"\n    }) : null, visibleRows.current, bottomHideHeight ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Row__WEBPACK_IMPORTED_MODULE_7__.default, {\n      style: bottomRowStyles,\n      className: \"virtualized\"\n    }) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_EmptyMessage__WEBPACK_IMPORTED_MODULE_12__.default, {\n      locale: locale,\n      renderEmpty: renderEmpty,\n      addPrefix: prefix,\n      loading: !!((_visibleRows$current = visibleRows.current) !== null && _visibleRows$current !== void 0 && _visibleRows$current.length) || loading\n    }), renderScrollbar(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Loader__WEBPACK_IMPORTED_MODULE_11__.default, {\n      locale: locale,\n      loadAnimation: loadAnimation,\n      loading: loading,\n      addPrefix: prefix,\n      renderLoading: renderLoading\n    }));\n  };\n\n  var contextValue = react__WEBPACK_IMPORTED_MODULE_2___default().useMemo(function () {\n    return {\n      classPrefix: withClassPrefix(),\n      translateDOMPositionXY: translateDOMPositionXY.current,\n      rtl: rtl,\n      isTree: isTree,\n      hasCustomTreeCol: hasCustomTreeCol\n    };\n  }, [hasCustomTreeCol, isTree, rtl, withClassPrefix]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_TableContext__WEBPACK_IMPORTED_MODULE_13__.default.Provider, {\n    value: contextValue\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.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\": colCounts.current\n  }, rest, {\n    className: classes,\n    style: styles,\n    ref: tableRef\n  }), showHeader && renderTableHeader(headerCells, rowWidth), children && renderTableBody(bodyCells, rowWidth), showHeader && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_MouseArea__WEBPACK_IMPORTED_MODULE_10__.default, {\n    ref: mouseAreaRef,\n    addPrefix: prefix,\n    headerHeight: headerHeight,\n    height: getTableHeight()\n  })));\n});\nTable.displayName = 'Table';\nTable.defaultProps = {\n  data: [],\n  defaultSortType: _constants__WEBPACK_IMPORTED_MODULE_14__.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};\nTable.propTypes = {\n  autoHeight: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  affixHeader: prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool), (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number)]),\n  affixHorizontalScrollbar: prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool), (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number)]),\n  bordered: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  className: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().string),\n  classPrefix: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().string),\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().any),\n  cellBordered: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  data: prop_types__WEBPACK_IMPORTED_MODULE_4___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_4___default().object)),\n  defaultExpandAllRows: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  defaultExpandedRowKeys: prop_types__WEBPACK_IMPORTED_MODULE_4___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number)])),\n  defaultSortType: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().any),\n  disabledScroll: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  expandedRowKeys: prop_types__WEBPACK_IMPORTED_MODULE_4___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number)])),\n  hover: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  height: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number),\n  headerHeight: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number),\n  locale: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().object),\n  loading: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  loadAnimation: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  minHeight: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number),\n  rowKey: prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number)]),\n  rowHeight: prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func)]),\n  renderTreeToggle: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func),\n  renderRowExpanded: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func),\n  rowExpandedHeight: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number),\n  renderEmpty: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func),\n  renderLoading: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func),\n  rowClassName: prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().func), (prop_types__WEBPACK_IMPORTED_MODULE_4___default().string)]),\n  rtl: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  style: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().object),\n  sortColumn: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().string),\n  sortType: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().any),\n  showHeader: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  shouldUpdateScroll: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  translate3d: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  wordWrap: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  width: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number),\n  virtualized: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  isTree: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  onRowClick: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func),\n  onRowContextMenu: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func),\n  onScroll: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func),\n  onSortColumn: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func),\n  onExpandChange: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func),\n  onTouchStart: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func),\n  onTouchMove: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func)\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_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"./node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var dom_lib_lib_transition_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-lib/lib/transition/translateDOMPositionXY */ \"./node_modules/dom-lib/lib/transition/translateDOMPositionXY.js\");\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 lodash_isFunction__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\");\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_isFunction__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash/flatten */ \"./node_modules/lodash/flatten.js\");\n/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash_flatten__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _Row__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Row */ \"./node_modules/rsuite-table/es/Row.js\");\n/* harmony import */ var _CellGroup__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./CellGroup */ \"./node_modules/rsuite-table/es/CellGroup.js\");\n/* harmony import */ var _Scrollbar__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Scrollbar */ \"./node_modules/rsuite-table/es/Scrollbar.js\");\n/* harmony import */ var _MouseArea__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./MouseArea */ \"./node_modules/rsuite-table/es/MouseArea.js\");\n/* harmony import */ var _Loader__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Loader */ \"./node_modules/rsuite-table/es/Loader.js\");\n/* harmony import */ var _EmptyMessage__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./EmptyMessage */ \"./node_modules/rsuite-table/es/EmptyMessage.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar Table = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var affixHeader = props.affixHeader,\n      children = props.children,\n      classPrefix = props.classPrefix,\n      className = props.className,\n      dataProp = props.data,\n      widthProp = props.width,\n      expandedRowKeysProp = props.expandedRowKeys,\n      defaultExpandAllRows = props.defaultExpandAllRows,\n      defaultExpandedRowKeys = props.defaultExpandedRowKeys,\n      style = props.style,\n      id = props.id,\n      isTree = props.isTree,\n      hover = props.hover,\n      bordered = props.bordered,\n      cellBordered = props.cellBordered,\n      wordWrap = props.wordWrap,\n      loading = props.loading,\n      locale = props.locale,\n      showHeader = props.showHeader,\n      sortColumn = props.sortColumn,\n      rowHeightProp = props.rowHeight,\n      sortTypeProp = props.sortType,\n      defaultSortType = props.defaultSortType,\n      headerHeightProp = props.headerHeight,\n      minHeight = props.minHeight,\n      height = props.height,\n      autoHeight = props.autoHeight,\n      rtlProp = props.rtl,\n      translate3d = props.translate3d,\n      rowKey = props.rowKey,\n      virtualized = props.virtualized,\n      rowHeight = props.rowHeight,\n      rowClassName = props.rowClassName,\n      rowExpandedHeight = props.rowExpandedHeight,\n      disabledScroll = props.disabledScroll,\n      affixHorizontalScrollbar = props.affixHorizontalScrollbar,\n      loadAnimation = props.loadAnimation,\n      shouldUpdateScroll = props.shouldUpdateScroll,\n      renderRowExpandedProp = props.renderRowExpanded,\n      renderLoading = props.renderLoading,\n      renderEmpty = props.renderEmpty,\n      onSortColumn = props.onSortColumn,\n      onScroll = props.onScroll,\n      renderTreeToggle = props.renderTreeToggle,\n      onRowClick = props.onRowClick,\n      onRowContextMenu = props.onRowContextMenu,\n      onExpandChange = props.onExpandChange,\n      onTouchStart = props.onTouchStart,\n      onTouchMove = props.onTouchMove,\n      rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__.default)(props, [\"affixHeader\", \"children\", \"classPrefix\", \"className\", \"data\", \"width\", \"expandedRowKeys\", \"defaultExpandAllRows\", \"defaultExpandedRowKeys\", \"style\", \"id\", \"isTree\", \"hover\", \"bordered\", \"cellBordered\", \"wordWrap\", \"loading\", \"locale\", \"showHeader\", \"sortColumn\", \"rowHeight\", \"sortType\", \"defaultSortType\", \"headerHeight\", \"minHeight\", \"height\", \"autoHeight\", \"rtl\", \"translate3d\", \"rowKey\", \"virtualized\", \"rowHeight\", \"rowClassName\", \"rowExpandedHeight\", \"disabledScroll\", \"affixHorizontalScrollbar\", \"loadAnimation\", \"shouldUpdateScroll\", \"renderRowExpanded\", \"renderLoading\", \"renderEmpty\", \"onSortColumn\", \"onScroll\", \"renderTreeToggle\", \"onRowClick\", \"onRowContextMenu\", \"onExpandChange\", \"onTouchStart\", \"onTouchMove\"]);\n\n  if (isTree && !rowKey) {\n    throw new Error('The `rowKey` is required when set isTree');\n  }\n\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useClassNames)(classPrefix || 'table', typeof classPrefix !== 'undefined'),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      mergeCls = _useClassNames.merge,\n      prefix = _useClassNames.prefix; // Use `forceUpdate` to force the component to re-render after manipulating the DOM.\n\n\n  var _useReducer = (0,react__WEBPACK_IMPORTED_MODULE_2__.useReducer)(function (x) {\n    return x + 1;\n  }, 0),\n      forceUpdate = _useReducer[1];\n\n  var _useTableRows = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useTableRows)({\n    data: dataProp,\n    wordWrap: wordWrap,\n    prefix: prefix\n  }),\n      tableRowsMaxHeight = _useTableRows.tableRowsMaxHeight,\n      bindTableRowsRef = _useTableRows.bindTableRowsRef;\n\n  var _useControlled = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useControlled)(expandedRowKeysProp, defaultExpandAllRows ? (0,_utils__WEBPACK_IMPORTED_MODULE_15__.findRowKeys)(dataProp, rowKey, lodash_isFunction__WEBPACK_IMPORTED_MODULE_5___default()(renderRowExpandedProp)) : defaultExpandedRowKeys || []),\n      expandedRowKeys = _useControlled[0],\n      setExpandedRowKeys = _useControlled[1];\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(isTree ? (0,_utils__WEBPACK_IMPORTED_MODULE_15__.flattenData)(dataProp) : dataProp),\n      data = _useState[0],\n      setData = _useState[1];\n\n  var headerHeight = showHeader ? headerHeightProp : 0;\n  var rtl = rtlProp || (0,_utils__WEBPACK_IMPORTED_MODULE_15__.isRTL)();\n\n  var getRowHeight = function getRowHeight(rowData) {\n    if (rowData === void 0) {\n      rowData = {};\n    }\n\n    return typeof rowHeightProp === 'function' ? rowHeightProp(rowData) : rowHeightProp;\n  };\n\n  var translateDOMPositionXY = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)((0,dom_lib_lib_transition_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_3__.getTranslateDOMPositionXY)({\n    enable3DTransform: translate3d\n  }));\n  var shouldFixedColumn = Array.from(lodash_flatten__WEBPACK_IMPORTED_MODULE_6___default()(children)).some(function (child) {\n    var _child$props;\n\n    return child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.fixed;\n  });\n  var colCounts = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(lodash_flatten__WEBPACK_IMPORTED_MODULE_6___default()(children).length);\n  var visibleRows = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)([]);\n  var mouseAreaRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var tableRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var tableHeaderRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var affixHeaderWrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var headerWrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var tableBodyRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var wheelWrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var scrollbarXRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var scrollbarYRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n\n  var _useTableDimension = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useTableDimension)({\n    data: dataProp,\n    width: widthProp,\n    rowHeight: rowHeight,\n    tableRef: tableRef,\n    headerWrapperRef: headerWrapperRef,\n    prefix: prefix,\n    affixHeader: affixHeader,\n    affixHorizontalScrollbar: affixHorizontalScrollbar,\n    headerHeight: headerHeight,\n    height: height,\n    autoHeight: autoHeight,\n    children: children,\n    expandedRowKeys: expandedRowKeys,\n    onTableScroll: function onTableScroll(_ref) {\n      var x = _ref.x,\n          y = _ref.y;\n      handleScrollTo({\n        x: x,\n        y: y\n      });\n    },\n    onTableContentHeightChange: function onTableContentHeightChange() {\n      forceUpdate();\n\n      if (shouldUpdateScroll) {\n        handleScrollTop(0);\n      }\n    },\n    onTableContentWidthChange: function onTableContentWidthChange() {\n      if (shouldUpdateScroll) {\n        handleScrollLeft(0);\n      }\n    },\n    onTableWidthChange: function onTableWidthChange() {\n      if (shouldUpdateScroll) {\n        handleScrollLeft(0);\n      }\n    }\n  }),\n      contentHeight = _useTableDimension.contentHeight,\n      contentWidth = _useTableDimension.contentWidth,\n      minScrollY = _useTableDimension.minScrollY,\n      minScrollX = _useTableDimension.minScrollX,\n      scrollY = _useTableDimension.scrollY,\n      scrollX = _useTableDimension.scrollX,\n      tableWidth = _useTableDimension.tableWidth,\n      tableOffset = _useTableDimension.tableOffset,\n      headerOffset = _useTableDimension.headerOffset,\n      setScrollY = _useTableDimension.setScrollY,\n      setScrollX = _useTableDimension.setScrollX;\n\n  var getTableHeight = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    if (data.length === 0 && autoHeight) {\n      return height;\n    }\n\n    return autoHeight ? Math.max(headerHeight + contentHeight.current, minHeight) : height;\n  }, [autoHeight, contentHeight, data.length, headerHeight, height, minHeight]);\n  (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useAffix)({\n    tableHeight: getTableHeight,\n    contentHeight: contentHeight,\n    affixHorizontalScrollbar: affixHorizontalScrollbar,\n    affixHeader: affixHeader,\n    tableOffset: tableOffset,\n    headerOffset: headerOffset,\n    headerHeight: headerHeight,\n    scrollbarXRef: scrollbarXRef,\n    affixHeaderWrapperRef: affixHeaderWrapperRef\n  });\n\n  var _usePosition = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.usePosition)({\n    data: dataProp,\n    height: height,\n    tableWidth: tableWidth,\n    tableRef: tableRef,\n    prefix: prefix,\n    translateDOMPositionXY: translateDOMPositionXY,\n    wheelWrapperRef: wheelWrapperRef,\n    headerWrapperRef: headerWrapperRef,\n    affixHeaderWrapperRef: affixHeaderWrapperRef,\n    tableHeaderRef: tableHeaderRef,\n    scrollX: scrollX,\n    scrollY: scrollY,\n    contentWidth: contentWidth,\n    shouldFixedColumn: shouldFixedColumn\n  }),\n      forceUpdatePosition = _usePosition.forceUpdatePosition;\n\n  var _useScrollListener = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useScrollListener)({\n    rtl: rtl,\n    data: dataProp,\n    children: children,\n    height: height,\n    virtualized: virtualized,\n    getTableHeight: getTableHeight,\n    contentHeight: contentHeight,\n    headerHeight: headerHeight,\n    autoHeight: autoHeight,\n    tableBodyRef: tableBodyRef,\n    scrollbarXRef: scrollbarXRef,\n    scrollbarYRef: scrollbarYRef,\n    disabledScroll: disabledScroll,\n    loading: loading,\n    tableRef: tableRef,\n    contentWidth: contentWidth,\n    tableWidth: tableWidth,\n    scrollY: scrollY,\n    minScrollY: minScrollY,\n    minScrollX: minScrollX,\n    scrollX: scrollX,\n    setScrollX: setScrollX,\n    setScrollY: setScrollY,\n    forceUpdatePosition: forceUpdatePosition,\n    onScroll: onScroll,\n    onTouchMove: onTouchMove,\n    onTouchStart: onTouchStart\n  }),\n      isScrolling = _useScrollListener.isScrolling,\n      handleHorizontalScroll = _useScrollListener.handleHorizontalScroll,\n      handleVerticalScroll = _useScrollListener.handleVerticalScroll,\n      handleBodyScroll = _useScrollListener.handleBodyScroll,\n      handleScrollTop = _useScrollListener.handleScrollTop,\n      handleScrollLeft = _useScrollListener.handleScrollLeft,\n      handleScrollTo = _useScrollListener.handleScrollTo;\n\n  var _useCellDescriptor = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useCellDescriptor)({\n    children: children,\n    rtl: rtl,\n    mouseAreaRef: mouseAreaRef,\n    tableRef: tableRef,\n    minScrollX: minScrollX,\n    scrollX: scrollX,\n    tableWidth: tableWidth,\n    headerHeight: headerHeight,\n    showHeader: showHeader,\n    sortType: sortTypeProp,\n    defaultSortType: defaultSortType,\n    sortColumn: sortColumn,\n    prefix: prefix,\n    onSortColumn: onSortColumn,\n    rowHeight: rowHeight\n  }),\n      headerCells = _useCellDescriptor.headerCells,\n      bodyCells = _useCellDescriptor.bodyCells,\n      allColumnsWidth = _useCellDescriptor.allColumnsWidth,\n      hasCustomTreeCol = _useCellDescriptor.hasCustomTreeCol;\n\n  (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useUpdateEffect)(function () {\n    setData(isTree ? (0,_utils__WEBPACK_IMPORTED_MODULE_15__.flattenData)(dataProp) : dataProp);\n  }, [dataProp, isTree]);\n  (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useUpdateEffect)(function () {\n    colCounts.current = lodash_flatten__WEBPACK_IMPORTED_MODULE_6___default()(children || []).length;\n  }, [children]);\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useImperativeHandle)(ref, function () {\n    return {\n      get root() {\n        return tableRef.current;\n      },\n\n      get body() {\n        return wheelWrapperRef.current;\n      },\n\n      scrollTop: handleScrollTop,\n      scrollLeft: handleScrollLeft\n    };\n  });\n  var rowWidth = allColumnsWidth > tableWidth.current ? allColumnsWidth : tableWidth.current;\n  var classes = mergeCls(className, withClassPrefix({\n    bordered: bordered,\n    hover: hover,\n    loading: loading,\n    treetable: isTree,\n    'word-wrap': wordWrap,\n    'cell-bordered': cellBordered\n  }));\n\n  var styles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({\n    width: widthProp || 'auto',\n    height: getTableHeight()\n  }, style);\n\n  var renderRowExpanded = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (rowData) {\n    var styles = {\n      height: rowExpandedHeight\n    };\n\n    if (typeof renderRowExpandedProp === 'function') {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: prefix('row-expanded'),\n        style: styles\n      }, renderRowExpandedProp(rowData));\n    }\n\n    return null;\n  }, [prefix, renderRowExpandedProp, rowExpandedHeight]);\n\n  var renderRow = function renderRow(props, cells, shouldRenderExpandedRow, rowData) {\n    var depth = props.depth,\n        restRowProps = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__.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 = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, props === null || props === void 0 ? void 0 : props.style);\n\n    var rowRight = 0;\n\n    if (rtl && contentWidth.current > tableWidth.current) {\n      rowRight = tableWidth.current - contentWidth.current;\n      rowStyles.right = rowRight;\n    } // IF there are fixed columns, add a fixed group\n\n\n    if (shouldFixedColumn && contentWidth.current > tableWidth.current) {\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            width = _cell$props.width;\n        var isFixedStart = fixed === 'left' || fixed === true;\n        var isFixedEnd = fixed === 'right';\n\n        if (rtl) {\n          isFixedStart = fixed === 'right';\n          isFixedEnd = fixed === 'left' || fixed === true;\n        }\n\n        if (isFixedStart) {\n          fixedLeftCells.push(cell);\n          fixedLeftCellGroupWidth += width;\n        } else if (isFixedEnd) {\n          fixedRightCells.push(cell);\n          fixedRightCellGroupWidth += width;\n        } else {\n          scrollCells.push(cell);\n        }\n      }\n\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Row__WEBPACK_IMPORTED_MODULE_7__.default, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, restRowProps, {\n        \"data-depth\": depth,\n        style: rowStyles\n      }), fixedLeftCellGroupWidth ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_CellGroup__WEBPACK_IMPORTED_MODULE_8__.default, {\n        fixed: \"left\",\n        height: props.isHeaderRow ? props.headerHeight : props.height,\n        width: fixedLeftCellGroupWidth,\n        style: rtl ? {\n          right: tableWidth.current - fixedLeftCellGroupWidth - rowRight\n        } : null\n      }, (0,_utils__WEBPACK_IMPORTED_MODULE_15__.mergeCells)((0,_utils__WEBPACK_IMPORTED_MODULE_15__.resetLeftForCells)(fixedLeftCells))) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_CellGroup__WEBPACK_IMPORTED_MODULE_8__.default, null, (0,_utils__WEBPACK_IMPORTED_MODULE_15__.mergeCells)(scrollCells)), fixedRightCellGroupWidth ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_CellGroup__WEBPACK_IMPORTED_MODULE_8__.default, {\n        fixed: \"right\",\n        style: rtl ? {\n          right: 0 - rowRight\n        } : {\n          left: tableWidth.current - fixedRightCellGroupWidth - _constants__WEBPACK_IMPORTED_MODULE_14__.SCROLLBAR_WIDTH\n        },\n        height: props.isHeaderRow ? props.headerHeight : props.height,\n        width: fixedRightCellGroupWidth + _constants__WEBPACK_IMPORTED_MODULE_14__.SCROLLBAR_WIDTH\n      }, (0,_utils__WEBPACK_IMPORTED_MODULE_15__.mergeCells)((0,_utils__WEBPACK_IMPORTED_MODULE_15__.resetLeftForCells)(fixedRightCells, _constants__WEBPACK_IMPORTED_MODULE_14__.SCROLLBAR_WIDTH))) : null, shouldRenderExpandedRow && renderRowExpanded(rowData));\n    }\n\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Row__WEBPACK_IMPORTED_MODULE_7__.default, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, restRowProps, {\n      \"data-depth\": depth,\n      style: rowStyles\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_CellGroup__WEBPACK_IMPORTED_MODULE_8__.default, null, (0,_utils__WEBPACK_IMPORTED_MODULE_15__.mergeCells)(cells)), shouldRenderExpandedRow && renderRowExpanded(rowData));\n  };\n\n  var renderTableHeader = function renderTableHeader(headerCells, rowWidth) {\n    var top = typeof affixHeader === 'number' ? affixHeader : 0;\n    var rowProps = {\n      'aria-rowindex': 1,\n      rowRef: tableHeaderRef,\n      width: rowWidth,\n      height: getRowHeight(),\n      headerHeight: headerHeight,\n      isHeaderRow: true,\n      top: 0\n    };\n    var fixedStyle = {\n      position: 'fixed',\n      overflow: 'hidden',\n      height: headerHeight,\n      width: tableWidth.current,\n      top: top\n    }; // Affix header\n\n    var header = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      className: prefix('affix-header'),\n      style: fixedStyle,\n      ref: affixHeaderWrapperRef\n    }, renderRow(rowProps, headerCells));\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, (affixHeader === 0 || affixHeader) && header, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      role: \"rowgroup\",\n      className: prefix('header-row-wrapper'),\n      ref: headerWrapperRef\n    }, renderRow(rowProps, headerCells)));\n  };\n\n  var shouldRenderExpandedRow = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (rowData) {\n    return lodash_isFunction__WEBPACK_IMPORTED_MODULE_5___default()(renderRowExpandedProp) && !isTree && expandedRowKeys.some(function (key) {\n      return key === rowData[rowKey];\n    });\n  }, [expandedRowKeys, isTree, renderRowExpandedProp, rowKey]);\n  var bindRowClick = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (rowData) {\n    return function (event) {\n      onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(rowData, event);\n    };\n  }, [onRowClick]);\n  var bindRowContextMenu = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (rowData) {\n    return function (event) {\n      onRowContextMenu === null || onRowContextMenu === void 0 ? void 0 : onRowContextMenu(rowData, event);\n    };\n  }, [onRowContextMenu]);\n  var handleTreeToggle = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (rowKey, _rowIndex, rowData) {\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    setExpandedRowKeys(nextExpandedRowKeys);\n    onExpandChange === null || onExpandChange === void 0 ? void 0 : onExpandChange(!open, rowData);\n  }, [expandedRowKeys, onExpandChange, setExpandedRowKeys]);\n\n  var renderRowData = function renderRowData(bodyCells, rowData, props, shouldRenderExpandedRow) {\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 = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, props, {\n      key: nextRowKey,\n      'aria-rowindex': props.key + 2,\n      rowRef: bindTableRowsRef(props.key, rowData),\n      onClick: bindRowClick(rowData),\n      onContextMenu: bindRowContextMenu(rowData)\n    });\n\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$props2, _cell$props2$rowSpan;\n\n      var cell = bodyCells[i];\n      var rowSpan = (_cell$props2 = cell.props) === null || _cell$props2 === void 0 ? void 0 : (_cell$props2$rowSpan = _cell$props2.rowSpan) === null || _cell$props2$rowSpan === void 0 ? void 0 : _cell$props2$rowSpan.call(_cell$props2, rowData);\n\n      var _rowHeight = rowSpan ? rowSpan * props.height : props.height;\n\n      if (rowSpan) {\n        var _rowProps$style;\n\n        rowProps.rowSpan = rowSpan;\n        rowProps.style = {\n          /**\n           * In the case of multiple-column merged rows,\n           * the `zIndex` value of the previous row should be greater than the `zIndex` value of the following row.\n           * So `rowSpan` is used as the `zIndex` value.\n           */\n          zIndex: ((_rowProps$style = rowProps.style) === null || _rowProps$style === void 0 ? void 0 : _rowProps$style.zIndex) || rowSpan,\n          overflow: 'unset'\n        }; // TODO: Do not render those cells merged by `rowSpan`\n      }\n\n      cells.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().cloneElement(cell, {\n        hasChildren: hasChildren,\n        rowData: rowData,\n        wordWrap: wordWrap,\n        height: _rowHeight,\n        rowIndex: props.key,\n        depth: props.depth,\n        renderTreeToggle: renderTreeToggle,\n        onTreeToggle: handleTreeToggle,\n        rowKey: nextRowKey,\n        expanded: expanded,\n        rowSpan: rowSpan\n      }));\n    }\n\n    return renderRow(rowProps, cells, shouldRenderExpandedRow, rowData);\n  };\n\n  var renderScrollbar = function renderScrollbar() {\n    var height = getTableHeight();\n\n    if (disabledScroll) {\n      return null;\n    }\n\n    return [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Scrollbar__WEBPACK_IMPORTED_MODULE_9__.default, {\n      key: \"scrollbar\",\n      tableId: id,\n      style: {\n        width: tableWidth.current\n      },\n      length: tableWidth.current,\n      onScroll: handleHorizontalScroll,\n      scrollLength: contentWidth.current,\n      ref: scrollbarXRef\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Scrollbar__WEBPACK_IMPORTED_MODULE_9__.default, {\n      key: \"vertical-scrollbar\",\n      vertical: true,\n      tableId: id,\n      length: height - headerHeight,\n      scrollLength: contentHeight.current,\n      onScroll: handleVerticalScroll,\n      ref: scrollbarYRef\n    })];\n  };\n\n  var renderTableBody = function renderTableBody(bodyCells, rowWidth) {\n    var _visibleRows$current;\n\n    var height = 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    visibleRows.current = [];\n\n    if (data) {\n      var top = 0; // Row position\n\n      var minTop = Math.abs(scrollY.current);\n      var maxTop = minTop + height + rowExpandedHeight;\n      var isCustomRowHeight = typeof rowHeight === 'function';\n      var isUncertainHeight = !!(renderRowExpanded || isCustomRowHeight || isTree); // If virtualized is enabled and the row height in the Table is variable,\n      // you need to loop through the data to get the height of each row.\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 shouldRender = 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_14__.CELL_PADDING_HEIGHT, rowHeight) : rowHeight;\n\n            if (shouldRender) {\n              nextRowHeight += rowExpandedHeight;\n            }\n          }\n\n          if (isTree) {\n            var parents = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.findAllParents)(_rowData, rowKey);\n            depth = parents.length; // Determine whether the current line is expanded or collapsed,\n            // if it is collapsed, the line will not be displayed.\n\n            if (!(0,_utils__WEBPACK_IMPORTED_MODULE_15__.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          visibleRows.current.push(renderRowData(bodyCells, _rowData, rowProps, shouldRender));\n        }\n      } else {\n        // If the row height of the Table is fixed, it is directly calculated by the row height and the number of rows,\n        // thereby reducing the performance cost of traversing all data.\n        var _nextRowHeight = 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 _rowData2 = data[_index];\n          var _rowProps = {\n            key: _index,\n            top: _index * _nextRowHeight,\n            width: rowWidth,\n            height: _nextRowHeight\n          };\n          visibleRows.current.push(renderRowData(bodyCells, _rowData2, _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_2___default().createElement(\"div\", {\n      ref: tableBodyRef,\n      role: \"rowgroup\",\n      className: prefix('body-row-wrapper'),\n      style: bodyStyles,\n      onScroll: handleBodyScroll\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: wheelStyles,\n      className: prefix('body-wheel-area'),\n      ref: wheelWrapperRef\n    }, topHideHeight ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Row__WEBPACK_IMPORTED_MODULE_7__.default, {\n      style: topRowStyles,\n      className: \"virtualized\"\n    }) : null, visibleRows.current, bottomHideHeight ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Row__WEBPACK_IMPORTED_MODULE_7__.default, {\n      style: bottomRowStyles,\n      className: \"virtualized\"\n    }) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_EmptyMessage__WEBPACK_IMPORTED_MODULE_12__.default, {\n      locale: locale,\n      renderEmpty: renderEmpty,\n      addPrefix: prefix,\n      loading: !!((_visibleRows$current = visibleRows.current) !== null && _visibleRows$current !== void 0 && _visibleRows$current.length) || loading\n    }), renderScrollbar(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Loader__WEBPACK_IMPORTED_MODULE_11__.default, {\n      locale: locale,\n      loadAnimation: loadAnimation,\n      loading: loading,\n      addPrefix: prefix,\n      renderLoading: renderLoading\n    }));\n  };\n\n  var contextValue = react__WEBPACK_IMPORTED_MODULE_2___default().useMemo(function () {\n    return {\n      classPrefix: withClassPrefix(),\n      translateDOMPositionXY: translateDOMPositionXY.current,\n      rtl: rtl,\n      isTree: isTree,\n      hasCustomTreeCol: hasCustomTreeCol\n    };\n  }, [hasCustomTreeCol, isTree, rtl, withClassPrefix]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_TableContext__WEBPACK_IMPORTED_MODULE_13__.default.Provider, {\n    value: contextValue\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.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\": colCounts.current\n  }, rest, {\n    className: classes,\n    style: styles,\n    ref: tableRef\n  }), showHeader && renderTableHeader(headerCells, rowWidth), children && renderTableBody(bodyCells, rowWidth), showHeader && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_MouseArea__WEBPACK_IMPORTED_MODULE_10__.default, {\n    ref: mouseAreaRef,\n    addPrefix: prefix,\n    headerHeight: headerHeight,\n    height: getTableHeight()\n  })));\n});\nTable.displayName = 'Table';\nTable.defaultProps = {\n  data: [],\n  defaultSortType: _constants__WEBPACK_IMPORTED_MODULE_14__.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};\nTable.propTypes = {\n  autoHeight: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  affixHeader: prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool), (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number)]),\n  affixHorizontalScrollbar: prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool), (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number)]),\n  bordered: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  className: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().string),\n  classPrefix: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().string),\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().any),\n  cellBordered: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  data: prop_types__WEBPACK_IMPORTED_MODULE_4___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_4___default().object)),\n  defaultExpandAllRows: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  defaultExpandedRowKeys: prop_types__WEBPACK_IMPORTED_MODULE_4___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number)])),\n  defaultSortType: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().any),\n  disabledScroll: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  expandedRowKeys: prop_types__WEBPACK_IMPORTED_MODULE_4___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number)])),\n  hover: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  height: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number),\n  headerHeight: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number),\n  locale: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().object),\n  loading: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  loadAnimation: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  minHeight: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number),\n  rowKey: prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number)]),\n  rowHeight: prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func)]),\n  renderTreeToggle: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func),\n  renderRowExpanded: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func),\n  rowExpandedHeight: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number),\n  renderEmpty: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func),\n  renderLoading: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func),\n  rowClassName: prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().func), (prop_types__WEBPACK_IMPORTED_MODULE_4___default().string)]),\n  rtl: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  style: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().object),\n  sortColumn: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().string),\n  sortType: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().any),\n  showHeader: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  shouldUpdateScroll: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  translate3d: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  wordWrap: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  width: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number),\n  virtualized: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  isTree: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),\n  onRowClick: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func),\n  onRowContextMenu: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func),\n  onScroll: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func),\n  onSortColumn: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func),\n  onExpandChange: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func),\n  onTouchStart: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func),\n  onTouchMove: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func)\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Table);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/Table.js?");
 
 /***/ }),
 
@@ -8813,7 +9055,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\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 dom_lib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n/* harmony import */ var _requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./requestAnimationTimeout */ \"./node_modules/rsuite-table/es/utils/requestAnimationTimeout.js\");\n/* harmony import */ var _useUpdateEffect__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./useUpdateEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateEffect.js\");\n/* harmony import */ var _useMount__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./useMount */ \"./node_modules/rsuite-table/es/utils/useMount.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n\n\n\n\n\n\n\n/**\n * Add scroll, touch, and wheel monitoring events to the table,\n * and update the scroll position of the table.\n * @param props\n * @returns\n */\nvar useScrollListener = function useScrollListener(props) {\n  var data = props.data,\n      children = props.children,\n      autoHeight = props.autoHeight,\n      tableBodyRef = props.tableBodyRef,\n      scrollbarXRef = props.scrollbarXRef,\n      scrollbarYRef = props.scrollbarYRef,\n      disabledScroll = props.disabledScroll,\n      loading = props.loading,\n      tableRef = props.tableRef,\n      contentWidth = props.contentWidth,\n      tableWidth = props.tableWidth,\n      scrollY = props.scrollY,\n      minScrollY = props.minScrollY,\n      minScrollX = props.minScrollX,\n      scrollX = props.scrollX,\n      setScrollX = props.setScrollX,\n      setScrollY = props.setScrollY,\n      virtualized = props.virtualized,\n      forceUpdatePosition = props.forceUpdatePosition,\n      onScroll = props.onScroll,\n      onTouchMove = props.onTouchMove,\n      onTouchStart = props.onTouchStart,\n      height = props.height,\n      getTableHeight = props.getTableHeight,\n      contentHeight = props.contentHeight,\n      headerHeight = props.headerHeight,\n      rtl = props.rtl;\n  var wheelListener = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n  var touchStartListener = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n  var touchMoveListener = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n      isScrolling = _useState[0],\n      setScrolling = _useState[1];\n\n  var touchX = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var touchY = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var disableEventsTimeoutId = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  var shouldHandleWheelX = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (delta) {\n    if (delta === 0 || disabledScroll || loading) {\n      return false;\n    }\n\n    return true;\n  }, [disabledScroll, loading]);\n  var shouldHandleWheelY = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (delta) {\n    if (delta === 0 || disabledScroll || loading) {\n      return false;\n    }\n\n    return delta >= 0 && scrollY.current > minScrollY.current || delta < 0 && scrollY.current < 0;\n  }, [disabledScroll, loading, minScrollY, scrollY]);\n  var debounceScrollEndedCallback = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    disableEventsTimeoutId.current = null;\n    setScrolling(false);\n  }, []);\n  var handleWheel = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (deltaX, deltaY) {\n    if (!tableRef.current) {\n      return;\n    }\n\n    var nextScrollX = contentWidth.current <= tableWidth.current ? 0 : scrollX.current - deltaX;\n    var nextScrollY = scrollY.current - deltaY;\n    var y = Math.min(0, nextScrollY < minScrollY.current ? minScrollY.current : nextScrollY);\n    var x = Math.min(0, nextScrollX < minScrollX.current ? minScrollX.current : nextScrollX);\n    setScrollX(x);\n    setScrollY(y);\n    onScroll === null || onScroll === void 0 ? void 0 : onScroll(x, y);\n    forceUpdatePosition();\n\n    if (virtualized) {\n      setScrolling(true);\n\n      if (disableEventsTimeoutId.current) {\n        (0,_requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_2__.cancelAnimationTimeout)(disableEventsTimeoutId.current);\n      }\n\n      disableEventsTimeoutId.current = (0,_requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_2__.requestAnimationTimeout)(debounceScrollEndedCallback, 0);\n    }\n  }, [contentWidth, debounceScrollEndedCallback, minScrollX, minScrollY, onScroll, scrollX, scrollY, setScrollX, setScrollY, tableRef, tableWidth, forceUpdatePosition, virtualized]);\n  var listenWheel = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (deltaX, deltaY) {\n    var _scrollbarXRef$curren, _scrollbarXRef$curren2, _scrollbarYRef$curren, _scrollbarYRef$curren2;\n\n    handleWheel(deltaX, deltaY);\n    (_scrollbarXRef$curren = scrollbarXRef.current) === null || _scrollbarXRef$curren === void 0 ? void 0 : (_scrollbarXRef$curren2 = _scrollbarXRef$curren.onWheelScroll) === null || _scrollbarXRef$curren2 === void 0 ? void 0 : _scrollbarXRef$curren2.call(_scrollbarXRef$curren, deltaX);\n    (_scrollbarYRef$curren = scrollbarYRef.current) === null || _scrollbarYRef$curren === void 0 ? void 0 : (_scrollbarYRef$curren2 = _scrollbarYRef$curren.onWheelScroll) === null || _scrollbarYRef$curren2 === void 0 ? void 0 : _scrollbarYRef$curren2.call(_scrollbarYRef$curren, deltaY);\n  }, [handleWheel, scrollbarXRef, scrollbarYRef]);\n  var wheelHandler = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(new dom_lib__WEBPACK_IMPORTED_MODULE_1__.WheelHandler(listenWheel, shouldHandleWheelX, shouldHandleWheelY, false)); // When handling the Touch event on the mobile terminal, initialize x and y when Start.\n\n  var handleTouchStart = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (event) {\n    if (event.touches) {\n      var _event$touches$ = event.touches[0],\n          pageX = _event$touches$.pageX,\n          pageY = _event$touches$.pageY;\n      touchX.current = pageX;\n      touchY.current = pageY;\n    }\n\n    onTouchStart === null || onTouchStart === void 0 ? void 0 : onTouchStart(event);\n  }, [onTouchStart]); // Handle Touch events on the mobile terminal, initialize when Move, and update the scroll bar.\n\n  var handleTouchMove = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (event) {\n    if (event.touches) {\n      var _event$preventDefault, _scrollbarXRef$curren3, _scrollbarXRef$curren4, _scrollbarYRef$curren3, _scrollbarYRef$curren4;\n\n      var _event$touches$2 = event.touches[0],\n          pageX = _event$touches$2.pageX,\n          pageY = _event$touches$2.pageY;\n      var deltaX = touchX.current - pageX;\n      var deltaY = autoHeight ? 0 : touchY.current - pageY;\n\n      if (!shouldHandleWheelY(deltaY) && !shouldHandleWheelX(deltaX)) {\n        return;\n      }\n\n      (_event$preventDefault = event.preventDefault) === null || _event$preventDefault === void 0 ? void 0 : _event$preventDefault.call(event);\n      handleWheel(deltaX, deltaY);\n      (_scrollbarXRef$curren3 = scrollbarXRef.current) === null || _scrollbarXRef$curren3 === void 0 ? void 0 : (_scrollbarXRef$curren4 = _scrollbarXRef$curren3.onWheelScroll) === null || _scrollbarXRef$curren4 === void 0 ? void 0 : _scrollbarXRef$curren4.call(_scrollbarXRef$curren3, deltaX);\n      (_scrollbarYRef$curren3 = scrollbarYRef.current) === null || _scrollbarYRef$curren3 === void 0 ? void 0 : (_scrollbarYRef$curren4 = _scrollbarYRef$curren3.onWheelScroll) === null || _scrollbarYRef$curren4 === void 0 ? void 0 : _scrollbarYRef$curren4.call(_scrollbarYRef$curren3, deltaY);\n      touchX.current = pageX;\n      touchY.current = pageY;\n    }\n\n    onTouchMove === null || onTouchMove === void 0 ? void 0 : onTouchMove(event);\n  }, [autoHeight, handleWheel, onTouchMove, scrollbarXRef, scrollbarYRef, shouldHandleWheelX, shouldHandleWheelY]);\n  var handleHorizontalScroll = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (delta) {\n    handleWheel(delta, 0);\n  }, [handleWheel]);\n  var handleVerticalScroll = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (delta) {\n    handleWheel(0, delta);\n  }, [handleWheel]);\n  /**\n   * When the user uses the tab key in the Table, the onScroll event is triggered,\n   * and the scroll bar position should be updated at the same time.\n   * https://github.com/rsuite/rsuite/issues/234\n   */\n\n  var handleBodyScroll = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (event) {\n    if (event.target !== tableBodyRef.current) {\n      return;\n    }\n\n    var left = (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.scrollLeft)(event.target);\n    var top = (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.scrollTop)(event.target);\n\n    if (top === 0 && left === 0) {\n      return;\n    }\n\n    listenWheel(left, top);\n    (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.scrollLeft)(event.target, 0);\n    (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.scrollTop)(event.target, 0);\n  }, [listenWheel, tableBodyRef]);\n  var getControlledScrollTopValue = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (value) {\n    if (autoHeight) {\n      return [0, 0];\n    }\n\n    var height = getTableHeight(); // The maximum range of scrolling value is judged.\n\n    value = Math.min(value, Math.max(0, contentHeight.current - (height - headerHeight))); // The value is a value of the theoretical scroll position of the table,\n    // and the scrollY coordinate value and the value of the scroll bar position are calculated by value.\n\n    return [-value, value / contentHeight.current * (height - headerHeight)];\n  }, [autoHeight, contentHeight, getTableHeight, headerHeight]);\n\n  var rerender = function rerender() {\n    setScrolling(true);\n    setTimeout(function () {\n      return setScrolling(false);\n    }, 0);\n  };\n\n  var handleScrollTop = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (top) {\n    var _scrollbarYRef$curren5, _scrollbarYRef$curren6;\n\n    if (top === void 0) {\n      top = 0;\n    }\n\n    var _getControlledScrollT = getControlledScrollTopValue(top),\n        nextScrollY = _getControlledScrollT[0],\n        handleScrollY = _getControlledScrollT[1];\n\n    setScrollY(nextScrollY);\n    scrollbarYRef === null || scrollbarYRef === void 0 ? void 0 : (_scrollbarYRef$curren5 = scrollbarYRef.current) === null || _scrollbarYRef$curren5 === void 0 ? void 0 : (_scrollbarYRef$curren6 = _scrollbarYRef$curren5.resetScrollBarPosition) === null || _scrollbarYRef$curren6 === void 0 ? void 0 : _scrollbarYRef$curren6.call(_scrollbarYRef$curren5, handleScrollY);\n    forceUpdatePosition();\n    /**\n     * After calling `scrollTop`, a white screen will appear when `virtualized` is true.\n     * The reason is that the coordinates of the DOM are directly manipulated,\n     * but the component is not re-rendered. Need to call `rerender`.\n     * Fix: rsuite#1044\n     */\n\n    if (virtualized && contentHeight.current > height) {\n      rerender();\n    }\n  }, [contentHeight, getControlledScrollTopValue, height, scrollbarYRef, setScrollY, forceUpdatePosition, virtualized]);\n\n  var getControlledScrollLeftValue = function getControlledScrollLeftValue(value) {\n    // The maximum range of scrolling value is judged.\n    value = Math.min(value, Math.max(0, contentWidth.current - tableWidth.current));\n    return [-value, value / contentWidth.current * tableWidth.current];\n  };\n\n  var handleScrollLeft = function handleScrollLeft(left) {\n    var _scrollbarXRef$curren5, _scrollbarXRef$curren6;\n\n    if (left === void 0) {\n      left = 0;\n    }\n\n    var _getControlledScrollL = getControlledScrollLeftValue(left),\n        nextScrollX = _getControlledScrollL[0],\n        scrollbarX = _getControlledScrollL[1];\n\n    setScrollX(nextScrollX);\n    scrollbarXRef === null || scrollbarXRef === void 0 ? void 0 : (_scrollbarXRef$curren5 = scrollbarXRef.current) === null || _scrollbarXRef$curren5 === void 0 ? void 0 : (_scrollbarXRef$curren6 = _scrollbarXRef$curren5.resetScrollBarPosition) === null || _scrollbarXRef$curren6 === void 0 ? void 0 : _scrollbarXRef$curren6.call(_scrollbarXRef$curren5, scrollbarX);\n    forceUpdatePosition();\n  };\n\n  var handleScrollTo = function handleScrollTo(coord) {\n    var _ref = coord || {},\n        x = _ref.x,\n        y = _ref.y;\n\n    if (typeof x === 'number') {\n      handleScrollLeft(x);\n    }\n\n    if (typeof y === 'number') {\n      handleScrollTop(y);\n    }\n  };\n\n  (0,_useUpdateEffect__WEBPACK_IMPORTED_MODULE_3__.default)(function () {\n    handleScrollLeft(0);\n  }, [children, contentWidth.current]);\n  (0,_useUpdateEffect__WEBPACK_IMPORTED_MODULE_3__.default)(function () {\n    if (scrollY.current !== 0) {\n      handleScrollTop(Math.abs(scrollY.current));\n    }\n  }, [height, data]);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    var options = {\n      passive: false\n    };\n    var tableBody = tableBodyRef.current;\n\n    if (tableBody) {\n      wheelListener.current = (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.on)(tableBody, 'wheel', wheelHandler.current.onWheel, options);\n      touchStartListener.current = (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.on)(tableBody, 'touchstart', handleTouchStart, options);\n      touchMoveListener.current = (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.on)(tableBody, 'touchmove', handleTouchMove, options);\n    }\n\n    return function () {\n      var _wheelListener$curren, _touchStartListener$c, _touchMoveListener$cu;\n\n      wheelHandler.current = null;\n      (_wheelListener$curren = wheelListener.current) === null || _wheelListener$curren === void 0 ? void 0 : _wheelListener$curren.off();\n      (_touchStartListener$c = touchStartListener.current) === null || _touchStartListener$c === void 0 ? void 0 : _touchStartListener$c.off();\n      (_touchMoveListener$cu = touchMoveListener.current) === null || _touchMoveListener$cu === void 0 ? void 0 : _touchMoveListener$cu.off();\n    }; // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  (0,_useMount__WEBPACK_IMPORTED_MODULE_4__.default)(function () {\n    if (rtl) {\n      var _scrollbarXRef$curren7, _scrollbarXRef$curren8;\n\n      // Initialize scroll position\n      setScrollX(tableWidth.current - contentWidth.current - _constants__WEBPACK_IMPORTED_MODULE_5__.SCROLLBAR_WIDTH);\n      scrollbarXRef === null || scrollbarXRef === void 0 ? void 0 : (_scrollbarXRef$curren7 = scrollbarXRef.current) === null || _scrollbarXRef$curren7 === void 0 ? void 0 : (_scrollbarXRef$curren8 = _scrollbarXRef$curren7.resetScrollBarPosition) === null || _scrollbarXRef$curren8 === void 0 ? void 0 : _scrollbarXRef$curren8.call(_scrollbarXRef$curren7, -scrollX.current);\n      forceUpdatePosition();\n    }\n  });\n  return {\n    isScrolling: isScrolling,\n    handleHorizontalScroll: handleHorizontalScroll,\n    handleVerticalScroll: handleVerticalScroll,\n    handleBodyScroll: handleBodyScroll,\n    handleScrollTop: handleScrollTop,\n    handleScrollLeft: handleScrollLeft,\n    handleScrollTo: handleScrollTo\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (useScrollListener);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useScrollListener.js?");
+eval("__webpack_require__.r(__webpack_exports__);\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 dom_lib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n/* harmony import */ var _requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./requestAnimationTimeout */ \"./node_modules/rsuite-table/es/utils/requestAnimationTimeout.js\");\n/* harmony import */ var _useUpdateEffect__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./useUpdateEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateEffect.js\");\n/* harmony import */ var _useMount__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./useMount */ \"./node_modules/rsuite-table/es/utils/useMount.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n\n\n\n\n\n\n\n/**\n * Add scroll, touch, and wheel monitoring events to the table,\n * and update the scroll position of the table.\n * @param props\n * @returns\n */\nvar useScrollListener = function useScrollListener(props) {\n  var data = props.data,\n      children = props.children,\n      autoHeight = props.autoHeight,\n      tableBodyRef = props.tableBodyRef,\n      scrollbarXRef = props.scrollbarXRef,\n      scrollbarYRef = props.scrollbarYRef,\n      disabledScroll = props.disabledScroll,\n      loading = props.loading,\n      tableRef = props.tableRef,\n      contentWidth = props.contentWidth,\n      tableWidth = props.tableWidth,\n      scrollY = props.scrollY,\n      minScrollY = props.minScrollY,\n      minScrollX = props.minScrollX,\n      scrollX = props.scrollX,\n      setScrollX = props.setScrollX,\n      setScrollY = props.setScrollY,\n      virtualized = props.virtualized,\n      forceUpdatePosition = props.forceUpdatePosition,\n      onScroll = props.onScroll,\n      onTouchMove = props.onTouchMove,\n      onTouchStart = props.onTouchStart,\n      height = props.height,\n      getTableHeight = props.getTableHeight,\n      contentHeight = props.contentHeight,\n      headerHeight = props.headerHeight,\n      rtl = props.rtl;\n  var wheelListener = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n  var touchStartListener = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n  var touchMoveListener = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n      isScrolling = _useState[0],\n      setScrolling = _useState[1];\n\n  var touchX = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var touchY = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var disableEventsTimeoutId = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  var shouldHandleWheelX = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (delta) {\n    if (delta === 0 || disabledScroll || loading) {\n      return false;\n    }\n\n    return true;\n  }, [disabledScroll, loading]);\n  var shouldHandleWheelY = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (delta) {\n    if (delta === 0 || disabledScroll || loading) {\n      return false;\n    }\n\n    return delta >= 0 && scrollY.current > minScrollY.current || delta < 0 && scrollY.current < 0;\n  }, [disabledScroll, loading, minScrollY, scrollY]);\n  var debounceScrollEndedCallback = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    disableEventsTimeoutId.current = null;\n    setScrolling(false);\n  }, []);\n  var handleWheel = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (deltaX, deltaY) {\n    if (!tableRef.current) {\n      return;\n    }\n\n    var nextScrollX = contentWidth.current <= tableWidth.current ? 0 : scrollX.current - deltaX;\n    var nextScrollY = scrollY.current - deltaY;\n    var y = Math.min(0, nextScrollY < minScrollY.current ? minScrollY.current : nextScrollY);\n    var x = Math.min(0, nextScrollX < minScrollX.current ? minScrollX.current : nextScrollX);\n    setScrollX(x);\n    setScrollY(y);\n    onScroll === null || onScroll === void 0 ? void 0 : onScroll(Math.abs(x), Math.abs(y));\n    forceUpdatePosition();\n\n    if (virtualized) {\n      setScrolling(true);\n\n      if (disableEventsTimeoutId.current) {\n        (0,_requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_2__.cancelAnimationTimeout)(disableEventsTimeoutId.current);\n      }\n\n      disableEventsTimeoutId.current = (0,_requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_2__.requestAnimationTimeout)(debounceScrollEndedCallback, 0);\n    }\n  }, [contentWidth, debounceScrollEndedCallback, minScrollX, minScrollY, onScroll, scrollX, scrollY, setScrollX, setScrollY, tableRef, tableWidth, forceUpdatePosition, virtualized]);\n  var listenWheel = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (deltaX, deltaY) {\n    var _scrollbarXRef$curren, _scrollbarXRef$curren2, _scrollbarYRef$curren, _scrollbarYRef$curren2;\n\n    handleWheel(deltaX, deltaY);\n    (_scrollbarXRef$curren = scrollbarXRef.current) === null || _scrollbarXRef$curren === void 0 ? void 0 : (_scrollbarXRef$curren2 = _scrollbarXRef$curren.onWheelScroll) === null || _scrollbarXRef$curren2 === void 0 ? void 0 : _scrollbarXRef$curren2.call(_scrollbarXRef$curren, deltaX);\n    (_scrollbarYRef$curren = scrollbarYRef.current) === null || _scrollbarYRef$curren === void 0 ? void 0 : (_scrollbarYRef$curren2 = _scrollbarYRef$curren.onWheelScroll) === null || _scrollbarYRef$curren2 === void 0 ? void 0 : _scrollbarYRef$curren2.call(_scrollbarYRef$curren, deltaY);\n  }, [handleWheel, scrollbarXRef, scrollbarYRef]);\n  var wheelHandler = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(); // When handling the Touch event on the mobile terminal, initialize x and y when Start.\n\n  var handleTouchStart = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (event) {\n    if (event.touches) {\n      var _event$touches$ = event.touches[0],\n          pageX = _event$touches$.pageX,\n          pageY = _event$touches$.pageY;\n      touchX.current = pageX;\n      touchY.current = pageY;\n    }\n\n    onTouchStart === null || onTouchStart === void 0 ? void 0 : onTouchStart(event);\n  }, [onTouchStart]); // Handle Touch events on the mobile terminal, initialize when Move, and update the scroll bar.\n\n  var handleTouchMove = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (event) {\n    if (event.touches) {\n      var _event$preventDefault, _scrollbarXRef$curren3, _scrollbarXRef$curren4, _scrollbarYRef$curren3, _scrollbarYRef$curren4;\n\n      var _event$touches$2 = event.touches[0],\n          pageX = _event$touches$2.pageX,\n          pageY = _event$touches$2.pageY;\n      var deltaX = touchX.current - pageX;\n      var deltaY = autoHeight ? 0 : touchY.current - pageY;\n\n      if (!shouldHandleWheelY(deltaY) && !shouldHandleWheelX(deltaX)) {\n        return;\n      }\n\n      (_event$preventDefault = event.preventDefault) === null || _event$preventDefault === void 0 ? void 0 : _event$preventDefault.call(event);\n      handleWheel(deltaX, deltaY);\n      (_scrollbarXRef$curren3 = scrollbarXRef.current) === null || _scrollbarXRef$curren3 === void 0 ? void 0 : (_scrollbarXRef$curren4 = _scrollbarXRef$curren3.onWheelScroll) === null || _scrollbarXRef$curren4 === void 0 ? void 0 : _scrollbarXRef$curren4.call(_scrollbarXRef$curren3, deltaX);\n      (_scrollbarYRef$curren3 = scrollbarYRef.current) === null || _scrollbarYRef$curren3 === void 0 ? void 0 : (_scrollbarYRef$curren4 = _scrollbarYRef$curren3.onWheelScroll) === null || _scrollbarYRef$curren4 === void 0 ? void 0 : _scrollbarYRef$curren4.call(_scrollbarYRef$curren3, deltaY);\n      touchX.current = pageX;\n      touchY.current = pageY;\n    }\n\n    onTouchMove === null || onTouchMove === void 0 ? void 0 : onTouchMove(event);\n  }, [autoHeight, handleWheel, onTouchMove, scrollbarXRef, scrollbarYRef, shouldHandleWheelX, shouldHandleWheelY]);\n  var handleHorizontalScroll = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (delta) {\n    handleWheel(delta, 0);\n  }, [handleWheel]);\n  var handleVerticalScroll = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (delta) {\n    handleWheel(0, delta);\n  }, [handleWheel]);\n  /**\n   * When the user uses the tab key in the Table, the onScroll event is triggered,\n   * and the scroll bar position should be updated at the same time.\n   * https://github.com/rsuite/rsuite/issues/234\n   */\n\n  var handleBodyScroll = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (event) {\n    if (event.target !== tableBodyRef.current) {\n      return;\n    }\n\n    var left = (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.scrollLeft)(event.target);\n    var top = (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.scrollTop)(event.target);\n\n    if (top === 0 && left === 0) {\n      return;\n    }\n\n    listenWheel(left, top);\n    (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.scrollLeft)(event.target, 0);\n    (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.scrollTop)(event.target, 0);\n  }, [listenWheel, tableBodyRef]);\n  var getControlledScrollTopValue = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (value) {\n    if (autoHeight) {\n      return [0, 0];\n    }\n\n    var height = getTableHeight(); // The maximum range of scrolling value is judged.\n\n    value = Math.min(value, Math.max(0, contentHeight.current - (height - headerHeight))); // The value is a value of the theoretical scroll position of the table,\n    // and the scrollY coordinate value and the value of the scroll bar position are calculated by value.\n\n    return [-value, value / contentHeight.current * (height - headerHeight)];\n  }, [autoHeight, contentHeight, getTableHeight, headerHeight]);\n\n  var rerender = function rerender() {\n    setScrolling(true);\n    setTimeout(function () {\n      return setScrolling(false);\n    }, 0);\n  };\n\n  var getControlledScrollLeftValue = function getControlledScrollLeftValue(value) {\n    // The maximum range of scrolling value is judged.\n    value = Math.min(value, Math.max(0, contentWidth.current - tableWidth.current));\n    return [-value, value / contentWidth.current * tableWidth.current];\n  };\n\n  var handleScrollTop = function handleScrollTop(top) {\n    var _scrollbarYRef$curren5, _scrollbarYRef$curren6;\n\n    if (top === void 0) {\n      top = 0;\n    }\n\n    var _getControlledScrollT = getControlledScrollTopValue(top),\n        nextScrollY = _getControlledScrollT[0],\n        handleScrollY = _getControlledScrollT[1];\n\n    setScrollY(nextScrollY);\n    scrollbarYRef === null || scrollbarYRef === void 0 ? void 0 : (_scrollbarYRef$curren5 = scrollbarYRef.current) === null || _scrollbarYRef$curren5 === void 0 ? void 0 : (_scrollbarYRef$curren6 = _scrollbarYRef$curren5.resetScrollBarPosition) === null || _scrollbarYRef$curren6 === void 0 ? void 0 : _scrollbarYRef$curren6.call(_scrollbarYRef$curren5, handleScrollY);\n    forceUpdatePosition();\n    onScroll === null || onScroll === void 0 ? void 0 : onScroll(Math.abs(scrollX.current), Math.abs(nextScrollY));\n    /**\n     * After calling `scrollTop`, a white screen will appear when `virtualized` is true.\n     * The reason is that the coordinates of the DOM are directly manipulated,\n     * but the component is not re-rendered. Need to call `rerender`.\n     * Fix: rsuite#1044\n     */\n\n    if (virtualized && contentHeight.current > height) {\n      rerender();\n    }\n  };\n\n  var handleScrollLeft = function handleScrollLeft(left) {\n    var _scrollbarXRef$curren5, _scrollbarXRef$curren6;\n\n    if (left === void 0) {\n      left = 0;\n    }\n\n    var _getControlledScrollL = getControlledScrollLeftValue(left),\n        nextScrollX = _getControlledScrollL[0],\n        scrollbarX = _getControlledScrollL[1];\n\n    setScrollX(nextScrollX);\n    onScroll === null || onScroll === void 0 ? void 0 : onScroll(Math.abs(nextScrollX), Math.abs(scrollY.current));\n    scrollbarXRef === null || scrollbarXRef === void 0 ? void 0 : (_scrollbarXRef$curren5 = scrollbarXRef.current) === null || _scrollbarXRef$curren5 === void 0 ? void 0 : (_scrollbarXRef$curren6 = _scrollbarXRef$curren5.resetScrollBarPosition) === null || _scrollbarXRef$curren6 === void 0 ? void 0 : _scrollbarXRef$curren6.call(_scrollbarXRef$curren5, scrollbarX);\n    forceUpdatePosition();\n  };\n\n  var handleScrollTo = function handleScrollTo(coord) {\n    var _ref = coord || {},\n        x = _ref.x,\n        y = _ref.y;\n\n    if (typeof x === 'number') {\n      handleScrollLeft(x);\n    }\n\n    if (typeof y === 'number') {\n      handleScrollTop(y);\n    }\n  };\n\n  (0,_useUpdateEffect__WEBPACK_IMPORTED_MODULE_3__.default)(function () {\n    handleScrollLeft(0);\n  }, [children, contentWidth.current]);\n  (0,_useUpdateEffect__WEBPACK_IMPORTED_MODULE_3__.default)(function () {\n    if (scrollY.current !== 0) {\n      handleScrollTop(Math.abs(scrollY.current));\n    }\n  }, [height, data]);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    var options = {\n      passive: false\n    };\n    var tableBody = tableBodyRef.current;\n\n    if (tableBody) {\n      wheelHandler.current = new dom_lib__WEBPACK_IMPORTED_MODULE_1__.WheelHandler(listenWheel, shouldHandleWheelX, shouldHandleWheelY, false);\n      wheelListener.current = (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.on)(tableBody, 'wheel', wheelHandler.current.onWheel, options);\n      touchStartListener.current = (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.on)(tableBody, 'touchstart', handleTouchStart, options);\n      touchMoveListener.current = (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.on)(tableBody, 'touchmove', handleTouchMove, options);\n    }\n\n    return function () {\n      var _wheelListener$curren, _touchStartListener$c, _touchMoveListener$cu;\n\n      wheelHandler.current = null;\n      (_wheelListener$curren = wheelListener.current) === null || _wheelListener$curren === void 0 ? void 0 : _wheelListener$curren.off();\n      (_touchStartListener$c = touchStartListener.current) === null || _touchStartListener$c === void 0 ? void 0 : _touchStartListener$c.off();\n      (_touchMoveListener$cu = touchMoveListener.current) === null || _touchMoveListener$cu === void 0 ? void 0 : _touchMoveListener$cu.off();\n    }; // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [data]);\n  (0,_useMount__WEBPACK_IMPORTED_MODULE_4__.default)(function () {\n    if (rtl) {\n      var _scrollbarXRef$curren7, _scrollbarXRef$curren8;\n\n      // Initialize scroll position\n      setScrollX(tableWidth.current - contentWidth.current - _constants__WEBPACK_IMPORTED_MODULE_5__.SCROLLBAR_WIDTH);\n      scrollbarXRef === null || scrollbarXRef === void 0 ? void 0 : (_scrollbarXRef$curren7 = scrollbarXRef.current) === null || _scrollbarXRef$curren7 === void 0 ? void 0 : (_scrollbarXRef$curren8 = _scrollbarXRef$curren7.resetScrollBarPosition) === null || _scrollbarXRef$curren8 === void 0 ? void 0 : _scrollbarXRef$curren8.call(_scrollbarXRef$curren7, -scrollX.current);\n      forceUpdatePosition();\n    }\n  });\n  return {\n    isScrolling: isScrolling,\n    handleHorizontalScroll: handleHorizontalScroll,\n    handleVerticalScroll: handleVerticalScroll,\n    handleBodyScroll: handleBodyScroll,\n    handleScrollTop: handleScrollTop,\n    handleScrollLeft: handleScrollLeft,\n    handleScrollTo: handleScrollTo\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (useScrollListener);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useScrollListener.js?");
 
 /***/ }),
 
@@ -8824,7 +9066,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\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 dom_lib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash/debounce */ \"./node_modules/lodash/debounce.js\");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var element_resize_event__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! element-resize-event */ \"./node_modules/element-resize-event/index.js\");\n/* harmony import */ var element_resize_event__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(element_resize_event__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _useMount__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./useMount */ \"./node_modules/rsuite-table/es/utils/useMount.js\");\n/* harmony import */ var _useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./useUpdateLayoutEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateLayoutEffect.js\");\n/* harmony import */ var _isNumberOrTrue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./isNumberOrTrue */ \"./node_modules/rsuite-table/es/utils/isNumberOrTrue.js\");\n\n\n\n\n\n\n\n\n\n/**\n * The dimension information of the table,\n * including the height, width, scrollable distance and the coordinates of the scroll handle, etc.\n * @param props\n * @returns\n */\nvar useTableDimension = function useTableDimension(props) {\n  var data = props.data,\n      rowHeight = props.rowHeight,\n      tableRef = props.tableRef,\n      headerWrapperRef = props.headerWrapperRef,\n      prefix = props.prefix,\n      widthProp = props.width,\n      affixHeader = props.affixHeader,\n      affixHorizontalScrollbar = props.affixHorizontalScrollbar,\n      headerHeight = props.headerHeight,\n      height = props.height,\n      autoHeight = props.autoHeight,\n      children = props.children,\n      expandedRowKeys = props.expandedRowKeys,\n      onTableWidthChange = props.onTableWidthChange,\n      onTableContentWidthChange = props.onTableContentWidthChange,\n      onTableContentHeightChange = props.onTableContentHeightChange,\n      onTableScroll = props.onTableScroll;\n  var contentHeight = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var contentWidth = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var minScrollY = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var scrollY = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var scrollX = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var minScrollX = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var tableWidth = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(widthProp || 0);\n  var headerOffset = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  var tableOffset = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  var calculateTableContextHeight = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var prevContentHeight = contentHeight.current;\n    var table = tableRef.current;\n    var rows = table.querySelectorAll(\".\" + prefix('row')) || [];\n    var nextContentHeight = rows.length ? Array.from(rows).map(function (row) {\n      return (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.getHeight)(row) || rowHeight;\n    }).reduce(function (x, y) {\n      return x + y;\n    }) : 0; // After setting the affixHeader property, the height of the two headers should be subtracted.\n\n    contentHeight.current = nextContentHeight - (affixHeader ? headerHeight * 2 : headerHeight);\n\n    if (!autoHeight) {\n      // The purpose of subtracting SCROLLBAR_WIDTH is to keep the scroll bar from blocking the content part.\n      minScrollY.current = -(nextContentHeight - height) - _constants__WEBPACK_IMPORTED_MODULE_2__.SCROLLBAR_WIDTH;\n    } // If the height of the content area is less than the height of the table, the vertical scroll bar is reset.\n\n\n    if (nextContentHeight < height) {\n      onTableScroll({\n        y: 0\n      });\n    } // If the value of scrollTop is greater than the scrollable range, the vertical scroll bar is reset.\n    // When Table is set to virtualized, the logic will be entered every time the wheel event is triggered\n    // to avoid resetting the scroll bar after scrolling to the bottom, so add the SCROLLBAR_WIDTH value.\n\n\n    if (Math.abs(scrollY.current) + height - headerHeight > nextContentHeight + _constants__WEBPACK_IMPORTED_MODULE_2__.SCROLLBAR_WIDTH) {\n      onTableScroll({\n        y: scrollY.current\n      });\n    }\n\n    if (prevContentHeight !== contentHeight.current) {\n      onTableContentHeightChange(prevContentHeight);\n    }\n  }, [affixHeader, autoHeight, headerHeight, height, onTableScroll, onTableContentHeightChange, prefix, rowHeight, tableRef]);\n  var setOffsetByAffix = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var headerNode = headerWrapperRef === null || headerWrapperRef === void 0 ? void 0 : headerWrapperRef.current;\n\n    if ((0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_7__.default)(affixHeader) && headerNode) {\n      headerOffset.current = (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.getOffset)(headerNode);\n    }\n\n    if ((0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_7__.default)(affixHorizontalScrollbar) && tableRef !== null && tableRef !== void 0 && tableRef.current) {\n      tableOffset.current = (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.getOffset)(tableRef === null || tableRef === void 0 ? void 0 : tableRef.current);\n    }\n  }, [affixHeader, affixHorizontalScrollbar, headerWrapperRef, tableRef]);\n  var calculateTableContentWidth = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var prevWidth = contentWidth.current;\n    var table = tableRef === null || tableRef === void 0 ? void 0 : tableRef.current;\n    var row = table.querySelector(\".\" + prefix('row') + \":not(.virtualized)\");\n    var nextContentWidth = row ? (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.getWidth)(row) : 0;\n    contentWidth.current = nextContentWidth; // The value of SCROLLBAR_WIDTH is subtracted so that the scroll bar does not block the content part.\n    // There is no vertical scroll bar after autoHeight.\n\n    minScrollX.current = -(nextContentWidth - tableWidth.current) - (autoHeight ? 0 : _constants__WEBPACK_IMPORTED_MODULE_2__.SCROLLBAR_WIDTH);\n\n    if (prevWidth !== contentWidth.current) {\n      onTableContentWidthChange(prevWidth);\n    }\n  }, [autoHeight, onTableContentWidthChange, prefix, tableRef]);\n  var calculateTableWidth = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var prevWidth = tableWidth.current;\n\n    if (tableRef !== null && tableRef !== void 0 && tableRef.current) {\n      var nextWidth = (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.getWidth)(tableRef === null || tableRef === void 0 ? void 0 : tableRef.current);\n      tableWidth.current = nextWidth;\n    }\n\n    if (prevWidth !== tableWidth.current) {\n      scrollX.current = 0;\n      onTableWidthChange === null || onTableWidthChange === void 0 ? void 0 : onTableWidthChange(prevWidth);\n    }\n\n    setOffsetByAffix();\n  }, [onTableWidthChange, setOffsetByAffix, tableRef]);\n  (0,_useMount__WEBPACK_IMPORTED_MODULE_5__.default)(function () {\n    calculateTableWidth();\n    calculateTableContextHeight();\n    calculateTableContentWidth();\n    setOffsetByAffix();\n    element_resize_event__WEBPACK_IMPORTED_MODULE_4___default()(tableRef.current, lodash_debounce__WEBPACK_IMPORTED_MODULE_3___default()(calculateTableWidth, 400));\n  });\n  (0,_useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_6__.default)(function () {\n    calculateTableContextHeight();\n    calculateTableContentWidth();\n  }, [data, height, contentHeight, expandedRowKeys, children, calculateTableContextHeight, calculateTableContentWidth]);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    return function () {\n      if (tableRef.current) {\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        (0,element_resize_event__WEBPACK_IMPORTED_MODULE_4__.unbind)(tableRef.current);\n      }\n    }; // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  var setScrollY = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (value) {\n    scrollY.current = value;\n  }, []);\n  var setScrollX = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (value) {\n    scrollX.current = value;\n  }, []);\n  return {\n    contentHeight: contentHeight,\n    contentWidth: contentWidth,\n    minScrollY: minScrollY,\n    minScrollX: minScrollX,\n    scrollY: scrollY,\n    scrollX: scrollX,\n    tableWidth: tableWidth,\n    headerOffset: headerOffset,\n    tableOffset: tableOffset,\n    setScrollY: setScrollY,\n    setScrollX: setScrollX\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (useTableDimension);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useTableDimension.js?");
+eval("__webpack_require__.r(__webpack_exports__);\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 dom_lib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash/debounce */ \"./node_modules/lodash/debounce.js\");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var element_resize_event__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! element-resize-event */ \"./node_modules/element-resize-event/index.js\");\n/* harmony import */ var element_resize_event__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(element_resize_event__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _useMount__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./useMount */ \"./node_modules/rsuite-table/es/utils/useMount.js\");\n/* harmony import */ var _useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./useUpdateLayoutEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateLayoutEffect.js\");\n/* harmony import */ var _isNumberOrTrue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./isNumberOrTrue */ \"./node_modules/rsuite-table/es/utils/isNumberOrTrue.js\");\n\n\n\n\n\n\n\n\n\n/**\n * The dimension information of the table,\n * including the height, width, scrollable distance and the coordinates of the scroll handle, etc.\n * @param props\n * @returns\n */\nvar useTableDimension = function useTableDimension(props) {\n  var data = props.data,\n      rowHeight = props.rowHeight,\n      tableRef = props.tableRef,\n      headerWrapperRef = props.headerWrapperRef,\n      prefix = props.prefix,\n      widthProp = props.width,\n      affixHeader = props.affixHeader,\n      affixHorizontalScrollbar = props.affixHorizontalScrollbar,\n      headerHeight = props.headerHeight,\n      height = props.height,\n      autoHeight = props.autoHeight,\n      children = props.children,\n      expandedRowKeys = props.expandedRowKeys,\n      onTableWidthChange = props.onTableWidthChange,\n      onTableContentWidthChange = props.onTableContentWidthChange,\n      onTableContentHeightChange = props.onTableContentHeightChange,\n      onTableScroll = props.onTableScroll;\n  var contentHeight = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var contentWidth = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var minScrollY = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var scrollY = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var scrollX = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var minScrollX = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var tableWidth = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(widthProp || 0);\n  var headerOffset = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  var tableOffset = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  var calculateTableContextHeight = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var prevContentHeight = contentHeight.current;\n    var table = tableRef.current;\n    var rows = table.querySelectorAll(\".\" + prefix('row')) || [];\n    var nextContentHeight = rows.length ? Array.from(rows).map(function (row) {\n      return (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.getHeight)(row) || rowHeight;\n    }).reduce(function (x, y) {\n      return x + y;\n    }) : 0; // After setting the affixHeader property, the height of the two headers should be subtracted.\n\n    contentHeight.current = nextContentHeight - (affixHeader ? headerHeight * 2 : headerHeight);\n\n    if (!autoHeight) {\n      /**\n       *  The purpose of subtracting SCROLLBAR_WIDTH is to keep the scroll bar from blocking the content part.\n       *  But it will only be calculated when there is a horizontal scroll bar (contentWidth > tableWidth).\n       */\n      minScrollY.current = -(nextContentHeight - height) - (contentWidth.current > tableWidth.current ? _constants__WEBPACK_IMPORTED_MODULE_2__.SCROLLBAR_WIDTH : 0);\n    } // If the height of the content area is less than the height of the table, the vertical scroll bar is reset.\n\n\n    if (nextContentHeight < height) {\n      onTableScroll({\n        y: 0\n      });\n    } // If the value of scrollTop is greater than the scrollable range, the vertical scroll bar is reset.\n    // When Table is set to virtualized, the logic will be entered every time the wheel event is triggered\n    // to avoid resetting the scroll bar after scrolling to the bottom, so add the SCROLLBAR_WIDTH value.\n\n\n    if (Math.abs(scrollY.current) + height - headerHeight > nextContentHeight + _constants__WEBPACK_IMPORTED_MODULE_2__.SCROLLBAR_WIDTH) {\n      onTableScroll({\n        y: scrollY.current\n      });\n    }\n\n    if (prevContentHeight !== contentHeight.current) {\n      onTableContentHeightChange(prevContentHeight);\n    }\n  }, [affixHeader, autoHeight, headerHeight, height, onTableScroll, onTableContentHeightChange, prefix, rowHeight, tableRef]);\n  var setOffsetByAffix = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var headerNode = headerWrapperRef === null || headerWrapperRef === void 0 ? void 0 : headerWrapperRef.current;\n\n    if ((0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_7__.default)(affixHeader) && headerNode) {\n      headerOffset.current = (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.getOffset)(headerNode);\n    }\n\n    if ((0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_7__.default)(affixHorizontalScrollbar) && tableRef !== null && tableRef !== void 0 && tableRef.current) {\n      tableOffset.current = (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.getOffset)(tableRef === null || tableRef === void 0 ? void 0 : tableRef.current);\n    }\n  }, [affixHeader, affixHorizontalScrollbar, headerWrapperRef, tableRef]);\n  var calculateTableContentWidth = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var prevWidth = contentWidth.current;\n    var table = tableRef === null || tableRef === void 0 ? void 0 : tableRef.current;\n    var row = table.querySelector(\".\" + prefix('row') + \":not(.virtualized)\");\n    var nextContentWidth = row ? (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.getWidth)(row) : 0;\n    contentWidth.current = nextContentWidth; // The value of SCROLLBAR_WIDTH is subtracted so that the scroll bar does not block the content part.\n    // There is no vertical scroll bar after autoHeight.\n\n    minScrollX.current = -(nextContentWidth - tableWidth.current) - (autoHeight ? 0 : _constants__WEBPACK_IMPORTED_MODULE_2__.SCROLLBAR_WIDTH);\n\n    if (prevWidth !== contentWidth.current) {\n      onTableContentWidthChange(prevWidth);\n    }\n  }, [autoHeight, onTableContentWidthChange, prefix, tableRef]);\n  var calculateTableWidth = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var prevWidth = tableWidth.current;\n\n    if (tableRef !== null && tableRef !== void 0 && tableRef.current) {\n      var nextWidth = (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.getWidth)(tableRef === null || tableRef === void 0 ? void 0 : tableRef.current);\n      tableWidth.current = nextWidth;\n    }\n\n    if (prevWidth !== tableWidth.current) {\n      scrollX.current = 0;\n      onTableWidthChange === null || onTableWidthChange === void 0 ? void 0 : onTableWidthChange(prevWidth);\n    }\n\n    setOffsetByAffix();\n  }, [onTableWidthChange, setOffsetByAffix, tableRef]);\n  (0,_useMount__WEBPACK_IMPORTED_MODULE_5__.default)(function () {\n    calculateTableContextHeight();\n    calculateTableContentWidth();\n    calculateTableWidth();\n    setOffsetByAffix();\n    element_resize_event__WEBPACK_IMPORTED_MODULE_4___default()(tableRef.current, lodash_debounce__WEBPACK_IMPORTED_MODULE_3___default()(calculateTableWidth, 400));\n  });\n  (0,_useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_6__.default)(function () {\n    calculateTableWidth();\n    calculateTableContextHeight();\n    calculateTableContentWidth();\n  }, [data, height, contentHeight, expandedRowKeys, children, calculateTableContextHeight, calculateTableContentWidth]);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    return function () {\n      if (tableRef.current) {\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        (0,element_resize_event__WEBPACK_IMPORTED_MODULE_4__.unbind)(tableRef.current);\n      }\n    }; // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  var setScrollY = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (value) {\n    scrollY.current = value;\n  }, []);\n  var setScrollX = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (value) {\n    scrollX.current = value;\n  }, []);\n  return {\n    contentHeight: contentHeight,\n    contentWidth: contentWidth,\n    minScrollY: minScrollY,\n    minScrollX: minScrollX,\n    scrollY: scrollY,\n    scrollX: scrollX,\n    tableWidth: tableWidth,\n    headerOffset: headerOffset,\n    tableOffset: tableOffset,\n    setScrollY: setScrollY,\n    setScrollX: setScrollX\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (useTableDimension);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useTableDimension.js?");
 
 /***/ }),
 
@@ -8835,7 +9077,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\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 dom_lib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n/* harmony import */ var _useUpdateEffect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./useUpdateEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateEffect.js\");\n/* harmony import */ var _useMount__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./useMount */ \"./node_modules/rsuite-table/es/utils/useMount.js\");\n\n\n\n\n\n/**\n * The row information of the table, get the DOM of all rows, and summarize the row height.\n * @param props\n * @returns\n */\nvar useTableRows = function useTableRows(props) {\n  var prefix = props.prefix,\n      wordWrap = props.wordWrap,\n      data = props.data;\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),\n      tableRowsMaxHeight = _useState[0],\n      setTableRowsMaxHeight = _useState[1];\n\n  var tableRows = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({});\n\n  var bindTableRowsRef = function bindTableRowsRef(index, rowData) {\n    return function (ref) {\n      if (ref) {\n        tableRows.current[index] = [ref, rowData];\n      }\n    };\n  };\n\n  var calculateRowMaxHeight = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    if (wordWrap) {\n      var nextTableRowsMaxHeight = [];\n      var curTableRows = Object.values(tableRows.current);\n\n      for (var i = 0; i < curTableRows.length; i++) {\n        var _curTableRows$i = curTableRows[i],\n            row = _curTableRows$i[0];\n\n        if (row) {\n          var cells = row.querySelectorAll(\".\" + prefix('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 = (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.getHeight)(cell);\n            maxHeight = Math.max(maxHeight, h);\n          }\n\n          nextTableRowsMaxHeight.push(maxHeight);\n        }\n      }\n\n      setTableRowsMaxHeight(nextTableRowsMaxHeight);\n    }\n  }, [prefix, wordWrap]);\n  (0,_useMount__WEBPACK_IMPORTED_MODULE_3__.default)(function () {\n    calculateRowMaxHeight();\n  });\n  (0,_useUpdateEffect__WEBPACK_IMPORTED_MODULE_2__.default)(function () {\n    calculateRowMaxHeight();\n  }, [data]);\n  return {\n    bindTableRowsRef: bindTableRowsRef,\n    tableRowsMaxHeight: tableRowsMaxHeight,\n    tableRows: tableRows\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (useTableRows);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useTableRows.js?");
+eval("__webpack_require__.r(__webpack_exports__);\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 dom_lib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n/* harmony import */ var _useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./useUpdateLayoutEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateLayoutEffect.js\");\n/* harmony import */ var _useMount__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./useMount */ \"./node_modules/rsuite-table/es/utils/useMount.js\");\n\n\n\n\n\n/**\n * The row information of the table, get the DOM of all rows, and summarize the row height.\n * @param props\n * @returns\n */\nvar useTableRows = function useTableRows(props) {\n  var prefix = props.prefix,\n      wordWrap = props.wordWrap,\n      data = props.data;\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),\n      tableRowsMaxHeight = _useState[0],\n      setTableRowsMaxHeight = _useState[1];\n\n  var tableRows = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({});\n\n  var bindTableRowsRef = function bindTableRowsRef(index, rowData) {\n    return function (ref) {\n      if (ref) {\n        tableRows.current[index] = [ref, rowData];\n      }\n    };\n  };\n\n  var calculateRowMaxHeight = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    if (wordWrap) {\n      var nextTableRowsMaxHeight = [];\n      var curTableRows = Object.values(tableRows.current);\n\n      for (var i = 0; i < curTableRows.length; i++) {\n        var _curTableRows$i = curTableRows[i],\n            row = _curTableRows$i[0];\n\n        if (row) {\n          var cells = row.querySelectorAll(\".\" + prefix('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 = (0,dom_lib__WEBPACK_IMPORTED_MODULE_1__.getHeight)(cell);\n            maxHeight = Math.max(maxHeight, h);\n          }\n\n          nextTableRowsMaxHeight.push(maxHeight);\n        }\n      }\n\n      setTableRowsMaxHeight(nextTableRowsMaxHeight);\n    }\n  }, [prefix, wordWrap]);\n  (0,_useMount__WEBPACK_IMPORTED_MODULE_3__.default)(function () {\n    setTimeout(calculateRowMaxHeight, 1);\n  });\n  (0,_useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_2__.default)(function () {\n    /**\n     * After the data is updated, the height of the cell DOM needs to be re-acquired,\n     * and what is often obtained is not the latest DOM that has been rendered.\n     * So use `setTimeout` to delay obtaining the height of the cell DOM.\n     * TODO: To be improved\n     */\n    setTimeout(calculateRowMaxHeight, 1);\n  }, [data]);\n  return {\n    bindTableRowsRef: bindTableRowsRef,\n    tableRowsMaxHeight: tableRowsMaxHeight,\n    tableRows: tableRows\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (useTableRows);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useTableRows.js?");
 
 /***/ }),
 
@@ -8861,248 +9103,6 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 
 /***/ }),
 
-/***/ "./node_modules/rsuite-table/node_modules/@rsuite/icon-font/lib/direction/ArrowDown.js":
-/*!*********************************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/@rsuite/icon-font/lib/direction/ArrowDown.js ***!
-  \*********************************************************************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction ArrowDown(props, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: \"1em\",\n    height: \"1em\",\n    viewBox: \"0 0 16 16\",\n    fill: \"currentColor\",\n    ref: svgRef\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M4 6l4 4 4-4z\"\n  }));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(ArrowDown);\nvar _default = ForwardRef;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/@rsuite/icon-font/lib/direction/ArrowDown.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/@rsuite/icon-font/lib/direction/ArrowRight.js":
-/*!**********************************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/@rsuite/icon-font/lib/direction/ArrowRight.js ***!
-  \**********************************************************************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction ArrowRight(props, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: \"1em\",\n    height: \"1em\",\n    viewBox: \"0 0 16 16\",\n    fill: \"currentColor\",\n    ref: svgRef\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M6 12l4-4-4-4z\"\n  }));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(ArrowRight);\nvar _default = ForwardRef;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/@rsuite/icon-font/lib/direction/ArrowRight.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/@rsuite/icon-font/lib/direction/Sort.js":
-/*!****************************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/@rsuite/icon-font/lib/direction/Sort.js ***!
-  \****************************************************************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction Sort(props, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: \"1em\",\n    height: \"1em\",\n    viewBox: \"0 0 16 16\",\n    fill: \"currentColor\",\n    ref: svgRef\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M7.616 3.18a.5.5 0 01.696-.071l.072.071 2.5 3a.5.5 0 01-.704.704l-.064-.064L8 4.281 5.884 6.82a.5.5 0 01-.63.115l-.074-.051a.5.5 0 01-.115-.63l.051-.074 2.5-3zM7.616 12.82a.5.5 0 00.696.071l.072-.071 2.5-3a.5.5 0 00-.704-.704l-.064.064L8 11.719 5.884 9.18a.5.5 0 00-.63-.115l-.074.051a.5.5 0 00-.115.63l.051.074 2.5 3z\"\n  }));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(Sort);\nvar _default = ForwardRef;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/@rsuite/icon-font/lib/direction/Sort.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/@rsuite/icon-font/lib/direction/SortDown.js":
-/*!********************************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/@rsuite/icon-font/lib/direction/SortDown.js ***!
-  \********************************************************************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction SortDown(props, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: \"1em\",\n    height: \"1em\",\n    viewBox: \"0 0 16 16\",\n    fill: \"currentColor\",\n    ref: svgRef\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M8 13a.997.997 0 01-.707-.293l-3-3a.999.999 0 111.414-1.414L7 9.586V4a1 1 0 012 0v5.586l1.293-1.293a.999.999 0 111.414 1.414l-3 3A.997.997 0 018 13z\"\n  }));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SortDown);\nvar _default = ForwardRef;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/@rsuite/icon-font/lib/direction/SortDown.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/@rsuite/icon-font/lib/direction/SortUp.js":
-/*!******************************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/@rsuite/icon-font/lib/direction/SortUp.js ***!
-  \******************************************************************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction SortUp(props, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: \"1em\",\n    height: \"1em\",\n    viewBox: \"0 0 16 16\",\n    fill: \"currentColor\",\n    ref: svgRef\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M8 3c.276 0 .526.112.707.293l3 3a.999.999 0 11-1.414 1.414L9 6.414V12a1 1 0 01-2 0V6.414L5.707 7.707a.999.999 0 11-1.414-1.414l3-3A.997.997 0 018 3z\"\n  }));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SortUp);\nvar _default = ForwardRef;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/@rsuite/icon-font/lib/direction/SortUp.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/@rsuite/icons/ArrowDown.js":
-/*!***************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/@rsuite/icons/ArrowDown.js ***!
-  \***************************************************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nObject.defineProperty(exports, \"default\", ({\n  enumerable: true,\n  get: function get() {\n    return _ArrowDown[\"default\"];\n  }\n}));\n\nvar _ArrowDown = _interopRequireDefault(__webpack_require__(/*! ./lib/icons/ArrowDown */ \"./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/icons/ArrowDown.js\"));\n\nfunction _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : { default: obj };\n}\n\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/@rsuite/icons/ArrowDown.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/@rsuite/icons/ArrowRight.js":
-/*!****************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/@rsuite/icons/ArrowRight.js ***!
-  \****************************************************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nObject.defineProperty(exports, \"default\", ({\n  enumerable: true,\n  get: function get() {\n    return _ArrowRight[\"default\"];\n  }\n}));\n\nvar _ArrowRight = _interopRequireDefault(__webpack_require__(/*! ./lib/icons/ArrowRight */ \"./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/icons/ArrowRight.js\"));\n\nfunction _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : { default: obj };\n}\n\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/@rsuite/icons/ArrowRight.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/@rsuite/icons/Sort.js":
-/*!**********************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/@rsuite/icons/Sort.js ***!
-  \**********************************************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nObject.defineProperty(exports, \"default\", ({\n  enumerable: true,\n  get: function get() {\n    return _Sort[\"default\"];\n  }\n}));\n\nvar _Sort = _interopRequireDefault(__webpack_require__(/*! ./lib/icons/Sort */ \"./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/icons/Sort.js\"));\n\nfunction _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : { default: obj };\n}\n\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/@rsuite/icons/Sort.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/@rsuite/icons/SortDown.js":
-/*!**************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/@rsuite/icons/SortDown.js ***!
-  \**************************************************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nObject.defineProperty(exports, \"default\", ({\n  enumerable: true,\n  get: function get() {\n    return _SortDown[\"default\"];\n  }\n}));\n\nvar _SortDown = _interopRequireDefault(__webpack_require__(/*! ./lib/icons/SortDown */ \"./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/icons/SortDown.js\"));\n\nfunction _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : { default: obj };\n}\n\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/@rsuite/icons/SortDown.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/@rsuite/icons/SortUp.js":
-/*!************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/@rsuite/icons/SortUp.js ***!
-  \************************************************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nObject.defineProperty(exports, \"default\", ({\n  enumerable: true,\n  get: function get() {\n    return _SortUp[\"default\"];\n  }\n}));\n\nvar _SortUp = _interopRequireDefault(__webpack_require__(/*! ./lib/icons/SortUp */ \"./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/icons/SortUp.js\"));\n\nfunction _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : { default: obj };\n}\n\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/@rsuite/icons/SortUp.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/Icon.js":
-/*!**************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/Icon.js ***!
-  \**************************************************************************/
-/***/ (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 _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 = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/utils/index.js\");\n\nvar defaultProps = {\n  as: 'svg',\n  fill: 'currentColor',\n  width: '1em',\n  height: '1em'\n};\n\nfunction filterProps(props) {\n  var nextProps = {};\n  Object.entries(props).forEach(function (_ref) {\n    var key = _ref[0],\n        value = _ref[1];\n\n    if (typeof value !== 'undefined') {\n      nextProps[key] = value;\n    }\n  });\n  return nextProps;\n}\n\nvar Icon = /*#__PURE__*/_react[\"default\"].forwardRef(function (props, ref) {\n  var _classNames;\n\n  var Component = props.as,\n      spin = props.spin,\n      pulse = props.pulse,\n      flip = props.flip,\n      fill = props.fill,\n      className = props.className,\n      rotate = props.rotate,\n      children = props.children,\n      viewBox = props.viewBox,\n      width = props.width,\n      height = props.height,\n      style = props.style,\n      rest = (0, _objectWithoutPropertiesLoose2[\"default\"])(props, [\"as\", \"spin\", \"pulse\", \"flip\", \"fill\", \"className\", \"rotate\", \"children\", \"viewBox\", \"width\", \"height\", \"style\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(),\n      componentClassName = _useClassNames[0],\n      addPrefix = _useClassNames[1];\n\n  var classes = (0, _classnames[\"default\"])(className, componentClassName, (_classNames = {}, _classNames[addPrefix('spin')] = spin, _classNames[addPrefix('pulse')] = pulse, _classNames[addPrefix(\"flip-\" + flip)] = !!flip, _classNames));\n  var rotateStyles = {\n    msTransform: \"rotate(\" + rotate + \"deg)\",\n    transform: \"rotate(\" + rotate + \"deg)\"\n  };\n  (0, _utils.useInsertStyles)();\n  var svgProps = filterProps({\n    width: width,\n    height: height,\n    fill: fill,\n    viewBox: viewBox,\n    className: classes,\n    style: rotate ? (0, _extends2[\"default\"])({}, rotateStyles, style) : style\n  });\n  return /*#__PURE__*/_react[\"default\"].createElement(Component, (0, _extends2[\"default\"])({\n    \"aria-hidden\": true,\n    focusable: false,\n    ref: ref\n  }, svgProps, rest), children);\n});\n\nIcon.displayName = 'Icon';\nIcon.defaultProps = defaultProps;\nIcon.propTypes = {\n  spin: _propTypes[\"default\"].bool,\n  pulse: _propTypes[\"default\"].bool,\n  rotate: _propTypes[\"default\"].number,\n  viewBox: _propTypes[\"default\"].string,\n  as: _propTypes[\"default\"].oneOfType([_propTypes[\"default\"].elementType, _propTypes[\"default\"].string]),\n  flip: _propTypes[\"default\"].oneOf(['horizontal', 'vertical']),\n  fill: _propTypes[\"default\"].string\n};\nvar _default = Icon;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/Icon.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/createSvgIcon.js":
-/*!***********************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/createSvgIcon.js ***!
-  \***********************************************************************************/
-/***/ (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 _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _Icon = _interopRequireDefault(__webpack_require__(/*! ./Icon */ \"./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/Icon.js\"));\n\nfunction createSvgIcon(_ref) {\n  var as = _ref.as,\n      ariaLabel = _ref.ariaLabel,\n      displayName = _ref.displayName,\n      category = _ref.category;\n\n  var IconComponent = /*#__PURE__*/_react[\"default\"].forwardRef(function (props, ref) {\n    return /*#__PURE__*/_react[\"default\"].createElement(_Icon[\"default\"], (0, _extends2[\"default\"])({\n      \"aria-label\": ariaLabel,\n      \"data-category\": category,\n      ref: ref,\n      as: as\n    }, props));\n  });\n\n  IconComponent.displayName = displayName;\n  return IconComponent;\n}\n\nvar _default = createSvgIcon;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/createSvgIcon.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/icons/ArrowDown.js":
-/*!*************************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/icons/ArrowDown.js ***!
-  \*************************************************************************************/
-/***/ (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 _createSvgIcon = _interopRequireDefault(__webpack_require__(/*! ../createSvgIcon */ \"./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/createSvgIcon.js\"));\n\nvar _ArrowDown = _interopRequireDefault(__webpack_require__(/*! @rsuite/icon-font/lib/direction/ArrowDown */ \"./node_modules/rsuite-table/node_modules/@rsuite/icon-font/lib/direction/ArrowDown.js\"));\n\n// Generated by script, don't edit it please.\nvar ArrowDown = (0, _createSvgIcon[\"default\"])({\n  as: _ArrowDown[\"default\"],\n  ariaLabel: 'arrow down',\n  category: 'direction',\n  displayName: 'ArrowDown'\n});\nvar _default = ArrowDown;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/icons/ArrowDown.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/icons/ArrowRight.js":
-/*!**************************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/icons/ArrowRight.js ***!
-  \**************************************************************************************/
-/***/ (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 _createSvgIcon = _interopRequireDefault(__webpack_require__(/*! ../createSvgIcon */ \"./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/createSvgIcon.js\"));\n\nvar _ArrowRight = _interopRequireDefault(__webpack_require__(/*! @rsuite/icon-font/lib/direction/ArrowRight */ \"./node_modules/rsuite-table/node_modules/@rsuite/icon-font/lib/direction/ArrowRight.js\"));\n\n// Generated by script, don't edit it please.\nvar ArrowRight = (0, _createSvgIcon[\"default\"])({\n  as: _ArrowRight[\"default\"],\n  ariaLabel: 'arrow right',\n  category: 'direction',\n  displayName: 'ArrowRight'\n});\nvar _default = ArrowRight;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/icons/ArrowRight.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/icons/Sort.js":
-/*!********************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/icons/Sort.js ***!
-  \********************************************************************************/
-/***/ (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 _createSvgIcon = _interopRequireDefault(__webpack_require__(/*! ../createSvgIcon */ \"./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/createSvgIcon.js\"));\n\nvar _Sort = _interopRequireDefault(__webpack_require__(/*! @rsuite/icon-font/lib/direction/Sort */ \"./node_modules/rsuite-table/node_modules/@rsuite/icon-font/lib/direction/Sort.js\"));\n\n// Generated by script, don't edit it please.\nvar Sort = (0, _createSvgIcon[\"default\"])({\n  as: _Sort[\"default\"],\n  ariaLabel: 'sort',\n  category: 'direction',\n  displayName: 'Sort'\n});\nvar _default = Sort;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/icons/Sort.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/icons/SortDown.js":
-/*!************************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/icons/SortDown.js ***!
-  \************************************************************************************/
-/***/ (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 _createSvgIcon = _interopRequireDefault(__webpack_require__(/*! ../createSvgIcon */ \"./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/createSvgIcon.js\"));\n\nvar _SortDown = _interopRequireDefault(__webpack_require__(/*! @rsuite/icon-font/lib/direction/SortDown */ \"./node_modules/rsuite-table/node_modules/@rsuite/icon-font/lib/direction/SortDown.js\"));\n\n// Generated by script, don't edit it please.\nvar SortDown = (0, _createSvgIcon[\"default\"])({\n  as: _SortDown[\"default\"],\n  ariaLabel: 'sort down',\n  category: 'direction',\n  displayName: 'SortDown'\n});\nvar _default = SortDown;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/icons/SortDown.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/icons/SortUp.js":
-/*!**********************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/icons/SortUp.js ***!
-  \**********************************************************************************/
-/***/ (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 _createSvgIcon = _interopRequireDefault(__webpack_require__(/*! ../createSvgIcon */ \"./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/createSvgIcon.js\"));\n\nvar _SortUp = _interopRequireDefault(__webpack_require__(/*! @rsuite/icon-font/lib/direction/SortUp */ \"./node_modules/rsuite-table/node_modules/@rsuite/icon-font/lib/direction/SortUp.js\"));\n\n// Generated by script, don't edit it please.\nvar SortUp = (0, _createSvgIcon[\"default\"])({\n  as: _SortUp[\"default\"],\n  ariaLabel: 'sort up',\n  category: 'direction',\n  displayName: 'SortUp'\n});\nvar _default = SortUp;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/icons/SortUp.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/utils/inBrowserEnv.js":
-/*!****************************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/utils/inBrowserEnv.js ***!
-  \****************************************************************************************/
-/***/ (function(module, exports) {
-
-"use strict";
-eval("\n\nexports.__esModule = true;\nexports.default = _default;\n\nfunction _default() {\n  return typeof document !== 'undefined' && typeof window !== 'undefined' && typeof document.createElement === 'function';\n}\n\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/utils/inBrowserEnv.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/utils/index.js":
-/*!*********************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/utils/index.js ***!
-  \*********************************************************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nvar _exportNames = {\n  useClassNames: true,\n  inBrowserEnv: true,\n  useInsertStyles: true\n};\nexports.useInsertStyles = exports.inBrowserEnv = exports.useClassNames = void 0;\n\nvar _prefix = __webpack_require__(/*! ./prefix */ \"./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/utils/prefix.js\");\n\nObject.keys(_prefix).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  if (key in exports && exports[key] === _prefix[key]) return;\n  exports[key] = _prefix[key];\n});\n\nvar _useClassNames = _interopRequireDefault(__webpack_require__(/*! ./useClassNames */ \"./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/utils/useClassNames.js\"));\n\nexports.useClassNames = _useClassNames[\"default\"];\n\nvar _inBrowserEnv = _interopRequireDefault(__webpack_require__(/*! ./inBrowserEnv */ \"./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/utils/inBrowserEnv.js\"));\n\nexports.inBrowserEnv = _inBrowserEnv[\"default\"];\n\nvar _useInsertStyles = _interopRequireDefault(__webpack_require__(/*! ./useInsertStyles */ \"./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/utils/useInsertStyles.js\"));\n\nexports.useInsertStyles = _useInsertStyles[\"default\"];\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/utils/index.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/utils/prefix.js":
-/*!**********************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/utils/prefix.js ***!
-  \**********************************************************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.prefix = exports.defaultClassPrefix = exports.getClassNamePrefix = exports.globalKey = void 0;\n\nvar _curry = _interopRequireDefault(__webpack_require__(/*! lodash/curry */ \"./node_modules/lodash/curry.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar globalKey = 'rs-';\nexports.globalKey = globalKey;\n\nvar getClassNamePrefix = function getClassNamePrefix() {\n  if (typeof __RSUITE_CLASSNAME_PREFIX__ !== 'undefined') {\n    return __RSUITE_CLASSNAME_PREFIX__;\n  }\n\n  return globalKey;\n};\n\nexports.getClassNamePrefix = getClassNamePrefix;\n\nvar defaultClassPrefix = function defaultClassPrefix(name) {\n  return name ? \"\" + getClassNamePrefix() + name : undefined;\n};\n\nexports.defaultClassPrefix = defaultClassPrefix;\nvar prefix = (0, _curry[\"default\"])(function (pre, className) {\n  if (!pre || !className) {\n    return '';\n  }\n\n  if (Array.isArray(className)) {\n    return (0, _classnames[\"default\"])(className.filter(function (name) {\n      return !!name;\n    }).map(function (name) {\n      return pre + \"-\" + name;\n    }));\n  }\n\n  return pre + \"-\" + className;\n});\nexports.prefix = prefix;\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/utils/prefix.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/utils/useClassNames.js":
-/*!*****************************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/utils/useClassNames.js ***!
-  \*****************************************************************************************/
-/***/ (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 = useClassNames;\n\nvar _prefix = __webpack_require__(/*! ./prefix */ \"./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/utils/prefix.js\");\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _react = __webpack_require__(/*! react */ \"react\");\n\nfunction useClassNames(componentClassName) {\n  var className = (0, _prefix.defaultClassPrefix)('icon');\n  var addPrefix = (0, _react.useCallback)(function (blockClassName) {\n    return (0, _prefix.prefix)(className, blockClassName);\n  }, []);\n  return [(0, _classnames[\"default\"])(className, (0, _prefix.defaultClassPrefix)(componentClassName)), addPrefix];\n}\n\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/utils/useClassNames.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/utils/useInsertStyles.js":
-/*!*******************************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/utils/useInsertStyles.js ***!
-  \*******************************************************************************************/
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-eval("\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _insertCss = __webpack_require__(/*! insert-css */ \"./node_modules/insert-css/index.js\");\n\nvar _prefix = __webpack_require__(/*! ./prefix */ \"./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/utils/prefix.js\");\n\nvar _react = __webpack_require__(/*! react */ \"react\");\n\nvar prefix = (0, _prefix.getClassNamePrefix)(); // Generated with ../less/index.less\n\nvar styles = \".\" + prefix + \"icon {\\n  display: -webkit-inline-box;\\n  display: -ms-inline-flexbox;\\n  display: inline-flex;\\n  -webkit-box-align: center;\\n      -ms-flex-align: center;\\n          align-items: center;\\n  text-rendering: optimizeLegibility;\\n  -webkit-font-smoothing: antialiased;\\n  -moz-osx-font-smoothing: grayscale;\\n  vertical-align: middle;\\n}\\n.\" + prefix + \"icon[tabindex] {\\n  cursor: pointer;\\n}\\n.\" + prefix + \"icon-spin {\\n  -webkit-animation: icon-spin 2s infinite linear;\\n          animation: icon-spin 2s infinite linear;\\n}\\n.\" + prefix + \"icon-pulse {\\n  -webkit-animation: icon-spin 1s infinite steps(8);\\n          animation: icon-spin 1s infinite steps(8);\\n}\\n.\" + prefix + \"icon-flip-horizontal {\\n  -webkit-transform: scaleX(-1);\\n      -ms-transform: scaleX(-1);\\n          transform: scaleX(-1);\\n}\\n.\" + prefix + \"icon-flip-vertical {\\n  -webkit-transform: scaleY(-1);\\n      -ms-transform: scaleY(-1);\\n          transform: scaleY(-1);\\n}\\n@-webkit-keyframes icon-spin {\\n  0% {\\n    -webkit-transform: rotate(0deg);\\n            transform: rotate(0deg);\\n  }\\n  100% {\\n    -webkit-transform: rotate(359deg);\\n            transform: rotate(359deg);\\n  }\\n}\\n@keyframes icon-spin {\\n  0% {\\n    -webkit-transform: rotate(0deg);\\n            transform: rotate(0deg);\\n  }\\n  100% {\\n    -webkit-transform: rotate(359deg);\\n            transform: rotate(359deg);\\n  }\\n}\";\nvar cssInjected = false;\n\nvar useInsertStyles = function useInsertStyles(styleStr) {\n  if (styleStr === void 0) {\n    styleStr = styles;\n  }\n\n  (0, _react.useEffect)(function () {\n    // Make sure css injected once.\n    if (!cssInjected) {\n      (0, _insertCss.insertCss)(styleStr, {\n        prepend: true\n      });\n      cssInjected = true;\n    }\n  }, []);\n};\n\nvar _default = useInsertStyles;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/@rsuite/icons/lib/utils/useInsertStyles.js?");
-
-/***/ }),
-
 /***/ "./node_modules/schema-typed/es/ArrayType.js":
 /*!***************************************************!*\
   !*** ./node_modules/schema-typed/es/ArrayType.js ***!