rsuite 5.2.0 → 5.2.4

package/dist/rsuite.js

@@ -201,6 +201,270 @@ eval("function _typeof(obj) {\n  \"@babel/helpers - typeof\";\n\n  if (typeof Sy
 
 /***/ }),
 
+/***/ "./node_modules/@juggle/resize-observer/lib/DOMRectReadOnly.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/@juggle/resize-observer/lib/DOMRectReadOnly.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 */   \"DOMRectReadOnly\": function() { return /* binding */ DOMRectReadOnly; }\n/* harmony export */ });\n/* harmony import */ var _utils_freeze__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/freeze */ \"./node_modules/@juggle/resize-observer/lib/utils/freeze.js\");\n\nvar DOMRectReadOnly = (function () {\n    function DOMRectReadOnly(x, y, width, height) {\n        this.x = x;\n        this.y = y;\n        this.width = width;\n        this.height = height;\n        this.top = this.y;\n        this.left = this.x;\n        this.bottom = this.top + this.height;\n        this.right = this.left + this.width;\n        return (0,_utils_freeze__WEBPACK_IMPORTED_MODULE_0__.freeze)(this);\n    }\n    DOMRectReadOnly.prototype.toJSON = function () {\n        var _a = this, x = _a.x, y = _a.y, top = _a.top, right = _a.right, bottom = _a.bottom, left = _a.left, width = _a.width, height = _a.height;\n        return { x: x, y: y, top: top, right: right, bottom: bottom, left: left, width: width, height: height };\n    };\n    DOMRectReadOnly.fromRect = function (rectangle) {\n        return new DOMRectReadOnly(rectangle.x, rectangle.y, rectangle.width, rectangle.height);\n    };\n    return DOMRectReadOnly;\n}());\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@juggle/resize-observer/lib/DOMRectReadOnly.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@juggle/resize-observer/lib/ResizeObservation.js":
+/*!***********************************************************************!*\
+  !*** ./node_modules/@juggle/resize-observer/lib/ResizeObservation.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 */   \"ResizeObservation\": function() { return /* binding */ ResizeObservation; }\n/* harmony export */ });\n/* harmony import */ var _ResizeObserverBoxOptions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ResizeObserverBoxOptions */ \"./node_modules/@juggle/resize-observer/lib/ResizeObserverBoxOptions.js\");\n/* harmony import */ var _algorithms_calculateBoxSize__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./algorithms/calculateBoxSize */ \"./node_modules/@juggle/resize-observer/lib/algorithms/calculateBoxSize.js\");\n/* harmony import */ var _utils_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/element */ \"./node_modules/@juggle/resize-observer/lib/utils/element.js\");\n\n\n\nvar skipNotifyOnElement = function (target) {\n    return !(0,_utils_element__WEBPACK_IMPORTED_MODULE_2__.isSVG)(target)\n        && !(0,_utils_element__WEBPACK_IMPORTED_MODULE_2__.isReplacedElement)(target)\n        && getComputedStyle(target).display === 'inline';\n};\nvar ResizeObservation = (function () {\n    function ResizeObservation(target, observedBox) {\n        this.target = target;\n        this.observedBox = observedBox || _ResizeObserverBoxOptions__WEBPACK_IMPORTED_MODULE_0__.ResizeObserverBoxOptions.CONTENT_BOX;\n        this.lastReportedSize = {\n            inlineSize: 0,\n            blockSize: 0\n        };\n    }\n    ResizeObservation.prototype.isActive = function () {\n        var size = (0,_algorithms_calculateBoxSize__WEBPACK_IMPORTED_MODULE_1__.calculateBoxSize)(this.target, this.observedBox, true);\n        if (skipNotifyOnElement(this.target)) {\n            this.lastReportedSize = size;\n        }\n        if (this.lastReportedSize.inlineSize !== size.inlineSize\n            || this.lastReportedSize.blockSize !== size.blockSize) {\n            return true;\n        }\n        return false;\n    };\n    return ResizeObservation;\n}());\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@juggle/resize-observer/lib/ResizeObservation.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@juggle/resize-observer/lib/ResizeObserver.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@juggle/resize-observer/lib/ResizeObserver.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 */   \"ResizeObserver\": function() { return /* binding */ ResizeObserver; }\n/* harmony export */ });\n/* harmony import */ var _ResizeObserverController__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ResizeObserverController */ \"./node_modules/@juggle/resize-observer/lib/ResizeObserverController.js\");\n/* harmony import */ var _utils_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/element */ \"./node_modules/@juggle/resize-observer/lib/utils/element.js\");\n\n\nvar ResizeObserver = (function () {\n    function ResizeObserver(callback) {\n        if (arguments.length === 0) {\n            throw new TypeError(\"Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.\");\n        }\n        if (typeof callback !== 'function') {\n            throw new TypeError(\"Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.\");\n        }\n        _ResizeObserverController__WEBPACK_IMPORTED_MODULE_0__.ResizeObserverController.connect(this, callback);\n    }\n    ResizeObserver.prototype.observe = function (target, options) {\n        if (arguments.length === 0) {\n            throw new TypeError(\"Failed to execute 'observe' on 'ResizeObserver': 1 argument required, but only 0 present.\");\n        }\n        if (!(0,_utils_element__WEBPACK_IMPORTED_MODULE_1__.isElement)(target)) {\n            throw new TypeError(\"Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element\");\n        }\n        _ResizeObserverController__WEBPACK_IMPORTED_MODULE_0__.ResizeObserverController.observe(this, target, options);\n    };\n    ResizeObserver.prototype.unobserve = function (target) {\n        if (arguments.length === 0) {\n            throw new TypeError(\"Failed to execute 'unobserve' on 'ResizeObserver': 1 argument required, but only 0 present.\");\n        }\n        if (!(0,_utils_element__WEBPACK_IMPORTED_MODULE_1__.isElement)(target)) {\n            throw new TypeError(\"Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element\");\n        }\n        _ResizeObserverController__WEBPACK_IMPORTED_MODULE_0__.ResizeObserverController.unobserve(this, target);\n    };\n    ResizeObserver.prototype.disconnect = function () {\n        _ResizeObserverController__WEBPACK_IMPORTED_MODULE_0__.ResizeObserverController.disconnect(this);\n    };\n    ResizeObserver.toString = function () {\n        return 'function ResizeObserver () { [polyfill code] }';\n    };\n    return ResizeObserver;\n}());\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@juggle/resize-observer/lib/ResizeObserver.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@juggle/resize-observer/lib/ResizeObserverBoxOptions.js":
+/*!******************************************************************************!*\
+  !*** ./node_modules/@juggle/resize-observer/lib/ResizeObserverBoxOptions.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 */   \"ResizeObserverBoxOptions\": function() { return /* binding */ ResizeObserverBoxOptions; }\n/* harmony export */ });\nvar ResizeObserverBoxOptions;\n(function (ResizeObserverBoxOptions) {\n    ResizeObserverBoxOptions[\"BORDER_BOX\"] = \"border-box\";\n    ResizeObserverBoxOptions[\"CONTENT_BOX\"] = \"content-box\";\n    ResizeObserverBoxOptions[\"DEVICE_PIXEL_CONTENT_BOX\"] = \"device-pixel-content-box\";\n})(ResizeObserverBoxOptions || (ResizeObserverBoxOptions = {}));\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@juggle/resize-observer/lib/ResizeObserverBoxOptions.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@juggle/resize-observer/lib/ResizeObserverController.js":
+/*!******************************************************************************!*\
+  !*** ./node_modules/@juggle/resize-observer/lib/ResizeObserverController.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 */   \"ResizeObserverController\": function() { return /* binding */ ResizeObserverController; }\n/* harmony export */ });\n/* harmony import */ var _utils_scheduler__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/scheduler */ \"./node_modules/@juggle/resize-observer/lib/utils/scheduler.js\");\n/* harmony import */ var _ResizeObservation__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ResizeObservation */ \"./node_modules/@juggle/resize-observer/lib/ResizeObservation.js\");\n/* harmony import */ var _ResizeObserverDetail__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ResizeObserverDetail */ \"./node_modules/@juggle/resize-observer/lib/ResizeObserverDetail.js\");\n/* harmony import */ var _utils_resizeObservers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/resizeObservers */ \"./node_modules/@juggle/resize-observer/lib/utils/resizeObservers.js\");\n\n\n\n\nvar observerMap = new WeakMap();\nvar getObservationIndex = function (observationTargets, target) {\n    for (var i = 0; i < observationTargets.length; i += 1) {\n        if (observationTargets[i].target === target) {\n            return i;\n        }\n    }\n    return -1;\n};\nvar ResizeObserverController = (function () {\n    function ResizeObserverController() {\n    }\n    ResizeObserverController.connect = function (resizeObserver, callback) {\n        var detail = new _ResizeObserverDetail__WEBPACK_IMPORTED_MODULE_2__.ResizeObserverDetail(resizeObserver, callback);\n        observerMap.set(resizeObserver, detail);\n    };\n    ResizeObserverController.observe = function (resizeObserver, target, options) {\n        var detail = observerMap.get(resizeObserver);\n        var firstObservation = detail.observationTargets.length === 0;\n        if (getObservationIndex(detail.observationTargets, target) < 0) {\n            firstObservation && _utils_resizeObservers__WEBPACK_IMPORTED_MODULE_3__.resizeObservers.push(detail);\n            detail.observationTargets.push(new _ResizeObservation__WEBPACK_IMPORTED_MODULE_1__.ResizeObservation(target, options && options.box));\n            (0,_utils_scheduler__WEBPACK_IMPORTED_MODULE_0__.updateCount)(1);\n            _utils_scheduler__WEBPACK_IMPORTED_MODULE_0__.scheduler.schedule();\n        }\n    };\n    ResizeObserverController.unobserve = function (resizeObserver, target) {\n        var detail = observerMap.get(resizeObserver);\n        var index = getObservationIndex(detail.observationTargets, target);\n        var lastObservation = detail.observationTargets.length === 1;\n        if (index >= 0) {\n            lastObservation && _utils_resizeObservers__WEBPACK_IMPORTED_MODULE_3__.resizeObservers.splice(_utils_resizeObservers__WEBPACK_IMPORTED_MODULE_3__.resizeObservers.indexOf(detail), 1);\n            detail.observationTargets.splice(index, 1);\n            (0,_utils_scheduler__WEBPACK_IMPORTED_MODULE_0__.updateCount)(-1);\n        }\n    };\n    ResizeObserverController.disconnect = function (resizeObserver) {\n        var _this = this;\n        var detail = observerMap.get(resizeObserver);\n        detail.observationTargets.slice().forEach(function (ot) { return _this.unobserve(resizeObserver, ot.target); });\n        detail.activeTargets.splice(0, detail.activeTargets.length);\n    };\n    return ResizeObserverController;\n}());\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@juggle/resize-observer/lib/ResizeObserverController.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@juggle/resize-observer/lib/ResizeObserverDetail.js":
+/*!**************************************************************************!*\
+  !*** ./node_modules/@juggle/resize-observer/lib/ResizeObserverDetail.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 */   \"ResizeObserverDetail\": function() { return /* binding */ ResizeObserverDetail; }\n/* harmony export */ });\nvar ResizeObserverDetail = (function () {\n    function ResizeObserverDetail(resizeObserver, callback) {\n        this.activeTargets = [];\n        this.skippedTargets = [];\n        this.observationTargets = [];\n        this.observer = resizeObserver;\n        this.callback = callback;\n    }\n    return ResizeObserverDetail;\n}());\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@juggle/resize-observer/lib/ResizeObserverDetail.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@juggle/resize-observer/lib/ResizeObserverEntry.js":
+/*!*************************************************************************!*\
+  !*** ./node_modules/@juggle/resize-observer/lib/ResizeObserverEntry.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 */   \"ResizeObserverEntry\": function() { return /* binding */ ResizeObserverEntry; }\n/* harmony export */ });\n/* harmony import */ var _algorithms_calculateBoxSize__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./algorithms/calculateBoxSize */ \"./node_modules/@juggle/resize-observer/lib/algorithms/calculateBoxSize.js\");\n/* harmony import */ var _utils_freeze__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/freeze */ \"./node_modules/@juggle/resize-observer/lib/utils/freeze.js\");\n\n\nvar ResizeObserverEntry = (function () {\n    function ResizeObserverEntry(target) {\n        var boxes = (0,_algorithms_calculateBoxSize__WEBPACK_IMPORTED_MODULE_0__.calculateBoxSizes)(target);\n        this.target = target;\n        this.contentRect = boxes.contentRect;\n        this.borderBoxSize = (0,_utils_freeze__WEBPACK_IMPORTED_MODULE_1__.freeze)([boxes.borderBoxSize]);\n        this.contentBoxSize = (0,_utils_freeze__WEBPACK_IMPORTED_MODULE_1__.freeze)([boxes.contentBoxSize]);\n        this.devicePixelContentBoxSize = (0,_utils_freeze__WEBPACK_IMPORTED_MODULE_1__.freeze)([boxes.devicePixelContentBoxSize]);\n    }\n    return ResizeObserverEntry;\n}());\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@juggle/resize-observer/lib/ResizeObserverEntry.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@juggle/resize-observer/lib/ResizeObserverSize.js":
+/*!************************************************************************!*\
+  !*** ./node_modules/@juggle/resize-observer/lib/ResizeObserverSize.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 */   \"ResizeObserverSize\": function() { return /* binding */ ResizeObserverSize; }\n/* harmony export */ });\n/* harmony import */ var _utils_freeze__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/freeze */ \"./node_modules/@juggle/resize-observer/lib/utils/freeze.js\");\n\nvar ResizeObserverSize = (function () {\n    function ResizeObserverSize(inlineSize, blockSize) {\n        this.inlineSize = inlineSize;\n        this.blockSize = blockSize;\n        (0,_utils_freeze__WEBPACK_IMPORTED_MODULE_0__.freeze)(this);\n    }\n    return ResizeObserverSize;\n}());\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@juggle/resize-observer/lib/ResizeObserverSize.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@juggle/resize-observer/lib/algorithms/broadcastActiveObservations.js":
+/*!********************************************************************************************!*\
+  !*** ./node_modules/@juggle/resize-observer/lib/algorithms/broadcastActiveObservations.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 */   \"broadcastActiveObservations\": function() { return /* binding */ broadcastActiveObservations; }\n/* harmony export */ });\n/* harmony import */ var _utils_resizeObservers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/resizeObservers */ \"./node_modules/@juggle/resize-observer/lib/utils/resizeObservers.js\");\n/* harmony import */ var _ResizeObserverEntry__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../ResizeObserverEntry */ \"./node_modules/@juggle/resize-observer/lib/ResizeObserverEntry.js\");\n/* harmony import */ var _calculateDepthForNode__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./calculateDepthForNode */ \"./node_modules/@juggle/resize-observer/lib/algorithms/calculateDepthForNode.js\");\n/* harmony import */ var _calculateBoxSize__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./calculateBoxSize */ \"./node_modules/@juggle/resize-observer/lib/algorithms/calculateBoxSize.js\");\n\n\n\n\nvar broadcastActiveObservations = function () {\n    var shallowestDepth = Infinity;\n    var callbacks = [];\n    _utils_resizeObservers__WEBPACK_IMPORTED_MODULE_0__.resizeObservers.forEach(function processObserver(ro) {\n        if (ro.activeTargets.length === 0) {\n            return;\n        }\n        var entries = [];\n        ro.activeTargets.forEach(function processTarget(ot) {\n            var entry = new _ResizeObserverEntry__WEBPACK_IMPORTED_MODULE_1__.ResizeObserverEntry(ot.target);\n            var targetDepth = (0,_calculateDepthForNode__WEBPACK_IMPORTED_MODULE_2__.calculateDepthForNode)(ot.target);\n            entries.push(entry);\n            ot.lastReportedSize = (0,_calculateBoxSize__WEBPACK_IMPORTED_MODULE_3__.calculateBoxSize)(ot.target, ot.observedBox);\n            if (targetDepth < shallowestDepth) {\n                shallowestDepth = targetDepth;\n            }\n        });\n        callbacks.push(function resizeObserverCallback() {\n            ro.callback.call(ro.observer, entries, ro.observer);\n        });\n        ro.activeTargets.splice(0, ro.activeTargets.length);\n    });\n    for (var _i = 0, callbacks_1 = callbacks; _i < callbacks_1.length; _i++) {\n        var callback = callbacks_1[_i];\n        callback();\n    }\n    return shallowestDepth;\n};\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@juggle/resize-observer/lib/algorithms/broadcastActiveObservations.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@juggle/resize-observer/lib/algorithms/calculateBoxSize.js":
+/*!*********************************************************************************!*\
+  !*** ./node_modules/@juggle/resize-observer/lib/algorithms/calculateBoxSize.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 */   \"calculateBoxSize\": function() { return /* binding */ calculateBoxSize; },\n/* harmony export */   \"calculateBoxSizes\": function() { return /* binding */ calculateBoxSizes; }\n/* harmony export */ });\n/* harmony import */ var _ResizeObserverBoxOptions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../ResizeObserverBoxOptions */ \"./node_modules/@juggle/resize-observer/lib/ResizeObserverBoxOptions.js\");\n/* harmony import */ var _ResizeObserverSize__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../ResizeObserverSize */ \"./node_modules/@juggle/resize-observer/lib/ResizeObserverSize.js\");\n/* harmony import */ var _DOMRectReadOnly__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../DOMRectReadOnly */ \"./node_modules/@juggle/resize-observer/lib/DOMRectReadOnly.js\");\n/* harmony import */ var _utils_element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/element */ \"./node_modules/@juggle/resize-observer/lib/utils/element.js\");\n/* harmony import */ var _utils_freeze__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/freeze */ \"./node_modules/@juggle/resize-observer/lib/utils/freeze.js\");\n/* harmony import */ var _utils_global__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/global */ \"./node_modules/@juggle/resize-observer/lib/utils/global.js\");\n\n\n\n\n\n\nvar cache = new WeakMap();\nvar scrollRegexp = /auto|scroll/;\nvar verticalRegexp = /^tb|vertical/;\nvar IE = (/msie|trident/i).test(_utils_global__WEBPACK_IMPORTED_MODULE_5__.global.navigator && _utils_global__WEBPACK_IMPORTED_MODULE_5__.global.navigator.userAgent);\nvar parseDimension = function (pixel) { return parseFloat(pixel || '0'); };\nvar size = function (inlineSize, blockSize, switchSizes) {\n    if (inlineSize === void 0) { inlineSize = 0; }\n    if (blockSize === void 0) { blockSize = 0; }\n    if (switchSizes === void 0) { switchSizes = false; }\n    return new _ResizeObserverSize__WEBPACK_IMPORTED_MODULE_1__.ResizeObserverSize((switchSizes ? blockSize : inlineSize) || 0, (switchSizes ? inlineSize : blockSize) || 0);\n};\nvar zeroBoxes = (0,_utils_freeze__WEBPACK_IMPORTED_MODULE_4__.freeze)({\n    devicePixelContentBoxSize: size(),\n    borderBoxSize: size(),\n    contentBoxSize: size(),\n    contentRect: new _DOMRectReadOnly__WEBPACK_IMPORTED_MODULE_2__.DOMRectReadOnly(0, 0, 0, 0)\n});\nvar calculateBoxSizes = function (target, forceRecalculation) {\n    if (forceRecalculation === void 0) { forceRecalculation = false; }\n    if (cache.has(target) && !forceRecalculation) {\n        return cache.get(target);\n    }\n    if ((0,_utils_element__WEBPACK_IMPORTED_MODULE_3__.isHidden)(target)) {\n        cache.set(target, zeroBoxes);\n        return zeroBoxes;\n    }\n    var cs = getComputedStyle(target);\n    var svg = (0,_utils_element__WEBPACK_IMPORTED_MODULE_3__.isSVG)(target) && target.ownerSVGElement && target.getBBox();\n    var removePadding = !IE && cs.boxSizing === 'border-box';\n    var switchSizes = verticalRegexp.test(cs.writingMode || '');\n    var canScrollVertically = !svg && scrollRegexp.test(cs.overflowY || '');\n    var canScrollHorizontally = !svg && scrollRegexp.test(cs.overflowX || '');\n    var paddingTop = svg ? 0 : parseDimension(cs.paddingTop);\n    var paddingRight = svg ? 0 : parseDimension(cs.paddingRight);\n    var paddingBottom = svg ? 0 : parseDimension(cs.paddingBottom);\n    var paddingLeft = svg ? 0 : parseDimension(cs.paddingLeft);\n    var borderTop = svg ? 0 : parseDimension(cs.borderTopWidth);\n    var borderRight = svg ? 0 : parseDimension(cs.borderRightWidth);\n    var borderBottom = svg ? 0 : parseDimension(cs.borderBottomWidth);\n    var borderLeft = svg ? 0 : parseDimension(cs.borderLeftWidth);\n    var horizontalPadding = paddingLeft + paddingRight;\n    var verticalPadding = paddingTop + paddingBottom;\n    var horizontalBorderArea = borderLeft + borderRight;\n    var verticalBorderArea = borderTop + borderBottom;\n    var horizontalScrollbarThickness = !canScrollHorizontally ? 0 : target.offsetHeight - verticalBorderArea - target.clientHeight;\n    var verticalScrollbarThickness = !canScrollVertically ? 0 : target.offsetWidth - horizontalBorderArea - target.clientWidth;\n    var widthReduction = removePadding ? horizontalPadding + horizontalBorderArea : 0;\n    var heightReduction = removePadding ? verticalPadding + verticalBorderArea : 0;\n    var contentWidth = svg ? svg.width : parseDimension(cs.width) - widthReduction - verticalScrollbarThickness;\n    var contentHeight = svg ? svg.height : parseDimension(cs.height) - heightReduction - horizontalScrollbarThickness;\n    var borderBoxWidth = contentWidth + horizontalPadding + verticalScrollbarThickness + horizontalBorderArea;\n    var borderBoxHeight = contentHeight + verticalPadding + horizontalScrollbarThickness + verticalBorderArea;\n    var boxes = (0,_utils_freeze__WEBPACK_IMPORTED_MODULE_4__.freeze)({\n        devicePixelContentBoxSize: size(Math.round(contentWidth * devicePixelRatio), Math.round(contentHeight * devicePixelRatio), switchSizes),\n        borderBoxSize: size(borderBoxWidth, borderBoxHeight, switchSizes),\n        contentBoxSize: size(contentWidth, contentHeight, switchSizes),\n        contentRect: new _DOMRectReadOnly__WEBPACK_IMPORTED_MODULE_2__.DOMRectReadOnly(paddingLeft, paddingTop, contentWidth, contentHeight)\n    });\n    cache.set(target, boxes);\n    return boxes;\n};\nvar calculateBoxSize = function (target, observedBox, forceRecalculation) {\n    var _a = calculateBoxSizes(target, forceRecalculation), borderBoxSize = _a.borderBoxSize, contentBoxSize = _a.contentBoxSize, devicePixelContentBoxSize = _a.devicePixelContentBoxSize;\n    switch (observedBox) {\n        case _ResizeObserverBoxOptions__WEBPACK_IMPORTED_MODULE_0__.ResizeObserverBoxOptions.DEVICE_PIXEL_CONTENT_BOX:\n            return devicePixelContentBoxSize;\n        case _ResizeObserverBoxOptions__WEBPACK_IMPORTED_MODULE_0__.ResizeObserverBoxOptions.BORDER_BOX:\n            return borderBoxSize;\n        default:\n            return contentBoxSize;\n    }\n};\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@juggle/resize-observer/lib/algorithms/calculateBoxSize.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@juggle/resize-observer/lib/algorithms/calculateDepthForNode.js":
+/*!**************************************************************************************!*\
+  !*** ./node_modules/@juggle/resize-observer/lib/algorithms/calculateDepthForNode.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 */   \"calculateDepthForNode\": function() { return /* binding */ calculateDepthForNode; }\n/* harmony export */ });\n/* harmony import */ var _utils_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/element */ \"./node_modules/@juggle/resize-observer/lib/utils/element.js\");\n\nvar calculateDepthForNode = function (node) {\n    if ((0,_utils_element__WEBPACK_IMPORTED_MODULE_0__.isHidden)(node)) {\n        return Infinity;\n    }\n    var depth = 0;\n    var parent = node.parentNode;\n    while (parent) {\n        depth += 1;\n        parent = parent.parentNode;\n    }\n    return depth;\n};\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@juggle/resize-observer/lib/algorithms/calculateDepthForNode.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@juggle/resize-observer/lib/algorithms/deliverResizeLoopError.js":
+/*!***************************************************************************************!*\
+  !*** ./node_modules/@juggle/resize-observer/lib/algorithms/deliverResizeLoopError.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 */   \"deliverResizeLoopError\": function() { return /* binding */ deliverResizeLoopError; }\n/* harmony export */ });\nvar msg = 'ResizeObserver loop completed with undelivered notifications.';\nvar deliverResizeLoopError = function () {\n    var event;\n    if (typeof ErrorEvent === 'function') {\n        event = new ErrorEvent('error', {\n            message: msg\n        });\n    }\n    else {\n        event = document.createEvent('Event');\n        event.initEvent('error', false, false);\n        event.message = msg;\n    }\n    window.dispatchEvent(event);\n};\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@juggle/resize-observer/lib/algorithms/deliverResizeLoopError.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@juggle/resize-observer/lib/algorithms/gatherActiveObservationsAtDepth.js":
+/*!************************************************************************************************!*\
+  !*** ./node_modules/@juggle/resize-observer/lib/algorithms/gatherActiveObservationsAtDepth.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 */   \"gatherActiveObservationsAtDepth\": function() { return /* binding */ gatherActiveObservationsAtDepth; }\n/* harmony export */ });\n/* harmony import */ var _utils_resizeObservers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/resizeObservers */ \"./node_modules/@juggle/resize-observer/lib/utils/resizeObservers.js\");\n/* harmony import */ var _calculateDepthForNode__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./calculateDepthForNode */ \"./node_modules/@juggle/resize-observer/lib/algorithms/calculateDepthForNode.js\");\n\n\nvar gatherActiveObservationsAtDepth = function (depth) {\n    _utils_resizeObservers__WEBPACK_IMPORTED_MODULE_0__.resizeObservers.forEach(function processObserver(ro) {\n        ro.activeTargets.splice(0, ro.activeTargets.length);\n        ro.skippedTargets.splice(0, ro.skippedTargets.length);\n        ro.observationTargets.forEach(function processTarget(ot) {\n            if (ot.isActive()) {\n                if ((0,_calculateDepthForNode__WEBPACK_IMPORTED_MODULE_1__.calculateDepthForNode)(ot.target) > depth) {\n                    ro.activeTargets.push(ot);\n                }\n                else {\n                    ro.skippedTargets.push(ot);\n                }\n            }\n        });\n    });\n};\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@juggle/resize-observer/lib/algorithms/gatherActiveObservationsAtDepth.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@juggle/resize-observer/lib/algorithms/hasActiveObservations.js":
+/*!**************************************************************************************!*\
+  !*** ./node_modules/@juggle/resize-observer/lib/algorithms/hasActiveObservations.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 */   \"hasActiveObservations\": function() { return /* binding */ hasActiveObservations; }\n/* harmony export */ });\n/* harmony import */ var _utils_resizeObservers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/resizeObservers */ \"./node_modules/@juggle/resize-observer/lib/utils/resizeObservers.js\");\n\nvar hasActiveObservations = function () {\n    return _utils_resizeObservers__WEBPACK_IMPORTED_MODULE_0__.resizeObservers.some(function (ro) { return ro.activeTargets.length > 0; });\n};\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@juggle/resize-observer/lib/algorithms/hasActiveObservations.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@juggle/resize-observer/lib/algorithms/hasSkippedObservations.js":
+/*!***************************************************************************************!*\
+  !*** ./node_modules/@juggle/resize-observer/lib/algorithms/hasSkippedObservations.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 */   \"hasSkippedObservations\": function() { return /* binding */ hasSkippedObservations; }\n/* harmony export */ });\n/* harmony import */ var _utils_resizeObservers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/resizeObservers */ \"./node_modules/@juggle/resize-observer/lib/utils/resizeObservers.js\");\n\nvar hasSkippedObservations = function () {\n    return _utils_resizeObservers__WEBPACK_IMPORTED_MODULE_0__.resizeObservers.some(function (ro) { return ro.skippedTargets.length > 0; });\n};\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@juggle/resize-observer/lib/algorithms/hasSkippedObservations.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@juggle/resize-observer/lib/exports/resize-observer.js":
+/*!*****************************************************************************!*\
+  !*** ./node_modules/@juggle/resize-observer/lib/exports/resize-observer.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 */   \"ResizeObserver\": function() { return /* reexport safe */ _ResizeObserver__WEBPACK_IMPORTED_MODULE_0__.ResizeObserver; },\n/* harmony export */   \"ResizeObserverEntry\": function() { return /* reexport safe */ _ResizeObserverEntry__WEBPACK_IMPORTED_MODULE_1__.ResizeObserverEntry; },\n/* harmony export */   \"ResizeObserverSize\": function() { return /* reexport safe */ _ResizeObserverSize__WEBPACK_IMPORTED_MODULE_2__.ResizeObserverSize; }\n/* harmony export */ });\n/* harmony import */ var _ResizeObserver__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../ResizeObserver */ \"./node_modules/@juggle/resize-observer/lib/ResizeObserver.js\");\n/* harmony import */ var _ResizeObserverEntry__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../ResizeObserverEntry */ \"./node_modules/@juggle/resize-observer/lib/ResizeObserverEntry.js\");\n/* harmony import */ var _ResizeObserverSize__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../ResizeObserverSize */ \"./node_modules/@juggle/resize-observer/lib/ResizeObserverSize.js\");\n\n\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@juggle/resize-observer/lib/exports/resize-observer.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@juggle/resize-observer/lib/utils/element.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/@juggle/resize-observer/lib/utils/element.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 */   \"isSVG\": function() { return /* binding */ isSVG; },\n/* harmony export */   \"isHidden\": function() { return /* binding */ isHidden; },\n/* harmony export */   \"isElement\": function() { return /* binding */ isElement; },\n/* harmony export */   \"isReplacedElement\": function() { return /* binding */ isReplacedElement; }\n/* harmony export */ });\nvar isSVG = function (target) { return target instanceof SVGElement && 'getBBox' in target; };\nvar isHidden = function (target) {\n    if (isSVG(target)) {\n        var _a = target.getBBox(), width = _a.width, height = _a.height;\n        return !width && !height;\n    }\n    var _b = target, offsetWidth = _b.offsetWidth, offsetHeight = _b.offsetHeight;\n    return !(offsetWidth || offsetHeight || target.getClientRects().length);\n};\nvar isElement = function (obj) {\n    var _a, _b;\n    if (obj instanceof Element) {\n        return true;\n    }\n    var scope = (_b = (_a = obj) === null || _a === void 0 ? void 0 : _a.ownerDocument) === null || _b === void 0 ? void 0 : _b.defaultView;\n    return !!(scope && obj instanceof scope.Element);\n};\nvar isReplacedElement = function (target) {\n    switch (target.tagName) {\n        case 'INPUT':\n            if (target.type !== 'image') {\n                break;\n            }\n        case 'VIDEO':\n        case 'AUDIO':\n        case 'EMBED':\n        case 'OBJECT':\n        case 'CANVAS':\n        case 'IFRAME':\n        case 'IMG':\n            return true;\n    }\n    return false;\n};\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@juggle/resize-observer/lib/utils/element.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@juggle/resize-observer/lib/utils/freeze.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/@juggle/resize-observer/lib/utils/freeze.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 */   \"freeze\": function() { return /* binding */ freeze; }\n/* harmony export */ });\nvar freeze = function (obj) { return Object.freeze(obj); };\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@juggle/resize-observer/lib/utils/freeze.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@juggle/resize-observer/lib/utils/global.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/@juggle/resize-observer/lib/utils/global.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 */   \"global\": function() { return /* binding */ global; }\n/* harmony export */ });\nvar global = typeof window !== 'undefined' ? window : {};\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@juggle/resize-observer/lib/utils/global.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@juggle/resize-observer/lib/utils/process.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/@juggle/resize-observer/lib/utils/process.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 */   \"process\": function() { return /* binding */ process; }\n/* harmony export */ });\n/* harmony import */ var _algorithms_hasActiveObservations__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../algorithms/hasActiveObservations */ \"./node_modules/@juggle/resize-observer/lib/algorithms/hasActiveObservations.js\");\n/* harmony import */ var _algorithms_hasSkippedObservations__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../algorithms/hasSkippedObservations */ \"./node_modules/@juggle/resize-observer/lib/algorithms/hasSkippedObservations.js\");\n/* harmony import */ var _algorithms_deliverResizeLoopError__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../algorithms/deliverResizeLoopError */ \"./node_modules/@juggle/resize-observer/lib/algorithms/deliverResizeLoopError.js\");\n/* harmony import */ var _algorithms_broadcastActiveObservations__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../algorithms/broadcastActiveObservations */ \"./node_modules/@juggle/resize-observer/lib/algorithms/broadcastActiveObservations.js\");\n/* harmony import */ var _algorithms_gatherActiveObservationsAtDepth__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../algorithms/gatherActiveObservationsAtDepth */ \"./node_modules/@juggle/resize-observer/lib/algorithms/gatherActiveObservationsAtDepth.js\");\n\n\n\n\n\nvar process = function () {\n    var depth = 0;\n    (0,_algorithms_gatherActiveObservationsAtDepth__WEBPACK_IMPORTED_MODULE_4__.gatherActiveObservationsAtDepth)(depth);\n    while ((0,_algorithms_hasActiveObservations__WEBPACK_IMPORTED_MODULE_0__.hasActiveObservations)()) {\n        depth = (0,_algorithms_broadcastActiveObservations__WEBPACK_IMPORTED_MODULE_3__.broadcastActiveObservations)();\n        (0,_algorithms_gatherActiveObservationsAtDepth__WEBPACK_IMPORTED_MODULE_4__.gatherActiveObservationsAtDepth)(depth);\n    }\n    if ((0,_algorithms_hasSkippedObservations__WEBPACK_IMPORTED_MODULE_1__.hasSkippedObservations)()) {\n        (0,_algorithms_deliverResizeLoopError__WEBPACK_IMPORTED_MODULE_2__.deliverResizeLoopError)();\n    }\n    return depth > 0;\n};\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@juggle/resize-observer/lib/utils/process.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@juggle/resize-observer/lib/utils/queueMicroTask.js":
+/*!**************************************************************************!*\
+  !*** ./node_modules/@juggle/resize-observer/lib/utils/queueMicroTask.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 */   \"queueMicroTask\": function() { return /* binding */ queueMicroTask; }\n/* harmony export */ });\nvar trigger;\nvar callbacks = [];\nvar notify = function () { return callbacks.splice(0).forEach(function (cb) { return cb(); }); };\nvar queueMicroTask = function (callback) {\n    if (!trigger) {\n        var toggle_1 = 0;\n        var el_1 = document.createTextNode('');\n        var config = { characterData: true };\n        new MutationObserver(function () { return notify(); }).observe(el_1, config);\n        trigger = function () { el_1.textContent = \"\" + (toggle_1 ? toggle_1-- : toggle_1++); };\n    }\n    callbacks.push(callback);\n    trigger();\n};\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@juggle/resize-observer/lib/utils/queueMicroTask.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@juggle/resize-observer/lib/utils/queueResizeObserver.js":
+/*!*******************************************************************************!*\
+  !*** ./node_modules/@juggle/resize-observer/lib/utils/queueResizeObserver.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 */   \"queueResizeObserver\": function() { return /* binding */ queueResizeObserver; }\n/* harmony export */ });\n/* harmony import */ var _queueMicroTask__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./queueMicroTask */ \"./node_modules/@juggle/resize-observer/lib/utils/queueMicroTask.js\");\n\nvar queueResizeObserver = function (cb) {\n    (0,_queueMicroTask__WEBPACK_IMPORTED_MODULE_0__.queueMicroTask)(function ResizeObserver() {\n        requestAnimationFrame(cb);\n    });\n};\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@juggle/resize-observer/lib/utils/queueResizeObserver.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@juggle/resize-observer/lib/utils/resizeObservers.js":
+/*!***************************************************************************!*\
+  !*** ./node_modules/@juggle/resize-observer/lib/utils/resizeObservers.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 */   \"resizeObservers\": function() { return /* binding */ resizeObservers; }\n/* harmony export */ });\nvar resizeObservers = [];\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@juggle/resize-observer/lib/utils/resizeObservers.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@juggle/resize-observer/lib/utils/scheduler.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/@juggle/resize-observer/lib/utils/scheduler.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 */   \"scheduler\": function() { return /* binding */ scheduler; },\n/* harmony export */   \"updateCount\": function() { return /* binding */ updateCount; }\n/* harmony export */ });\n/* harmony import */ var _process__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./process */ \"./node_modules/@juggle/resize-observer/lib/utils/process.js\");\n/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./global */ \"./node_modules/@juggle/resize-observer/lib/utils/global.js\");\n/* harmony import */ var _queueResizeObserver__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./queueResizeObserver */ \"./node_modules/@juggle/resize-observer/lib/utils/queueResizeObserver.js\");\n\n\n\nvar watching = 0;\nvar isWatching = function () { return !!watching; };\nvar CATCH_PERIOD = 250;\nvar observerConfig = { attributes: true, characterData: true, childList: true, subtree: true };\nvar events = [\n    'resize',\n    'load',\n    'transitionend',\n    'animationend',\n    'animationstart',\n    'animationiteration',\n    'keyup',\n    'keydown',\n    'mouseup',\n    'mousedown',\n    'mouseover',\n    'mouseout',\n    'blur',\n    'focus'\n];\nvar time = function (timeout) {\n    if (timeout === void 0) { timeout = 0; }\n    return Date.now() + timeout;\n};\nvar scheduled = false;\nvar Scheduler = (function () {\n    function Scheduler() {\n        var _this = this;\n        this.stopped = true;\n        this.listener = function () { return _this.schedule(); };\n    }\n    Scheduler.prototype.run = function (timeout) {\n        var _this = this;\n        if (timeout === void 0) { timeout = CATCH_PERIOD; }\n        if (scheduled) {\n            return;\n        }\n        scheduled = true;\n        var until = time(timeout);\n        (0,_queueResizeObserver__WEBPACK_IMPORTED_MODULE_2__.queueResizeObserver)(function () {\n            var elementsHaveResized = false;\n            try {\n                elementsHaveResized = (0,_process__WEBPACK_IMPORTED_MODULE_0__.process)();\n            }\n            finally {\n                scheduled = false;\n                timeout = until - time();\n                if (!isWatching()) {\n                    return;\n                }\n                if (elementsHaveResized) {\n                    _this.run(1000);\n                }\n                else if (timeout > 0) {\n                    _this.run(timeout);\n                }\n                else {\n                    _this.start();\n                }\n            }\n        });\n    };\n    Scheduler.prototype.schedule = function () {\n        this.stop();\n        this.run();\n    };\n    Scheduler.prototype.observe = function () {\n        var _this = this;\n        var cb = function () { return _this.observer && _this.observer.observe(document.body, observerConfig); };\n        document.body ? cb() : _global__WEBPACK_IMPORTED_MODULE_1__.global.addEventListener('DOMContentLoaded', cb);\n    };\n    Scheduler.prototype.start = function () {\n        var _this = this;\n        if (this.stopped) {\n            this.stopped = false;\n            this.observer = new MutationObserver(this.listener);\n            this.observe();\n            events.forEach(function (name) { return _global__WEBPACK_IMPORTED_MODULE_1__.global.addEventListener(name, _this.listener, true); });\n        }\n    };\n    Scheduler.prototype.stop = function () {\n        var _this = this;\n        if (!this.stopped) {\n            this.observer && this.observer.disconnect();\n            events.forEach(function (name) { return _global__WEBPACK_IMPORTED_MODULE_1__.global.removeEventListener(name, _this.listener, true); });\n            this.stopped = true;\n        }\n    };\n    return Scheduler;\n}());\nvar scheduler = new Scheduler();\nvar updateCount = function (n) {\n    !watching && n > 0 && scheduler.start();\n    watching += n;\n    !watching && scheduler.stop();\n};\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@juggle/resize-observer/lib/utils/scheduler.js?");
+
+/***/ }),
+
 /***/ "./node_modules/@rsuite/icon-font/lib/action/Reload.js":
 /*!*************************************************************!*\
   !*** ./node_modules/@rsuite/icon-font/lib/action/Reload.js ***!
@@ -1770,7 +2034,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 _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 emptyArray = [];\n\nvar CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      _props$data = props.data,\n      data = _props$data === void 0 ? emptyArray : _props$data,\n      style = props.style,\n      _props$appearance = props.appearance,\n      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n      _props$cleanable = props.cleanable,\n      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n      _props$countable = props.countable,\n      countable = _props$countable === void 0 ? true : _props$countable,\n      searchBy = props.searchBy,\n      toggleAs = props.toggleAs,\n      searchKeyword = props.searchKeyword,\n      overrideLocale = props.locale,\n      _props$cascade = props.cascade,\n      cascade = _props$cascade === void 0 ? true : _props$cascade,\n      disabled = props.disabled,\n      _props$valueKey = props.valueKey,\n      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n      _props$labelKey = props.labelKey,\n      labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n      _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n      _props$childrenKey = props.childrenKey,\n      childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,\n      placeholder = props.placeholder,\n      controlledValue = props.value,\n      _props$defaultValue = props.defaultValue,\n      defaultValue = _props$defaultValue === void 0 ? emptyArray : _props$defaultValue,\n      defaultExpandAll = props.defaultExpandAll,\n      _props$disabledItemVa = props.disabledItemValues,\n      disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,\n      controlledExpandItemValues = props.expandItemValues,\n      defaultExpandItemValues = props.defaultExpandItemValues,\n      _props$height = props.height,\n      height = _props$height === void 0 ? 360 : _props$height,\n      menuStyle = props.menuStyle,\n      _props$searchable = props.searchable,\n      searchable = _props$searchable === void 0 ? true : _props$searchable,\n      virtualized = props.virtualized,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n      menuClassName = props.menuClassName,\n      _props$menuAutoWidth = props.menuAutoWidth,\n      menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,\n      _props$uncheckableIte = props.uncheckableItemValues,\n      uncheckableItemValues = _props$uncheckableIte === void 0 ? emptyArray : _props$uncheckableIte,\n      id = props.id,\n      listProps = props.listProps,\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\", \"appearance\", \"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\", \"listProps\", \"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: 696,\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: 697,\n          columnNumber: 11\n        }\n      })), /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: checkTreePrefix('children'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 698,\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: 706,\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: 730,\n          columnNumber: 11\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: 750,\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: 763,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: treeNodesClass,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 773,\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: 775,\n        columnNumber: 13\n      }\n    }, function (_ref5) {\n      var height = _ref5.height,\n          width = _ref5.width;\n      return /*#__PURE__*/_react.default.createElement(_VirtualizedList.List, (0, _extends2.default)({\n        ref: listRef,\n        width: width,\n        height: height,\n        rowHeight: 36,\n        rowCount: formattedNodes.length,\n        rowRenderer: renderVirtualListNode(formattedNodes),\n        scrollToAlignment: \"center\"\n      }, listProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 780,\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: 807,\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: 816,\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: 839,\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    classPrefix: classPrefix,\n    appearance: appearance,\n    countable: countable,\n    cleanable: cleanable,\n    disabled: disabled,\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: 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)), {\n    id: id,\n    ref: targetRef,\n    appearance: appearance,\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: 884,\n      columnNumber: 9\n    }\n  }), selectedElement || locale.placeholder)));\n});\n\nCheckTreePicker.displayName = 'CheckTreePicker';\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?");
+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 _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 emptyArray = [];\n\nvar CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      _props$data = props.data,\n      data = _props$data === void 0 ? emptyArray : _props$data,\n      style = props.style,\n      _props$appearance = props.appearance,\n      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n      _props$cleanable = props.cleanable,\n      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n      _props$countable = props.countable,\n      countable = _props$countable === void 0 ? true : _props$countable,\n      searchBy = props.searchBy,\n      toggleAs = props.toggleAs,\n      searchKeyword = props.searchKeyword,\n      overrideLocale = props.locale,\n      _props$cascade = props.cascade,\n      cascade = _props$cascade === void 0 ? true : _props$cascade,\n      disabled = props.disabled,\n      _props$valueKey = props.valueKey,\n      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n      _props$labelKey = props.labelKey,\n      labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n      _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n      _props$childrenKey = props.childrenKey,\n      childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,\n      placeholder = props.placeholder,\n      controlledValue = props.value,\n      _props$defaultValue = props.defaultValue,\n      defaultValue = _props$defaultValue === void 0 ? emptyArray : _props$defaultValue,\n      defaultExpandAll = props.defaultExpandAll,\n      _props$disabledItemVa = props.disabledItemValues,\n      disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,\n      controlledExpandItemValues = props.expandItemValues,\n      defaultExpandItemValues = props.defaultExpandItemValues,\n      _props$height = props.height,\n      height = _props$height === void 0 ? 360 : _props$height,\n      menuStyle = props.menuStyle,\n      _props$searchable = props.searchable,\n      searchable = _props$searchable === void 0 ? true : _props$searchable,\n      virtualized = props.virtualized,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n      menuClassName = props.menuClassName,\n      _props$menuAutoWidth = props.menuAutoWidth,\n      menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,\n      _props$uncheckableIte = props.uncheckableItemValues,\n      uncheckableItemValues = _props$uncheckableIte === void 0 ? emptyArray : _props$uncheckableIte,\n      id = props.id,\n      listProps = props.listProps,\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\", \"appearance\", \"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\", \"listProps\", \"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    rootRef: inline ? treeViewRef : null,\n    triggerRef: triggerRef,\n    overlayRef: overlayRef,\n    targetRef: targetRef,\n    listRef: listRef,\n    inline: inline\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: 703,\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: 704,\n          columnNumber: 11\n        }\n      })), /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: checkTreePrefix('children'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 705,\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: 713,\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: 737,\n          columnNumber: 11\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: 757,\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: 770,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: treeNodesClass,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 780,\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: 782,\n        columnNumber: 13\n      }\n    }, function (_ref5) {\n      var height = _ref5.height,\n          width = _ref5.width;\n      return /*#__PURE__*/_react.default.createElement(_VirtualizedList.List, (0, _extends2.default)({\n        ref: listRef,\n        width: width,\n        height: height,\n        rowHeight: 36,\n        rowCount: formattedNodes.length,\n        rowRenderer: renderVirtualListNode(formattedNodes),\n        scrollToAlignment: \"center\"\n      }, listProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 787,\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: 814,\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: 823,\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: 846,\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    classPrefix: classPrefix,\n    appearance: appearance,\n    countable: countable,\n    cleanable: cleanable,\n    disabled: disabled,\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: 881,\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: 890,\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    appearance: appearance,\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: 891,\n      columnNumber: 9\n    }\n  }), selectedElement || locale.placeholder)));\n});\n\nCheckTreePicker.displayName = 'CheckTreePicker';\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?");
 
 /***/ }),
 
@@ -1792,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\nexports.__esModule = true;\nexports.isEveryChildChecked = isEveryChildChecked;\nexports.isSomeChildChecked = isSomeChildChecked;\nexports.isSomeNodeHasChildren = isSomeNodeHasChildren;\nexports.isAllSiblingNodeUncheckable = isAllSiblingNodeUncheckable;\nexports.isEveryFirstLevelNodeUncheckable = isEveryFirstLevelNodeUncheckable;\nexports.isNodeUncheckable = isNodeUncheckable;\nexports.getFormattedTree = getFormattedTree;\nexports.getDisabledState = getDisabledState;\nexports.getCheckTreePickerDefaultValue = getCheckTreePickerDefaultValue;\nexports.getSelectedItems = getSelectedItems;\nexports.getNodeCheckState = getNodeCheckState;\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 _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nfunction isEveryChildChecked(nodes, parent) {\n  if ((0, _isNil2.default)(nodes[parent.refKey])) {\n    return false;\n  }\n\n  var children = (0, _treeUtils.getChildrenByFlattenNodes)(nodes, parent);\n\n  if (!children.length) {\n    return nodes[parent.refKey].check;\n  }\n\n  return children.every(function (child) {\n    return nodes[child.refKey].check;\n  });\n}\n\nfunction isSomeChildChecked(nodes, parent) {\n  if ((0, _isNil2.default)(nodes[parent.refKey])) {\n    return false;\n  }\n\n  var children = (0, _treeUtils.getChildrenByFlattenNodes)(nodes, parent);\n\n  if (!children.length) {\n    return nodes[parent.refKey].check;\n  }\n\n  return children.some(function (child) {\n    return nodes[child.refKey].check;\n  });\n}\n\nfunction isSomeNodeHasChildren(data, childrenKey) {\n  return data.some(function (node) {\n    return node[childrenKey];\n  });\n}\n/**\n * is all siblings nodes is uncheckable\n * @param {*} node\n */\n\n\nfunction isAllSiblingNodeUncheckable(node, nodes, uncheckableItemValues, valueKey) {\n  var list = [];\n  var parentNodeRefkey = node.parent ? node.parent.refKey : '';\n  Object.keys(nodes).forEach(function (refKey) {\n    var _curNode$parent;\n\n    var curNode = nodes[refKey];\n\n    if ((0, _isNil2.default)(node.parent) && (0, _isNil2.default)(curNode.parent)) {\n      list.push(curNode);\n    } else if (((_curNode$parent = curNode.parent) === null || _curNode$parent === void 0 ? void 0 : _curNode$parent.refKey) === parentNodeRefkey) {\n      list.push(curNode);\n    }\n  });\n  return list.every(function (node) {\n    return isNodeUncheckable(node, {\n      uncheckableItemValues: uncheckableItemValues,\n      valueKey: valueKey\n    });\n  });\n}\n/**\n * get each first level node uncheckable state\n */\n\n\nfunction isEveryFirstLevelNodeUncheckable(nodes, uncheckableItemValues, valueKey) {\n  var list = [];\n  Object.keys(nodes).forEach(function (refKey) {\n    var curNode = nodes[refKey];\n\n    if (!curNode.parent) {\n      list.push(curNode);\n    }\n  });\n  return list.every(function (node) {\n    return isNodeUncheckable(node, {\n      uncheckableItemValues: uncheckableItemValues,\n      valueKey: valueKey\n    });\n  });\n}\n/**\n * get node uncheckable state\n * @param {*} node\n */\n\n\nfunction isNodeUncheckable(node, props) {\n  var _props$uncheckableIte = props.uncheckableItemValues,\n      uncheckableItemValues = _props$uncheckableIte === void 0 ? [] : _props$uncheckableIte,\n      valueKey = props.valueKey;\n  return uncheckableItemValues.some(function (value) {\n    return (0, _utils.shallowEqual)(node[valueKey], value);\n  });\n}\n\nfunction getFormattedTree(data, nodes, props) {\n  var childrenKey = props.childrenKey,\n      cascade = props.cascade;\n  return data.map(function (node) {\n    var formatted = (0, _extends2.default)({}, node);\n    var curNode = nodes[node.refKey];\n\n    if (curNode) {\n      var _node$childrenKey;\n\n      var checkState = !(0, _isUndefined2.default)(cascade) ? getNodeCheckState({\n        node: curNode,\n        cascade: cascade,\n        nodes: nodes,\n        childrenKey: childrenKey\n      }) : undefined;\n      formatted.check = curNode.check;\n      formatted.expand = curNode.expand;\n      formatted.uncheckable = curNode.uncheckable;\n      formatted.parent = curNode.parent;\n      formatted.checkState = checkState;\n\n      if (((_node$childrenKey = node[childrenKey]) === null || _node$childrenKey === void 0 ? void 0 : _node$childrenKey.length) > 0) {\n        formatted[childrenKey] = getFormattedTree(formatted[childrenKey], nodes, props);\n      }\n    }\n\n    return formatted;\n  });\n}\n\nfunction getDisabledState(nodes, node, props) {\n  var _props$disabledItemVa = props.disabledItemValues,\n      disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,\n      valueKey = props.valueKey;\n\n  if ((0, _isNil2.default)(nodes[node.refKey])) {\n    return false;\n  }\n\n  return disabledItemValues.some(function (value) {\n    return (0, _utils.shallowEqual)(nodes[node.refKey][valueKey], value);\n  });\n}\n\nfunction getCheckTreePickerDefaultValue(value, uncheckableItemValues) {\n  if (Array.isArray(value)) {\n    return value.filter(function (v) {\n      return !uncheckableItemValues.includes(v);\n    });\n  }\n\n  return [];\n}\n\nfunction getSelectedItems(nodes, value, valueKey) {\n  var checkItems = [];\n  Object.keys(nodes).map(function (refKey) {\n    var node = nodes[refKey];\n\n    if (value.some(function (value) {\n      return (0, _utils.shallowEqual)(node[valueKey], value);\n    })) {\n      checkItems.push(node);\n    }\n  });\n  return checkItems;\n}\n\nfunction getNodeCheckState(_ref) {\n  var nodes = _ref.nodes,\n      node = _ref.node,\n      cascade = _ref.cascade,\n      childrenKey = _ref.childrenKey;\n\n  if ((0, _isNil2.default)(nodes[node.refKey])) {\n    return _utils.CHECK_STATE.UNCHECK;\n  }\n\n  if (!node[childrenKey] || !node[childrenKey].length || !cascade) {\n    nodes[node.refKey].checkAll = false;\n    return node.check ? _utils.CHECK_STATE.CHECK : _utils.CHECK_STATE.UNCHECK;\n  }\n\n  if (isEveryChildChecked(nodes, node)) {\n    nodes[node.refKey].checkAll = true;\n    nodes[node.refKey].check = true;\n    return _utils.CHECK_STATE.CHECK;\n  }\n\n  if (isSomeChildChecked(nodes, node)) {\n    nodes[node.refKey].checkAll = false;\n    return _utils.CHECK_STATE.INDETERMINATE;\n  }\n\n  return _utils.CHECK_STATE.UNCHECK;\n}\n\n//# sourceURL=webpack://rsuite/./src/CheckTreePicker/utils.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.isEveryChildChecked = isEveryChildChecked;\nexports.isSomeChildChecked = isSomeChildChecked;\nexports.isSomeNodeHasChildren = isSomeNodeHasChildren;\nexports.isAllSiblingNodeUncheckable = isAllSiblingNodeUncheckable;\nexports.isEveryFirstLevelNodeUncheckable = isEveryFirstLevelNodeUncheckable;\nexports.isNodeUncheckable = isNodeUncheckable;\nexports.getFormattedTree = getFormattedTree;\nexports.getDisabledState = getDisabledState;\nexports.getCheckTreePickerDefaultValue = getCheckTreePickerDefaultValue;\nexports.getSelectedItems = getSelectedItems;\nexports.getNodeCheckState = getNodeCheckState;\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 _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nfunction isEveryChildChecked(nodes, parent) {\n  if ((0, _isNil2.default)(nodes[parent.refKey])) {\n    return false;\n  }\n\n  var children = (0, _treeUtils.getChildrenByFlattenNodes)(nodes, parent);\n\n  if (!children.length) {\n    return nodes[parent.refKey].check;\n  }\n\n  return children.every(function (child) {\n    return nodes[child.refKey].check;\n  });\n}\n\nfunction isSomeChildChecked(nodes, parent, childrenKey) {\n  if ((0, _isNil2.default)(nodes[parent.refKey])) {\n    return false;\n  }\n\n  var children = (0, _treeUtils.getChildrenByFlattenNodes)(nodes, parent);\n  return children.some(function (child) {\n    var _child$childrenKey;\n\n    if ((child === null || child === void 0 ? void 0 : (_child$childrenKey = child[childrenKey]) === null || _child$childrenKey === void 0 ? void 0 : _child$childrenKey.length) > 0) {\n      return isSomeChildChecked(nodes, child, childrenKey);\n    }\n\n    return nodes[child.refKey].check;\n  });\n}\n\nfunction isSomeNodeHasChildren(data, childrenKey) {\n  return data.some(function (node) {\n    return node[childrenKey];\n  });\n}\n/**\n * is all siblings nodes is uncheckable\n * @param {*} node\n */\n\n\nfunction isAllSiblingNodeUncheckable(node, nodes, uncheckableItemValues, valueKey) {\n  var list = [];\n  var parentNodeRefkey = node.parent ? node.parent.refKey : '';\n  Object.keys(nodes).forEach(function (refKey) {\n    var _curNode$parent;\n\n    var curNode = nodes[refKey];\n\n    if ((0, _isNil2.default)(node.parent) && (0, _isNil2.default)(curNode.parent)) {\n      list.push(curNode);\n    } else if (((_curNode$parent = curNode.parent) === null || _curNode$parent === void 0 ? void 0 : _curNode$parent.refKey) === parentNodeRefkey) {\n      list.push(curNode);\n    }\n  });\n  return list.every(function (node) {\n    return isNodeUncheckable(node, {\n      uncheckableItemValues: uncheckableItemValues,\n      valueKey: valueKey\n    });\n  });\n}\n/**\n * get each first level node uncheckable state\n */\n\n\nfunction isEveryFirstLevelNodeUncheckable(nodes, uncheckableItemValues, valueKey) {\n  var list = [];\n  Object.keys(nodes).forEach(function (refKey) {\n    var curNode = nodes[refKey];\n\n    if (!curNode.parent) {\n      list.push(curNode);\n    }\n  });\n  return list.every(function (node) {\n    return isNodeUncheckable(node, {\n      uncheckableItemValues: uncheckableItemValues,\n      valueKey: valueKey\n    });\n  });\n}\n/**\n * get node uncheckable state\n * @param {*} node\n */\n\n\nfunction isNodeUncheckable(node, props) {\n  var _props$uncheckableIte = props.uncheckableItemValues,\n      uncheckableItemValues = _props$uncheckableIte === void 0 ? [] : _props$uncheckableIte,\n      valueKey = props.valueKey;\n  return uncheckableItemValues.some(function (value) {\n    return (0, _utils.shallowEqual)(node[valueKey], value);\n  });\n}\n\nfunction getFormattedTree(data, nodes, props) {\n  var childrenKey = props.childrenKey,\n      cascade = props.cascade;\n  return data.map(function (node) {\n    var formatted = (0, _extends2.default)({}, node);\n    var curNode = nodes[node.refKey];\n\n    if (curNode) {\n      var _node$childrenKey;\n\n      var checkState = !(0, _isUndefined2.default)(cascade) ? getNodeCheckState({\n        node: curNode,\n        cascade: cascade,\n        nodes: nodes,\n        childrenKey: childrenKey\n      }) : undefined;\n      formatted.check = curNode.check;\n      formatted.expand = curNode.expand;\n      formatted.uncheckable = curNode.uncheckable;\n      formatted.parent = curNode.parent;\n      formatted.checkState = checkState;\n\n      if (((_node$childrenKey = node[childrenKey]) === null || _node$childrenKey === void 0 ? void 0 : _node$childrenKey.length) > 0) {\n        formatted[childrenKey] = getFormattedTree(formatted[childrenKey], nodes, props);\n      }\n    }\n\n    return formatted;\n  });\n}\n\nfunction getDisabledState(nodes, node, props) {\n  var _props$disabledItemVa = props.disabledItemValues,\n      disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,\n      valueKey = props.valueKey;\n\n  if ((0, _isNil2.default)(nodes[node.refKey])) {\n    return false;\n  }\n\n  return disabledItemValues.some(function (value) {\n    return (0, _utils.shallowEqual)(nodes[node.refKey][valueKey], value);\n  });\n}\n\nfunction getCheckTreePickerDefaultValue(value, uncheckableItemValues) {\n  if (Array.isArray(value)) {\n    return value.filter(function (v) {\n      return !uncheckableItemValues.includes(v);\n    });\n  }\n\n  return [];\n}\n\nfunction getSelectedItems(nodes, value, valueKey) {\n  var checkItems = [];\n  Object.keys(nodes).map(function (refKey) {\n    var node = nodes[refKey];\n\n    if (value.some(function (value) {\n      return (0, _utils.shallowEqual)(node[valueKey], value);\n    })) {\n      checkItems.push(node);\n    }\n  });\n  return checkItems;\n}\n\nfunction getNodeCheckState(_ref) {\n  var nodes = _ref.nodes,\n      node = _ref.node,\n      cascade = _ref.cascade,\n      childrenKey = _ref.childrenKey;\n\n  if ((0, _isNil2.default)(nodes[node.refKey])) {\n    return _utils.CHECK_STATE.UNCHECK;\n  }\n\n  if (!node[childrenKey] || !node[childrenKey].length || !cascade) {\n    nodes[node.refKey].checkAll = false;\n    return node.check ? _utils.CHECK_STATE.CHECK : _utils.CHECK_STATE.UNCHECK;\n  }\n\n  if (isEveryChildChecked(nodes, node)) {\n    nodes[node.refKey].checkAll = true;\n    nodes[node.refKey].check = true;\n    return _utils.CHECK_STATE.CHECK;\n  }\n\n  if (isSomeChildChecked(nodes, node, childrenKey)) {\n    nodes[node.refKey].checkAll = false;\n    return _utils.CHECK_STATE.INDETERMINATE;\n  }\n\n  return _utils.CHECK_STATE.UNCHECK;\n}\n\n//# sourceURL=webpack://rsuite/./src/CheckTreePicker/utils.ts?");
 
 /***/ }),
 
@@ -1825,7 +2089,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 _cloneDeep = _interopRequireDefault(__webpack_require__(/*! lodash/cloneDeep */ \"./node_modules/lodash/cloneDeep.js\"));\n\nvar _remove = _interopRequireDefault(__webpack_require__(/*! lodash/remove */ \"./node_modules/lodash/remove.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/Plaintext/index.tsx\"));\n\nvar _CheckboxGroupContext = __webpack_require__(/*! ./CheckboxGroupContext */ \"./src/CheckboxGroup/CheckboxGroupContext.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CheckboxGroup/CheckboxGroup.tsx\",\n    _this = void 0;\n\nvar CheckboxGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      className = props.className,\n      inline = props.inline,\n      children = props.children,\n      name = props.name,\n      valueProp = props.value,\n      defaultValue = props.defaultValue,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'checkbox-group' : _props$classPrefix,\n      disabled = props.disabled,\n      readOnly = props.readOnly,\n      plaintext = props.plaintext,\n      onChange = props.onChange,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"inline\", \"children\", \"name\", \"value\", \"defaultValue\", \"classPrefix\", \"disabled\", \"readOnly\", \"plaintext\", \"onChange\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var classes = merge(className, withClassPrefix({\n    inline: inline\n  }));\n\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n      value = _useControlled[0],\n      setValue = _useControlled[1],\n      isControlled = _useControlled[2];\n\n  var handleChange = (0, _react.useCallback)(function (itemValue, itemChecked, event) {\n    var nextValue = (0, _cloneDeep.default)(value) || [];\n\n    if (itemChecked) {\n      nextValue.push(itemValue);\n    } else {\n      (0, _remove.default)(nextValue, function (i) {\n        return (0, _utils.shallowEqual)(i, itemValue);\n      });\n    }\n\n    setValue(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n  }, [onChange, setValue, value]);\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      inline: inline,\n      name: name,\n      value: value,\n      readOnly: readOnly,\n      disabled: disabled,\n      plaintext: plaintext,\n      controlled: isControlled,\n      onChange: handleChange\n    };\n  }, [disabled, handleChange, inline, isControlled, name, plaintext, readOnly, value]);\n  return /*#__PURE__*/_react.default.createElement(_CheckboxGroupContext.CheckboxGroupContext.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 75,\n      columnNumber: 7\n    }\n  }, plaintext ? /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n    ref: ref,\n    localeKey: \"notSelected\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 77,\n      columnNumber: 11\n    }\n  }, value !== null && value !== void 0 && value.length ? children : null) : /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    role: \"group\",\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 81,\n      columnNumber: 11\n    }\n  }), children));\n});\n\nCheckboxGroup.displayName = 'CheckboxGroup';\nCheckboxGroup.propTypes = {\n  as: _propTypes.default.elementType,\n  name: _propTypes.default.string,\n  className: _propTypes.default.string,\n  inline: _propTypes.default.bool,\n  value: _propTypes.default.array,\n  defaultValue: _propTypes.default.array,\n  onChange: _propTypes.default.func,\n  children: _propTypes.default.array,\n  classPrefix: _propTypes.default.string,\n  readOnly: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  plaintext: _propTypes.default.bool\n};\nvar _default = CheckboxGroup;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/CheckboxGroup/CheckboxGroup.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 _cloneDeep = _interopRequireDefault(__webpack_require__(/*! lodash/cloneDeep */ \"./node_modules/lodash/cloneDeep.js\"));\n\nvar _remove = _interopRequireDefault(__webpack_require__(/*! lodash/remove */ \"./node_modules/lodash/remove.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/Plaintext/index.tsx\"));\n\nvar _CheckboxGroupContext = __webpack_require__(/*! ./CheckboxGroupContext */ \"./src/CheckboxGroup/CheckboxGroupContext.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CheckboxGroup/CheckboxGroup.tsx\",\n    _this = void 0;\n\nvar CheckboxGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      className = props.className,\n      inline = props.inline,\n      children = props.children,\n      name = props.name,\n      valueProp = props.value,\n      defaultValue = props.defaultValue,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'checkbox-group' : _props$classPrefix,\n      disabled = props.disabled,\n      readOnly = props.readOnly,\n      plaintext = props.plaintext,\n      onChange = props.onChange,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"inline\", \"children\", \"name\", \"value\", \"defaultValue\", \"classPrefix\", \"disabled\", \"readOnly\", \"plaintext\", \"onChange\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var classes = merge(className, withClassPrefix({\n    inline: inline\n  }));\n\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n      value = _useControlled[0],\n      setValue = _useControlled[1],\n      isControlled = _useControlled[2];\n\n  var handleChange = (0, _react.useCallback)(function (itemValue, itemChecked, event) {\n    var nextValue = (0, _cloneDeep.default)(value) || [];\n\n    if (itemChecked) {\n      nextValue.push(itemValue);\n    } else {\n      (0, _remove.default)(nextValue, function (i) {\n        return (0, _utils.shallowEqual)(i, itemValue);\n      });\n    }\n\n    setValue(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n  }, [onChange, setValue, value]);\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      inline: inline,\n      name: name,\n      value: value,\n      readOnly: readOnly,\n      disabled: disabled,\n      plaintext: plaintext,\n      controlled: isControlled,\n      onChange: handleChange\n    };\n  }, [disabled, handleChange, inline, isControlled, name, plaintext, readOnly, value]);\n  return /*#__PURE__*/_react.default.createElement(_CheckboxGroupContext.CheckboxGroupContext.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 75,\n      columnNumber: 7\n    }\n  }, plaintext ? /*#__PURE__*/_react.default.createElement(_Plaintext.default, (0, _extends2.default)({\n    ref: ref,\n    localeKey: \"notSelected\"\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 77,\n      columnNumber: 11\n    }\n  }), value !== null && value !== void 0 && value.length ? children : null) : /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    role: \"group\",\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 81,\n      columnNumber: 11\n    }\n  }), children));\n});\n\nCheckboxGroup.displayName = 'CheckboxGroup';\nCheckboxGroup.propTypes = {\n  as: _propTypes.default.elementType,\n  name: _propTypes.default.string,\n  className: _propTypes.default.string,\n  inline: _propTypes.default.bool,\n  value: _propTypes.default.array,\n  defaultValue: _propTypes.default.array,\n  onChange: _propTypes.default.func,\n  children: _propTypes.default.array,\n  classPrefix: _propTypes.default.string,\n  readOnly: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  plaintext: _propTypes.default.bool\n};\nvar _default = CheckboxGroup;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/CheckboxGroup/CheckboxGroup.tsx?");
 
 /***/ }),
 
@@ -2045,7 +2309,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 Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? _Calendar.default : _props$as,\n      _props$calendarDate = props.calendarDate,\n      calendarDate = _props$calendarDate === void 0 ? [new Date(), (0, _dateUtils.addMonths)(new Date(), 1)] : _props$calendarDate,\n      _props$format = props.format,\n      format = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n      disabledDate = props.disabledDate,\n      _props$index = props.index,\n      index = _props$index === void 0 ? 0 : _props$index,\n      limitEndYear = props.limitEndYear,\n      onChangeCalendarDate = props.onChangeCalendarDate,\n      onChangeCalendarTime = props.onChangeCalendarTime,\n      showOneCalendar = props.showOneCalendar,\n      _props$value = props.value,\n      value = _props$value === void 0 ? [] : _props$value,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"calendarDate\", \"format\", \"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    format: format,\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: 150,\n      columnNumber: 7\n    }\n  }));\n});\n\nCalendar.displayName = 'DateRangePicker.Calendar';\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\n/**\n * Omit the time in the date, which is used to compare and judge the date.\n * eg: isAfter/isBefore\n */\nfunction omitTime(date) {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n\nvar Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? _Calendar.default : _props$as,\n      _props$calendarDate = props.calendarDate,\n      calendarDate = _props$calendarDate === void 0 ? [new Date(), (0, _dateUtils.addMonths)(new Date(), 1)] : _props$calendarDate,\n      _props$format = props.format,\n      format = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n      disabledDate = props.disabledDate,\n      _props$index = props.index,\n      index = _props$index === void 0 ? 0 : _props$index,\n      limitEndYear = props.limitEndYear,\n      onChangeCalendarDate = props.onChangeCalendarDate,\n      onChangeCalendarTime = props.onChangeCalendarTime,\n      onToggleMeridian = props.onToggleMeridian,\n      showOneCalendar = props.showOneCalendar,\n      _props$value = props.value,\n      value = _props$value === void 0 ? [] : _props$value,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"calendarDate\", \"format\", \"disabledDate\", \"index\", \"limitEndYear\", \"onChangeCalendarDate\", \"onChangeCalendarTime\", \"onToggleMeridian\", \"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 handleToggleMeridian = (0, _react.useCallback)(function (event) {\n    onToggleMeridian(index, event);\n  }, [index, onToggleMeridian]);\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    // Do not disable the Backward button on the first calendar.\n    if (index === 0) {\n      return false;\n    }\n\n    var startDate = (0, _dateUtils.setDate)((0, _dateUtils.addMonths)(calendarDate[0], 1), 1);\n    var endDate = (0, _dateUtils.setDate)(omitTime(calendarDate[1]), 1);\n    var after = (0, _dateUtils.isAfter)(endDate, startDate);\n    return !after;\n  }, [calendarDate, index]);\n  var disabledForward = (0, _react.useCallback)(function () {\n    // If only one calendar is displayed, do not disable\n    if (showOneCalendar) {\n      return false;\n    } // Do not disable the Forward button on the second calendar.\n\n\n    if (index === 1) {\n      return false;\n    }\n\n    var startDate = (0, _dateUtils.setDate)((0, _dateUtils.addMonths)(omitTime(calendarDate[0]), 1), 1);\n    var endDate = (0, _dateUtils.setDate)(omitTime(calendarDate[1]), 1);\n    var after = (0, _dateUtils.isAfter)(endDate, startDate);\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    format: format,\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    onToggleMeridian: handleToggleMeridian,\n    calendarDate: getCalendarDate(),\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 182,\n      columnNumber: 7\n    }\n  }));\n});\n\nCalendar.displayName = 'DateRangePicker.Calendar';\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?");
 
 /***/ }),
 
@@ -2056,7 +2320,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 _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 DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _ref, _merge;\n\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n      className = props.className,\n      _props$appearance = props.appearance,\n      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n      _props$cleanable = props.cleanable,\n      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n      _props$character = props.character,\n      character = _props$character === void 0 ? ' ~ ' : _props$character,\n      defaultCalendarValue = props.defaultCalendarValue,\n      defaultValue = props.defaultValue,\n      disabled = props.disabled,\n      disabledDateProp = props.disabledDate,\n      _props$format = props.format,\n      formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n      hoverRange = props.hoverRange,\n      isoWeek = props.isoWeek,\n      _props$limitEndYear = props.limitEndYear,\n      limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,\n      overrideLocale = props.locale,\n      menuClassName = props.menuClassName,\n      menuStyle = props.menuStyle,\n      oneTap = props.oneTap,\n      _props$placeholder = props.placeholder,\n      placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,\n      _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n      ranges = props.ranges,\n      renderValue = props.renderValue,\n      _props$showOneCalenda = props.showOneCalendar,\n      showOneCalendar = _props$showOneCalenda === void 0 ? false : _props$showOneCalenda,\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\", \"appearance\", \"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      parseDate = _useCustom.parseDate;\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: 259,\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: 261,\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, {\n      locale: locale.dateLocale\n    }) || !_utils.DateUtils.isMatch(rangeValue[1], formatStr, {\n      locale: locale.dateLocale\n    })) {\n      setInputState('Error');\n      return;\n    }\n\n    var startDate = parseDate(rangeValue[0], formatStr);\n    var endDate = parseDate(rangeValue[1], formatStr);\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 handleInputPressEnd = (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: 667,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: panelClasses,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 673,\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: 674,\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: 675,\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: 676,\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: 677,\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: 678,\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: 681,\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    classPrefix: classPrefix,\n    name: 'daterange',\n    appearance: appearance,\n    hasValue: hasValue,\n    cleanable: cleanable\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: 707,\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: 716,\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    appearance: appearance,\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: handleInputPressEnd,\n    onInputPressEnter: handleInputPressEnd,\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: 723,\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.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 _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 _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 DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _ref, _merge;\n\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n      className = props.className,\n      _props$appearance = props.appearance,\n      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n      _props$cleanable = props.cleanable,\n      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n      _props$character = props.character,\n      character = _props$character === void 0 ? ' ~ ' : _props$character,\n      defaultCalendarValue = props.defaultCalendarValue,\n      defaultValue = props.defaultValue,\n      disabled = props.disabled,\n      disabledDateProp = props.disabledDate,\n      _props$format = props.format,\n      formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n      hoverRange = props.hoverRange,\n      isoWeek = props.isoWeek,\n      _props$limitEndYear = props.limitEndYear,\n      limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,\n      overrideLocale = props.locale,\n      menuClassName = props.menuClassName,\n      menuStyle = props.menuStyle,\n      oneTap = props.oneTap,\n      _props$placeholder = props.placeholder,\n      placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,\n      _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n      ranges = props.ranges,\n      renderValue = props.renderValue,\n      _props$showOneCalenda = props.showOneCalendar,\n      showOneCalendar = _props$showOneCalenda === void 0 ? false : _props$showOneCalenda,\n      showWeekNumbers = props.showWeekNumbers,\n      showMeridian = props.showMeridian,\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\", \"appearance\", \"cleanable\", \"character\", \"defaultCalendarValue\", \"defaultValue\", \"disabled\", \"disabledDate\", \"format\", \"hoverRange\", \"isoWeek\", \"limitEndYear\", \"locale\", \"menuClassName\", \"menuStyle\", \"oneTap\", \"placeholder\", \"placement\", \"ranges\", \"renderValue\", \"showOneCalendar\", \"showWeekNumbers\", \"showMeridian\", \"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      parseDate = _useCustom.parseDate;\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: 262,\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: 264,\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   * The callback triggered when PM/AM is switched.\n   */\n\n  var handleToggleMeridian = (0, _react.useCallback)(function (index) {\n    var next = Array.from(calendarDate);\n    var clonedDate = new Date(next[index].valueOf());\n\n    var hours = _utils.DateUtils.getHours(clonedDate);\n\n    var nextHours = hours >= 12 ? hours - 12 : hours + 12;\n    next[index] = _utils.DateUtils.setHours(clonedDate, nextHours);\n    setCalendarDate(next); // If the value already exists, update the value again.\n\n    if (selectValue.length === 2) {\n      setSelectValue(next);\n    }\n  }, [calendarDate, selectValue]);\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, {\n      locale: locale.dateLocale\n    }) || !_utils.DateUtils.isMatch(rangeValue[1], formatStr, {\n      locale: locale.dateLocale\n    })) {\n      setInputState('Error');\n      return;\n    }\n\n    var startDate = parseDate(rangeValue[0], formatStr);\n    var endDate = parseDate(rangeValue[1], formatStr);\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 handleInputPressEnd = (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      showMeridian: showMeridian,\n      onChangeCalendarDate: handleChangeCalendarDate,\n      onChangeCalendarTime: handleChangeCalendarTime,\n      onMouseMove: handleMouseMove,\n      onSelect: handleSelectValueChange,\n      onToggleMeridian: handleToggleMeridian\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: 695,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: panelClasses,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 701,\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: 702,\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: 703,\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: 704,\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: 705,\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: 706,\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: 709,\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    classPrefix: classPrefix,\n    name: 'daterange',\n    appearance: appearance,\n    hasValue: hasValue,\n    cleanable: cleanable\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: 735,\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: 744,\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    appearance: appearance,\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: handleInputPressEnd,\n    onInputPressEnter: handleInputPressEnd,\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: 751,\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.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  onChange: _propTypes.default.func,\n  onOk: _propTypes.default.func,\n  disabledDate: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  showWeekNumbers: _propTypes.default.bool,\n  showMeridian: _propTypes.default.bool,\n  showOneCalendar: _propTypes.default.bool\n});\nvar _default = DateRangePicker;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/DateRangePicker.tsx?");
 
 /***/ }),
 
@@ -2210,7 +2474,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 _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\n/**\n * The <Dropdown.Item> API\n * When used inside <Sidenav>, renders a <TreeviewItem>\n * Otherwise renders a <MenuItem>\n */\nvar DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,\n      className = props.className,\n      activeProp = props.active,\n      eventKey = props.eventKey,\n      onSelect = props.onSelect,\n      icon = props.icon,\n      _props$as = props.as,\n      Component = _props$as === void 0 ? 'li' : _props$as,\n      divider = props.divider,\n      panel = props.panel,\n      children = props.children,\n      disabled = props.disabled,\n      restProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"classPrefix\", \"className\", \"active\", \"eventKey\", \"onSelect\", \"icon\", \"as\", \"divider\", \"panel\", \"children\", \"disabled\"]);\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  var renderDropdownItem = (0, _react.useCallback)(function (ui) {\n    if (Component === 'li') {\n      return ui;\n    }\n\n    return /*#__PURE__*/_react.default.createElement(\"li\", {\n      role: \"none presentation\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 152,\n        columnNumber: 16\n      }\n    }, ui);\n  }, [Component]);\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: 158,\n        columnNumber: 14\n      }\n    }));\n  }\n\n  if (divider) {\n    return renderDropdownItem( /*#__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: 162,\n        columnNumber: 9\n      }\n    })));\n  }\n\n  if (panel) {\n    return renderDropdownItem( /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: ref,\n      className: merge(prefix('panel'), className)\n    }, restProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 173,\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: 199,\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      as: Component,\n      onClick: (0, _utils.createChainedFunction)(handleClickNavbarDropdownItem, restProps.onClick),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 200,\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: 217,\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 renderDropdownItem( /*#__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: 240,\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.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 _useRenderDropdownItem = __webpack_require__(/*! ./useRenderDropdownItem */ \"./src/Dropdown/useRenderDropdownItem.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Dropdown/DropdownItem.tsx\",\n    _this = void 0;\n\n/**\n * The <Dropdown.Item> API\n * When used inside <Sidenav>, renders a <TreeviewItem>\n * Otherwise renders a <MenuItem>\n */\nvar DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,\n      className = props.className,\n      activeProp = props.active,\n      eventKey = props.eventKey,\n      onSelect = props.onSelect,\n      icon = props.icon,\n      _props$as = props.as,\n      Component = _props$as === void 0 ? 'li' : _props$as,\n      divider = props.divider,\n      panel = props.panel,\n      children = props.children,\n      disabled = props.disabled,\n      restProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"classPrefix\", \"className\", \"active\", \"eventKey\", \"onSelect\", \"icon\", \"as\", \"divider\", \"panel\", \"children\", \"disabled\"]);\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  var renderDropdownItem = (0, _useRenderDropdownItem.useRenderDropdownItem)(Component);\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: 150,\n        columnNumber: 14\n      }\n    }));\n  }\n\n  if (divider) {\n    return renderDropdownItem((0, _extends2.default)({\n      ref: ref,\n      role: 'separator',\n      className: merge(prefix('divider'), className)\n    }, restProps));\n  }\n\n  if (panel) {\n    return renderDropdownItem((0, _extends2.default)({\n      ref: ref,\n      className: merge(prefix('panel'), className),\n      children: children\n    }, restProps));\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: 190,\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      as: Component,\n      onClick: (0, _utils.createChainedFunction)(handleClickNavbarDropdownItem, restProps.onClick),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 191,\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: 208,\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 renderDropdownItem((0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuitemRef),\n      className: classes\n    }, menuitem, dataAttributes, restProps, {\n      children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n        className: prefix('menu-icon')\n      }), children)\n    }));\n  });\n});\n\nDropdownItem.displayName = 'Dropdown.Item';\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?");
 
 /***/ }),
 
@@ -2258,6 +2522,17 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
+/***/ "./src/Dropdown/useRenderDropdownItem.tsx":
+/*!************************************************!*\
+  !*** ./src/Dropdown/useRenderDropdownItem.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.useRenderDropdownItem = useRenderDropdownItem;\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 _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Dropdown/useRenderDropdownItem.tsx\";\n\nfunction useRenderDropdownItem(Component) {\n  var _this = this;\n\n  return (0, _react.useCallback)(function (props, OverrideComponent) {\n    if (Component === 'li') {\n      if (OverrideComponent) {\n        return /*#__PURE__*/_react.default.createElement(\"li\", {\n          role: \"none presentation\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 9,\n            columnNumber: 13\n          }\n        }, /*#__PURE__*/_react.default.createElement(OverrideComponent, (0, _extends2.default)({}, props, {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 10,\n            columnNumber: 15\n          }\n        })));\n      }\n\n      return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, props, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 14,\n          columnNumber: 16\n        }\n      }));\n    }\n\n    return /*#__PURE__*/_react.default.createElement(\"li\", {\n      role: \"none presentation\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 18,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 19,\n        columnNumber: 11\n      }\n    })));\n  }, [Component]);\n}\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/useRenderDropdownItem.tsx?");
+
+/***/ }),
+
 /***/ "./src/FlexboxGrid/FlexboxGrid.tsx":
 /*!*****************************************!*\
   !*** ./src/FlexboxGrid/FlexboxGrid.tsx ***!
@@ -2628,7 +2903,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.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 _getWidth = _interopRequireDefault(__webpack_require__(/*! dom-lib/getWidth */ \"./node_modules/dom-lib/esm/getWidth.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;\n\nvar InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _merge;\n\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      _props$appearance = props.appearance,\n      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n      _props$cleanable = props.cleanable,\n      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n      _props$cacheData = props.cacheData,\n      cacheData = _props$cacheData === void 0 ? [] : _props$cacheData,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n      _props$data = props.data,\n      controlledData = _props$data === void 0 ? [] : _props$data,\n      disabled = props.disabled,\n      readOnly = props.readOnly,\n      plaintext = props.plaintext,\n      defaultValue = props.defaultValue,\n      defaultOpen = props.defaultOpen,\n      _props$disabledItemVa = props.disabledItemValues,\n      disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,\n      overrideLocale = props.locale,\n      toggleAs = props.toggleAs,\n      style = props.style,\n      _props$searchable = props.searchable,\n      searchable = _props$searchable === void 0 ? true : _props$searchable,\n      controlledOpen = props.open,\n      placeholder = props.placeholder,\n      groupBy = props.groupBy,\n      menuClassName = props.menuClassName,\n      menuStyle = props.menuStyle,\n      _props$menuAutoWidth = props.menuAutoWidth,\n      menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,\n      _props$menuMaxHeight = props.menuMaxHeight,\n      menuMaxHeight = _props$menuMaxHeight === void 0 ? 320 : _props$menuMaxHeight,\n      creatable = props.creatable,\n      valueProp = props.value,\n      _props$valueKey = props.valueKey,\n      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n      virtualized = props.virtualized,\n      _props$labelKey = props.labelKey,\n      labelKey = _props$labelKey === void 0 ? 'label' : _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      _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"appearance\", \"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, _getWidth.default)(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: 578,\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: 619,\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: 660,\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: 664,\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: 684,\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: 688,\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    classPrefix: classPrefix,\n    appearance: appearance,\n    hasValue: hasValue,\n    name: 'input',\n    cleanable: cleanable\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: 748,\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: 757,\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: 768,\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    appearance: appearance,\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: 774,\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: 796,\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: 799,\n      columnNumber: 17\n    }\n  })))));\n});\n\nInputPicker.displayName = 'InputPicker';\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?");
+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 _getWidth = _interopRequireDefault(__webpack_require__(/*! dom-lib/getWidth */ \"./node_modules/dom-lib/esm/getWidth.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;\n\nvar InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _merge;\n\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      _props$appearance = props.appearance,\n      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n      _props$cleanable = props.cleanable,\n      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n      _props$cacheData = props.cacheData,\n      cacheData = _props$cacheData === void 0 ? [] : _props$cacheData,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n      _props$data = props.data,\n      controlledData = _props$data === void 0 ? [] : _props$data,\n      disabled = props.disabled,\n      readOnly = props.readOnly,\n      plaintext = props.plaintext,\n      defaultValue = props.defaultValue,\n      defaultOpen = props.defaultOpen,\n      _props$disabledItemVa = props.disabledItemValues,\n      disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,\n      overrideLocale = props.locale,\n      toggleAs = props.toggleAs,\n      style = props.style,\n      _props$searchable = props.searchable,\n      searchable = _props$searchable === void 0 ? true : _props$searchable,\n      controlledOpen = props.open,\n      placeholder = props.placeholder,\n      groupBy = props.groupBy,\n      menuClassName = props.menuClassName,\n      menuStyle = props.menuStyle,\n      _props$menuAutoWidth = props.menuAutoWidth,\n      menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,\n      _props$menuMaxHeight = props.menuMaxHeight,\n      menuMaxHeight = _props$menuMaxHeight === void 0 ? 320 : _props$menuMaxHeight,\n      creatable = props.creatable,\n      valueProp = props.value,\n      _props$valueKey = props.valueKey,\n      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n      virtualized = props.virtualized,\n      _props$labelKey = props.labelKey,\n      labelKey = _props$labelKey === void 0 ? 'label' : _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      _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"appearance\", \"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, _getWidth.default)(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: 578,\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: 619,\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: 660,\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: 664,\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: 684,\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: 688,\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    classPrefix: classPrefix,\n    appearance: appearance,\n    hasValue: hasValue,\n    name: 'input',\n    cleanable: cleanable\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 && hasValue) {\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: 748,\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: 757,\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: 768,\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    appearance: appearance,\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: 774,\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: 796,\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: 799,\n      columnNumber: 17\n    }\n  })))));\n});\n\nInputPicker.displayName = 'InputPicker';\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?");
 
 /***/ }),
 
@@ -2771,7 +3046,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\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 _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _createTextMaskInputElement = _interopRequireDefault(__webpack_require__(/*! ./createTextMaskInputElement */ \"./src/MaskedInput/createTextMaskInputElement.ts\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/MaskedInput/MaskedInput.tsx\",\n    _this = void 0;\n\nvar defaultRender = function defaultRender(ref, props) {\n  return /*#__PURE__*/_react.default.createElement(\"input\", (0, _extends2.default)({\n    ref: ref\n  }, props, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 52,\n      columnNumber: 39\n    }\n  }));\n};\n\nvar MaskedInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var mask = props.mask,\n      _props$guide = props.guide,\n      guide = _props$guide === void 0 ? true : _props$guide,\n      placeholderChar = props.placeholderChar,\n      value = props.value,\n      showMask = props.showMask,\n      pipe = props.pipe,\n      _props$render = props.render,\n      render = _props$render === void 0 ? defaultRender : _props$render,\n      onChange = props.onChange,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"mask\", \"guide\", \"placeholderChar\", \"value\", \"showMask\", \"pipe\", \"render\", \"onChange\"]);\n  var inputRef = (0, _react.useRef)(null);\n  var textMaskInputElement = (0, _react.useRef)();\n  var initTextMask = (0, _react.useCallback)(function () {\n    var _textMaskInputElement;\n\n    textMaskInputElement.current = (0, _createTextMaskInputElement.default)((0, _extends2.default)({\n      inputElement: inputRef.current\n    }, props));\n    (_textMaskInputElement = textMaskInputElement.current) === null || _textMaskInputElement === void 0 ? void 0 : _textMaskInputElement.update(value);\n  }, [props, value]);\n  var handleChange = (0, _react.useCallback)(function (event) {\n    var _textMaskInputElement2;\n\n    (_textMaskInputElement2 = textMaskInputElement.current) === null || _textMaskInputElement2 === void 0 ? void 0 : _textMaskInputElement2.update();\n    onChange === null || onChange === void 0 ? void 0 : onChange(event);\n  }, [onChange]);\n  (0, _react.useEffect)(function () {\n    initTextMask();\n  }, [guide, placeholderChar, showMask, pipe, mask, value, initTextMask]);\n  return render((0, _utils.mergeRefs)(inputRef, ref), (0, _extends2.default)({\n    onChange: handleChange,\n    defaultValue: value\n  }, (0, _omit.default)(rest, ['keepCharPositions'])));\n});\n\nMaskedInput.displayName = 'MaskedInput';\nMaskedInput.propTypes = {\n  render: _propTypes.default.func,\n  onChange: _propTypes.default.func,\n  mask: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.func, _propTypes.default.bool]).isRequired,\n  guide: _propTypes.default.bool,\n  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),\n  pipe: _propTypes.default.func,\n  placeholderChar: _propTypes.default.string,\n  keepCharPositions: _propTypes.default.bool,\n  showMask: _propTypes.default.bool\n};\nvar _default = MaskedInput;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/MaskedInput/MaskedInput.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 _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _TextMask = _interopRequireDefault(__webpack_require__(/*! ./TextMask */ \"./src/MaskedInput/TextMask.tsx\"));\n\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/MaskedInput/MaskedInput.tsx\",\n    _this = void 0;\n\nvar MaskedInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      inputAs = _props$as === void 0 ? _TextMask.default : _props$as;\n  return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, props, {\n    as: inputAs,\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 16,\n      columnNumber: 10\n    }\n  }));\n});\n\nvar _default = MaskedInput;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/MaskedInput/MaskedInput.tsx?");
+
+/***/ }),
+
+/***/ "./src/MaskedInput/TextMask.tsx":
+/*!**************************************!*\
+  !*** ./src/MaskedInput/TextMask.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 _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 _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _createTextMaskInputElement = _interopRequireDefault(__webpack_require__(/*! ./createTextMaskInputElement */ \"./src/MaskedInput/createTextMaskInputElement.ts\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/MaskedInput/TextMask.tsx\",\n    _this = void 0;\n\nvar defaultRender = function defaultRender(ref, props) {\n  return /*#__PURE__*/_react.default.createElement(\"input\", (0, _extends2.default)({\n    ref: ref\n  }, props, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 52,\n      columnNumber: 39\n    }\n  }));\n};\n\nvar TextMask = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var mask = props.mask,\n      _props$guide = props.guide,\n      guide = _props$guide === void 0 ? true : _props$guide,\n      placeholderChar = props.placeholderChar,\n      value = props.value,\n      showMask = props.showMask,\n      pipe = props.pipe,\n      _props$render = props.render,\n      render = _props$render === void 0 ? defaultRender : _props$render,\n      onChange = props.onChange,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"mask\", \"guide\", \"placeholderChar\", \"value\", \"showMask\", \"pipe\", \"render\", \"onChange\"]);\n  var inputRef = (0, _react.useRef)(null);\n  var textMaskInputElement = (0, _react.useRef)();\n  var initTextMask = (0, _react.useCallback)(function () {\n    var _textMaskInputElement;\n\n    textMaskInputElement.current = (0, _createTextMaskInputElement.default)((0, _extends2.default)({\n      inputElement: inputRef.current\n    }, props));\n    (_textMaskInputElement = textMaskInputElement.current) === null || _textMaskInputElement === void 0 ? void 0 : _textMaskInputElement.update(value);\n  }, [props, value]);\n  var handleChange = (0, _react.useCallback)(function (event) {\n    var _textMaskInputElement2;\n\n    (_textMaskInputElement2 = textMaskInputElement.current) === null || _textMaskInputElement2 === void 0 ? void 0 : _textMaskInputElement2.update();\n    onChange === null || onChange === void 0 ? void 0 : onChange(event);\n  }, [onChange]);\n  (0, _react.useEffect)(function () {\n    initTextMask();\n  }, [guide, placeholderChar, showMask, pipe, mask, value, initTextMask]);\n  return render((0, _utils.mergeRefs)(inputRef, ref), (0, _extends2.default)({\n    onChange: handleChange,\n    defaultValue: value\n  }, (0, _omit.default)(rest, ['keepCharPositions'])));\n});\n\nTextMask.displayName = 'TextMask';\nTextMask.propTypes = {\n  render: _propTypes.default.func,\n  onChange: _propTypes.default.func,\n  mask: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.func, _propTypes.default.bool]).isRequired,\n  guide: _propTypes.default.bool,\n  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),\n  pipe: _propTypes.default.func,\n  placeholderChar: _propTypes.default.string,\n  keepCharPositions: _propTypes.default.bool,\n  showMask: _propTypes.default.bool\n};\nvar _default = TextMask;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/MaskedInput/TextMask.tsx?");
 
 /***/ }),
 
@@ -2837,7 +3123,7 @@ eval("\n\nexports.__esModule = true;\nexports.convertMaskToPlaceholder = convert
 /***/ (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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _MenuContext = _interopRequireWildcard(__webpack_require__(/*! ./MenuContext */ \"./src/Menu/MenuContext.ts\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _useUniqueId = _interopRequireDefault(__webpack_require__(/*! ../utils/useUniqueId */ \"./src/utils/useUniqueId.ts\"));\n\nvar _useMenu = _interopRequireDefault(__webpack_require__(/*! ./useMenu */ \"./src/Menu/useMenu.ts\"));\n\nvar _useFocus = _interopRequireDefault(__webpack_require__(/*! ../utils/useFocus */ \"./src/utils/useFocus.ts\"));\n\nvar _useClickOutside = _interopRequireDefault(__webpack_require__(/*! ../utils/useClickOutside */ \"./src/utils/useClickOutside.ts\"));\n\nvar _events = __webpack_require__(/*! ../utils/events */ \"./src/utils/events.ts\");\n\nvar _dom = __webpack_require__(/*! ../utils/dom */ \"./src/utils/dom.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Menu/Menu.tsx\";\nvar defaultOpenMenuOn = ['click'];\n/**\n * Headless ARIA `menu`\n */\n\nfunction Menu(props) {\n  var _items$activeItemInde;\n\n  var disabled = props.disabled,\n      children = props.children,\n      _props$openMenuOn = props.openMenuOn,\n      openMenuOn = _props$openMenuOn === void 0 ? defaultOpenMenuOn : _props$openMenuOn,\n      menuButtonText = props.menuButtonText,\n      renderMenuButton = props.renderMenuButton,\n      renderMenuPopup = props.renderMenuPopup,\n      onToggleMenu = props.onToggleMenu;\n  var buttonElementRef = (0, _react.useRef)();\n  var menuElementRef = (0, _react.useRef)();\n  var parentMenu = (0, _react.useContext)(_MenuContext.default);\n  var isSubmenu = !!parentMenu;\n  var menu = (0, _useMenu.default)();\n  var _menu$ = menu[0],\n      open = _menu$.open,\n      items = _menu$.items,\n      activeItemIndex = _menu$.activeItemIndex,\n      dispatch = menu[1];\n\n  var _useCustom = (0, _utils.useCustom)('Menu'),\n      rtl = _useCustom.rtl;\n\n  var activeItem = (_items$activeItemInde = items[activeItemIndex]) === null || _items$activeItemInde === void 0 ? void 0 : _items$activeItemInde.element;\n  var menuFocus = (0, _useFocus.default)(menuElementRef);\n  var openMenu = (0, _react.useCallback)(function (event) {\n    dispatch({\n      type: _MenuContext.MenuActionTypes.OpenMenu\n    });\n\n    if (!event.isTrusted) {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.MoveFocus,\n        to: _MenuContext.MoveFocusTo.First\n      });\n    }\n\n    onToggleMenu === null || onToggleMenu === void 0 ? void 0 : onToggleMenu(true, event);\n    menuFocus.grab();\n  }, [dispatch, onToggleMenu, menuFocus]);\n  var closeMenu = (0, _react.useCallback)(function (event, returnFocusToButton) {\n    if (returnFocusToButton === void 0) {\n      returnFocusToButton = true;\n    }\n\n    dispatch({\n      type: _MenuContext.MenuActionTypes.CloseMenu\n    });\n    dispatch({\n      type: _MenuContext.MenuActionTypes.MoveFocus,\n      to: _MenuContext.MoveFocusTo.None\n    });\n    onToggleMenu === null || onToggleMenu === void 0 ? void 0 : onToggleMenu(false, event);\n\n    if (returnFocusToButton) {\n      buttonElementRef.current.focus({\n        preventScroll: true\n      });\n    }\n  }, [dispatch, onToggleMenu, buttonElementRef]);\n  var toggleMenu = (0, _react.useCallback)(function (event) {\n    if (!open) {\n      openMenu(event);\n    } else {\n      closeMenu(event);\n    }\n  }, [open, openMenu, closeMenu]);\n  (0, _useClickOutside.default)({\n    enabled: open,\n    isOutside: function isOutside(event) {\n      return !buttonElementRef.current.contains(event.target) && !menuElementRef.current.contains(event.target);\n    },\n    // fixme if clicking on a focusable element, don't move focus to menu button\n    handle: function handle(event) {\n      return closeMenu(event, !(0, _dom.isFocusableElement)(event.target));\n    }\n  });\n  /**\n   * Keyboard interaction on menu button\n   * @see https://www.w3.org/TR/wai-aria-practices-1.2/#keyboard-interaction-13\n   */\n\n  var handleButtonKeydown = (0, _react.useCallback)(function (e) {\n    switch (e.key) {\n      // Open the menu\n      case _utils.KEY_VALUES.ENTER:\n      case _utils.KEY_VALUES.SPACE:\n        e.preventDefault();\n        e.stopPropagation();\n\n        if (!open) {\n          openMenu(e);\n          dispatch({\n            type: _MenuContext.MenuActionTypes.MoveFocus,\n            to: _MenuContext.MoveFocusTo.First\n          });\n        } else {\n          closeMenu(e);\n        }\n\n        break;\n      // Open the menu (if closed) and move focus to first item\n      // This is mostly useful after opening the menu with click\n\n      case _utils.KEY_VALUES.DOWN:\n        e.preventDefault();\n        e.stopPropagation();\n\n        if (!open) {\n          openMenu(e);\n        }\n\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.First\n        });\n        break;\n    }\n  }, [open, openMenu, closeMenu, dispatch]);\n  var handleButtonClick = (0, _react.useCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n\n    toggleMenu(event);\n  }, [disabled, toggleMenu]);\n  var handleButtonContextMenu = (0, _react.useCallback)(function (event) {\n    // prevents default contextmenu\n    event.preventDefault(); // Only opens menu on right click. Left click can close the menu opened by a right click\n\n    if (open) return;\n    if (disabled) return;\n    openMenu(event);\n  }, [open, disabled, openMenu]);\n  var buttonEventHandlers = {\n    onKeyDown: handleButtonKeydown\n  };\n  /**\n   * Bind event of trigger,\n   * not used in  in the expanded state of '<Sidenav>'\n   */\n\n  if (openMenuOn !== null && openMenuOn !== void 0 && openMenuOn.includes('click')) {\n    buttonEventHandlers.onClick = handleButtonClick;\n  }\n\n  if (openMenuOn !== null && openMenuOn !== void 0 && openMenuOn.includes('contextmenu')) {\n    buttonEventHandlers.onContextMenu = handleButtonContextMenu;\n  }\n\n  var buttonId = (0, _useUniqueId.default)('menubutton-');\n  var menuId = (0, _useUniqueId.default)('menu-'); // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#wai-aria-roles-states-and-properties-14\n\n  var buttonAriaAttributes = {\n    role: 'button',\n    'aria-haspopup': 'menu',\n    'aria-expanded': open || undefined,\n    // it's recommend to remove aria-expanded when menu is hidden\n    'aria-controls': menuId\n  };\n  var buttonProps = (0, _extends2.default)({\n    id: buttonId\n  }, buttonAriaAttributes, buttonEventHandlers, {\n    // render props\n    open: open\n  });\n  var customMenuButton = renderMenuButton === null || renderMenuButton === void 0 ? void 0 : renderMenuButton(buttonProps, buttonElementRef);\n  var buttonElement = customMenuButton !== null && customMenuButton !== void 0 ? customMenuButton : /*#__PURE__*/_react.default.createElement(\"button\", (0, _extends2.default)({\n    ref: buttonElementRef\n  }, buttonProps, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 246,\n      columnNumber: 5\n    }\n  }), menuButtonText);\n  /**\n   * Keyboard interaction on menu\n   * @see https://www.w3.org/TR/wai-aria-practices-1.2/#keyboard-interaction-12\n   */\n\n  var handleMenuKeydown = (0, _react.useCallback)(function (e) {\n    switch (e.key) {\n      // Move focus to previous item\n      case _utils.KEY_VALUES.UP:\n        e.preventDefault();\n        e.stopPropagation();\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.Prev\n        });\n        break;\n      // Move focus to next item\n\n      case _utils.KEY_VALUES.DOWN:\n        e.preventDefault();\n        e.stopPropagation();\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.Next\n        });\n        break;\n      // When focus is in a menu and on a menuitem that has a submenu, opens the submenu and places focus on its first item.\n\n      case _utils.KEY_VALUES.RIGHT:\n        e.preventDefault();\n        e.stopPropagation();\n\n        if (!rtl) {\n          if ((activeItem === null || activeItem === void 0 ? void 0 : activeItem.getAttribute('aria-haspopup')) === 'menu') {\n            activeItem.click();\n          }\n        } else if (isSubmenu) {\n          dispatch({\n            type: _MenuContext.MenuActionTypes.CloseMenu\n          });\n        }\n\n        break;\n      // When focus is in a submenu of an item in a menu, closes the submenu and returns focus to the parent menuitem.\n\n      case _utils.KEY_VALUES.LEFT:\n        e.preventDefault();\n        e.stopPropagation();\n\n        if (!rtl) {\n          if (isSubmenu) {\n            closeMenu(e);\n          }\n        } else if ((activeItem === null || activeItem === void 0 ? void 0 : activeItem.getAttribute('aria-haspopup')) === 'menu') {\n          activeItem.click();\n        }\n\n        break;\n      // Move focus to the first item\n\n      case _utils.KEY_VALUES.HOME:\n        e.preventDefault();\n        e.stopPropagation();\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.First\n        });\n        break;\n      // Move focus to the last item\n\n      case _utils.KEY_VALUES.END:\n        e.preventDefault();\n        e.stopPropagation();\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.Last\n        });\n        break;\n      // - When focus is on a menuitem that has a submenu, opens the submenu and places focus on its first item.\n      // - Otherwise, activates the item and closes the menu.\n\n      case _utils.KEY_VALUES.ENTER:\n      case _utils.KEY_VALUES.SPACE:\n        if (activeItem) {\n          e.preventDefault();\n          e.stopPropagation();\n          activeItem.click();\n\n          if (!activeItem.getAttribute('aria-haspopup')) {\n            closeMenu(e);\n          }\n        }\n\n        break;\n      //  Close the menu that contains focus and return focus to the element or context,\n      //  e.g., menu button or parent menuitem, from which the menu was opened.\n\n      case _utils.KEY_VALUES.ESC:\n        closeMenu(e);\n        break;\n    }\n  }, [dispatch, activeItem, isSubmenu, rtl, closeMenu]); // Only used for clicks bubbling from child `menuitem`s.\n\n  var handleMenuClick = (0, _react.useCallback)(function (event) {\n    var target = event.target; // Only handle clicks on `menuitem`s\n\n    if (target.getAttribute('role') !== 'menuitem') return; // Ignore clicks on `menuitem`s that controls a submenu\n\n    if (target.getAttribute('aria-haspopup') === 'menu') return; // Ignore disabled `menuitem`s\n\n    if (target.getAttribute('aria-disabled') === 'true') return;\n    closeMenu(event, !isSubmenu);\n  }, [closeMenu, isSubmenu]); // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#wai-aria-roles-states-and-properties-13\n\n  var menuAriaAttributes = {\n    role: 'menu',\n    'aria-labelledby': buttonId,\n    'aria-activedescendant': activeItem === null || activeItem === void 0 ? void 0 : activeItem.id\n  };\n  var menuEventHandlers = {\n    onClick: handleMenuClick,\n    onKeyDown: handleMenuKeydown\n  };\n  var menuProps = (0, _extends2.default)({\n    id: menuId\n  }, menuAriaAttributes, menuEventHandlers, {\n    tabIndex: 0\n  });\n  var customMenuPopup = renderMenuPopup === null || renderMenuPopup === void 0 ? void 0 : renderMenuPopup((0, _extends2.default)({}, menuProps, {\n    open: open\n  }), menuElementRef);\n  var menuElement = customMenuPopup !== null && customMenuPopup !== void 0 ? customMenuPopup : /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n    ref: menuElementRef\n  }, menuProps, {\n    hidden: !open,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 390,\n      columnNumber: 5\n    }\n  }), children);\n  var handleMouseEnter = (0, _react.useCallback)(function (e) {\n    if (!disabled) {\n      openMenu(e);\n    }\n  }, [disabled, openMenu]);\n  var handleMouseLeave = (0, _react.useCallback)(function (e) {\n    if (!disabled) {\n      closeMenu(e);\n    }\n  }, [disabled, closeMenu]);\n  var rootElementRef = (0, _react.useRef)();\n  var handleContainerBlur = (0, _react.useCallback)(function (event) {\n    if ((0, _events.isFocusLeaving)(event)) {\n      closeMenu(event, false);\n    }\n  }, [closeMenu]);\n  var rootEventHandlers = {\n    onBlur: handleContainerBlur\n  };\n\n  if (openMenuOn !== null && openMenuOn !== void 0 && openMenuOn.includes('mouseover')) {\n    rootEventHandlers.onMouseEnter = handleMouseEnter;\n    rootEventHandlers.onMouseLeave = handleMouseLeave;\n  }\n\n  var rootProps = (0, _extends2.default)({}, rootEventHandlers, {\n    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, buttonElement, /*#__PURE__*/_react.default.createElement(_MenuContext.default.Provider, {\n      value: menu,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 438,\n        columnNumber: 9\n      }\n    }, menuElement)),\n    // render props\n    open: open\n  });\n\n  if (isSubmenu) {\n    rootProps.role = 'none presentation';\n  }\n\n  return children(rootProps, rootElementRef);\n}\n\nMenu.displayName = 'Menu';\nMenu.propTypes = {\n  children: _propTypes.default.func.isRequired\n};\nvar _default = Menu;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Menu/Menu.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 _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _MenuContext = _interopRequireWildcard(__webpack_require__(/*! ./MenuContext */ \"./src/Menu/MenuContext.ts\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _useUniqueId = _interopRequireDefault(__webpack_require__(/*! ../utils/useUniqueId */ \"./src/utils/useUniqueId.ts\"));\n\nvar _useMenu = _interopRequireDefault(__webpack_require__(/*! ./useMenu */ \"./src/Menu/useMenu.ts\"));\n\nvar _useFocus2 = _interopRequireDefault(__webpack_require__(/*! ../utils/useFocus */ \"./src/utils/useFocus.ts\"));\n\nvar _useClickOutside = _interopRequireDefault(__webpack_require__(/*! ../utils/useClickOutside */ \"./src/utils/useClickOutside.ts\"));\n\nvar _events = __webpack_require__(/*! ../utils/events */ \"./src/utils/events.ts\");\n\nvar _dom = __webpack_require__(/*! ../utils/dom */ \"./src/utils/dom.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Menu/Menu.tsx\";\nvar defaultOpenMenuOn = ['click'];\n/**\n * Headless ARIA `menu`\n */\n\nfunction Menu(props) {\n  var _items$activeItemInde;\n\n  var disabled = props.disabled,\n      children = props.children,\n      _props$openMenuOn = props.openMenuOn,\n      openMenuOn = _props$openMenuOn === void 0 ? defaultOpenMenuOn : _props$openMenuOn,\n      menuButtonText = props.menuButtonText,\n      renderMenuButton = props.renderMenuButton,\n      renderMenuPopup = props.renderMenuPopup,\n      onToggleMenu = props.onToggleMenu;\n  var buttonElementRef = (0, _react.useRef)();\n  var menuElementRef = (0, _react.useRef)();\n  var parentMenu = (0, _react.useContext)(_MenuContext.default);\n  var isSubmenu = !!parentMenu;\n  var menu = (0, _useMenu.default)();\n  var _menu$ = menu[0],\n      open = _menu$.open,\n      items = _menu$.items,\n      activeItemIndex = _menu$.activeItemIndex,\n      dispatch = menu[1];\n\n  var _useCustom = (0, _utils.useCustom)('Menu'),\n      rtl = _useCustom.rtl;\n\n  var activeItem = (_items$activeItemInde = items[activeItemIndex]) === null || _items$activeItemInde === void 0 ? void 0 : _items$activeItemInde.element;\n\n  var _useFocus = (0, _useFocus2.default)(menuElementRef),\n      grabFocus = _useFocus.grab;\n\n  var openMenu = (0, _react.useCallback)(function (event) {\n    dispatch({\n      type: _MenuContext.MenuActionTypes.OpenMenu\n    });\n\n    if (!event.isTrusted) {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.MoveFocus,\n        to: _MenuContext.MoveFocusTo.First\n      });\n    }\n\n    onToggleMenu === null || onToggleMenu === void 0 ? void 0 : onToggleMenu(true, event);\n    grabFocus();\n  }, [dispatch, onToggleMenu, grabFocus]);\n  var closeMenu = (0, _react.useCallback)(function (event, returnFocusToButton) {\n    if (returnFocusToButton === void 0) {\n      returnFocusToButton = true;\n    }\n\n    dispatch({\n      type: _MenuContext.MenuActionTypes.CloseMenu\n    });\n    dispatch({\n      type: _MenuContext.MenuActionTypes.MoveFocus,\n      to: _MenuContext.MoveFocusTo.None\n    });\n    onToggleMenu === null || onToggleMenu === void 0 ? void 0 : onToggleMenu(false, event);\n\n    if (returnFocusToButton) {\n      buttonElementRef.current.focus({\n        preventScroll: true\n      });\n    }\n  }, [dispatch, onToggleMenu, buttonElementRef]);\n  var toggleMenu = (0, _react.useCallback)(function (event) {\n    if (!open) {\n      openMenu(event);\n    } else {\n      closeMenu(event);\n    }\n  }, [open, openMenu, closeMenu]);\n  (0, _useClickOutside.default)({\n    enabled: open,\n    isOutside: function isOutside(event) {\n      return !buttonElementRef.current.contains(event.target) && !menuElementRef.current.contains(event.target);\n    },\n    // fixme if clicking on a focusable element, don't move focus to menu button\n    handle: function handle(event) {\n      return closeMenu(event, !(0, _dom.isFocusableElement)(event.target));\n    }\n  });\n  /**\n   * Keyboard interaction on menu button\n   * @see https://www.w3.org/TR/wai-aria-practices-1.2/#keyboard-interaction-13\n   */\n\n  var handleButtonKeydown = (0, _react.useCallback)(function (e) {\n    switch (e.key) {\n      // Open the menu\n      case _utils.KEY_VALUES.ENTER:\n      case _utils.KEY_VALUES.SPACE:\n        e.preventDefault();\n        e.stopPropagation();\n\n        if (!open) {\n          openMenu(e);\n          dispatch({\n            type: _MenuContext.MenuActionTypes.MoveFocus,\n            to: _MenuContext.MoveFocusTo.First\n          });\n        } else {\n          closeMenu(e);\n        }\n\n        break;\n      // Open the menu (if closed) and move focus to first item\n      // This is mostly useful after opening the menu with click\n\n      case _utils.KEY_VALUES.DOWN:\n        e.preventDefault();\n        e.stopPropagation();\n\n        if (!open) {\n          openMenu(e);\n        }\n\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.First\n        });\n        break;\n    }\n  }, [open, openMenu, closeMenu, dispatch]);\n  var handleButtonClick = (0, _react.useCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n\n    toggleMenu(event);\n  }, [disabled, toggleMenu]);\n  var handleButtonContextMenu = (0, _react.useCallback)(function (event) {\n    // prevents default contextmenu\n    event.preventDefault(); // Only opens menu on right click. Left click can close the menu opened by a right click\n\n    if (open) return;\n    if (disabled) return;\n    openMenu(event);\n  }, [open, disabled, openMenu]);\n  var buttonEventHandlers = (0, _react.useMemo)(function () {\n    var buttonEventHandlers = {\n      onKeyDown: handleButtonKeydown\n    };\n    /**\n     * Bind event of trigger,\n     * not used in  in the expanded state of '<Sidenav>'\n     */\n\n    if (openMenuOn !== null && openMenuOn !== void 0 && openMenuOn.includes('click')) {\n      buttonEventHandlers.onClick = handleButtonClick;\n    }\n\n    if (openMenuOn !== null && openMenuOn !== void 0 && openMenuOn.includes('contextmenu')) {\n      buttonEventHandlers.onContextMenu = handleButtonContextMenu;\n    }\n\n    return buttonEventHandlers;\n  }, [openMenuOn, handleButtonKeydown, handleButtonClick, handleButtonContextMenu]);\n  var buttonId = (0, _useUniqueId.default)('menubutton-');\n  var menuId = (0, _useUniqueId.default)('menu-');\n  var buttonAriaAttributes = (0, _react.useMemo)(function () {\n    // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#wai-aria-roles-states-and-properties-14\n    return {\n      role: 'button',\n      'aria-haspopup': 'menu',\n      'aria-expanded': open || undefined,\n      // it's recommend to remove aria-expanded when menu is hidden\n      'aria-controls': menuId\n    };\n  }, [open, menuId]);\n  var buttonProps = (0, _react.useMemo)(function () {\n    return (0, _extends2.default)({\n      id: buttonId\n    }, buttonAriaAttributes, buttonEventHandlers, {\n      // render props\n      open: open\n    });\n  }, [buttonId, buttonAriaAttributes, buttonEventHandlers, open]);\n  var customMenuButton = (0, _react.useMemo)(function () {\n    return renderMenuButton === null || renderMenuButton === void 0 ? void 0 : renderMenuButton(buttonProps, buttonElementRef);\n  }, [renderMenuButton, buttonProps, buttonElementRef]);\n  var buttonElement = customMenuButton !== null && customMenuButton !== void 0 ? customMenuButton : /*#__PURE__*/_react.default.createElement(\"button\", (0, _extends2.default)({\n    ref: buttonElementRef\n  }, buttonProps, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 256,\n      columnNumber: 5\n    }\n  }), menuButtonText);\n  /**\n   * Keyboard interaction on menu\n   * @see https://www.w3.org/TR/wai-aria-practices-1.2/#keyboard-interaction-12\n   */\n\n  var handleMenuKeydown = (0, _react.useCallback)(function (e) {\n    switch (e.key) {\n      // Move focus to previous item\n      case _utils.KEY_VALUES.UP:\n        e.preventDefault();\n        e.stopPropagation();\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.Prev\n        });\n        break;\n      // Move focus to next item\n\n      case _utils.KEY_VALUES.DOWN:\n        e.preventDefault();\n        e.stopPropagation();\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.Next\n        });\n        break;\n      // When focus is in a menu and on a menuitem that has a submenu, opens the submenu and places focus on its first item.\n\n      case _utils.KEY_VALUES.RIGHT:\n        e.preventDefault();\n        e.stopPropagation();\n\n        if (!rtl) {\n          if ((activeItem === null || activeItem === void 0 ? void 0 : activeItem.getAttribute('aria-haspopup')) === 'menu') {\n            activeItem.click();\n          }\n        } else if (isSubmenu) {\n          dispatch({\n            type: _MenuContext.MenuActionTypes.CloseMenu\n          });\n        }\n\n        break;\n      // When focus is in a submenu of an item in a menu, closes the submenu and returns focus to the parent menuitem.\n\n      case _utils.KEY_VALUES.LEFT:\n        e.preventDefault();\n        e.stopPropagation();\n\n        if (!rtl) {\n          if (isSubmenu) {\n            closeMenu(e);\n          }\n        } else if ((activeItem === null || activeItem === void 0 ? void 0 : activeItem.getAttribute('aria-haspopup')) === 'menu') {\n          activeItem.click();\n        }\n\n        break;\n      // Move focus to the first item\n\n      case _utils.KEY_VALUES.HOME:\n        e.preventDefault();\n        e.stopPropagation();\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.First\n        });\n        break;\n      // Move focus to the last item\n\n      case _utils.KEY_VALUES.END:\n        e.preventDefault();\n        e.stopPropagation();\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.Last\n        });\n        break;\n      // - When focus is on a menuitem that has a submenu, opens the submenu and places focus on its first item.\n      // - Otherwise, activates the item and closes the menu.\n\n      case _utils.KEY_VALUES.ENTER:\n      case _utils.KEY_VALUES.SPACE:\n        if (activeItem) {\n          e.preventDefault();\n          e.stopPropagation();\n          activeItem.click();\n\n          if (!activeItem.getAttribute('aria-haspopup')) {\n            closeMenu(e);\n          }\n        }\n\n        break;\n      //  Close the menu that contains focus and return focus to the element or context,\n      //  e.g., menu button or parent menuitem, from which the menu was opened.\n\n      case _utils.KEY_VALUES.ESC:\n        closeMenu(e);\n        break;\n    }\n  }, [dispatch, activeItem, isSubmenu, rtl, closeMenu]); // Only used for clicks bubbling from child `menuitem`s.\n\n  var handleMenuClick = (0, _react.useCallback)(function (event) {\n    var target = event.target; // Only handle clicks on `menuitem`s\n\n    if (target.getAttribute('role') !== 'menuitem') return; // Ignore clicks on `menuitem`s that controls a submenu\n\n    if (target.getAttribute('aria-haspopup') === 'menu') return; // Ignore disabled `menuitem`s\n\n    if (target.getAttribute('aria-disabled') === 'true') return;\n    closeMenu(event, !isSubmenu);\n  }, [closeMenu, isSubmenu]); // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#wai-aria-roles-states-and-properties-13\n\n  var menuAriaAttributes = {\n    role: 'menu',\n    'aria-labelledby': buttonId,\n    'aria-activedescendant': activeItem === null || activeItem === void 0 ? void 0 : activeItem.id\n  };\n  var menuEventHandlers = {\n    onClick: handleMenuClick,\n    onKeyDown: handleMenuKeydown\n  };\n  var menuProps = (0, _extends2.default)({\n    id: menuId\n  }, menuAriaAttributes, menuEventHandlers, {\n    tabIndex: 0\n  });\n  var customMenuPopup = renderMenuPopup === null || renderMenuPopup === void 0 ? void 0 : renderMenuPopup((0, _extends2.default)({}, menuProps, {\n    open: open\n  }), menuElementRef);\n  var menuElement = customMenuPopup !== null && customMenuPopup !== void 0 ? customMenuPopup : /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n    ref: menuElementRef\n  }, menuProps, {\n    hidden: !open,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 400,\n      columnNumber: 5\n    }\n  }), children);\n  var handleMouseEnter = (0, _react.useCallback)(function (e) {\n    if (!disabled) {\n      openMenu(e);\n    }\n  }, [disabled, openMenu]);\n  var handleMouseLeave = (0, _react.useCallback)(function (e) {\n    if (!disabled) {\n      closeMenu(e);\n    }\n  }, [disabled, closeMenu]);\n  var rootElementRef = (0, _react.useRef)();\n  var handleContainerBlur = (0, _react.useCallback)(function (event) {\n    if ((0, _events.isFocusLeaving)(event)) {\n      closeMenu(event, false);\n    }\n  }, [closeMenu]);\n  var rootEventHandlers = {\n    onBlur: handleContainerBlur\n  };\n\n  if (openMenuOn !== null && openMenuOn !== void 0 && openMenuOn.includes('mouseover')) {\n    rootEventHandlers.onMouseEnter = handleMouseEnter;\n    rootEventHandlers.onMouseLeave = handleMouseLeave;\n  }\n\n  var rootProps = (0, _extends2.default)({}, rootEventHandlers, {\n    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, buttonElement, /*#__PURE__*/_react.default.createElement(_MenuContext.default.Provider, {\n      value: menu,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 448,\n        columnNumber: 9\n      }\n    }, menuElement)),\n    // render props\n    open: open\n  });\n\n  if (isSubmenu) {\n    rootProps.role = 'none presentation';\n  }\n\n  return children(rootProps, rootElementRef);\n}\n\nMenu.displayName = 'Menu';\nMenu.propTypes = {\n  children: _propTypes.default.func.isRequired\n};\nvar _default = Menu;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Menu/Menu.tsx?");
 
 /***/ }),
 
@@ -2859,7 +3145,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 && !!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    if (!hasFocus) {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.MoveFocus,\n        to: _MenuContext.MoveFocusTo.Specific,\n        id: menuitemRef.current.id\n      });\n    }\n  }, [hasFocus, dispatch]); // Gain/release focus on mouseenter/mouseleave in `menu`\n\n  var handleMouseMove = (0, _react.useCallback)(function () {\n    if (!hasFocus) {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.MoveFocus,\n        to: _MenuContext.MoveFocusTo.Specific,\n        id: menuitemRef.current.id\n      });\n    }\n  }, [hasFocus, 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?");
 
 /***/ }),
 
@@ -3002,7 +3288,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.useBodyStyles = void 0;\n\nvar _react = __webpack_require__(/*! react */ \"react\");\n\nvar _elementResizeEvent = _interopRequireWildcard(__webpack_require__(/*! element-resize-event */ \"./node_modules/element-resize-event/index.js\"));\n\nvar _getHeight = _interopRequireDefault(__webpack_require__(/*! dom-lib/getHeight */ \"./node_modules/dom-lib/esm/getHeight.js\"));\n\nvar _on = _interopRequireDefault(__webpack_require__(/*! dom-lib/on */ \"./node_modules/dom-lib/esm/on.js\"));\n\nvar useBodyStyles = function useBodyStyles(ref, options) {\n  var _useState = (0, _react.useState)({}),\n      bodyStyles = _useState[0],\n      setBodyStyles = _useState[1];\n\n  var overflow = options.overflow,\n      drawer = options.drawer,\n      prefix = options.prefix;\n  var windowResizeListener = (0, _react.useRef)();\n  var contentElement = (0, _react.useRef)();\n  var updateBodyStyles = (0, _react.useCallback)(function (_event, entering) {\n    var dialog = ref.current;\n    var scrollHeight = dialog ? dialog.scrollHeight : 0;\n    var styles = {\n      overflow: 'auto'\n    };\n\n    if (dialog) {\n      // default margin\n      var headerHeight = 46;\n      var footerHeight = 46;\n      var headerDOM = dialog.querySelector(\".\" + prefix('header'));\n      var footerDOM = dialog.querySelector(\".\" + prefix('footer'));\n      headerHeight = headerDOM ? (0, _getHeight.default)(headerDOM) + headerHeight : headerHeight;\n      footerHeight = footerDOM ? (0, _getHeight.default)(footerDOM) + footerHeight : footerHeight;\n      /**\n       * Header height + Footer height + Dialog margin\n       */\n\n      var excludeHeight = headerHeight + footerHeight + (entering ? 70 : 60);\n      var bodyHeight = (0, _getHeight.default)(window) - excludeHeight;\n      var maxHeight = scrollHeight >= bodyHeight ? bodyHeight : scrollHeight;\n      styles.maxHeight = maxHeight;\n    }\n\n    setBodyStyles(styles);\n  }, [prefix, ref]);\n  var onDestroyEvents = (0, _react.useCallback)(function () {\n    var _windowResizeListener, _windowResizeListener2;\n\n    (_windowResizeListener = windowResizeListener.current) === null || _windowResizeListener === void 0 ? void 0 : (_windowResizeListener2 = _windowResizeListener.off) === null || _windowResizeListener2 === void 0 ? void 0 : _windowResizeListener2.call(_windowResizeListener);\n\n    if (contentElement.current) {\n      (0, _elementResizeEvent.unbind)(contentElement.current);\n    }\n  }, []);\n  var onChangeBodyStyles = (0, _react.useCallback)(function (entering) {\n    if (overflow && !drawer) {\n      var _ref$current;\n\n      updateBodyStyles(null, entering);\n      contentElement.current = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector(\".\" + prefix('content'));\n      windowResizeListener.current = (0, _on.default)(window, 'resize', updateBodyStyles);\n      (0, _elementResizeEvent.default)(contentElement.current, updateBodyStyles);\n    }\n  }, [drawer, overflow, prefix, ref, updateBodyStyles]);\n  (0, _react.useEffect)(function () {\n    onDestroyEvents();\n  }, [onDestroyEvents]);\n  return [overflow ? bodyStyles : {}, onChangeBodyStyles, onDestroyEvents];\n};\n\nexports.useBodyStyles = useBodyStyles;\n\n//# sourceURL=webpack://rsuite/./src/Modal/utils.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.useBodyStyles = void 0;\n\nvar _react = __webpack_require__(/*! react */ \"react\");\n\nvar _getHeight = _interopRequireDefault(__webpack_require__(/*! dom-lib/getHeight */ \"./node_modules/dom-lib/esm/getHeight.js\"));\n\nvar _on = _interopRequireDefault(__webpack_require__(/*! dom-lib/on */ \"./node_modules/dom-lib/esm/on.js\"));\n\nvar _resizeObserver = __webpack_require__(/*! @juggle/resize-observer */ \"./node_modules/@juggle/resize-observer/lib/exports/resize-observer.js\");\n\nvar useBodyStyles = function useBodyStyles(ref, options) {\n  var _useState = (0, _react.useState)({}),\n      bodyStyles = _useState[0],\n      setBodyStyles = _useState[1];\n\n  var overflow = options.overflow,\n      drawer = options.drawer,\n      prefix = options.prefix;\n  var windowResizeListener = (0, _react.useRef)();\n  var contentElement = (0, _react.useRef)();\n  var contentElementResizeObserver = (0, _react.useRef)();\n  var updateBodyStyles = (0, _react.useCallback)(function (_event, entering) {\n    var dialog = ref.current;\n    var scrollHeight = dialog ? dialog.scrollHeight : 0;\n    var styles = {\n      overflow: 'auto'\n    };\n\n    if (dialog) {\n      // default margin\n      var headerHeight = 46;\n      var footerHeight = 46;\n      var headerDOM = dialog.querySelector(\".\" + prefix('header'));\n      var footerDOM = dialog.querySelector(\".\" + prefix('footer'));\n      headerHeight = headerDOM ? (0, _getHeight.default)(headerDOM) + headerHeight : headerHeight;\n      footerHeight = footerDOM ? (0, _getHeight.default)(footerDOM) + footerHeight : footerHeight;\n      /**\n       * Header height + Footer height + Dialog margin\n       */\n\n      var excludeHeight = headerHeight + footerHeight + (entering ? 70 : 60);\n      var bodyHeight = (0, _getHeight.default)(window) - excludeHeight;\n      var maxHeight = scrollHeight >= bodyHeight ? bodyHeight : scrollHeight;\n      styles.maxHeight = maxHeight;\n    }\n\n    setBodyStyles(styles);\n  }, [prefix, ref]);\n  var onDestroyEvents = (0, _react.useCallback)(function () {\n    var _windowResizeListener, _windowResizeListener2, _contentElementResize;\n\n    (_windowResizeListener = windowResizeListener.current) === null || _windowResizeListener === void 0 ? void 0 : (_windowResizeListener2 = _windowResizeListener.off) === null || _windowResizeListener2 === void 0 ? void 0 : _windowResizeListener2.call(_windowResizeListener);\n    (_contentElementResize = contentElementResizeObserver.current) === null || _contentElementResize === void 0 ? void 0 : _contentElementResize.disconnect();\n  }, []);\n  var onChangeBodyStyles = (0, _react.useCallback)(function (entering) {\n    if (overflow && !drawer) {\n      var _ref$current;\n\n      updateBodyStyles(null, entering);\n      contentElement.current = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector(\".\" + prefix('content'));\n      windowResizeListener.current = (0, _on.default)(window, 'resize', updateBodyStyles);\n      contentElementResizeObserver.current = new _resizeObserver.ResizeObserver(function () {\n        return updateBodyStyles();\n      });\n      contentElementResizeObserver.current.observe(contentElement.current);\n    }\n  }, [drawer, overflow, prefix, ref, updateBodyStyles]);\n  (0, _react.useEffect)(function () {\n    onDestroyEvents();\n  }, [onDestroyEvents]);\n  return [overflow ? bodyStyles : {}, onChangeBodyStyles, onDestroyEvents];\n};\n\nexports.useBodyStyles = useBodyStyles;\n\n//# sourceURL=webpack://rsuite/./src/Modal/utils.ts?");
 
 /***/ }),
 
@@ -3233,7 +3519,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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _elementResizeEvent = _interopRequireDefault(__webpack_require__(/*! element-resize-event */ \"./node_modules/element-resize-event/index.js\"));\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 _getContainer = _interopRequireDefault(__webpack_require__(/*! dom-lib/getContainer */ \"./node_modules/dom-lib/esm/getContainer.js\"));\n\nvar _ownerDocument = _interopRequireDefault(__webpack_require__(/*! dom-lib/ownerDocument */ \"./node_modules/dom-lib/esm/ownerDocument.js\"));\n\nvar _removeClass = _interopRequireDefault(__webpack_require__(/*! dom-lib/removeClass */ \"./node_modules/dom-lib/esm/removeClass.js\"));\n\nvar _on = _interopRequireDefault(__webpack_require__(/*! dom-lib/on */ \"./node_modules/dom-lib/esm/on.js\"));\n\nvar _addClass = _interopRequireDefault(__webpack_require__(/*! dom-lib/addClass */ \"./node_modules/dom-lib/esm/addClass.js\"));\n\nvar _addStyle = _interopRequireDefault(__webpack_require__(/*! dom-lib/addStyle */ \"./node_modules/dom-lib/esm/addStyle.js\"));\n\nvar _isElement = _interopRequireDefault(__webpack_require__(/*! ../DOMHelper/isElement */ \"./src/DOMHelper/isElement.ts\"));\n\nvar _positionUtils = _interopRequireDefault(__webpack_require__(/*! ./positionUtils */ \"./src/Overlay/positionUtils.ts\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar usePosition = function usePosition(props, ref) {\n  var _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'right' : _props$placement,\n      preventOverflow = props.preventOverflow,\n      _props$containerPaddi = props.containerPadding,\n      containerPadding = _props$containerPaddi === void 0 ? 0 : _props$containerPaddi,\n      container = props.container,\n      triggerTarget = props.triggerTarget;\n  var containerRef = (0, _react.useRef)();\n  var lastTargetRef = (0, _react.useRef)();\n  var defaultPosition = {\n    positionLeft: 0,\n    positionTop: 0,\n    arrowOffsetLeft: null,\n    arrowOffsetTop: null\n  };\n\n  var _useState = (0, _react.useState)(defaultPosition),\n      position = _useState[0],\n      setPosition = _useState[1];\n\n  var utils = (0, _react.useMemo)(function () {\n    return (0, _positionUtils.default)({\n      placement: placement,\n      preventOverflow: preventOverflow,\n      padding: containerPadding\n    });\n  }, [placement, preventOverflow, containerPadding]);\n  var updatePosition = (0, _react.useCallback)(\n  /**\n   * @param placementChanged  Whether the placement has changed\n   * @param forceUpdateDOM Whether to update the DOM directly\n   * @returns void\n   */\n  function (placementChanged, forceUpdateDOM) {\n    if (placementChanged === void 0) {\n      placementChanged = true;\n    }\n\n    if (!(triggerTarget !== null && triggerTarget !== void 0 && triggerTarget.current)) {\n      return;\n    }\n\n    var targetElement = (0, _utils.getDOMNode)(triggerTarget);\n\n    if (!(0, _isElement.default)(targetElement)) {\n      throw new Error('`target` should return an HTMLElement');\n    } //  If the target and placement do not change, the position is not updated.\n\n\n    if (targetElement === lastTargetRef.current && !placementChanged) {\n      return;\n    }\n\n    var overlay = (0, _utils.getDOMNode)(ref.current);\n    var containerElement = (0, _getContainer.default)(typeof container === 'function' ? container() : container, (0, _ownerDocument.default)(ref.current).body);\n    var posi = utils.calcOverlayPosition(overlay, targetElement, containerElement);\n\n    if (forceUpdateDOM && overlay) {\n      var _overlay$className, _overlay$className$ma;\n\n      var preClassName = overlay === null || overlay === void 0 ? void 0 : (_overlay$className = overlay.className) === null || _overlay$className === void 0 ? void 0 : (_overlay$className$ma = _overlay$className.match(/(placement-\\S+)/)) === null || _overlay$className$ma === void 0 ? void 0 : _overlay$className$ma[0];\n      (0, _removeClass.default)(overlay, preClassName);\n      (0, _addClass.default)(overlay, posi.positionClassName);\n      (0, _addStyle.default)(overlay, {\n        left: posi.positionLeft + \"px\",\n        top: posi.positionTop + \"px\"\n      });\n    } else {\n      setPosition(posi);\n    }\n\n    containerRef.current = containerElement;\n    lastTargetRef.current = targetElement;\n  }, [container, ref, triggerTarget, utils]);\n  (0, _react.useEffect)(function () {\n    updatePosition(false);\n    var overlay = (0, _utils.getDOMNode)(ref.current);\n    var containerScrollListener;\n\n    if (containerRef.current && preventOverflow) {\n      var _containerRef$current;\n\n      // Update the overlay position when the container scroll bar is scrolling\n      containerScrollListener = (0, _on.default)(((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.tagName) === 'BODY' ? window : containerRef.current, 'scroll', function () {\n        return updatePosition(true, true);\n      });\n    } // Update the position when the window size changes\n\n\n    var resizeListener = (0, _on.default)(window, 'resize', function () {\n      return updatePosition(true, true);\n    });\n\n    if (overlay) {\n      // Update the position when the size of the overlay changes\n      (0, _elementResizeEvent.default)(overlay, function () {\n        return updatePosition(true, true);\n      });\n    }\n\n    return function () {\n      var _containerScrollListe;\n\n      lastTargetRef.current = null;\n      (_containerScrollListe = containerScrollListener) === null || _containerScrollListe === void 0 ? void 0 : _containerScrollListe.off();\n      resizeListener === null || resizeListener === void 0 ? void 0 : resizeListener.off();\n    };\n  }, [preventOverflow, ref, updatePosition]);\n  (0, _utils.useUpdateEffect)(function () {\n    return updatePosition();\n  }, [updatePosition, placement]);\n  return [position, updatePosition];\n};\n\nvar Position = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var children = props.children,\n      className = props.className;\n\n  var childRef = _react.default.useRef();\n\n  var _usePosition = usePosition(props, childRef),\n      position = _usePosition[0],\n      updatePosition = _usePosition[1];\n\n  var positionClassName = position.positionClassName,\n      arrowOffsetLeft = position.arrowOffsetLeft,\n      arrowOffsetTop = position.arrowOffsetTop,\n      positionLeft = position.positionLeft,\n      positionTop = position.positionTop;\n  (0, _react.useImperativeHandle)(ref, function () {\n    return {\n      get child() {\n        return childRef.current;\n      },\n\n      updatePosition: updatePosition\n    };\n  });\n\n  if (typeof children === 'function') {\n    var childProps = {\n      className: (0, _classnames.default)(className, positionClassName),\n      arrowOffsetLeft: arrowOffsetLeft,\n      arrowOffsetTop: arrowOffsetTop,\n      left: positionLeft,\n      top: positionTop\n    };\n    return children(childProps, childRef);\n  }\n\n  return children;\n});\n\nPosition.displayName = 'Position';\nPosition.propTypes = {\n  className: _propTypes.default.string,\n  children: _propTypes.default.func,\n  container: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.any]),\n  containerPadding: _propTypes.default.number,\n  placement: _propTypes.default.any,\n  preventOverflow: _propTypes.default.bool,\n  triggerTarget: _propTypes.default.any\n};\nvar _default = Position;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Overlay/Position.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 _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 _getContainer = _interopRequireDefault(__webpack_require__(/*! dom-lib/getContainer */ \"./node_modules/dom-lib/esm/getContainer.js\"));\n\nvar _ownerDocument = _interopRequireDefault(__webpack_require__(/*! dom-lib/ownerDocument */ \"./node_modules/dom-lib/esm/ownerDocument.js\"));\n\nvar _removeClass = _interopRequireDefault(__webpack_require__(/*! dom-lib/removeClass */ \"./node_modules/dom-lib/esm/removeClass.js\"));\n\nvar _on = _interopRequireDefault(__webpack_require__(/*! dom-lib/on */ \"./node_modules/dom-lib/esm/on.js\"));\n\nvar _addClass = _interopRequireDefault(__webpack_require__(/*! dom-lib/addClass */ \"./node_modules/dom-lib/esm/addClass.js\"));\n\nvar _addStyle = _interopRequireDefault(__webpack_require__(/*! dom-lib/addStyle */ \"./node_modules/dom-lib/esm/addStyle.js\"));\n\nvar _resizeObserver = __webpack_require__(/*! @juggle/resize-observer */ \"./node_modules/@juggle/resize-observer/lib/exports/resize-observer.js\");\n\nvar _isElement = _interopRequireDefault(__webpack_require__(/*! ../DOMHelper/isElement */ \"./src/DOMHelper/isElement.ts\"));\n\nvar _positionUtils = _interopRequireDefault(__webpack_require__(/*! ./positionUtils */ \"./src/Overlay/positionUtils.ts\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar usePosition = function usePosition(props, ref) {\n  var _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'right' : _props$placement,\n      preventOverflow = props.preventOverflow,\n      _props$containerPaddi = props.containerPadding,\n      containerPadding = _props$containerPaddi === void 0 ? 0 : _props$containerPaddi,\n      container = props.container,\n      triggerTarget = props.triggerTarget;\n  var containerRef = (0, _react.useRef)();\n  var lastTargetRef = (0, _react.useRef)();\n  var overlayResizeObserver = (0, _react.useRef)();\n  var defaultPosition = {\n    positionLeft: 0,\n    positionTop: 0,\n    arrowOffsetLeft: null,\n    arrowOffsetTop: null\n  };\n\n  var _useState = (0, _react.useState)(defaultPosition),\n      position = _useState[0],\n      setPosition = _useState[1];\n\n  var utils = (0, _react.useMemo)(function () {\n    return (0, _positionUtils.default)({\n      placement: placement,\n      preventOverflow: preventOverflow,\n      padding: containerPadding\n    });\n  }, [placement, preventOverflow, containerPadding]);\n  var updatePosition = (0, _react.useCallback)(\n  /**\n   * @param placementChanged  Whether the placement has changed\n   * @param forceUpdateDOM Whether to update the DOM directly\n   * @returns void\n   */\n  function (placementChanged, forceUpdateDOM) {\n    if (placementChanged === void 0) {\n      placementChanged = true;\n    }\n\n    if (!(triggerTarget !== null && triggerTarget !== void 0 && triggerTarget.current)) {\n      return;\n    }\n\n    var targetElement = (0, _utils.getDOMNode)(triggerTarget);\n\n    if (!(0, _isElement.default)(targetElement)) {\n      throw new Error('`target` should return an HTMLElement');\n    } //  If the target and placement do not change, the position is not updated.\n\n\n    if (targetElement === lastTargetRef.current && !placementChanged) {\n      return;\n    }\n\n    var overlay = (0, _utils.getDOMNode)(ref.current);\n    var containerElement = (0, _getContainer.default)(typeof container === 'function' ? container() : container, (0, _ownerDocument.default)(ref.current).body);\n    var posi = utils.calcOverlayPosition(overlay, targetElement, containerElement);\n\n    if (forceUpdateDOM && overlay) {\n      var _overlay$className, _overlay$className$ma;\n\n      var preClassName = overlay === null || overlay === void 0 ? void 0 : (_overlay$className = overlay.className) === null || _overlay$className === void 0 ? void 0 : (_overlay$className$ma = _overlay$className.match(/(placement-\\S+)/)) === null || _overlay$className$ma === void 0 ? void 0 : _overlay$className$ma[0];\n      (0, _removeClass.default)(overlay, preClassName);\n      (0, _addClass.default)(overlay, posi.positionClassName);\n      (0, _addStyle.default)(overlay, {\n        left: posi.positionLeft + \"px\",\n        top: posi.positionTop + \"px\"\n      });\n    } else {\n      setPosition(posi);\n    }\n\n    containerRef.current = containerElement;\n    lastTargetRef.current = targetElement;\n  }, [container, ref, triggerTarget, utils]);\n  (0, _react.useEffect)(function () {\n    updatePosition(false);\n    var overlay = (0, _utils.getDOMNode)(ref.current);\n    var containerScrollListener;\n\n    if (containerRef.current && preventOverflow) {\n      var _containerRef$current;\n\n      // Update the overlay position when the container scroll bar is scrolling\n      containerScrollListener = (0, _on.default)(((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.tagName) === 'BODY' ? window : containerRef.current, 'scroll', function () {\n        return updatePosition(true, true);\n      });\n    } // Update the position when the window size changes\n\n\n    var resizeListener = (0, _on.default)(window, 'resize', function () {\n      return updatePosition(true, true);\n    });\n\n    if (overlay) {\n      // Update the position when the size of the overlay changes\n      overlayResizeObserver.current = new _resizeObserver.ResizeObserver(function () {\n        return updatePosition(true, true);\n      });\n      overlayResizeObserver.current.observe(overlay);\n    }\n\n    return function () {\n      var _containerScrollListe, _overlayResizeObserve;\n\n      lastTargetRef.current = null;\n      (_containerScrollListe = containerScrollListener) === null || _containerScrollListe === void 0 ? void 0 : _containerScrollListe.off();\n      resizeListener === null || resizeListener === void 0 ? void 0 : resizeListener.off();\n      (_overlayResizeObserve = overlayResizeObserver.current) === null || _overlayResizeObserve === void 0 ? void 0 : _overlayResizeObserve.disconnect();\n    };\n  }, [preventOverflow, ref, updatePosition]);\n  (0, _utils.useUpdateEffect)(function () {\n    return updatePosition();\n  }, [updatePosition, placement]);\n  return [position, updatePosition];\n};\n\nvar Position = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var children = props.children,\n      className = props.className;\n\n  var childRef = _react.default.useRef();\n\n  var _usePosition = usePosition(props, childRef),\n      position = _usePosition[0],\n      updatePosition = _usePosition[1];\n\n  var positionClassName = position.positionClassName,\n      arrowOffsetLeft = position.arrowOffsetLeft,\n      arrowOffsetTop = position.arrowOffsetTop,\n      positionLeft = position.positionLeft,\n      positionTop = position.positionTop;\n  (0, _react.useImperativeHandle)(ref, function () {\n    return {\n      get child() {\n        return childRef.current;\n      },\n\n      updatePosition: updatePosition\n    };\n  });\n\n  if (typeof children === 'function') {\n    var childProps = {\n      className: (0, _classnames.default)(className, positionClassName),\n      arrowOffsetLeft: arrowOffsetLeft,\n      arrowOffsetTop: arrowOffsetTop,\n      left: positionLeft,\n      top: positionTop\n    };\n    return children(childProps, childRef);\n  }\n\n  return children;\n});\n\nPosition.displayName = 'Position';\nPosition.propTypes = {\n  className: _propTypes.default.string,\n  children: _propTypes.default.func,\n  container: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.any]),\n  containerPadding: _propTypes.default.number,\n  placement: _propTypes.default.any,\n  preventOverflow: _propTypes.default.bool,\n  triggerTarget: _propTypes.default.any\n};\nvar _default = Position;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Overlay/Position.tsx?");
 
 /***/ }),
 
@@ -3398,7 +3684,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 _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 _MaskedInput = _interopRequireDefault(__webpack_require__(/*! ../MaskedInput */ \"./src/MaskedInput/index.tsx\"));\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Picker/PickerToggle.tsx\",\n    _this = void 0,\n    _templateObject,\n    _templateObject2;\n\nvar defaultInputMask = [];\n\nvar PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var activeProp = props.active,\n      _props$as = props.as,\n      Component = _props$as === void 0 ? _ToggleButton.default : _props$as,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'picker-toggle' : _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      _props$inputMask = props.inputMask,\n      inputMask = _props$inputMask === void 0 ? defaultInputMask : _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      _props$caretAs = props.caretAs,\n      caretAs = _props$caretAs === void 0 ? caretComponent : _props$caretAs,\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\", \"caretAs\"]);\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 = caretAs !== null && caretAs !== void 0 ? caretAs : 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: 163,\n        columnNumber: 9\n      }\n    }, hasValue ? children : null);\n  }\n\n  var showCleanButton = 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: 175,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(_MaskedInput.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: 205,\n          columnNumber: 35\n        }\n      }));\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 190,\n      columnNumber: 9\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: 209,\n      columnNumber: 11\n    }\n  }, children) : null, showCleanButton && /*#__PURE__*/_react.default.createElement(_CloseButton.default, {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"clean\"]))),\n    tabIndex: -1,\n    locale: {\n      closeLabel: 'Clear'\n    },\n    onClick: handleClean,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 218,\n      columnNumber: 11\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: 225,\n      columnNumber: 19\n    }\n  }));\n});\n\nPickerToggle.displayName = 'PickerToggle';\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  caretComponent: (0, _deprecatePropType.default)(_propTypes.default.elementType, 'Use `caretAs` instead.'),\n  caretAs: _propTypes.default.elementType\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 _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 _TextMask = _interopRequireDefault(__webpack_require__(/*! ../MaskedInput/TextMask */ \"./src/MaskedInput/TextMask.tsx\"));\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Picker/PickerToggle.tsx\",\n    _this = void 0,\n    _templateObject,\n    _templateObject2;\n\nvar defaultInputMask = [];\n\nvar PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var activeProp = props.active,\n      _props$as = props.as,\n      Component = _props$as === void 0 ? _ToggleButton.default : _props$as,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'picker-toggle' : _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      _props$inputMask = props.inputMask,\n      inputMask = _props$inputMask === void 0 ? defaultInputMask : _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      _props$caretAs = props.caretAs,\n      caretAs = _props$caretAs === void 0 ? caretComponent : _props$caretAs,\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\", \"caretAs\"]);\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      var _inputRef$current;\n\n      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();\n    }\n  }, [input, onFocus]);\n  var handleBlur = (0, _react.useCallback)(function (event) {\n    if (document.activeElement !== inputRef.current) {\n      var _inputRef$current2;\n\n      setActive(false);\n      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.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 = caretAs !== null && caretAs !== void 0 ? caretAs : 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: 163,\n        columnNumber: 9\n      }\n    }, hasValue ? children : null);\n  }\n\n  var showCleanButton = 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: 175,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(_TextMask.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: 205,\n          columnNumber: 35\n        }\n      }));\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 190,\n      columnNumber: 9\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: 209,\n      columnNumber: 11\n    }\n  }, children) : null, showCleanButton && /*#__PURE__*/_react.default.createElement(_CloseButton.default, {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"clean\"]))),\n    tabIndex: -1,\n    locale: {\n      closeLabel: 'Clear'\n    },\n    onClick: handleClean,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 218,\n      columnNumber: 11\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: 225,\n      columnNumber: 19\n    }\n  }));\n});\n\nPickerToggle.displayName = 'PickerToggle';\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  caretComponent: (0, _deprecatePropType.default)(_propTypes.default.elementType, 'Use `caretAs` instead.'),\n  caretAs: _propTypes.default.elementType\n};\nvar _default = PickerToggle;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Picker/PickerToggle.tsx?");
 
 /***/ }),
 
@@ -3486,7 +3772,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 = 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 (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       * There is no callback when typing the Backspace key in the search box.\n       * The default is to remove search keywords\n       */\n\n\n      if (event.key === _utils.KEY_VALUES.BACKSPACE && event.target !== (searchInputRef === null || searchInputRef === void 0 ? void 0 : searchInputRef.current)) {\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\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  }, [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?");
+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 = 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 (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       * There is no callback when typing the Backspace key in the search box.\n       * The default is to remove search keywords\n       */\n\n\n      if (event.key === _utils.KEY_VALUES.BACKSPACE && event.target !== (searchInputRef === null || searchInputRef === void 0 ? void 0 : searchInputRef.current)) {\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 _event$target;\n\n        // Exclude Input\n        // eg: <SelectPicker renderExtraFooter={() => <Input />} />\n        if (((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.tagName) !== 'INPUT') {\n          var _searchInputRef$curre;\n\n          (_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 ? void 0 : _searchInputRef$curre.focus();\n        }\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  }, [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 */\nfunction usePublicMethods(ref, parmas) {\n  var triggerRef = parmas.triggerRef,\n      overlayRef = parmas.overlayRef,\n      targetRef = parmas.targetRef,\n      rootRef = parmas.rootRef,\n      listRef = parmas.listRef,\n      inline = parmas.inline;\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    // Tree and CheckTree\n    if (inline) {\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 list() {\n          if (!(listRef !== null && listRef !== void 0 && listRef.current)) {\n            throw new Error('The list is not found, please set `virtualized` for the component.');\n          }\n\n          return listRef === null || listRef === void 0 ? void 0 : listRef.current;\n        }\n\n      };\n    }\n\n    return {\n      get root() {\n        var _triggerRef$current7;\n\n        return rootRef !== null && rootRef !== void 0 && rootRef.current ? rootRef === null || rootRef === void 0 ? void 0 : rootRef.current : (_triggerRef$current7 = triggerRef.current) === null || _triggerRef$current7 === void 0 ? void 0 : _triggerRef$current7.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      get list() {\n        if (!(listRef !== null && listRef !== void 0 && listRef.current)) {\n          throw new Error(\"\\n            The list is not found.\\n            1.Please set virtualized for the component.\\n            2.Please confirm whether the picker is open.\\n          \");\n        }\n\n        return listRef === null || listRef === void 0 ? void 0 : listRef.current;\n      },\n\n      updatePosition: handleUpdatePosition,\n      open: handleOpen,\n      close: handleClose\n    };\n  });\n}\n\n//# sourceURL=webpack://rsuite/./src/Picker/utils.ts?");
 
 /***/ }),
 
@@ -3662,7 +3948,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.RadioContext = 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 _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/Plaintext/index.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/RadioGroup/RadioGroup.tsx\",\n    _this = void 0;\n\nvar RadioContext = /*#__PURE__*/_react.default.createContext({});\n\nexports.RadioContext = RadioContext;\n\nvar RadioGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      className = props.className,\n      inline = props.inline,\n      children = props.children,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'radio-group' : _props$classPrefix,\n      valueProp = props.value,\n      defaultValue = props.defaultValue,\n      _props$appearance = props.appearance,\n      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n      name = props.name,\n      plaintext = props.plaintext,\n      disabled = props.disabled,\n      readOnly = props.readOnly,\n      onChange = props.onChange,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"inline\", \"children\", \"classPrefix\", \"value\", \"defaultValue\", \"appearance\", \"name\", \"plaintext\", \"disabled\", \"readOnly\", \"onChange\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var classes = merge(className, withClassPrefix(appearance, {\n    inline: inline\n  }));\n\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n      value = _useControlled[0],\n      setValue = _useControlled[1],\n      isControlled = _useControlled[2];\n\n  var handleChange = (0, _react.useCallback)(function (nextValue, event) {\n    setValue(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n  }, [onChange, setValue]);\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      inline: inline,\n      name: name,\n      value: typeof value === 'undefined' ? null : value,\n      controlled: isControlled,\n      plaintext: plaintext,\n      disabled: disabled,\n      readOnly: readOnly,\n      onChange: handleChange\n    };\n  }, [disabled, handleChange, inline, isControlled, name, plaintext, readOnly, value]);\n  return /*#__PURE__*/_react.default.createElement(RadioContext.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 80,\n      columnNumber: 7\n    }\n  }, plaintext ? /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n    ref: ref,\n    localeKey: \"notSelected\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 82,\n      columnNumber: 11\n    }\n  }, value ? children : null) : /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"radiogroup\"\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 86,\n      columnNumber: 11\n    }\n  }), children));\n});\n\nRadioGroup.displayName = 'RadioGroup';\nRadioGroup.propTypes = {\n  appearance: _propTypes.default.oneOf(['default', 'picker']),\n  name: _propTypes.default.string,\n  inline: _propTypes.default.bool,\n  value: _propTypes.default.any,\n  defaultValue: _propTypes.default.any,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node,\n  onChange: _propTypes.default.func,\n  plaintext: _propTypes.default.bool\n};\nvar _default = RadioGroup;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/RadioGroup/RadioGroup.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.RadioContext = 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 _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/Plaintext/index.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/RadioGroup/RadioGroup.tsx\",\n    _this = void 0;\n\nvar RadioContext = /*#__PURE__*/_react.default.createContext({});\n\nexports.RadioContext = RadioContext;\n\nvar RadioGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      className = props.className,\n      inline = props.inline,\n      children = props.children,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'radio-group' : _props$classPrefix,\n      valueProp = props.value,\n      defaultValue = props.defaultValue,\n      _props$appearance = props.appearance,\n      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n      name = props.name,\n      plaintext = props.plaintext,\n      disabled = props.disabled,\n      readOnly = props.readOnly,\n      onChange = props.onChange,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"inline\", \"children\", \"classPrefix\", \"value\", \"defaultValue\", \"appearance\", \"name\", \"plaintext\", \"disabled\", \"readOnly\", \"onChange\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var classes = merge(className, withClassPrefix(appearance, {\n    inline: inline\n  }));\n\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n      value = _useControlled[0],\n      setValue = _useControlled[1],\n      isControlled = _useControlled[2];\n\n  var handleChange = (0, _react.useCallback)(function (nextValue, event) {\n    setValue(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n  }, [onChange, setValue]);\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      inline: inline,\n      name: name,\n      value: typeof value === 'undefined' ? null : value,\n      controlled: isControlled,\n      plaintext: plaintext,\n      disabled: disabled,\n      readOnly: readOnly,\n      onChange: handleChange\n    };\n  }, [disabled, handleChange, inline, isControlled, name, plaintext, readOnly, value]);\n  return /*#__PURE__*/_react.default.createElement(RadioContext.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 80,\n      columnNumber: 7\n    }\n  }, plaintext ? /*#__PURE__*/_react.default.createElement(_Plaintext.default, (0, _extends2.default)({\n    ref: ref,\n    localeKey: \"notSelected\"\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 82,\n      columnNumber: 11\n    }\n  }), value ? children : null) : /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"radiogroup\"\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 86,\n      columnNumber: 11\n    }\n  }), children));\n});\n\nRadioGroup.displayName = 'RadioGroup';\nRadioGroup.propTypes = {\n  appearance: _propTypes.default.oneOf(['default', 'picker']),\n  name: _propTypes.default.string,\n  inline: _propTypes.default.bool,\n  value: _propTypes.default.any,\n  defaultValue: _propTypes.default.any,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node,\n  onChange: _propTypes.default.func,\n  plaintext: _propTypes.default.bool\n};\nvar _default = RadioGroup;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/RadioGroup/RadioGroup.tsx?");
 
 /***/ }),
 
@@ -3717,7 +4003,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 _Star = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Star */ \"./node_modules/@rsuite/icons/legacy/Star.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/Rate/utils.ts\");\n\nvar _Character = _interopRequireDefault(__webpack_require__(/*! ./Character */ \"./src/Rate/Character.tsx\"));\n\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/Plaintext/index.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Rate/Rate.tsx\",\n    _this = void 0;\n\nvar Rate = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'ul' : _props$as,\n      _props$character = props.character,\n      character = _props$character === void 0 ? /*#__PURE__*/_react.default.createElement(_Star.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 52,\n      columnNumber: 19\n    }\n  }) : _props$character,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'rate' : _props$classPrefix,\n      disabled = props.disabled,\n      _props$max = props.max,\n      max = _props$max === void 0 ? 5 : _props$max,\n      readOnly = props.readOnly,\n      vertical = props.vertical,\n      _props$size = props.size,\n      size = _props$size === void 0 ? 'md' : _props$size,\n      color = props.color,\n      allowHalf = props.allowHalf,\n      valueProp = props.value,\n      _props$defaultValue = props.defaultValue,\n      defaultValue = _props$defaultValue === void 0 ? 0 : _props$defaultValue,\n      _props$cleanable = props.cleanable,\n      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n      plaintext = props.plaintext,\n      onChange = props.onChange,\n      renderCharacter = props.renderCharacter,\n      onChangeActive = props.onChangeActive,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"character\", \"className\", \"classPrefix\", \"disabled\", \"max\", \"readOnly\", \"vertical\", \"size\", \"color\", \"allowHalf\", \"value\", \"defaultValue\", \"cleanable\", \"plaintext\", \"onChange\", \"renderCharacter\", \"onChangeActive\"]);\n\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n      value = _useControlled[0],\n      setValue = _useControlled[1];\n\n  var getCharacterMap = (0, _react.useCallback)(function (v) {\n    return (0, _utils2.transformValueToCharacterMap)(typeof v !== 'undefined' ? v : value, max, allowHalf);\n  }, [allowHalf, max, value]);\n\n  var _useState = (0, _react.useState)(getCharacterMap()),\n      characterMap = _useState[0],\n      setCharacterMap = _useState[1];\n\n  var hoverValue = (0, _utils2.transformCharacterMapToValue)(characterMap);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var classes = merge(className, withClassPrefix(size, color, {\n    disabled: disabled,\n    readonly: readOnly\n  }));\n  var resetCharacterMap = (0, _react.useCallback)(function () {\n    setCharacterMap(getCharacterMap());\n  }, [getCharacterMap]);\n  (0, _react.useEffect)(function () {\n    // Update characterMap when value is updated.\n    setCharacterMap(getCharacterMap(valueProp)); // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [valueProp]);\n  var handleMouseLeave = (0, _react.useCallback)(function (event) {\n    resetCharacterMap();\n    onChangeActive === null || onChangeActive === void 0 ? void 0 : onChangeActive(value, event);\n  }, [onChangeActive, resetCharacterMap, value]);\n  var handleChangeValue = (0, _react.useCallback)(function (index, event) {\n    var nextValue = (0, _utils2.transformCharacterMapToValue)(characterMap);\n\n    if (cleanable && value === nextValue && getCharacterMap(value)[index] === characterMap[index]) {\n      nextValue = 0;\n    }\n\n    if (nextValue !== value) {\n      setValue(nextValue);\n      setCharacterMap(getCharacterMap(nextValue));\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    }\n  }, [characterMap, cleanable, getCharacterMap, onChange, setValue, value]);\n  var handleKeyDown = (0, _react.useCallback)(function (index, event) {\n    var key = event.key;\n    var nextValue = (0, _utils2.transformCharacterMapToValue)(characterMap);\n\n    if (key === _utils.KEY_VALUES.RIGHT && nextValue < max) {\n      nextValue = allowHalf ? nextValue + 0.5 : nextValue + 1;\n    } else if (key === _utils.KEY_VALUES.LEFT && nextValue > 0) {\n      nextValue = allowHalf ? nextValue - 0.5 : nextValue - 1;\n    }\n\n    setCharacterMap(getCharacterMap(nextValue));\n\n    if (key === _utils.KEY_VALUES.ENTER) {\n      handleChangeValue(index, event);\n    }\n  }, [allowHalf, characterMap, getCharacterMap, handleChangeValue, max]);\n  var handleChangeCharacterMap = (0, _react.useCallback)(function (index, key, event) {\n    var nextCharacterMap = characterMap.map(function (_item, i) {\n      if (i === index && key === 'before' && allowHalf) {\n        return 0.5;\n      }\n\n      return index >= i ? 1 : 0;\n    });\n\n    if (!(0, _utils.shallowEqualArray)(characterMap, nextCharacterMap)) {\n      setCharacterMap(nextCharacterMap);\n      onChangeActive === null || onChangeActive === void 0 ? void 0 : onChangeActive((0, _utils2.transformCharacterMapToValue)(nextCharacterMap), event);\n    }\n  }, [allowHalf, characterMap, onChangeActive]);\n  var handleClick = (0, _react.useCallback)(function (index, key, event) {\n    handleChangeCharacterMap(index, key, event);\n    handleChangeValue(index, event);\n  }, [handleChangeCharacterMap, handleChangeValue]);\n\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      localeKey: \"notSelected\",\n      className: className,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 176,\n        columnNumber: 9\n      }\n    }, value + \"(\" + max + \")\");\n  }\n\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"radiogroup\",\n    tabIndex: 0\n  }, rest, {\n    ref: ref,\n    className: classes,\n    onMouseLeave: handleMouseLeave,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 181,\n      columnNumber: 7\n    }\n  }), characterMap.map(function (item, index) {\n    return /*#__PURE__*/_react.default.createElement(_Character.default, {\n      role: \"radio\",\n      \"aria-posinset\": index + 1,\n      \"aria-setsize\": max,\n      \"aria-checked\": value === index + 1,\n      key: index,\n      status: item,\n      disabled: disabled || readOnly,\n      vertical: vertical,\n      onClick: function onClick(key, event) {\n        return handleClick(index, key, event);\n      },\n      onKeyDown: function onKeyDown(event) {\n        return handleKeyDown(index, event);\n      },\n      onMouseMove: function onMouseMove(key, event) {\n        return handleChangeCharacterMap(index, key, event);\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 190,\n        columnNumber: 11\n      }\n    }, renderCharacter ? renderCharacter(hoverValue, index) : character);\n  }));\n});\n\nRate.displayName = 'Rate';\nRate.propTypes = {\n  allowHalf: _propTypes.default.bool,\n  character: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  cleanable: _propTypes.default.bool,\n  defaultValue: _propTypes.default.number,\n  disabled: _propTypes.default.bool,\n  max: _propTypes.default.number,\n  renderCharacter: _propTypes.default.func,\n  readOnly: _propTypes.default.bool,\n  size: _propTypes.default.oneOf(_utils.SIZE),\n  value: _propTypes.default.number,\n  vertical: _propTypes.default.bool,\n  onChange: _propTypes.default.func,\n  onChangeActive: _propTypes.default.func\n};\nvar _default = Rate;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Rate/Rate.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _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 _Star = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Star */ \"./node_modules/@rsuite/icons/legacy/Star.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/Rate/utils.ts\");\n\nvar _Character = _interopRequireDefault(__webpack_require__(/*! ./Character */ \"./src/Rate/Character.tsx\"));\n\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/Plaintext/index.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Rate/Rate.tsx\",\n    _this = void 0;\n\nvar Rate = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'ul' : _props$as,\n      _props$character = props.character,\n      character = _props$character === void 0 ? /*#__PURE__*/_react.default.createElement(_Star.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 53,\n      columnNumber: 19\n    }\n  }) : _props$character,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'rate' : _props$classPrefix,\n      disabled = props.disabled,\n      _props$max = props.max,\n      max = _props$max === void 0 ? 5 : _props$max,\n      readOnly = props.readOnly,\n      vertical = props.vertical,\n      _props$size = props.size,\n      size = _props$size === void 0 ? 'md' : _props$size,\n      color = props.color,\n      allowHalf = props.allowHalf,\n      valueProp = props.value,\n      _props$defaultValue = props.defaultValue,\n      defaultValue = _props$defaultValue === void 0 ? 0 : _props$defaultValue,\n      _props$cleanable = props.cleanable,\n      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n      plaintext = props.plaintext,\n      onChange = props.onChange,\n      renderCharacter = props.renderCharacter,\n      onChangeActive = props.onChangeActive,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"character\", \"className\", \"classPrefix\", \"disabled\", \"max\", \"readOnly\", \"vertical\", \"size\", \"color\", \"allowHalf\", \"value\", \"defaultValue\", \"cleanable\", \"plaintext\", \"onChange\", \"renderCharacter\", \"onChangeActive\"]);\n\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n      value = _useControlled[0],\n      setValue = _useControlled[1];\n\n  var getCharacterMap = (0, _react.useCallback)(function (v) {\n    return (0, _utils2.transformValueToCharacterMap)(typeof v !== 'undefined' ? v : value, max, allowHalf);\n  }, [allowHalf, max, value]);\n\n  var _useState = (0, _react.useState)(getCharacterMap()),\n      characterMap = _useState[0],\n      setCharacterMap = _useState[1];\n\n  var hoverValue = (0, _utils2.transformCharacterMapToValue)(characterMap);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var classes = merge(className, withClassPrefix(size, color, {\n    disabled: disabled,\n    readonly: readOnly\n  }));\n  var resetCharacterMap = (0, _react.useCallback)(function () {\n    setCharacterMap(getCharacterMap());\n  }, [getCharacterMap]);\n  (0, _react.useEffect)(function () {\n    // Update characterMap when value is updated.\n    setCharacterMap(getCharacterMap(valueProp)); // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [valueProp]);\n  var handleMouseLeave = (0, _react.useCallback)(function (event) {\n    resetCharacterMap();\n    onChangeActive === null || onChangeActive === void 0 ? void 0 : onChangeActive(value, event);\n  }, [onChangeActive, resetCharacterMap, value]);\n  var handleChangeValue = (0, _react.useCallback)(function (index, event) {\n    var nextValue = (0, _utils2.transformCharacterMapToValue)(characterMap);\n\n    if (cleanable && value === nextValue && getCharacterMap(value)[index] === characterMap[index]) {\n      nextValue = 0;\n    }\n\n    if (nextValue !== value) {\n      setValue(nextValue);\n      setCharacterMap(getCharacterMap(nextValue));\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    }\n  }, [characterMap, cleanable, getCharacterMap, onChange, setValue, value]);\n  var handleKeyDown = (0, _react.useCallback)(function (index, event) {\n    var key = event.key;\n    var nextValue = (0, _utils2.transformCharacterMapToValue)(characterMap);\n\n    if (key === _utils.KEY_VALUES.RIGHT && nextValue < max) {\n      nextValue = allowHalf ? nextValue + 0.5 : nextValue + 1;\n    } else if (key === _utils.KEY_VALUES.LEFT && nextValue > 0) {\n      nextValue = allowHalf ? nextValue - 0.5 : nextValue - 1;\n    }\n\n    setCharacterMap(getCharacterMap(nextValue));\n\n    if (key === _utils.KEY_VALUES.ENTER) {\n      handleChangeValue(index, event);\n    }\n  }, [allowHalf, characterMap, getCharacterMap, handleChangeValue, max]);\n  var handleChangeCharacterMap = (0, _react.useCallback)(function (index, key, event) {\n    var nextCharacterMap = characterMap.map(function (_item, i) {\n      if (i === index && key === 'before' && allowHalf) {\n        return 0.5;\n      }\n\n      return index >= i ? 1 : 0;\n    });\n\n    if (!(0, _utils.shallowEqualArray)(characterMap, nextCharacterMap)) {\n      setCharacterMap(nextCharacterMap);\n      onChangeActive === null || onChangeActive === void 0 ? void 0 : onChangeActive((0, _utils2.transformCharacterMapToValue)(nextCharacterMap), event);\n    }\n  }, [allowHalf, characterMap, onChangeActive]);\n  var handleClick = (0, _react.useCallback)(function (index, key, event) {\n    handleChangeCharacterMap(index, key, event);\n    handleChangeValue(index, event);\n  }, [handleChangeCharacterMap, handleChangeValue]);\n\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      localeKey: \"notSelected\",\n      className: className,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 177,\n        columnNumber: 9\n      }\n    }, !(0, _isNil.default)(value) ? value + \"(\" + max + \")\" : null);\n  }\n\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"radiogroup\",\n    tabIndex: 0\n  }, rest, {\n    ref: ref,\n    className: classes,\n    onMouseLeave: handleMouseLeave,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 184,\n      columnNumber: 7\n    }\n  }), characterMap.map(function (item, index) {\n    return /*#__PURE__*/_react.default.createElement(_Character.default, {\n      role: \"radio\",\n      \"aria-posinset\": index + 1,\n      \"aria-setsize\": max,\n      \"aria-checked\": value === index + 1,\n      key: index,\n      status: item,\n      disabled: disabled || readOnly,\n      vertical: vertical,\n      onClick: function onClick(key, event) {\n        return handleClick(index, key, event);\n      },\n      onKeyDown: function onKeyDown(event) {\n        return handleKeyDown(index, event);\n      },\n      onMouseMove: function onMouseMove(key, event) {\n        return handleChangeCharacterMap(index, key, event);\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 193,\n        columnNumber: 11\n      }\n    }, renderCharacter ? renderCharacter(hoverValue, index) : character);\n  }));\n});\n\nRate.displayName = 'Rate';\nRate.propTypes = {\n  allowHalf: _propTypes.default.bool,\n  character: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  cleanable: _propTypes.default.bool,\n  defaultValue: _propTypes.default.number,\n  disabled: _propTypes.default.bool,\n  max: _propTypes.default.number,\n  renderCharacter: _propTypes.default.func,\n  readOnly: _propTypes.default.bool,\n  size: _propTypes.default.oneOf(_utils.SIZE),\n  value: _propTypes.default.number,\n  vertical: _propTypes.default.bool,\n  onChange: _propTypes.default.func,\n  onChangeActive: _propTypes.default.func\n};\nvar _default = Rate;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Rate/Rate.tsx?");
 
 /***/ }),
 
@@ -3926,7 +4212,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 _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Sidenav = __webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.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 _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _DropdownContext = _interopRequireDefault(__webpack_require__(/*! ../Dropdown/DropdownContext */ \"./src/Dropdown/DropdownContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Sidenav/SidenavDropdownItem.tsx\",\n    _this = void 0;\n\n/**\n * Tree View Node\n * @see https://www.w3.org/TR/wai-aria-practices-1.2/#TreeView\n */\nvar SidenavDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'li' : _props$as,\n      activeProp = props.active,\n      children = props.children,\n      disabled = props.disabled,\n      divider = props.divider,\n      panel = props.panel,\n      className = props.className,\n      style = props.style,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,\n      icon = props.icon,\n      eventKey = props.eventKey,\n      onClick = props.onClick,\n      onSelect = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"active\", \"children\", \"disabled\", \"divider\", \"panel\", \"className\", \"style\", \"classPrefix\", \"icon\", \"eventKey\", \"onClick\", \"onSelect\"]);\n\n  var _useContext = (0, _react.useContext)(_Sidenav.SidenavContext),\n      activeKey = _useContext.activeKey,\n      onSidenavSelect = _useContext.onSelect;\n\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 selected = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && ((0, _utils.shallowEqual)(eventKey, activeKey) || (0, _utils.shallowEqual)(nav === null || nav === void 0 ? void 0 : nav.activeKey, eventKey));\n  var classes = merge(className, withClassPrefix({\n    'with-icon': icon,\n    active: selected,\n    disabled: disabled\n  }));\n  var handleClick = (0, _react.useCallback)(function (event) {\n    if (disabled) return;\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);\n    dropdown === null || dropdown === void 0 ? void 0 : dropdown.onSelect(eventKey, event);\n    onSidenavSelect === null || onSidenavSelect === void 0 ? void 0 : onSidenavSelect(eventKey, event);\n  }, [disabled, onSelect, onSidenavSelect, eventKey, dropdown]);\n  var menuitemEventHandlers = {\n    onClick: (0, _utils.createChainedFunction)(handleClick, onClick)\n  };\n\n  if (divider) {\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: ref,\n      role: \"separator\",\n      style: style,\n      className: merge(prefix('divider'), className)\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 110,\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      style: style,\n      className: merge(prefix('panel'), className)\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 122,\n        columnNumber: 9\n      }\n    }), children);\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_SafeAnchor.default, (0, _extends2.default)({\n    ref: ref\n  }, rest, {\n    style: style,\n    className: classes,\n    \"aria-current\": selected || undefined\n  }, menuitemEventHandlers, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 135,\n      columnNumber: 7\n    }\n  }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n    className: prefix('menu-icon')\n  }), children, /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 145,\n      columnNumber: 9\n    }\n  }));\n});\n\nSidenavDropdownItem.displayName = 'Sidenav.Dropdown.Item';\nSidenavDropdownItem.propTypes = {\n  as: _propTypes.default.elementType,\n  expanded: _propTypes.default.bool,\n  active: _propTypes.default.bool,\n  divider: _propTypes.default.bool,\n  panel: _propTypes.default.bool,\n  disabled: _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  title: _propTypes.default.node,\n  onMouseOver: _propTypes.default.func,\n  onMouseOut: _propTypes.default.func\n};\nvar _default = SidenavDropdownItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavDropdownItem.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 _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Sidenav = __webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.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 _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _DropdownContext = _interopRequireDefault(__webpack_require__(/*! ../Dropdown/DropdownContext */ \"./src/Dropdown/DropdownContext.ts\"));\n\nvar _useRenderDropdownItem = __webpack_require__(/*! ../Dropdown/useRenderDropdownItem */ \"./src/Dropdown/useRenderDropdownItem.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Sidenav/SidenavDropdownItem.tsx\",\n    _this = void 0;\n\n/**\n * Tree View Node\n * @see https://www.w3.org/TR/wai-aria-practices-1.2/#TreeView\n */\nvar SidenavDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'li' : _props$as,\n      activeProp = props.active,\n      children = props.children,\n      disabled = props.disabled,\n      divider = props.divider,\n      panel = props.panel,\n      className = props.className,\n      style = props.style,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,\n      icon = props.icon,\n      eventKey = props.eventKey,\n      onClick = props.onClick,\n      onSelect = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"active\", \"children\", \"disabled\", \"divider\", \"panel\", \"className\", \"style\", \"classPrefix\", \"icon\", \"eventKey\", \"onClick\", \"onSelect\"]);\n\n  var _useContext = (0, _react.useContext)(_Sidenav.SidenavContext),\n      activeKey = _useContext.activeKey,\n      onSidenavSelect = _useContext.onSelect;\n\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 selected = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && ((0, _utils.shallowEqual)(eventKey, activeKey) || (0, _utils.shallowEqual)(nav === null || nav === void 0 ? void 0 : nav.activeKey, eventKey));\n  var classes = merge(className, withClassPrefix({\n    'with-icon': icon,\n    active: selected,\n    disabled: disabled\n  }));\n  var handleClick = (0, _react.useCallback)(function (event) {\n    if (disabled) return;\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);\n    dropdown === null || dropdown === void 0 ? void 0 : dropdown.onSelect(eventKey, event);\n    onSidenavSelect === null || onSidenavSelect === void 0 ? void 0 : onSidenavSelect(eventKey, event);\n  }, [disabled, onSelect, onSidenavSelect, eventKey, dropdown]);\n  var menuitemEventHandlers = {\n    onClick: (0, _utils.createChainedFunction)(handleClick, onClick)\n  };\n  var renderDropdownItem = (0, _useRenderDropdownItem.useRenderDropdownItem)(Component);\n\n  if (divider) {\n    return renderDropdownItem((0, _extends2.default)({\n      ref: ref,\n      role: 'separator',\n      style: style,\n      className: merge(prefix('divider'), className)\n    }, rest));\n  }\n\n  if (panel) {\n    return renderDropdownItem((0, _extends2.default)({\n      ref: ref,\n      role: 'none presentation',\n      style: style,\n      className: merge(prefix('panel'), className)\n    }, rest, {\n      children: children\n    }));\n  }\n\n  return renderDropdownItem((0, _extends2.default)({\n    ref: ref\n  }, rest, {\n    style: style,\n    className: classes,\n    'aria-current': selected || undefined\n  }, menuitemEventHandlers, {\n    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n      className: prefix('menu-icon')\n    }), children, /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 144,\n        columnNumber: 13\n      }\n    }))\n  }), _SafeAnchor.default);\n});\n\nSidenavDropdownItem.displayName = 'Sidenav.Dropdown.Item';\nSidenavDropdownItem.propTypes = {\n  as: _propTypes.default.elementType,\n  expanded: _propTypes.default.bool,\n  active: _propTypes.default.bool,\n  divider: _propTypes.default.bool,\n  panel: _propTypes.default.bool,\n  disabled: _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  title: _propTypes.default.node,\n  onMouseOver: _propTypes.default.func,\n  onMouseOut: _propTypes.default.func\n};\nvar _default = SidenavDropdownItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavDropdownItem.tsx?");
 
 /***/ }),
 
@@ -4322,7 +4608,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 _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 _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 emptyArray = [];\n\nvar TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      _props$data = props.data,\n      data = _props$data === void 0 ? emptyArray : _props$data,\n      _props$appearance = props.appearance,\n      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n      style = props.style,\n      controlledValue = props.value,\n      overrideLocale = props.locale,\n      _props$height = props.height,\n      height = _props$height === void 0 ? 360 : _props$height,\n      className = props.className,\n      disabled = props.disabled,\n      _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n      _props$cleanable = props.cleanable,\n      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n      menuStyle = props.menuStyle,\n      _props$searchable = props.searchable,\n      searchable = _props$searchable === void 0 ? true : _props$searchable,\n      virtualized = props.virtualized,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n      defaultValue = props.defaultValue,\n      placeholder = props.placeholder,\n      searchKeyword = props.searchKeyword,\n      menuClassName = props.menuClassName,\n      _props$menuAutoWidth = props.menuAutoWidth,\n      menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,\n      searchBy = props.searchBy,\n      toggleAs = props.toggleAs,\n      _props$labelKey = props.labelKey,\n      labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n      _props$valueKey = props.valueKey,\n      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n      _props$childrenKey = props.childrenKey,\n      childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,\n      draggable = props.draggable,\n      defaultExpandAll = props.defaultExpandAll,\n      _props$disabledItemVa = props.disabledItemValues,\n      disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,\n      controlledExpandItemValues = props.expandItemValues,\n      defaultExpandItemValues = props.defaultExpandItemValues,\n      id = props.id,\n      listProps = props.listProps,\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\", \"appearance\", \"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\", \"listProps\", \"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: 707,\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: 708,\n          columnNumber: 11\n        }\n      })), /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: treePrefix('children'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 709,\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: 716,\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: 746,\n          columnNumber: 11\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: 757,\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: 771,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: treePrefix('nodes'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 779,\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: 781,\n        columnNumber: 13\n      }\n    }, function (_ref5) {\n      var height = _ref5.height,\n          width = _ref5.width;\n      return /*#__PURE__*/_react.default.createElement(_VirtualizedList.List, (0, _extends2.default)({\n        ref: listRef,\n        width: width,\n        height: height,\n        rowHeight: 36,\n        rowCount: formattedNodes.length,\n        rowRenderer: renderVirtualListNode(formattedNodes),\n        scrollToAlignment: \"center\"\n      }, listProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 786,\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: 814,\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: 823,\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    classPrefix: classPrefix,\n    appearance: appearance,\n    hasValue: hasValidValue,\n    name: 'tree',\n    cleanable: cleanable\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: 868,\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: 878,\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    appearance: appearance,\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: 879,\n      columnNumber: 9\n    }\n  }), selectedElement || locale.placeholder)));\n});\n\nTreePicker.displayName = 'TreePicker';\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?");
+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 _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 _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 emptyArray = [];\n\nvar TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      _props$data = props.data,\n      data = _props$data === void 0 ? emptyArray : _props$data,\n      _props$appearance = props.appearance,\n      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n      style = props.style,\n      controlledValue = props.value,\n      overrideLocale = props.locale,\n      _props$height = props.height,\n      height = _props$height === void 0 ? 360 : _props$height,\n      className = props.className,\n      disabled = props.disabled,\n      _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n      _props$cleanable = props.cleanable,\n      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n      menuStyle = props.menuStyle,\n      _props$searchable = props.searchable,\n      searchable = _props$searchable === void 0 ? true : _props$searchable,\n      virtualized = props.virtualized,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n      defaultValue = props.defaultValue,\n      placeholder = props.placeholder,\n      searchKeyword = props.searchKeyword,\n      menuClassName = props.menuClassName,\n      _props$menuAutoWidth = props.menuAutoWidth,\n      menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,\n      searchBy = props.searchBy,\n      toggleAs = props.toggleAs,\n      _props$labelKey = props.labelKey,\n      labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n      _props$valueKey = props.valueKey,\n      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n      _props$childrenKey = props.childrenKey,\n      childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,\n      draggable = props.draggable,\n      defaultExpandAll = props.defaultExpandAll,\n      _props$disabledItemVa = props.disabledItemValues,\n      disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,\n      controlledExpandItemValues = props.expandItemValues,\n      defaultExpandItemValues = props.defaultExpandItemValues,\n      id = props.id,\n      listProps = props.listProps,\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\", \"appearance\", \"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\", \"listProps\", \"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    rootRef: inline ? treeViewRef : null,\n    triggerRef: triggerRef,\n    overlayRef: overlayRef,\n    targetRef: targetRef,\n    listRef: listRef,\n    inline: inline\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: 714,\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: 715,\n          columnNumber: 11\n        }\n      })), /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: treePrefix('children'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 716,\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: 723,\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: 753,\n          columnNumber: 11\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: 764,\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: treeViewRef,\n      className: classes,\n      style: styles,\n      onKeyDown: inline ? handleTreeKeyDown : undefined,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 778,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: treePrefix('nodes'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 786,\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: 788,\n        columnNumber: 13\n      }\n    }, function (_ref5) {\n      var height = _ref5.height,\n          width = _ref5.width;\n      return /*#__PURE__*/_react.default.createElement(_VirtualizedList.List, (0, _extends2.default)({\n        ref: listRef,\n        width: width,\n        height: height,\n        rowHeight: 36,\n        rowCount: formattedNodes.length,\n        rowRenderer: renderVirtualListNode(formattedNodes),\n        scrollToAlignment: \"center\"\n      }, listProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 793,\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: 821,\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: 830,\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    classPrefix: classPrefix,\n    appearance: appearance,\n    hasValue: hasValidValue,\n    name: 'tree',\n    cleanable: cleanable\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: 875,\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: 885,\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    appearance: appearance,\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: 886,\n      columnNumber: 9\n    }\n  }), selectedElement || locale.placeholder)));\n});\n\nTreePicker.displayName = 'TreePicker';\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?");
 
 /***/ }),
 
@@ -4883,7 +5169,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\nexports.__esModule = true;\nexports.default = useElementResize;\n\nvar _react = __webpack_require__(/*! react */ \"react\");\n\nvar _elementResizeEvent = _interopRequireWildcard(__webpack_require__(/*! element-resize-event */ \"./node_modules/element-resize-event/index.js\"));\n\n/**\n * Attach the event handler directly to the specified DOM element,\n * and it will be triggered when the size of the DOM element is changed.\n *\n * @param eventTarget The target to listen for events on\n * @param listener An event handler\n */\nfunction useElementResize(eventTarget, listener) {\n  (0, _react.useEffect)(function () {\n    var target = typeof eventTarget === 'function' ? eventTarget() : eventTarget;\n    (0, _elementResizeEvent.default)(target, listener);\n    return function () {\n      return (0, _elementResizeEvent.unbind)(target);\n    };\n  }, [eventTarget, listener]);\n}\n\n//# sourceURL=webpack://rsuite/./src/utils/useElementResize.ts?");
+eval("\n\nexports.__esModule = true;\nexports.default = useElementResize;\n\nvar _react = __webpack_require__(/*! react */ \"react\");\n\nvar _resizeObserver = __webpack_require__(/*! @juggle/resize-observer */ \"./node_modules/@juggle/resize-observer/lib/exports/resize-observer.js\");\n\n/**\n * Attach the event handler directly to the specified DOM element,\n * and it will be triggered when the size of the DOM element is changed.\n *\n * @param eventTarget The target to listen for events on\n * @param listener An event handler\n */\nfunction useElementResize(eventTarget, listener) {\n  var resizeObserver = (0, _react.useRef)();\n  (0, _react.useEffect)(function () {\n    if (!resizeObserver.current) {\n      var target = typeof eventTarget === 'function' ? eventTarget() : eventTarget;\n      resizeObserver.current = new _resizeObserver.ResizeObserver(listener);\n      resizeObserver.current.observe(target);\n    }\n\n    return function () {\n      var _resizeObserver$curre;\n\n      (_resizeObserver$curre = resizeObserver.current) === null || _resizeObserver$curre === void 0 ? void 0 : _resizeObserver$curre.disconnect();\n    };\n  }, [eventTarget, listener]);\n}\n\n//# sourceURL=webpack://rsuite/./src/utils/useElementResize.ts?");
 
 /***/ }),
 
@@ -6437,16 +6723,6 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
-/***/ "./node_modules/element-resize-event/index.js":
-/*!****************************************************!*\
-  !*** ./node_modules/element-resize-event/index.js ***!
-  \****************************************************/
-/***/ (function(module) {
-
-eval("function resizeListener(e) {\n  var win = e.target || e.srcElement\n  if (win.__resizeRAF__) {\n    cancelAnimationFrame(win.__resizeRAF__)\n  }\n  win.__resizeRAF__ = requestAnimationFrame(function () {\n    var trigger = win.__resizeTrigger__\n    var listeners = trigger && trigger.__resizeListeners__\n    if (listeners) {\n      listeners.forEach(function (fn) {\n        fn.call(trigger, e)\n      })\n    }\n  })\n}\n\nvar _exports = function exports(element, fn) {\n  var window = this\n  var document = window.document\n  var isIE\n\n  var attachEvent = document.attachEvent\n  if (typeof navigator !== \"undefined\") {\n    isIE =\n      navigator.userAgent.match(/Trident/) || navigator.userAgent.match(/Edge/)\n  }\n\n  function objectLoad() {\n    this.contentDocument.defaultView.__resizeTrigger__ = this.__resizeElement__\n    this.contentDocument.defaultView.addEventListener(\"resize\", resizeListener)\n  }\n\n  if (!element.__resizeListeners__) {\n    element.__resizeListeners__ = []\n    if (attachEvent) {\n      element.__resizeTrigger__ = element\n      element.attachEvent(\"onresize\", resizeListener)\n    } else {\n      if (getComputedStyle(element).position === \"static\") {\n        element.style.position = \"relative\"\n      }\n      var obj = (element.__resizeTrigger__ = document.createElement(\"object\"))\n      obj.setAttribute(\n        \"style\",\n        \"position: absolute; top: 0; left: 0; height: 100%; width: 100%; pointer-events: none; z-index: -1; opacity: 0;\"\n      )\n      obj.setAttribute(\"class\", \"resize-sensor\")\n\n      // prevent <object> from stealing keyboard focus\n      obj.setAttribute(\"tabindex\", \"-1\")\n\n      // prevent screenreaders to see this object\n      obj.setAttribute(\"title\", \"\")\n\n      obj.__resizeElement__ = element\n      obj.onload = objectLoad\n      obj.type = \"text/html\"\n      if (isIE) {\n        element.appendChild(obj)\n      }\n      obj.data = \"about:blank\"\n      if (!isIE) {\n        element.appendChild(obj)\n      }\n    }\n  }\n  element.__resizeListeners__.push(fn)\n}\n\nmodule.exports =\n  typeof window === \"undefined\" ? _exports : _exports.bind(window)\n\nmodule.exports.unbind = function (element, fn) {\n  var attachEvent = document.attachEvent\n  var listeners = element.__resizeListeners__ || []\n  if (fn) {\n    var index = listeners.indexOf(fn)\n    if (index !== -1) {\n      listeners.splice(index, 1)\n    }\n  } else {\n    listeners = element.__resizeListeners__ = []\n  }\n  if (!listeners.length) {\n    if (attachEvent) {\n      element.detachEvent(\"onresize\", resizeListener)\n    } else if (element.__resizeTrigger__) {\n      var contentDocument = element.__resizeTrigger__.contentDocument\n      var defaultView = contentDocument && contentDocument.defaultView\n      if (defaultView) {\n        defaultView.removeEventListener(\"resize\", resizeListener)\n        delete defaultView.__resizeTrigger__\n      }\n      element.__resizeTrigger__ = !element.removeChild(\n        element.__resizeTrigger__\n      )\n    }\n    delete element.__resizeListeners__\n  }\n}\n\n\n//# sourceURL=webpack://rsuite/./node_modules/element-resize-event/index.js?");
-
-/***/ }),
-
 /***/ "./node_modules/insert-css/index.js":
 /*!******************************************!*\
   !*** ./node_modules/insert-css/index.js ***!
@@ -8561,7 +8837,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/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?");
+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 lodash_get__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\");\n/* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash_get__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n/* harmony import */ var _rsuite_icons_ArrowRight__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @rsuite/icons/ArrowRight */ \"./node_modules/@rsuite/icons/ArrowRight.js\");\n/* harmony import */ var _rsuite_icons_ArrowDown__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @rsuite/icons/ArrowDown */ \"./node_modules/@rsuite/icons/ArrowDown.js\");\n/* harmony import */ var _Column__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./Column */ \"./node_modules/rsuite-table/es/Column.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar groupKeys = ['groupCount', 'groupHeader', 'groupHeaderHeight', 'groupAlign', 'groupVerticalAlign'];\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_9__.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_8__.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_7__.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 ? lodash_get__WEBPACK_IMPORTED_MODULE_6___default()(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_11__.default : _rsuite_icons_ArrowRight__WEBPACK_IMPORTED_MODULE_10__.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, [].concat(groupKeys, _Column__WEBPACK_IMPORTED_MODULE_12__.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?");
 
 /***/ }),
 
@@ -8594,7 +8870,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (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\n\n\n\n\nvar ColumnGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var header = props.header,\n      className = props.className,\n      children = props.children,\n      classPrefix = props.classPrefix,\n      headerHeight = props.headerHeight,\n      verticalAlign = props.verticalAlign,\n      width = props.width,\n      groupHeightProp = props.groupHeaderHeight,\n      rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__.default)(props, [\"header\", \"className\", \"children\", \"classPrefix\", \"headerHeight\", \"verticalAlign\", \"width\", \"groupHeaderHeight\"]);\n\n  var hasGroupHeight = typeof groupHeightProp !== 'undefined';\n  var groupHeight = hasGroupHeight ? groupHeightProp : headerHeight / 2;\n  var restHeight = hasGroupHeight ? headerHeight - groupHeightProp : headerHeight / 2;\n  var styles = {\n    height: groupHeight,\n    width: width\n  };\n\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix());\n\n  var contentStyles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, styles, {\n    verticalAlign: verticalAlign\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    className: classes\n  }, rest), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    className: prefix('header'),\n    style: styles\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    className: prefix('header-content'),\n    style: contentStyles\n  }, header)), react__WEBPACK_IMPORTED_MODULE_2___default().Children.map(children, function (node) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().cloneElement(node, {\n      className: prefix('cell'),\n      predefinedStyle: {\n        height: restHeight,\n        top: styles.height\n      },\n      headerHeight: restHeight,\n      verticalAlign: verticalAlign,\n      children: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        className: prefix('cell-content')\n      }, node.props.children)\n    });\n  }));\n});\nColumnGroup.displayName = 'Table.ColumnGroup';\nColumnGroup.defaultProps = {\n  headerHeight: 80,\n  classPrefix: 'column-group'\n};\nColumnGroup.propTypes = {\n  header: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().node),\n  classPrefix: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n  groupHeaderHeight: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  verticalAlign: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOf(['top', 'middle', 'bottom'])\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ColumnGroup);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/ColumnGroup.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\n\n\n\n\nvar ColumnGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var header = props.header,\n      className = props.className,\n      children = props.children,\n      classPrefix = props.classPrefix,\n      headerHeight = props.headerHeight,\n      verticalAlign = props.verticalAlign,\n      align = props.align,\n      width = props.width,\n      groupHeightProp = props.groupHeaderHeight,\n      rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__.default)(props, [\"header\", \"className\", \"children\", \"classPrefix\", \"headerHeight\", \"verticalAlign\", \"align\", \"width\", \"groupHeaderHeight\"]);\n\n  var hasGroupHeight = typeof groupHeightProp !== 'undefined';\n  var groupHeight = hasGroupHeight ? groupHeightProp : headerHeight / 2;\n  var restHeight = hasGroupHeight ? headerHeight - groupHeightProp : headerHeight / 2;\n  var styles = {\n    height: groupHeight,\n    width: width\n  };\n\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix());\n\n  var contentStyles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, styles, {\n    textAlign: align,\n    verticalAlign: verticalAlign\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    className: classes\n  }, rest), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    className: prefix('header'),\n    style: styles\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    className: prefix('header-content'),\n    style: contentStyles\n  }, header)), react__WEBPACK_IMPORTED_MODULE_2___default().Children.map(children, function (node) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().cloneElement(node, {\n      className: prefix('cell'),\n      predefinedStyle: {\n        height: restHeight,\n        top: styles.height\n      },\n      headerHeight: restHeight,\n      verticalAlign: node.props.verticalAlign || verticalAlign,\n      children: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        className: prefix('cell-content')\n      }, node.props.children)\n    });\n  }));\n});\nColumnGroup.displayName = 'Table.ColumnGroup';\nColumnGroup.defaultProps = {\n  headerHeight: 80,\n  classPrefix: 'column-group'\n};\nColumnGroup.propTypes = {\n  header: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().node),\n  classPrefix: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n  groupHeaderHeight: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  verticalAlign: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOf(['top', 'middle', 'bottom'])\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ColumnGroup);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/ColumnGroup.js?");
 
 /***/ }),
 
@@ -8605,7 +8881,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 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_clamp__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash/clamp */ \"./node_modules/lodash/clamp.js\");\n/* harmony import */ var lodash_clamp__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_clamp__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var dom_lib_DOMMouseMoveTracker__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! dom-lib/DOMMouseMoveTracker */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/DOMMouseMoveTracker.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./constants */ \"./node_modules/rsuite-table/es/constants.js\");\n\n\n\n\n\n\n\n\n\nvar ColumnResizeHandler = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var _extends2;\n\n  var columnLeft = props.columnLeft,\n      classPrefix = props.classPrefix,\n      height = props.height,\n      className = props.className,\n      style = props.style,\n      columnFixed = props.columnFixed,\n      defaultColumnWidth = props.defaultColumnWidth,\n      minWidth = props.minWidth,\n      onColumnResizeStart = props.onColumnResizeStart,\n      onColumnResizeMove = props.onColumnResizeMove,\n      onColumnResizeEnd = props.onColumnResizeEnd,\n      rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__.default)(props, [\"columnLeft\", \"classPrefix\", \"height\", \"className\", \"style\", \"columnFixed\", \"defaultColumnWidth\", \"minWidth\", \"onColumnResizeStart\", \"onColumnResizeMove\", \"onColumnResizeEnd\"]);\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(_TableContext__WEBPACK_IMPORTED_MODULE_7__.default),\n      rtl = _useContext.rtl;\n\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix());\n  var columnWidth = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(defaultColumnWidth || 0);\n  var mouseMoveTracker = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var isKeyDown = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var cursorDelta = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var handleMove = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (deltaX) {\n    if (!isKeyDown.current) {\n      return;\n    }\n\n    cursorDelta.current += deltaX;\n    columnWidth.current = lodash_clamp__WEBPACK_IMPORTED_MODULE_4___default()(defaultColumnWidth + (rtl ? -cursorDelta.current : cursorDelta.current), minWidth ? Math.max(minWidth, _constants__WEBPACK_IMPORTED_MODULE_8__.RESIZE_MIN_WIDTH) : _constants__WEBPACK_IMPORTED_MODULE_8__.RESIZE_MIN_WIDTH, 20000);\n    onColumnResizeMove === null || onColumnResizeMove === void 0 ? void 0 : onColumnResizeMove(columnWidth.current, columnLeft, columnFixed);\n  }, [columnFixed, columnLeft, defaultColumnWidth, minWidth, onColumnResizeMove, rtl]);\n  var handleColumnResizeEnd = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    var _mouseMoveTracker$cur, _mouseMoveTracker$cur2;\n\n    isKeyDown.current = false;\n    onColumnResizeEnd === null || onColumnResizeEnd === void 0 ? void 0 : onColumnResizeEnd(columnWidth.current, cursorDelta.current);\n    (_mouseMoveTracker$cur = mouseMoveTracker.current) === null || _mouseMoveTracker$cur === void 0 ? void 0 : (_mouseMoveTracker$cur2 = _mouseMoveTracker$cur.releaseMouseMoves) === null || _mouseMoveTracker$cur2 === void 0 ? void 0 : _mouseMoveTracker$cur2.call(_mouseMoveTracker$cur);\n    mouseMoveTracker.current = null;\n  }, [onColumnResizeEnd]);\n  var getMouseMoveTracker = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    return mouseMoveTracker.current || new dom_lib_DOMMouseMoveTracker__WEBPACK_IMPORTED_MODULE_5__.default(handleMove, handleColumnResizeEnd, document.body);\n  }, [handleColumnResizeEnd, handleMove]);\n  var handleColumnResizeMouseDown = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (event) {\n    mouseMoveTracker.current = getMouseMoveTracker();\n    mouseMoveTracker.current.captureMouseMoves(event);\n    isKeyDown.current = true;\n    cursorDelta.current = 0;\n    var client = {\n      clientX: event.clientX,\n      clientY: event.clientY,\n      preventDefault: Function()\n    };\n    onColumnResizeStart === null || onColumnResizeStart === void 0 ? void 0 : onColumnResizeStart(client);\n  }, [getMouseMoveTracker, onColumnResizeStart]);\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n    return function () {\n      var _mouseMoveTracker$cur3;\n\n      (_mouseMoveTracker$cur3 = mouseMoveTracker.current) === null || _mouseMoveTracker$cur3 === void 0 ? void 0 : _mouseMoveTracker$cur3.releaseMouseMoves();\n      mouseMoveTracker.current = null;\n    };\n  }, []);\n\n  if (columnFixed === 'right') {\n    return null;\n  }\n\n  var styles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)((_extends2 = {}, _extends2[rtl ? 'right' : 'left'] = columnWidth.current + columnLeft - 2, _extends2.height = height, _extends2), style);\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({\n    tabIndex: -1,\n    role: \"button\",\n    ref: ref\n  }, rest, {\n    className: classes,\n    style: styles,\n    onMouseDown: handleColumnResizeMouseDown\n  }));\n});\nColumnResizeHandler.displayName = 'Table.ColumnResizeHandler';\nColumnResizeHandler.defaultProps = {\n  columnLeft: 0,\n  classPrefix: 'column-resize-spanner'\n};\nColumnResizeHandler.propTypes = {\n  height: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  defaultColumnWidth: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  columnLeft: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  columnFixed: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().any),\n  className: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n  classPrefix: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n  minWidth: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  style: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object),\n  onColumnResizeStart: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  onColumnResizeEnd: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  onColumnResizeMove: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ColumnResizeHandler);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/ColumnResizeHandler.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_clamp__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash/clamp */ \"./node_modules/lodash/clamp.js\");\n/* harmony import */ var lodash_clamp__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_clamp__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var dom_lib_DOMMouseMoveTracker__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! dom-lib/DOMMouseMoveTracker */ \"./node_modules/dom-lib/esm/DOMMouseMoveTracker.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./constants */ \"./node_modules/rsuite-table/es/constants.js\");\n\n\n\n\n\n\n\n\n\nvar ColumnResizeHandler = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var _extends2;\n\n  var columnLeft = props.columnLeft,\n      classPrefix = props.classPrefix,\n      height = props.height,\n      className = props.className,\n      style = props.style,\n      columnFixed = props.columnFixed,\n      defaultColumnWidth = props.defaultColumnWidth,\n      minWidth = props.minWidth,\n      onColumnResizeStart = props.onColumnResizeStart,\n      onColumnResizeMove = props.onColumnResizeMove,\n      onColumnResizeEnd = props.onColumnResizeEnd,\n      rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__.default)(props, [\"columnLeft\", \"classPrefix\", \"height\", \"className\", \"style\", \"columnFixed\", \"defaultColumnWidth\", \"minWidth\", \"onColumnResizeStart\", \"onColumnResizeMove\", \"onColumnResizeEnd\"]);\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(_TableContext__WEBPACK_IMPORTED_MODULE_7__.default),\n      rtl = _useContext.rtl;\n\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix());\n  var columnWidth = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(defaultColumnWidth || 0);\n  var mouseMoveTracker = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var isKeyDown = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var cursorDelta = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var handleMove = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (deltaX) {\n    if (!isKeyDown.current) {\n      return;\n    }\n\n    cursorDelta.current += deltaX;\n    columnWidth.current = lodash_clamp__WEBPACK_IMPORTED_MODULE_4___default()(defaultColumnWidth + (rtl ? -cursorDelta.current : cursorDelta.current), minWidth ? Math.max(minWidth, _constants__WEBPACK_IMPORTED_MODULE_8__.RESIZE_MIN_WIDTH) : _constants__WEBPACK_IMPORTED_MODULE_8__.RESIZE_MIN_WIDTH, 20000);\n    onColumnResizeMove === null || onColumnResizeMove === void 0 ? void 0 : onColumnResizeMove(columnWidth.current, columnLeft, columnFixed);\n  }, [columnFixed, columnLeft, defaultColumnWidth, minWidth, onColumnResizeMove, rtl]);\n  var handleColumnResizeEnd = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    var _mouseMoveTracker$cur, _mouseMoveTracker$cur2;\n\n    isKeyDown.current = false;\n    onColumnResizeEnd === null || onColumnResizeEnd === void 0 ? void 0 : onColumnResizeEnd(columnWidth.current, cursorDelta.current);\n    (_mouseMoveTracker$cur = mouseMoveTracker.current) === null || _mouseMoveTracker$cur === void 0 ? void 0 : (_mouseMoveTracker$cur2 = _mouseMoveTracker$cur.releaseMouseMoves) === null || _mouseMoveTracker$cur2 === void 0 ? void 0 : _mouseMoveTracker$cur2.call(_mouseMoveTracker$cur);\n    mouseMoveTracker.current = null;\n  }, [onColumnResizeEnd]);\n  var getMouseMoveTracker = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    return mouseMoveTracker.current || new dom_lib_DOMMouseMoveTracker__WEBPACK_IMPORTED_MODULE_5__.default(handleMove, handleColumnResizeEnd, document.body);\n  }, [handleColumnResizeEnd, handleMove]);\n  var handleColumnResizeMouseDown = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (event) {\n    mouseMoveTracker.current = getMouseMoveTracker();\n    mouseMoveTracker.current.captureMouseMoves(event);\n    isKeyDown.current = true;\n    cursorDelta.current = 0;\n    var client = {\n      clientX: event.clientX,\n      clientY: event.clientY,\n      preventDefault: Function()\n    };\n    onColumnResizeStart === null || onColumnResizeStart === void 0 ? void 0 : onColumnResizeStart(client);\n  }, [getMouseMoveTracker, onColumnResizeStart]);\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n    return function () {\n      var _mouseMoveTracker$cur3;\n\n      (_mouseMoveTracker$cur3 = mouseMoveTracker.current) === null || _mouseMoveTracker$cur3 === void 0 ? void 0 : _mouseMoveTracker$cur3.releaseMouseMoves();\n      mouseMoveTracker.current = null;\n    };\n  }, []);\n\n  if (columnFixed === 'right') {\n    return null;\n  }\n\n  var styles = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)((_extends2 = {}, _extends2[rtl ? 'right' : 'left'] = columnWidth.current + columnLeft - 2, _extends2.height = height, _extends2), style);\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({\n    tabIndex: -1,\n    role: \"button\",\n    ref: ref\n  }, rest, {\n    className: classes,\n    style: styles,\n    onMouseDown: handleColumnResizeMouseDown\n  }));\n});\nColumnResizeHandler.displayName = 'Table.ColumnResizeHandler';\nColumnResizeHandler.defaultProps = {\n  columnLeft: 0,\n  classPrefix: 'column-resize-spanner'\n};\nColumnResizeHandler.propTypes = {\n  height: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  defaultColumnWidth: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  columnLeft: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  columnFixed: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().any),\n  className: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n  classPrefix: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n  minWidth: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  style: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object),\n  onColumnResizeStart: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  onColumnResizeEnd: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  onColumnResizeMove: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ColumnResizeHandler);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/ColumnResizeHandler.js?");
 
 /***/ }),
 
@@ -8627,7 +8903,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/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?");
+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      align = props.align,\n      verticalAlign = props.verticalAlign,\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\", \"align\", \"verticalAlign\", \"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    align: !groupHeader ? align : null,\n    verticalAlign: !groupHeader ? verticalAlign : null,\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?");
 
 /***/ }),
 
@@ -8671,7 +8947,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 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 dom_lib_DOMMouseMoveTracker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! dom-lib/DOMMouseMoveTracker */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/DOMMouseMoveTracker.js\");\n/* harmony import */ var dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! dom-lib/addStyle */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/addStyle.js\");\n/* harmony import */ var dom_lib_getOffset__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! dom-lib/getOffset */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/getOffset.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n\n\n\n\n\n\n\n\n\n\nvar Scrollbar = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var _styles;\n\n  var vertical = props.vertical,\n      length = props.length,\n      scrollLength = props.scrollLength,\n      classPrefix = props.classPrefix,\n      className = props.className,\n      tableId = props.tableId,\n      onMouseDown = props.onMouseDown,\n      onScroll = props.onScroll,\n      rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__.default)(props, [\"vertical\", \"length\", \"scrollLength\", \"classPrefix\", \"className\", \"tableId\", \"onMouseDown\", \"onScroll\"]);\n\n  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_2___default().useContext(_TableContext__WEBPACK_IMPORTED_MODULE_9__.default),\n      translateDOMPositionXY = _React$useContext.translateDOMPositionXY;\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false),\n      handlePressed = _useState[0],\n      setHandlePressed = _useState[1];\n\n  var _useState2 = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)({\n    top: 0,\n    left: 0\n  }),\n      barOffset = _useState2[0],\n      setBarOffset = _useState2[1];\n\n  var scrollOffset = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(0);\n  var scrollRange = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(scrollLength);\n  var barRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var handleRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var mouseMoveTracker = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_8__.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix({\n    vertical: vertical,\n    horizontal: !vertical,\n    hide: scrollLength <= length,\n    pressed: handlePressed\n  }));\n  var width = length / scrollLength * 100;\n  var styles = (_styles = {}, _styles[vertical ? 'height' : 'width'] = width + \"%\", _styles[vertical ? 'minHeight' : 'minWidth'] = _constants__WEBPACK_IMPORTED_MODULE_7__.SCROLLBAR_MIN_WIDTH, _styles);\n  var valuenow = scrollOffset.current / length * 100 + width;\n  (0,_utils__WEBPACK_IMPORTED_MODULE_8__.useMount)(function () {\n    setTimeout(function () {\n      if (barRef.current) {\n        setBarOffset((0,dom_lib_getOffset__WEBPACK_IMPORTED_MODULE_6__.default)(barRef.current));\n      }\n    }, 1);\n  });\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n    return function () {\n      releaseMouseMoves();\n    }; // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  (0,_utils__WEBPACK_IMPORTED_MODULE_8__.useUpdateEffect)(function () {\n    if (scrollOffset.current) {\n      // Update the position of the scroll bar when the height of the table content area changes.\n      scrollOffset.current = scrollRange.current / scrollLength * scrollOffset.current;\n      updateScrollBarPosition(0);\n    }\n\n    scrollRange.current = scrollLength;\n  }, [scrollLength]);\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useImperativeHandle)(ref, function () {\n    return {\n      get root() {\n        return barRef.current;\n      },\n\n      get handle() {\n        return handleRef.current;\n      },\n\n      onWheelScroll: function onWheelScroll(delta) {\n        var nextDelta = delta / (scrollLength / length);\n        updateScrollBarPosition(nextDelta);\n      },\n      resetScrollBarPosition: function resetScrollBarPosition(forceDelta) {\n        if (forceDelta === void 0) {\n          forceDelta = 0;\n        }\n\n        scrollOffset.current = 0;\n        updateScrollBarPosition(0, forceDelta);\n      }\n    };\n  });\n  var updateScrollBarPosition = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (delta, forceDelta) {\n    var max = scrollLength && length ? length - Math.max(length / scrollLength * length, _constants__WEBPACK_IMPORTED_MODULE_7__.SCROLLBAR_MIN_WIDTH + 2) : 0;\n    var styles = {};\n\n    if (typeof forceDelta === 'undefined') {\n      scrollOffset.current += delta;\n      scrollOffset.current = Math.max(scrollOffset.current, 0);\n      scrollOffset.current = Math.min(scrollOffset.current, max);\n    } else {\n      scrollOffset.current = forceDelta || 0;\n    }\n\n    if (vertical) {\n      translateDOMPositionXY === null || translateDOMPositionXY === void 0 ? void 0 : translateDOMPositionXY(styles, 0, scrollOffset.current);\n    } else {\n      translateDOMPositionXY === null || translateDOMPositionXY === void 0 ? void 0 : translateDOMPositionXY(styles, scrollOffset.current, 0);\n    }\n\n    (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_5__.default)(handleRef.current, styles);\n  }, [length, scrollLength, translateDOMPositionXY, vertical]);\n  var handleScroll = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (delta, event) {\n    var scrollDelta = delta * (scrollLength / length);\n    updateScrollBarPosition(delta);\n    onScroll === null || onScroll === void 0 ? void 0 : onScroll(scrollDelta, event);\n  }, [length, onScroll, scrollLength, updateScrollBarPosition]);\n  var handleClick = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (event) {\n    var _handleRef$current;\n\n    if (handleRef.current && (_handleRef$current = handleRef.current) !== null && _handleRef$current !== void 0 && _handleRef$current.contains(event.target)) {\n      return;\n    }\n\n    var offset = vertical ? event.pageY - barOffset.top : event.pageX - barOffset.left;\n    var handleWidth = length / scrollLength * length;\n    var delta = offset - handleWidth;\n    var nextDelta = offset > scrollOffset.current ? delta - scrollOffset.current : offset - scrollOffset.current;\n    handleScroll(nextDelta, event);\n  }, [barOffset.left, barOffset.top, handleScroll, length, scrollLength, vertical]);\n  var releaseMouseMoves = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    var _mouseMoveTracker$cur, _mouseMoveTracker$cur2;\n\n    (_mouseMoveTracker$cur = mouseMoveTracker.current) === null || _mouseMoveTracker$cur === void 0 ? void 0 : (_mouseMoveTracker$cur2 = _mouseMoveTracker$cur.releaseMouseMoves) === null || _mouseMoveTracker$cur2 === void 0 ? void 0 : _mouseMoveTracker$cur2.call(_mouseMoveTracker$cur);\n    mouseMoveTracker.current = null;\n  }, []);\n  var handleDragMove = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (deltaX, deltaY, event) {\n    var _window, _window$event;\n\n    if (!mouseMoveTracker.current || !mouseMoveTracker.current.isDragging()) {\n      return;\n    }\n\n    if ((event === null || event === void 0 ? void 0 : event.buttons) === 0 || ((_window = window) === null || _window === void 0 ? void 0 : (_window$event = _window.event) === null || _window$event === void 0 ? void 0 : _window$event['buttons']) === 0) {\n      releaseMouseMoves();\n      return;\n    }\n\n    handleScroll(vertical ? deltaY : deltaX, event);\n  }, [handleScroll, releaseMouseMoves, vertical]);\n  var handleDragEnd = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    releaseMouseMoves();\n    setHandlePressed(false);\n  }, [releaseMouseMoves]);\n  var getMouseMoveTracker = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    return mouseMoveTracker.current || new dom_lib_DOMMouseMoveTracker__WEBPACK_IMPORTED_MODULE_4__.default(handleDragMove, handleDragEnd, document.body);\n  }, [handleDragEnd, handleDragMove]);\n  var handleMouseDown = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (event) {\n    var _mouseMoveTracker$cur3;\n\n    mouseMoveTracker.current = getMouseMoveTracker();\n    mouseMoveTracker === null || mouseMoveTracker === void 0 ? void 0 : (_mouseMoveTracker$cur3 = mouseMoveTracker.current) === null || _mouseMoveTracker$cur3 === void 0 ? void 0 : _mouseMoveTracker$cur3.captureMouseMoves(event);\n    setHandlePressed(true);\n    onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);\n  }, [getMouseMoveTracker, onMouseDown]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({\n    role: \"scrollbar\",\n    \"aria-controls\": tableId,\n    \"aria-valuemax\": 100,\n    \"aria-valuemin\": 0,\n    \"aria-valuenow\": valuenow,\n    \"aria-orientation\": vertical ? 'vertical' : 'horizontal'\n  }, rest, {\n    ref: barRef,\n    className: classes,\n    onClick: handleClick\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    ref: handleRef,\n    className: prefix('handle'),\n    style: styles,\n    onMouseDown: handleMouseDown,\n    role: \"button\",\n    tabIndex: -1\n  }));\n});\nScrollbar.displayName = 'Table.Scrollbar';\nScrollbar.propTypes = {\n  tableId: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n  vertical: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),\n  length: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  scrollLength: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  className: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n  classPrefix: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n  onScroll: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  onMouseDown: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)\n};\nScrollbar.defaultProps = {\n  classPrefix: 'scrollbar',\n  scrollLength: 1,\n  length: 1\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Scrollbar);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/Scrollbar.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 dom_lib_DOMMouseMoveTracker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! dom-lib/DOMMouseMoveTracker */ \"./node_modules/dom-lib/esm/DOMMouseMoveTracker.js\");\n/* harmony import */ var dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! dom-lib/addStyle */ \"./node_modules/dom-lib/esm/addStyle.js\");\n/* harmony import */ var dom_lib_getOffset__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! dom-lib/getOffset */ \"./node_modules/dom-lib/esm/getOffset.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n\n\n\n\n\n\n\n\n\n\nvar Scrollbar = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {\n  var _styles;\n\n  var vertical = props.vertical,\n      length = props.length,\n      scrollLength = props.scrollLength,\n      classPrefix = props.classPrefix,\n      className = props.className,\n      tableId = props.tableId,\n      onMouseDown = props.onMouseDown,\n      onScroll = props.onScroll,\n      rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__.default)(props, [\"vertical\", \"length\", \"scrollLength\", \"classPrefix\", \"className\", \"tableId\", \"onMouseDown\", \"onScroll\"]);\n\n  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_2___default().useContext(_TableContext__WEBPACK_IMPORTED_MODULE_9__.default),\n      translateDOMPositionXY = _React$useContext.translateDOMPositionXY;\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false),\n      handlePressed = _useState[0],\n      setHandlePressed = _useState[1];\n\n  var _useState2 = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)({\n    top: 0,\n    left: 0\n  }),\n      barOffset = _useState2[0],\n      setBarOffset = _useState2[1];\n\n  var scrollOffset = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(0);\n  var scrollRange = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(scrollLength);\n  var barRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var handleRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var mouseMoveTracker = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n\n  var _useClassNames = (0,_utils__WEBPACK_IMPORTED_MODULE_8__.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix({\n    vertical: vertical,\n    horizontal: !vertical,\n    hide: scrollLength <= length,\n    pressed: handlePressed\n  }));\n  var width = length / scrollLength * 100;\n  var styles = (_styles = {}, _styles[vertical ? 'height' : 'width'] = width + \"%\", _styles[vertical ? 'minHeight' : 'minWidth'] = _constants__WEBPACK_IMPORTED_MODULE_7__.SCROLLBAR_MIN_WIDTH, _styles);\n  var valuenow = scrollOffset.current / length * 100 + width;\n  (0,_utils__WEBPACK_IMPORTED_MODULE_8__.useMount)(function () {\n    setTimeout(function () {\n      if (barRef.current) {\n        setBarOffset((0,dom_lib_getOffset__WEBPACK_IMPORTED_MODULE_6__.default)(barRef.current));\n      }\n    }, 1);\n  });\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n    return function () {\n      releaseMouseMoves();\n    }; // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  (0,_utils__WEBPACK_IMPORTED_MODULE_8__.useUpdateEffect)(function () {\n    if (scrollOffset.current) {\n      // Update the position of the scroll bar when the height of the table content area changes.\n      scrollOffset.current = scrollRange.current / scrollLength * scrollOffset.current;\n      updateScrollBarPosition(0);\n    }\n\n    scrollRange.current = scrollLength;\n  }, [scrollLength]);\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useImperativeHandle)(ref, function () {\n    return {\n      get root() {\n        return barRef.current;\n      },\n\n      get handle() {\n        return handleRef.current;\n      },\n\n      onWheelScroll: function onWheelScroll(delta, momentum) {\n        var nextDelta = delta / (scrollLength / length);\n        updateScrollBarPosition(nextDelta, undefined, momentum);\n      },\n      resetScrollBarPosition: function resetScrollBarPosition(forceDelta) {\n        if (forceDelta === void 0) {\n          forceDelta = 0;\n        }\n\n        scrollOffset.current = 0;\n        updateScrollBarPosition(0, forceDelta);\n      }\n    };\n  });\n  var updateScrollBarPosition = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (delta, forceDelta, momentum) {\n    var max = scrollLength && length ? length - Math.max(length / scrollLength * length, _constants__WEBPACK_IMPORTED_MODULE_7__.SCROLLBAR_MIN_WIDTH + 2) : 0;\n    var styles = momentum ? {\n      'transition-duration': _constants__WEBPACK_IMPORTED_MODULE_7__.TRANSITION_DURATION + \"ms\",\n      'transition-timing-function': _constants__WEBPACK_IMPORTED_MODULE_7__.BEZIER\n    } : {};\n\n    if (typeof forceDelta === 'undefined') {\n      scrollOffset.current += delta;\n      scrollOffset.current = Math.max(scrollOffset.current, 0);\n      scrollOffset.current = Math.min(scrollOffset.current, max);\n    } else {\n      scrollOffset.current = forceDelta || 0;\n    }\n\n    if (vertical) {\n      translateDOMPositionXY === null || translateDOMPositionXY === void 0 ? void 0 : translateDOMPositionXY(styles, 0, scrollOffset.current);\n    } else {\n      translateDOMPositionXY === null || translateDOMPositionXY === void 0 ? void 0 : translateDOMPositionXY(styles, scrollOffset.current, 0);\n    }\n\n    (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_5__.default)(handleRef.current, styles);\n  }, [length, scrollLength, translateDOMPositionXY, vertical]);\n  var handleScroll = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (delta, event) {\n    var scrollDelta = delta * (scrollLength / length);\n    updateScrollBarPosition(delta);\n    onScroll === null || onScroll === void 0 ? void 0 : onScroll(scrollDelta, event);\n  }, [length, onScroll, scrollLength, updateScrollBarPosition]);\n  var handleClick = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (event) {\n    var _handleRef$current;\n\n    if (handleRef.current && (_handleRef$current = handleRef.current) !== null && _handleRef$current !== void 0 && _handleRef$current.contains(event.target)) {\n      return;\n    }\n\n    var offset = vertical ? event.pageY - barOffset.top : event.pageX - barOffset.left;\n    var handleWidth = length / scrollLength * length;\n    var delta = offset - handleWidth;\n    var nextDelta = offset > scrollOffset.current ? delta - scrollOffset.current : offset - scrollOffset.current;\n    handleScroll(nextDelta, event);\n  }, [barOffset.left, barOffset.top, handleScroll, length, scrollLength, vertical]);\n  var releaseMouseMoves = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    var _mouseMoveTracker$cur, _mouseMoveTracker$cur2;\n\n    (_mouseMoveTracker$cur = mouseMoveTracker.current) === null || _mouseMoveTracker$cur === void 0 ? void 0 : (_mouseMoveTracker$cur2 = _mouseMoveTracker$cur.releaseMouseMoves) === null || _mouseMoveTracker$cur2 === void 0 ? void 0 : _mouseMoveTracker$cur2.call(_mouseMoveTracker$cur);\n    mouseMoveTracker.current = null;\n  }, []);\n  var handleDragMove = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (deltaX, deltaY, event) {\n    var _window, _window$event;\n\n    if (!mouseMoveTracker.current || !mouseMoveTracker.current.isDragging()) {\n      return;\n    }\n\n    if ((event === null || event === void 0 ? void 0 : event.buttons) === 0 || ((_window = window) === null || _window === void 0 ? void 0 : (_window$event = _window.event) === null || _window$event === void 0 ? void 0 : _window$event['buttons']) === 0) {\n      releaseMouseMoves();\n      return;\n    }\n\n    handleScroll(vertical ? deltaY : deltaX, event);\n  }, [handleScroll, releaseMouseMoves, vertical]);\n  var handleDragEnd = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    releaseMouseMoves();\n    setHandlePressed(false);\n  }, [releaseMouseMoves]);\n  var getMouseMoveTracker = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    return mouseMoveTracker.current || new dom_lib_DOMMouseMoveTracker__WEBPACK_IMPORTED_MODULE_4__.default(handleDragMove, handleDragEnd, document.body);\n  }, [handleDragEnd, handleDragMove]);\n  var handleMouseDown = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (event) {\n    var _mouseMoveTracker$cur3;\n\n    mouseMoveTracker.current = getMouseMoveTracker();\n    mouseMoveTracker === null || mouseMoveTracker === void 0 ? void 0 : (_mouseMoveTracker$cur3 = mouseMoveTracker.current) === null || _mouseMoveTracker$cur3 === void 0 ? void 0 : _mouseMoveTracker$cur3.captureMouseMoves(event);\n    setHandlePressed(true);\n    onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);\n  }, [getMouseMoveTracker, onMouseDown]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({\n    role: \"scrollbar\",\n    \"aria-controls\": tableId,\n    \"aria-valuemax\": 100,\n    \"aria-valuemin\": 0,\n    \"aria-valuenow\": valuenow,\n    \"aria-orientation\": vertical ? 'vertical' : 'horizontal'\n  }, rest, {\n    ref: barRef,\n    className: classes,\n    onClick: handleClick\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    ref: handleRef,\n    className: prefix('handle'),\n    style: styles,\n    onMouseDown: handleMouseDown,\n    role: \"button\",\n    tabIndex: -1\n  }));\n});\nScrollbar.displayName = 'Table.Scrollbar';\nScrollbar.propTypes = {\n  tableId: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n  vertical: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),\n  length: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  scrollLength: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),\n  className: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n  classPrefix: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n  onScroll: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),\n  onMouseDown: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)\n};\nScrollbar.defaultProps = {\n  classPrefix: 'scrollbar',\n  scrollLength: 1,\n  length: 1\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Scrollbar);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/Scrollbar.js?");
 
 /***/ }),
 
@@ -8682,7 +8958,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_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-lib/translateDOMPositionXY */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/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_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(coords) {\n      handleScrollTo(coords);\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    \"aria-busy\": loading\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  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_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-lib/translateDOMPositionXY */ \"./node_modules/dom-lib/esm/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\n\n/**\n * Filter those expanded nodes.\n * @param data\n * @param expandedRowKeys\n * @param rowKey\n * @returns\n */\nvar filterTreeData = function filterTreeData(data, expandedRowKeys, rowKey) {\n  return (0,_utils__WEBPACK_IMPORTED_MODULE_15__.flattenData)(data).filter(function (rowData) {\n    var parents = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.findAllParents)(rowData, rowKey);\n    var expanded = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.shouldShowRowByExpanded)(expandedRowKeys, parents);\n    rowData[_constants__WEBPACK_IMPORTED_MODULE_14__.EXPANDED_KEY] = expanded;\n    rowData[_constants__WEBPACK_IMPORTED_MODULE_14__.TREE_DEPTH] = parents.length;\n    return expanded;\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      onTouchEnd = props.onTouchEnd,\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\", \"onTouchEnd\"]);\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 _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)(function () {\n    return isTree ? filterTreeData(dataProp, expandedRowKeys, rowKey) : dataProp;\n  }),\n      data = _useState[0],\n      setData = _useState[1];\n\n  var _useTableRows = (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useTableRows)({\n    data: dataProp,\n    expandedRowKeys: expandedRowKeys,\n    wordWrap: wordWrap,\n    prefix: prefix\n  }),\n      tableRowsMaxHeight = _useTableRows.tableRowsMaxHeight,\n      bindTableRowsRef = _useTableRows.bindTableRowsRef;\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_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 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   * Reset the position of the scroll bar after the table size changes.\n   */\n\n  var resetScrollbar = function resetScrollbar(event) {\n    forceUpdate();\n\n    if (typeof shouldUpdateScroll === 'function') {\n      onScrollTo(shouldUpdateScroll(event));\n    } else if (shouldUpdateScroll) {\n      var vertical = event === 'bodyHeightChanged';\n      vertical ? onScrollTop(0) : onScrollLeft(0);\n    }\n  };\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(coords) {\n      onScrollTo(coords);\n    },\n    onTableContentHeightChange: function onTableContentHeightChange() {\n      resetScrollbar('bodyHeightChanged');\n    },\n    onTableContentWidthChange: function onTableContentWidthChange() {\n      resetScrollbar('bodyWidthChanged');\n    },\n    onTableWidthChange: function onTableWidthChange() {\n      resetScrollbar('widthChanged');\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    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    onTouchStart: onTouchStart,\n    onTouchMove: onTouchMove,\n    onTouchEnd: onTouchEnd\n  }),\n      isScrolling = _useScrollListener.isScrolling,\n      onScrollHorizontal = _useScrollListener.onScrollHorizontal,\n      onScrollVertical = _useScrollListener.onScrollVertical,\n      onScrollBody = _useScrollListener.onScrollBody,\n      onScrollTop = _useScrollListener.onScrollTop,\n      onScrollLeft = _useScrollListener.onScrollLeft,\n      onScrollTo = _useScrollListener.onScrollTo;\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  var colCounts = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)((headerCells === null || headerCells === void 0 ? void 0 : headerCells.length) || 0);\n  (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useUpdateEffect)(function () {\n    setData(isTree ? filterTreeData(dataProp, expandedRowKeys, rowKey) : dataProp);\n  }, [dataProp, expandedRowKeys, rowKey, isTree]);\n  (0,_utils__WEBPACK_IMPORTED_MODULE_15__.useUpdateEffect)(function () {\n    if ((headerCells === null || headerCells === void 0 ? void 0 : headerCells.length) !== colCounts.current) {\n      onScrollLeft(0);\n      colCounts.current = (headerCells === null || headerCells === void 0 ? void 0 : headerCells.length) || 0;\n    }\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: onScrollTop,\n      scrollLeft: onScrollLeft\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 (treeRowKey, _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 === treeRowKey) {\n        open = true;\n      } else {\n        nextExpandedRowKeys.push(key);\n      }\n    }\n\n    if (!open) {\n      nextExpandedRowKeys.push(treeRowKey);\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: onScrollHorizontal,\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: onScrollVertical,\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 = !!renderRowExpandedProp || isCustomRowHeight || wordWrap; // 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        // Avoid white screens on the top and bottom of the table when touching and scrolling on the mobile terminal.\n        // So supplement the display data row.\n        if ((0,_utils__WEBPACK_IMPORTED_MODULE_15__.isSupportTouchEvent)()) {\n          var coveredHeight = height * 3;\n          minTop = Math.max(minTop - coveredHeight, 0);\n          maxTop = maxTop + coveredHeight;\n        }\n\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\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          contentHeight += nextRowHeight;\n          var rowProps = {\n            key: index,\n            top: top,\n            width: rowWidth,\n            depth: _rowData[_constants__WEBPACK_IMPORTED_MODULE_14__.TREE_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        /** virtualized */\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) + 5, data.length); // Avoid white screens on the top and bottom of the table when touching and scrolling on the mobile terminal.\n        // So supplement the display data row.\n\n        if ((0,_utils__WEBPACK_IMPORTED_MODULE_15__.isSupportTouchEvent)()) {\n          var coveredCount = Math.floor(height / _nextRowHeight * 3);\n          startIndex = Math.max(startIndex - coveredCount, 0);\n          endIndex = Math.min(endIndex + coveredCount, data.length);\n        }\n\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            depth: _rowData2[_constants__WEBPACK_IMPORTED_MODULE_14__.TREE_DEPTH],\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: onScrollBody\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    \"aria-busy\": loading\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  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().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().func), (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  onTouchEnd: (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?");
 
 /***/ }),
 
@@ -8704,7 +8980,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 export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"LAYER_WIDTH\": function() { return /* binding */ LAYER_WIDTH; },\n/* harmony export */   \"SCROLLBAR_MIN_WIDTH\": function() { return /* binding */ SCROLLBAR_MIN_WIDTH; },\n/* harmony export */   \"SCROLLBAR_WIDTH\": function() { return /* binding */ SCROLLBAR_WIDTH; },\n/* harmony export */   \"CELL_PADDING_HEIGHT\": function() { return /* binding */ CELL_PADDING_HEIGHT; },\n/* harmony export */   \"RESIZE_MIN_WIDTH\": function() { return /* binding */ RESIZE_MIN_WIDTH; },\n/* harmony export */   \"SORT_TYPE\": function() { return /* binding */ SORT_TYPE; }\n/* harmony export */ });\nvar LAYER_WIDTH = 30;\nvar SCROLLBAR_MIN_WIDTH = 14;\nvar SCROLLBAR_WIDTH = 10;\nvar CELL_PADDING_HEIGHT = 26;\nvar RESIZE_MIN_WIDTH = 20;\nvar SORT_TYPE = {\n  DESC: 'desc',\n  ASC: 'asc'\n};\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/constants.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"LAYER_WIDTH\": function() { return /* binding */ LAYER_WIDTH; },\n/* harmony export */   \"SCROLLBAR_MIN_WIDTH\": function() { return /* binding */ SCROLLBAR_MIN_WIDTH; },\n/* harmony export */   \"SCROLLBAR_WIDTH\": function() { return /* binding */ SCROLLBAR_WIDTH; },\n/* harmony export */   \"CELL_PADDING_HEIGHT\": function() { return /* binding */ CELL_PADDING_HEIGHT; },\n/* harmony export */   \"RESIZE_MIN_WIDTH\": function() { return /* binding */ RESIZE_MIN_WIDTH; },\n/* harmony export */   \"SORT_TYPE\": function() { return /* binding */ SORT_TYPE; },\n/* harmony export */   \"TRANSITION_DURATION\": function() { return /* binding */ TRANSITION_DURATION; },\n/* harmony export */   \"BEZIER\": function() { return /* binding */ BEZIER; },\n/* harmony export */   \"EXPANDED_KEY\": function() { return /* binding */ EXPANDED_KEY; },\n/* harmony export */   \"PARENT_KEY\": function() { return /* binding */ PARENT_KEY; },\n/* harmony export */   \"TREE_DEPTH\": function() { return /* binding */ TREE_DEPTH; }\n/* harmony export */ });\nvar LAYER_WIDTH = 30;\nvar SCROLLBAR_MIN_WIDTH = 14;\nvar SCROLLBAR_WIDTH = 10;\nvar CELL_PADDING_HEIGHT = 26;\nvar RESIZE_MIN_WIDTH = 20;\nvar SORT_TYPE = {\n  DESC: 'desc',\n  ASC: 'asc'\n}; // transition-duration (ms)\n\nvar TRANSITION_DURATION = 1000; // transition-timing-function (ease-out)\n\nvar BEZIER = 'cubic-bezier(0, 0, .58, 1)'; // An attribute value added to the data row to identify whether it is expanded, used in Tree.\n\nvar EXPANDED_KEY = Symbol('expanded'); // An attribute value added for the data row, identifying the key of the parent node, used in Tree.\n\nvar PARENT_KEY = Symbol('parent'); // The attribute value added for the data row, which identifies the depth of the node (the number of parent nodes),\n// and is used in the Tree.\n\nvar TREE_DEPTH = Symbol('treeDepth');\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/constants.js?");
 
 /***/ }),
 
@@ -8726,7 +9002,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (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 */ findAllParents; }\n/* harmony export */ });\nfunction findAllParents(rowData, rowKey) {\n  var parents = [];\n\n  if (!rowData) {\n    return parents;\n  }\n\n  function findParent(data) {\n    if (data) {\n      parents.push(data[rowKey]);\n\n      if (data._parent) {\n        findParent(data._parent);\n      }\n    }\n  }\n\n  findParent(rowData._parent);\n  return parents;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/findAllParents.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ findAllParents; }\n/* harmony export */ });\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n\n\n/**\n * Find all parent nodes of a node\n */\nfunction findAllParents(rowData, rowKey) {\n  var parents = [];\n\n  if (!rowData) {\n    return parents;\n  }\n\n  function findParent(data) {\n    if (data) {\n      parents.push(data[rowKey]);\n\n      if (data[_constants__WEBPACK_IMPORTED_MODULE_0__.PARENT_KEY]) {\n        findParent(data[_constants__WEBPACK_IMPORTED_MODULE_0__.PARENT_KEY]);\n      }\n    }\n  }\n\n  findParent(rowData[_constants__WEBPACK_IMPORTED_MODULE_0__.PARENT_KEY]);\n  return parents;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/findAllParents.js?");
 
 /***/ }),
 
@@ -8748,7 +9024,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (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\n\nfunction flattenData(data) {\n  var flattenItems = [];\n\n  function loop(data, _parent) {\n    if (!Array.isArray(data)) {\n      return;\n    }\n\n    data.forEach(function (item) {\n      item._parent = _parent;\n      flattenItems.push((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, item));\n\n      if (item.children) {\n        loop(item.children, item);\n      }\n    });\n  }\n\n  loop(data, null);\n  return flattenItems;\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (flattenData);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/flattenData.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 _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n\n\n\n/**\n * Flatten the data of a tree structure into a one-dimensional array.\n * @param treeData\n * @returns\n */\nfunction flattenData(treeData) {\n  var flattenItems = [];\n\n  function loop(treeData, parentNode) {\n    if (!Array.isArray(treeData)) {\n      return;\n    }\n\n    treeData.forEach(function (rowData) {\n      rowData[_constants__WEBPACK_IMPORTED_MODULE_1__.PARENT_KEY] = parentNode;\n      flattenItems.push((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, rowData));\n\n      if (rowData.children) {\n        loop(rowData.children, rowData);\n      }\n    });\n  }\n\n  loop(treeData, null);\n  return flattenItems;\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (flattenData);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/flattenData.js?");
 
 /***/ }),
 
@@ -8759,7 +9035,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 react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash/flatten */ \"./node_modules/lodash/flatten.js\");\n/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_flatten__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _ColumnGroup__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../ColumnGroup */ \"./node_modules/rsuite-table/es/ColumnGroup.js\");\n\n\n\n\n/**\n * Get the columns ReactElement array.\n * - Handling the case where there is an array of <Column> in children.\n * - Filter empty items in children.\n */\n\nfunction getTableColumns(children) {\n  if (!Array.isArray(children)) {\n    return children;\n  }\n\n  var flattenColumns = lodash_flatten__WEBPACK_IMPORTED_MODULE_2___default()(children).map(function (column) {\n    if ((column === null || column === void 0 ? void 0 : column.type) === _ColumnGroup__WEBPACK_IMPORTED_MODULE_3__.default) {\n      var _column$props = column === null || column === void 0 ? void 0 : column.props,\n          header = _column$props.header,\n          childColumns = _column$props.children,\n          align = _column$props.align,\n          fixed = _column$props.fixed,\n          verticalAlign = _column$props.verticalAlign,\n          groupHeaderHeight = _column$props.groupHeaderHeight;\n\n      return childColumns.map(function (childColumn, index) {\n        // Overwrite the props set by ColumnGroup to Column.\n        var groupCellProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, childColumn === null || childColumn === void 0 ? void 0 : childColumn.props, {\n          groupHeaderHeight: groupHeaderHeight,\n          align: align,\n          fixed: fixed,\n          verticalAlign: verticalAlign\n        });\n        /**\n         * Set attributes for the first column in the group:\n         * @field groupCount: The number of grouping sub-items.\n         * @field groupHeader: Group header title.\n         * @field resizable: Set to not resizable.\n         */\n\n\n        if (index === 0) {\n          groupCellProps.groupCount = childColumns.length;\n          groupCellProps.groupHeader = header;\n          groupCellProps.resizable = false;\n        }\n\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(childColumn, groupCellProps);\n      });\n    }\n\n    return column;\n  }); // Flatten the array in Columns into a one-dimensional array, and calculate lastColumn and firstColumn.\n\n  return lodash_flatten__WEBPACK_IMPORTED_MODULE_2___default()(flattenColumns).filter(function (col) {\n    return col;\n  });\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (getTableColumns);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/getTableColumns.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 react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react_is__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-is */ \"./node_modules/rsuite-table/node_modules/react-is/index.js\");\n/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash/flatten */ \"./node_modules/lodash/flatten.js\");\n/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_flatten__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _ColumnGroup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../ColumnGroup */ \"./node_modules/rsuite-table/es/ColumnGroup.js\");\n\n\n\n\n\n/**\n * Get the columns ReactElement array.\n * - Handling the case where there is an array of <Column> in children.\n * - Filter empty items in children.\n */\n\nfunction getTableColumns(children) {\n  var childrenArray = Array.isArray(children) ? children : [children];\n  var flattenColumns = lodash_flatten__WEBPACK_IMPORTED_MODULE_3___default()(childrenArray).map(function (column) {\n    // If the column is a group, we need to get the columns from the children.\n    if ((column === null || column === void 0 ? void 0 : column.type) === _ColumnGroup__WEBPACK_IMPORTED_MODULE_4__.default) {\n      var _column$props = column === null || column === void 0 ? void 0 : column.props,\n          header = _column$props.header,\n          groupChildren = _column$props.children,\n          align = _column$props.align,\n          fixed = _column$props.fixed,\n          verticalAlign = _column$props.verticalAlign,\n          groupHeaderHeight = _column$props.groupHeaderHeight;\n\n      var childColumns = getTableColumns(groupChildren);\n      return childColumns.map(function (childColumn, index) {\n        // Overwrite the props set by ColumnGroup to Column.\n        var groupCellProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, childColumn === null || childColumn === void 0 ? void 0 : childColumn.props, {\n          groupHeaderHeight: groupHeaderHeight,\n          fixed: fixed,\n          // Column extends the properties of Group （align，verticalAlign）\n          align: (childColumn === null || childColumn === void 0 ? void 0 : childColumn.props.align) || align,\n          verticalAlign: (childColumn === null || childColumn === void 0 ? void 0 : childColumn.props.verticalAlign) || verticalAlign\n        });\n        /**\n         * Set attributes for the first column in the group:\n         * @field groupCount: The number of grouping sub-items.\n         * @field groupHeader: Group header title.\n         * @field resizable: Set to not resizable.\n         */\n\n\n        if (index === 0) {\n          groupCellProps.groupAlign = align;\n          groupCellProps.groupVerticalAlign = verticalAlign;\n          groupCellProps.groupCount = childColumns.length;\n          groupCellProps.groupHeader = header;\n          groupCellProps.resizable = false;\n        }\n\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(childColumn, groupCellProps);\n      });\n    } else if (react_is__WEBPACK_IMPORTED_MODULE_2__.isFragment(column)) {\n      var _column$props2;\n\n      // If the column is a fragment, we need to get the columns from the children.\n      return getTableColumns((_column$props2 = column.props) === null || _column$props2 === void 0 ? void 0 : _column$props2.children);\n    } // If the column is not a group, we just return the column.\n\n\n    return column;\n  }); // Flatten the array in Columns into a one-dimensional array, and calculate lastColumn and firstColumn.\n\n  return lodash_flatten__WEBPACK_IMPORTED_MODULE_3___default()(flattenColumns).filter(Boolean);\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (getTableColumns);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/getTableColumns.js?");
 
 /***/ }),
 
@@ -8781,7 +9057,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 export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"prefix\": function() { return /* reexport safe */ _prefix__WEBPACK_IMPORTED_MODULE_0__.default; },\n/* harmony export */   \"getTotalByColumns\": function() { return /* reexport safe */ _getTotalByColumns__WEBPACK_IMPORTED_MODULE_1__.default; },\n/* harmony export */   \"mergeCells\": function() { return /* reexport safe */ _mergeCells__WEBPACK_IMPORTED_MODULE_2__.default; },\n/* harmony export */   \"toggleClass\": function() { return /* reexport safe */ _toggleClass__WEBPACK_IMPORTED_MODULE_3__.default; },\n/* harmony export */   \"toggle\": function() { return /* reexport safe */ _toggle__WEBPACK_IMPORTED_MODULE_4__.default; },\n/* harmony export */   \"flattenData\": function() { return /* reexport safe */ _flattenData__WEBPACK_IMPORTED_MODULE_5__.default; },\n/* harmony export */   \"translateDOMPositionXY\": function() { return /* reexport safe */ _translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_6__.default; },\n/* harmony export */   \"isRTL\": function() { return /* reexport safe */ _isRTL__WEBPACK_IMPORTED_MODULE_7__.default; },\n/* harmony export */   \"findRowKeys\": function() { return /* reexport safe */ _findRowKeys__WEBPACK_IMPORTED_MODULE_8__.default; },\n/* harmony export */   \"findAllParents\": function() { return /* reexport safe */ _findAllParents__WEBPACK_IMPORTED_MODULE_9__.default; },\n/* harmony export */   \"shouldShowRowByExpanded\": function() { return /* reexport safe */ _shouldShowRowByExpanded__WEBPACK_IMPORTED_MODULE_10__.default; },\n/* harmony export */   \"resetLeftForCells\": function() { return /* reexport safe */ _resetLeftForCells__WEBPACK_IMPORTED_MODULE_11__.default; },\n/* harmony export */   \"isNumberOrTrue\": function() { return /* reexport safe */ _isNumberOrTrue__WEBPACK_IMPORTED_MODULE_12__.default; },\n/* harmony export */   \"mergeRefs\": function() { return /* reexport safe */ _mergeRefs__WEBPACK_IMPORTED_MODULE_13__.default; },\n/* harmony export */   \"cancelAnimationTimeout\": function() { return /* reexport safe */ _requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_14__.cancelAnimationTimeout; },\n/* harmony export */   \"requestAnimationTimeout\": function() { return /* reexport safe */ _requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_14__.requestAnimationTimeout; },\n/* harmony export */   \"useUpdateEffect\": function() { return /* reexport safe */ _useUpdateEffect__WEBPACK_IMPORTED_MODULE_15__.default; },\n/* harmony export */   \"useUpdateLayoutEffect\": function() { return /* reexport safe */ _useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_16__.default; },\n/* harmony export */   \"useIsomorphicLayoutEffect\": function() { return /* reexport safe */ _useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_17__.default; },\n/* harmony export */   \"useMount\": function() { return /* reexport safe */ _useMount__WEBPACK_IMPORTED_MODULE_18__.default; },\n/* harmony export */   \"useClassNames\": function() { return /* reexport safe */ _useClassNames__WEBPACK_IMPORTED_MODULE_19__.default; },\n/* harmony export */   \"useControlled\": function() { return /* reexport safe */ _useControlled__WEBPACK_IMPORTED_MODULE_20__.default; },\n/* harmony export */   \"getTableColumns\": function() { return /* reexport safe */ _getTableColumns__WEBPACK_IMPORTED_MODULE_21__.default; },\n/* harmony export */   \"useCellDescriptor\": function() { return /* reexport safe */ _useCellDescriptor__WEBPACK_IMPORTED_MODULE_22__.default; },\n/* harmony export */   \"useTableDimension\": function() { return /* reexport safe */ _useTableDimension__WEBPACK_IMPORTED_MODULE_23__.default; },\n/* harmony export */   \"useTableRows\": function() { return /* reexport safe */ _useTableRows__WEBPACK_IMPORTED_MODULE_24__.default; },\n/* harmony export */   \"useAffix\": function() { return /* reexport safe */ _useAffix__WEBPACK_IMPORTED_MODULE_25__.default; },\n/* harmony export */   \"useScrollListener\": function() { return /* reexport safe */ _useScrollListener__WEBPACK_IMPORTED_MODULE_26__.default; },\n/* harmony export */   \"usePosition\": function() { return /* reexport safe */ _usePosition__WEBPACK_IMPORTED_MODULE_27__.default; }\n/* harmony export */ });\n/* harmony import */ var _prefix__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./prefix */ \"./node_modules/rsuite-table/es/utils/prefix.js\");\n/* harmony import */ var _getTotalByColumns__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getTotalByColumns */ \"./node_modules/rsuite-table/es/utils/getTotalByColumns.js\");\n/* harmony import */ var _mergeCells__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./mergeCells */ \"./node_modules/rsuite-table/es/utils/mergeCells.js\");\n/* harmony import */ var _toggleClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./toggleClass */ \"./node_modules/rsuite-table/es/utils/toggleClass.js\");\n/* harmony import */ var _toggle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./toggle */ \"./node_modules/rsuite-table/es/utils/toggle.js\");\n/* harmony import */ var _flattenData__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./flattenData */ \"./node_modules/rsuite-table/es/utils/flattenData.js\");\n/* harmony import */ var _translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./translateDOMPositionXY */ \"./node_modules/rsuite-table/es/utils/translateDOMPositionXY.js\");\n/* harmony import */ var _isRTL__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./isRTL */ \"./node_modules/rsuite-table/es/utils/isRTL.js\");\n/* harmony import */ var _findRowKeys__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./findRowKeys */ \"./node_modules/rsuite-table/es/utils/findRowKeys.js\");\n/* harmony import */ var _findAllParents__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./findAllParents */ \"./node_modules/rsuite-table/es/utils/findAllParents.js\");\n/* harmony import */ var _shouldShowRowByExpanded__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./shouldShowRowByExpanded */ \"./node_modules/rsuite-table/es/utils/shouldShowRowByExpanded.js\");\n/* harmony import */ var _resetLeftForCells__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./resetLeftForCells */ \"./node_modules/rsuite-table/es/utils/resetLeftForCells.js\");\n/* harmony import */ var _isNumberOrTrue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./isNumberOrTrue */ \"./node_modules/rsuite-table/es/utils/isNumberOrTrue.js\");\n/* harmony import */ var _mergeRefs__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./mergeRefs */ \"./node_modules/rsuite-table/es/utils/mergeRefs.js\");\n/* harmony import */ var _requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./requestAnimationTimeout */ \"./node_modules/rsuite-table/es/utils/requestAnimationTimeout.js\");\n/* harmony import */ var _useUpdateEffect__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./useUpdateEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateEffect.js\");\n/* harmony import */ var _useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./useUpdateLayoutEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateLayoutEffect.js\");\n/* harmony import */ var _useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./useIsomorphicLayoutEffect */ \"./node_modules/rsuite-table/es/utils/useIsomorphicLayoutEffect.js\");\n/* harmony import */ var _useMount__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./useMount */ \"./node_modules/rsuite-table/es/utils/useMount.js\");\n/* harmony import */ var _useClassNames__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./useClassNames */ \"./node_modules/rsuite-table/es/utils/useClassNames.js\");\n/* harmony import */ var _useControlled__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./useControlled */ \"./node_modules/rsuite-table/es/utils/useControlled.js\");\n/* harmony import */ var _getTableColumns__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./getTableColumns */ \"./node_modules/rsuite-table/es/utils/getTableColumns.js\");\n/* harmony import */ var _useCellDescriptor__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./useCellDescriptor */ \"./node_modules/rsuite-table/es/utils/useCellDescriptor.js\");\n/* harmony import */ var _useTableDimension__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./useTableDimension */ \"./node_modules/rsuite-table/es/utils/useTableDimension.js\");\n/* harmony import */ var _useTableRows__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./useTableRows */ \"./node_modules/rsuite-table/es/utils/useTableRows.js\");\n/* harmony import */ var _useAffix__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./useAffix */ \"./node_modules/rsuite-table/es/utils/useAffix.js\");\n/* harmony import */ var _useScrollListener__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./useScrollListener */ \"./node_modules/rsuite-table/es/utils/useScrollListener.js\");\n/* harmony import */ var _usePosition__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./usePosition */ \"./node_modules/rsuite-table/es/utils/usePosition.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"prefix\": function() { return /* reexport safe */ _prefix__WEBPACK_IMPORTED_MODULE_0__.default; },\n/* harmony export */   \"getTotalByColumns\": function() { return /* reexport safe */ _getTotalByColumns__WEBPACK_IMPORTED_MODULE_1__.default; },\n/* harmony export */   \"mergeCells\": function() { return /* reexport safe */ _mergeCells__WEBPACK_IMPORTED_MODULE_2__.default; },\n/* harmony export */   \"toggleClass\": function() { return /* reexport safe */ _toggleClass__WEBPACK_IMPORTED_MODULE_3__.default; },\n/* harmony export */   \"toggle\": function() { return /* reexport safe */ _toggle__WEBPACK_IMPORTED_MODULE_4__.default; },\n/* harmony export */   \"flattenData\": function() { return /* reexport safe */ _flattenData__WEBPACK_IMPORTED_MODULE_5__.default; },\n/* harmony export */   \"translateDOMPositionXY\": function() { return /* reexport safe */ _translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_6__.default; },\n/* harmony export */   \"isRTL\": function() { return /* reexport safe */ _isRTL__WEBPACK_IMPORTED_MODULE_7__.default; },\n/* harmony export */   \"findRowKeys\": function() { return /* reexport safe */ _findRowKeys__WEBPACK_IMPORTED_MODULE_8__.default; },\n/* harmony export */   \"findAllParents\": function() { return /* reexport safe */ _findAllParents__WEBPACK_IMPORTED_MODULE_9__.default; },\n/* harmony export */   \"shouldShowRowByExpanded\": function() { return /* reexport safe */ _shouldShowRowByExpanded__WEBPACK_IMPORTED_MODULE_10__.default; },\n/* harmony export */   \"resetLeftForCells\": function() { return /* reexport safe */ _resetLeftForCells__WEBPACK_IMPORTED_MODULE_11__.default; },\n/* harmony export */   \"isNumberOrTrue\": function() { return /* reexport safe */ _isNumberOrTrue__WEBPACK_IMPORTED_MODULE_12__.default; },\n/* harmony export */   \"mergeRefs\": function() { return /* reexport safe */ _mergeRefs__WEBPACK_IMPORTED_MODULE_13__.default; },\n/* harmony export */   \"cancelAnimationTimeout\": function() { return /* reexport safe */ _requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_14__.cancelAnimationTimeout; },\n/* harmony export */   \"requestAnimationTimeout\": function() { return /* reexport safe */ _requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_14__.requestAnimationTimeout; },\n/* harmony export */   \"useUpdateEffect\": function() { return /* reexport safe */ _useUpdateEffect__WEBPACK_IMPORTED_MODULE_15__.default; },\n/* harmony export */   \"useUpdateLayoutEffect\": function() { return /* reexport safe */ _useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_16__.default; },\n/* harmony export */   \"useIsomorphicLayoutEffect\": function() { return /* reexport safe */ _useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_17__.default; },\n/* harmony export */   \"useMount\": function() { return /* reexport safe */ _useMount__WEBPACK_IMPORTED_MODULE_18__.default; },\n/* harmony export */   \"useClassNames\": function() { return /* reexport safe */ _useClassNames__WEBPACK_IMPORTED_MODULE_19__.default; },\n/* harmony export */   \"useControlled\": function() { return /* reexport safe */ _useControlled__WEBPACK_IMPORTED_MODULE_20__.default; },\n/* harmony export */   \"getTableColumns\": function() { return /* reexport safe */ _getTableColumns__WEBPACK_IMPORTED_MODULE_21__.default; },\n/* harmony export */   \"useCellDescriptor\": function() { return /* reexport safe */ _useCellDescriptor__WEBPACK_IMPORTED_MODULE_22__.default; },\n/* harmony export */   \"useTableDimension\": function() { return /* reexport safe */ _useTableDimension__WEBPACK_IMPORTED_MODULE_23__.default; },\n/* harmony export */   \"useTableRows\": function() { return /* reexport safe */ _useTableRows__WEBPACK_IMPORTED_MODULE_24__.default; },\n/* harmony export */   \"useAffix\": function() { return /* reexport safe */ _useAffix__WEBPACK_IMPORTED_MODULE_25__.default; },\n/* harmony export */   \"useScrollListener\": function() { return /* reexport safe */ _useScrollListener__WEBPACK_IMPORTED_MODULE_26__.default; },\n/* harmony export */   \"usePosition\": function() { return /* reexport safe */ _usePosition__WEBPACK_IMPORTED_MODULE_27__.default; },\n/* harmony export */   \"isSupportTouchEvent\": function() { return /* reexport safe */ _isSupportTouchEvent__WEBPACK_IMPORTED_MODULE_28__.default; }\n/* harmony export */ });\n/* harmony import */ var _prefix__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./prefix */ \"./node_modules/rsuite-table/es/utils/prefix.js\");\n/* harmony import */ var _getTotalByColumns__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getTotalByColumns */ \"./node_modules/rsuite-table/es/utils/getTotalByColumns.js\");\n/* harmony import */ var _mergeCells__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./mergeCells */ \"./node_modules/rsuite-table/es/utils/mergeCells.js\");\n/* harmony import */ var _toggleClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./toggleClass */ \"./node_modules/rsuite-table/es/utils/toggleClass.js\");\n/* harmony import */ var _toggle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./toggle */ \"./node_modules/rsuite-table/es/utils/toggle.js\");\n/* harmony import */ var _flattenData__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./flattenData */ \"./node_modules/rsuite-table/es/utils/flattenData.js\");\n/* harmony import */ var _translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./translateDOMPositionXY */ \"./node_modules/rsuite-table/es/utils/translateDOMPositionXY.js\");\n/* harmony import */ var _isRTL__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./isRTL */ \"./node_modules/rsuite-table/es/utils/isRTL.js\");\n/* harmony import */ var _findRowKeys__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./findRowKeys */ \"./node_modules/rsuite-table/es/utils/findRowKeys.js\");\n/* harmony import */ var _findAllParents__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./findAllParents */ \"./node_modules/rsuite-table/es/utils/findAllParents.js\");\n/* harmony import */ var _shouldShowRowByExpanded__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./shouldShowRowByExpanded */ \"./node_modules/rsuite-table/es/utils/shouldShowRowByExpanded.js\");\n/* harmony import */ var _resetLeftForCells__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./resetLeftForCells */ \"./node_modules/rsuite-table/es/utils/resetLeftForCells.js\");\n/* harmony import */ var _isNumberOrTrue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./isNumberOrTrue */ \"./node_modules/rsuite-table/es/utils/isNumberOrTrue.js\");\n/* harmony import */ var _mergeRefs__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./mergeRefs */ \"./node_modules/rsuite-table/es/utils/mergeRefs.js\");\n/* harmony import */ var _requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./requestAnimationTimeout */ \"./node_modules/rsuite-table/es/utils/requestAnimationTimeout.js\");\n/* harmony import */ var _useUpdateEffect__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./useUpdateEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateEffect.js\");\n/* harmony import */ var _useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./useUpdateLayoutEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateLayoutEffect.js\");\n/* harmony import */ var _useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./useIsomorphicLayoutEffect */ \"./node_modules/rsuite-table/es/utils/useIsomorphicLayoutEffect.js\");\n/* harmony import */ var _useMount__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./useMount */ \"./node_modules/rsuite-table/es/utils/useMount.js\");\n/* harmony import */ var _useClassNames__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./useClassNames */ \"./node_modules/rsuite-table/es/utils/useClassNames.js\");\n/* harmony import */ var _useControlled__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./useControlled */ \"./node_modules/rsuite-table/es/utils/useControlled.js\");\n/* harmony import */ var _getTableColumns__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./getTableColumns */ \"./node_modules/rsuite-table/es/utils/getTableColumns.js\");\n/* harmony import */ var _useCellDescriptor__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./useCellDescriptor */ \"./node_modules/rsuite-table/es/utils/useCellDescriptor.js\");\n/* harmony import */ var _useTableDimension__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./useTableDimension */ \"./node_modules/rsuite-table/es/utils/useTableDimension.js\");\n/* harmony import */ var _useTableRows__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./useTableRows */ \"./node_modules/rsuite-table/es/utils/useTableRows.js\");\n/* harmony import */ var _useAffix__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./useAffix */ \"./node_modules/rsuite-table/es/utils/useAffix.js\");\n/* harmony import */ var _useScrollListener__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./useScrollListener */ \"./node_modules/rsuite-table/es/utils/useScrollListener.js\");\n/* harmony import */ var _usePosition__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./usePosition */ \"./node_modules/rsuite-table/es/utils/usePosition.js\");\n/* harmony import */ var _isSupportTouchEvent__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./isSupportTouchEvent */ \"./node_modules/rsuite-table/es/utils/isSupportTouchEvent.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/index.js?");
 
 /***/ }),
 
@@ -8807,6 +9083,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "./node_modules/rsuite-table/es/utils/isSupportTouchEvent.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/rsuite-table/es/utils/isSupportTouchEvent.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 */ isSupportTouchEvent; }\n/* harmony export */ });\nfunction isSupportTouchEvent() {\n  return 'ontouchstart' in window;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/isSupportTouchEvent.js?");
+
+/***/ }),
+
 /***/ "./node_modules/rsuite-table/es/utils/mergeCells.js":
 /*!**********************************************************!*\
   !*** ./node_modules/rsuite-table/es/utils/mergeCells.js ***!
@@ -8814,7 +9101,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (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 lodash_isFunction__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\");\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_isFunction__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\");\n/* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_get__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\");\n/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_isNil__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _ColumnGroup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../ColumnGroup */ \"./node_modules/rsuite-table/es/ColumnGroup.js\");\n/* harmony import */ var _HeaderCell__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../HeaderCell */ \"./node_modules/rsuite-table/es/HeaderCell.js\");\n\n\n\n\n\n\n\nfunction cloneCell(Cell, props) {\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(Cell, props);\n}\n\nfunction mergeCells(cells) {\n  var nextCells = [];\n\n  for (var i = 0; i < cells.length; i += 1) {\n    var _cells$i$props = cells[i].props,\n        width = _cells$i$props.width,\n        colSpan = _cells$i$props.colSpan,\n        groupCount = _cells$i$props.groupCount,\n        groupHeader = _cells$i$props.groupHeader,\n        isHeaderCell = _cells$i$props.isHeaderCell,\n        headerHeight = _cells$i$props.headerHeight,\n        verticalAlign = _cells$i$props.verticalAlign,\n        groupHeaderHeight = _cells$i$props.groupHeaderHeight;\n    var groupChildren = []; // Add grouping to column headers.\n\n    if (groupCount && isHeaderCell) {\n      var nextWidth = width;\n      var left = 0;\n\n      for (var j = 0; j < groupCount; j += 1) {\n        var nextCell = cells[i + j];\n        var _nextCell$props = nextCell.props,\n            nextCellWidth = _nextCell$props.width,\n            sortable = _nextCell$props.sortable,\n            children = _nextCell$props.children,\n            dataKey = _nextCell$props.dataKey,\n            onSortColumn = _nextCell$props.onSortColumn,\n            sortColumn = _nextCell$props.sortColumn,\n            sortType = _nextCell$props.sortType;\n\n        if (j !== 0) {\n          nextWidth += nextCellWidth;\n          left += cells[i + j - 1].props.width;\n          cells[i + j] = cloneCell(nextCell, {\n            removed: true\n          });\n        }\n\n        groupChildren.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_HeaderCell__WEBPACK_IMPORTED_MODULE_5__.default, {\n          key: j,\n          left: left,\n          dataKey: dataKey,\n          width: nextCellWidth,\n          sortable: sortable,\n          sortColumn: sortColumn,\n          sortType: sortType,\n          onSortColumn: onSortColumn\n        }, children));\n      }\n\n      nextCells.push(cloneCell(cells[i], {\n        width: nextWidth,\n        children: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ColumnGroup__WEBPACK_IMPORTED_MODULE_4__.default, {\n          width: nextWidth,\n          headerHeight: headerHeight,\n          header: groupHeader,\n          verticalAlign: verticalAlign,\n          groupHeaderHeight: groupHeaderHeight\n        }, groupChildren)\n      }));\n      continue;\n    } else if (colSpan) {\n      // If there is a colSpan attribute, go to its next Cell.\n      // Determine whether the value is null or undefined, then merge this cell.\n      var _nextWidth = width;\n\n      for (var _j = 0; _j < colSpan; _j += 1) {\n        var _nextCell = cells[i + _j];\n\n        if (_nextCell) {\n          var _nextCell$props2 = _nextCell.props,\n              rowData = _nextCell$props2.rowData,\n              rowIndex = _nextCell$props2.rowIndex,\n              _children = _nextCell$props2.children,\n              colSpanWidth = _nextCell$props2.width,\n              _isHeaderCell = _nextCell$props2.isHeaderCell,\n              _dataKey = _nextCell$props2.dataKey;\n          var cellText = lodash_isFunction__WEBPACK_IMPORTED_MODULE_1___default()(_children) ? _children(rowData, rowIndex) : lodash_get__WEBPACK_IMPORTED_MODULE_2___default()(rowData, _dataKey);\n\n          if (rowData && lodash_isNil__WEBPACK_IMPORTED_MODULE_3___default()(cellText) || _isHeaderCell && lodash_isNil__WEBPACK_IMPORTED_MODULE_3___default()(_children)) {\n            _nextWidth += colSpanWidth;\n            cells[i + _j] = cloneCell(_nextCell, {\n              removed: true\n            });\n          }\n        }\n      }\n\n      nextCells.push(cloneCell(cells[i], {\n        width: _nextWidth,\n        'aria-colspan': _nextWidth > width ? colSpan : undefined\n      }));\n      continue;\n    }\n\n    nextCells.push(cells[i]);\n  }\n\n  return nextCells;\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (mergeCells);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/mergeCells.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 lodash_isFunction__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\");\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_isFunction__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\");\n/* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_get__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\");\n/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_isNil__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _ColumnGroup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../ColumnGroup */ \"./node_modules/rsuite-table/es/ColumnGroup.js\");\n/* harmony import */ var _HeaderCell__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../HeaderCell */ \"./node_modules/rsuite-table/es/HeaderCell.js\");\n\n\n\n\n\n\n\nfunction cloneCell(Cell, props) {\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(Cell, props);\n}\n\nfunction mergeCells(cells) {\n  var nextCells = [];\n\n  for (var i = 0; i < cells.length; i += 1) {\n    var _cells$i$props = cells[i].props,\n        width = _cells$i$props.width,\n        colSpan = _cells$i$props.colSpan,\n        groupCount = _cells$i$props.groupCount,\n        groupHeader = _cells$i$props.groupHeader,\n        groupAlign = _cells$i$props.groupAlign,\n        groupVerticalAlign = _cells$i$props.groupVerticalAlign,\n        isHeaderCell = _cells$i$props.isHeaderCell,\n        headerHeight = _cells$i$props.headerHeight,\n        groupHeaderHeight = _cells$i$props.groupHeaderHeight;\n    var groupChildren = []; // Add grouping to column headers.\n\n    if (groupCount && isHeaderCell) {\n      var nextWidth = width;\n      var left = 0;\n\n      for (var j = 0; j < groupCount; j += 1) {\n        var nextCell = cells[i + j];\n        var _nextCell$props = nextCell.props,\n            nextCellWidth = _nextCell$props.width,\n            sortable = _nextCell$props.sortable,\n            children = _nextCell$props.children,\n            dataKey = _nextCell$props.dataKey,\n            onSortColumn = _nextCell$props.onSortColumn,\n            sortColumn = _nextCell$props.sortColumn,\n            sortType = _nextCell$props.sortType,\n            align = _nextCell$props.align,\n            verticalAlign = _nextCell$props.verticalAlign;\n\n        if (j !== 0) {\n          nextWidth += nextCellWidth;\n          left += cells[i + j - 1].props.width;\n          cells[i + j] = cloneCell(nextCell, {\n            removed: true\n          });\n        }\n\n        groupChildren.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_HeaderCell__WEBPACK_IMPORTED_MODULE_5__.default, {\n          key: j,\n          left: left,\n          align: align,\n          verticalAlign: verticalAlign,\n          dataKey: dataKey,\n          width: nextCellWidth,\n          sortable: sortable,\n          sortColumn: sortColumn,\n          sortType: sortType,\n          onSortColumn: onSortColumn\n        }, children));\n      }\n\n      nextCells.push(cloneCell(cells[i], {\n        width: nextWidth,\n        children: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ColumnGroup__WEBPACK_IMPORTED_MODULE_4__.default, {\n          width: nextWidth,\n          headerHeight: headerHeight,\n          header: groupHeader,\n          align: groupAlign,\n          verticalAlign: groupVerticalAlign,\n          groupHeaderHeight: groupHeaderHeight\n        }, groupChildren)\n      }));\n      continue;\n    } else if (colSpan) {\n      // If there is a colSpan attribute, go to its next Cell.\n      // Determine whether the value is null or undefined, then merge this cell.\n      var _nextWidth = width;\n\n      for (var _j = 0; _j < colSpan; _j += 1) {\n        var _nextCell = cells[i + _j];\n\n        if (_nextCell) {\n          var _nextCell$props2 = _nextCell.props,\n              rowData = _nextCell$props2.rowData,\n              rowIndex = _nextCell$props2.rowIndex,\n              _children = _nextCell$props2.children,\n              colSpanWidth = _nextCell$props2.width,\n              _isHeaderCell = _nextCell$props2.isHeaderCell,\n              _dataKey = _nextCell$props2.dataKey;\n          var cellText = lodash_isFunction__WEBPACK_IMPORTED_MODULE_1___default()(_children) ? _children(rowData, rowIndex) : lodash_get__WEBPACK_IMPORTED_MODULE_2___default()(rowData, _dataKey);\n\n          if (rowData && lodash_isNil__WEBPACK_IMPORTED_MODULE_3___default()(cellText) || _isHeaderCell && lodash_isNil__WEBPACK_IMPORTED_MODULE_3___default()(_children)) {\n            _nextWidth += colSpanWidth;\n            cells[i + _j] = cloneCell(_nextCell, {\n              removed: true\n            });\n          }\n        }\n      }\n\n      nextCells.push(cloneCell(cells[i], {\n        width: _nextWidth,\n        'aria-colspan': _nextWidth > width ? colSpan : undefined\n      }));\n      continue;\n    }\n\n    nextCells.push(cells[i]);\n  }\n\n  return nextCells;\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (mergeCells);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/mergeCells.js?");
 
 /***/ }),
 
@@ -8847,7 +9134,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (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 */   \"cancelAnimationTimeout\": function() { return /* binding */ cancelAnimationTimeout; },\n/* harmony export */   \"requestAnimationTimeout\": function() { return /* binding */ requestAnimationTimeout; }\n/* harmony export */ });\n/* harmony import */ var dom_lib_requestAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! dom-lib/requestAnimationFramePolyfill */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/requestAnimationFramePolyfill.js\");\n/* harmony import */ var dom_lib_cancelAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/cancelAnimationFramePolyfill */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/cancelAnimationFramePolyfill.js\");\n\n\nvar cancelAnimationTimeout = function cancelAnimationTimeout(frame) {\n  return (0,dom_lib_cancelAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_1__.default)(frame.id);\n};\n/**\n * Recursively calls requestAnimationFrame until a specified delay has been met or exceeded.\n * When the delay time has been reached the function you're timing out will be called.\n *\n * Credit: Joe Lambert (https://gist.github.com/joelambert/1002116#file-requesttimeout-js)\n */\n\nvar requestAnimationTimeout = function requestAnimationTimeout(callback, delay) {\n  var start; // wait for end of processing current event handler, because event handler may be long\n\n  Promise.resolve().then(function () {\n    start = Date.now();\n  });\n  var frame = null;\n\n  var timeout = function timeout() {\n    if (Date.now() - start >= delay) {\n      callback.call(null);\n    } else {\n      frame.id = (0,dom_lib_requestAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_0__.default)(timeout);\n    }\n  };\n\n  frame = {\n    id: (0,dom_lib_requestAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_0__.default)(timeout)\n  };\n  return frame;\n};\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/requestAnimationTimeout.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"cancelAnimationTimeout\": function() { return /* binding */ cancelAnimationTimeout; },\n/* harmony export */   \"requestAnimationTimeout\": function() { return /* binding */ requestAnimationTimeout; }\n/* harmony export */ });\n/* harmony import */ var dom_lib_requestAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! dom-lib/requestAnimationFramePolyfill */ \"./node_modules/dom-lib/esm/requestAnimationFramePolyfill.js\");\n/* harmony import */ var dom_lib_cancelAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/cancelAnimationFramePolyfill */ \"./node_modules/dom-lib/esm/cancelAnimationFramePolyfill.js\");\n\n\nvar cancelAnimationTimeout = function cancelAnimationTimeout(frame) {\n  return (0,dom_lib_cancelAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_1__.default)(frame.id);\n};\n/**\n * Recursively calls requestAnimationFrame until a specified delay has been met or exceeded.\n * When the delay time has been reached the function you're timing out will be called.\n *\n * Credit: Joe Lambert (https://gist.github.com/joelambert/1002116#file-requesttimeout-js)\n */\n\nvar requestAnimationTimeout = function requestAnimationTimeout(callback, delay) {\n  var start; // wait for end of processing current event handler, because event handler may be long\n\n  Promise.resolve().then(function () {\n    start = Date.now();\n  });\n  var frame = null;\n\n  var timeout = function timeout() {\n    if (Date.now() - start >= delay) {\n      callback.call(null);\n    } else {\n      frame.id = (0,dom_lib_requestAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_0__.default)(timeout);\n    }\n  };\n\n  frame = {\n    id: (0,dom_lib_requestAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_0__.default)(timeout)\n  };\n  return frame;\n};\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/requestAnimationTimeout.js?");
 
 /***/ }),
 
@@ -8869,7 +9156,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (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 */ shouldShowRowByExpanded; }\n/* harmony export */ });\n/* harmony import */ var lodash_intersection__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/intersection */ \"./node_modules/lodash/intersection.js\");\n/* harmony import */ var lodash_intersection__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_intersection__WEBPACK_IMPORTED_MODULE_0__);\n\nfunction shouldShowRowByExpanded(expandedRowKeys, parentKeys) {\n  if (expandedRowKeys === void 0) {\n    expandedRowKeys = [];\n  }\n\n  if (parentKeys === void 0) {\n    parentKeys = [];\n  }\n\n  var intersectionKeys = lodash_intersection__WEBPACK_IMPORTED_MODULE_0___default()(expandedRowKeys, parentKeys);\n\n  if (intersectionKeys.length === parentKeys.length) {\n    return true;\n  }\n\n  return false;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/shouldShowRowByExpanded.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ shouldShowRowByExpanded; }\n/* harmony export */ });\n/**\n * Check whether a row(tree) node should be expanded.\n * @param expandedRowKeys An array of all expanded nodes.\n * @param parentKeys All parent nodes of the current node\n * @returns boolean\n */\nfunction shouldShowRowByExpanded(expandedRowKeys, parentKeys) {\n  if (expandedRowKeys === void 0) {\n    expandedRowKeys = [];\n  }\n\n  if (parentKeys === void 0) {\n    parentKeys = [];\n  }\n\n  for (var i = 0; i < ((_parentKeys = parentKeys) === null || _parentKeys === void 0 ? void 0 : _parentKeys.length); i++) {\n    var _parentKeys, _expandedRowKeys;\n\n    if (((_expandedRowKeys = expandedRowKeys) === null || _expandedRowKeys === void 0 ? void 0 : _expandedRowKeys.indexOf(parentKeys[i])) === -1) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/shouldShowRowByExpanded.js?");
 
 /***/ }),
 
@@ -8891,7 +9178,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/**\n * 根据条件，选择
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var dom_lib_addClass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! dom-lib/addClass */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/addClass.js\");\n/* harmony import */ var dom_lib_removeClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/removeClass */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/removeClass.js\");\n\n\n\nvar toggleClass = function toggleClass(node, className, condition) {\n  if (condition) {\n    (0,dom_lib_addClass__WEBPACK_IMPORTED_MODULE_0__.default)(node, className);\n  } else {\n    (0,dom_lib_removeClass__WEBPACK_IMPORTED_MODULE_1__.default)(node, className);\n  }\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node, className, condition) {\n  if (!node) {\n    return;\n  }\n\n  if (Array.isArray(node) || Object.getPrototypeOf(node).hasOwnProperty('length')) {\n    node = node;\n    Array.from(node).forEach(function (item) {\n      toggleClass(item, className, condition);\n    });\n    return;\n  }\n\n  toggleClass(node, className, condition);\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/toggleClass.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var dom_lib_addClass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! dom-lib/addClass */ \"./node_modules/dom-lib/esm/addClass.js\");\n/* harmony import */ var dom_lib_removeClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/removeClass */ \"./node_modules/dom-lib/esm/removeClass.js\");\n\n\n\nvar toggleClass = function toggleClass(node, className, condition) {\n  if (condition) {\n    (0,dom_lib_addClass__WEBPACK_IMPORTED_MODULE_0__.default)(node, className);\n  } else {\n    (0,dom_lib_removeClass__WEBPACK_IMPORTED_MODULE_1__.default)(node, className);\n  }\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node, className, condition) {\n  if (!node) {\n    return;\n  }\n\n  if (Array.isArray(node) || Object.getPrototypeOf(node).hasOwnProperty('length')) {\n    node = node;\n    Array.from(node).forEach(function (item) {\n      toggleClass(item, className, condition);\n    });\n    return;\n  }\n\n  toggleClass(node, className, condition);\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/toggleClass.js?");
 
 /***/ }),
 
@@ -8902,7 +9189,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var dom_
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var dom_lib_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! dom-lib/translateDOMPositionXY */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/translateDOMPositionXY.js\");\n\nvar translateDOMPositionXY = (0,dom_lib_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_0__.getTranslateDOMPositionXY)({\n  enable3DTransform: true\n});\n/* harmony default export */ __webpack_exports__[\"default\"] = (translateDOMPositionXY);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/translateDOMPositionXY.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var dom_lib_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! dom-lib/translateDOMPositionXY */ \"./node_modules/dom-lib/esm/translateDOMPositionXY.js\");\n\nvar translateDOMPositionXY = (0,dom_lib_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_0__.getTranslateDOMPositionXY)({\n  enable3DTransform: true\n});\n/* harmony default export */ __webpack_exports__[\"default\"] = (translateDOMPositionXY);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/translateDOMPositionXY.js?");
 
 /***/ }),
 
@@ -8913,7 +9200,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var dom_
 /***/ (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_getHeight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/getHeight */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/getHeight.js\");\n/* harmony import */ var dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! dom-lib/addStyle */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/addStyle.js\");\n/* harmony import */ var dom_lib_removeStyle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-lib/removeStyle */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/removeStyle.js\");\n/* harmony import */ var dom_lib_on__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! dom-lib/on */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/on.js\");\n/* harmony import */ var _toggleClass__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./toggleClass */ \"./node_modules/rsuite-table/es/utils/toggleClass.js\");\n/* harmony import */ var _isNumberOrTrue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./isNumberOrTrue */ \"./node_modules/rsuite-table/es/utils/isNumberOrTrue.js\");\n/* harmony import */ var _useUpdateEffect__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./useUpdateEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateEffect.js\");\n\n\n\n\n\n\n\n\n\nvar useAffix = function useAffix(props) {\n  var tableHeight = props.tableHeight,\n      contentHeight = props.contentHeight,\n      affixHorizontalScrollbar = props.affixHorizontalScrollbar,\n      affixHeader = props.affixHeader,\n      tableOffset = props.tableOffset,\n      headerOffset = props.headerOffset,\n      headerHeight = props.headerHeight,\n      scrollbarXRef = props.scrollbarXRef,\n      affixHeaderWrapperRef = props.affixHeaderWrapperRef;\n  var scrollListener = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n  var handleAffixHorizontalScrollbar = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _scrollbarXRef$curren;\n\n    var scrollY = window.scrollY || window.pageYOffset;\n    var windowHeight = (0,dom_lib_getHeight__WEBPACK_IMPORTED_MODULE_1__.default)(window);\n    var height = tableHeight();\n    var bottom = typeof affixHorizontalScrollbar === 'number' ? affixHorizontalScrollbar : 0;\n    var fixedScrollbar = scrollY + windowHeight < height + (tableOffset.current.top + bottom) && scrollY + windowHeight - headerHeight > tableOffset.current.top + bottom;\n\n    if (scrollbarXRef !== null && scrollbarXRef !== void 0 && (_scrollbarXRef$curren = scrollbarXRef.current) !== null && _scrollbarXRef$curren !== void 0 && _scrollbarXRef$curren.root) {\n      (0,_toggleClass__WEBPACK_IMPORTED_MODULE_5__.default)(scrollbarXRef.current.root, 'fixed', fixedScrollbar);\n\n      if (fixedScrollbar) {\n        (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_2__.default)(scrollbarXRef.current.root, 'bottom', bottom + \"px\");\n      } else {\n        (0,dom_lib_removeStyle__WEBPACK_IMPORTED_MODULE_3__.default)(scrollbarXRef.current.root, 'bottom');\n      }\n    }\n  }, [affixHorizontalScrollbar, headerHeight, scrollbarXRef, tableHeight, tableOffset]);\n  var handleAffixTableHeader = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var top = typeof affixHeader === 'number' ? affixHeader : 0;\n    var scrollY = window.scrollY || window.pageYOffset;\n    var fixedHeader = scrollY - (headerOffset.current.top - top) >= 0 && scrollY < headerOffset.current.top - top + contentHeight.current;\n\n    if (affixHeaderWrapperRef.current) {\n      (0,_toggleClass__WEBPACK_IMPORTED_MODULE_5__.default)(affixHeaderWrapperRef.current, 'fixed', fixedHeader);\n    }\n  }, [affixHeader, affixHeaderWrapperRef, contentHeight, headerOffset]);\n  var handleWindowScroll = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    if ((0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_6__.default)(affixHeader)) {\n      handleAffixTableHeader();\n    }\n\n    if ((0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_6__.default)(affixHorizontalScrollbar)) {\n      handleAffixHorizontalScrollbar();\n    }\n  }, [affixHeader, affixHorizontalScrollbar, handleAffixTableHeader, handleAffixHorizontalScrollbar]);\n  /**\n   * Update the position of the fixed element after the height of the table changes.\n   * fix: https://github.com/rsuite/rsuite/issues/1716\n   */\n\n  (0,_useUpdateEffect__WEBPACK_IMPORTED_MODULE_7__.default)(handleWindowScroll, [tableHeight]);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    if ((0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_6__.default)(affixHeader) || (0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_6__.default)(affixHorizontalScrollbar)) {\n      scrollListener.current = (0,dom_lib_on__WEBPACK_IMPORTED_MODULE_4__.default)(window, 'scroll', handleWindowScroll);\n    }\n\n    return function () {\n      var _scrollListener$curre;\n\n      (_scrollListener$curre = scrollListener.current) === null || _scrollListener$curre === void 0 ? void 0 : _scrollListener$curre.off();\n    }; // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (useAffix);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useAffix.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_getHeight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/getHeight */ \"./node_modules/dom-lib/esm/getHeight.js\");\n/* harmony import */ var dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! dom-lib/addStyle */ \"./node_modules/dom-lib/esm/addStyle.js\");\n/* harmony import */ var dom_lib_removeStyle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-lib/removeStyle */ \"./node_modules/dom-lib/esm/removeStyle.js\");\n/* harmony import */ var dom_lib_on__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! dom-lib/on */ \"./node_modules/dom-lib/esm/on.js\");\n/* harmony import */ var _toggleClass__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./toggleClass */ \"./node_modules/rsuite-table/es/utils/toggleClass.js\");\n/* harmony import */ var _isNumberOrTrue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./isNumberOrTrue */ \"./node_modules/rsuite-table/es/utils/isNumberOrTrue.js\");\n/* harmony import */ var _useUpdateEffect__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./useUpdateEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateEffect.js\");\n\n\n\n\n\n\n\n\n\nvar useAffix = function useAffix(props) {\n  var tableHeight = props.tableHeight,\n      contentHeight = props.contentHeight,\n      affixHorizontalScrollbar = props.affixHorizontalScrollbar,\n      affixHeader = props.affixHeader,\n      tableOffset = props.tableOffset,\n      headerOffset = props.headerOffset,\n      headerHeight = props.headerHeight,\n      scrollbarXRef = props.scrollbarXRef,\n      affixHeaderWrapperRef = props.affixHeaderWrapperRef;\n  var scrollListener = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n  var handleAffixHorizontalScrollbar = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _scrollbarXRef$curren;\n\n    var scrollY = window.scrollY || window.pageYOffset;\n    var windowHeight = (0,dom_lib_getHeight__WEBPACK_IMPORTED_MODULE_1__.default)(window);\n    var height = tableHeight();\n    var bottom = typeof affixHorizontalScrollbar === 'number' ? affixHorizontalScrollbar : 0;\n    var fixedScrollbar = scrollY + windowHeight < height + (tableOffset.current.top + bottom) && scrollY + windowHeight - headerHeight > tableOffset.current.top + bottom;\n\n    if (scrollbarXRef !== null && scrollbarXRef !== void 0 && (_scrollbarXRef$curren = scrollbarXRef.current) !== null && _scrollbarXRef$curren !== void 0 && _scrollbarXRef$curren.root) {\n      (0,_toggleClass__WEBPACK_IMPORTED_MODULE_5__.default)(scrollbarXRef.current.root, 'fixed', fixedScrollbar);\n\n      if (fixedScrollbar) {\n        (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_2__.default)(scrollbarXRef.current.root, 'bottom', bottom + \"px\");\n      } else {\n        (0,dom_lib_removeStyle__WEBPACK_IMPORTED_MODULE_3__.default)(scrollbarXRef.current.root, 'bottom');\n      }\n    }\n  }, [affixHorizontalScrollbar, headerHeight, scrollbarXRef, tableHeight, tableOffset]);\n  var handleAffixTableHeader = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var top = typeof affixHeader === 'number' ? affixHeader : 0;\n    var scrollY = window.scrollY || window.pageYOffset;\n    var fixedHeader = scrollY - (headerOffset.current.top - top) >= 0 && scrollY < headerOffset.current.top - top + contentHeight.current;\n\n    if (affixHeaderWrapperRef.current) {\n      (0,_toggleClass__WEBPACK_IMPORTED_MODULE_5__.default)(affixHeaderWrapperRef.current, 'fixed', fixedHeader);\n    }\n  }, [affixHeader, affixHeaderWrapperRef, contentHeight, headerOffset]);\n  var handleWindowScroll = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    if ((0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_6__.default)(affixHeader)) {\n      handleAffixTableHeader();\n    }\n\n    if ((0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_6__.default)(affixHorizontalScrollbar)) {\n      handleAffixHorizontalScrollbar();\n    }\n  }, [affixHeader, affixHorizontalScrollbar, handleAffixTableHeader, handleAffixHorizontalScrollbar]);\n  /**\n   * Update the position of the fixed element after the height of the table changes.\n   * fix: https://github.com/rsuite/rsuite/issues/1716\n   */\n\n  (0,_useUpdateEffect__WEBPACK_IMPORTED_MODULE_7__.default)(handleWindowScroll, [tableHeight]);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    if ((0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_6__.default)(affixHeader) || (0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_6__.default)(affixHorizontalScrollbar)) {\n      scrollListener.current = (0,dom_lib_on__WEBPACK_IMPORTED_MODULE_4__.default)(window, 'scroll', handleWindowScroll);\n    }\n\n    return function () {\n      var _scrollListener$curre;\n\n      (_scrollListener$curre = scrollListener.current) === null || _scrollListener$curre === void 0 ? void 0 : _scrollListener$curre.off();\n    }; // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (useAffix);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useAffix.js?");
 
 /***/ }),
 
@@ -8924,7 +9211,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 react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! dom-lib/addStyle */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/addStyle.js\");\n/* harmony import */ var dom_lib_addClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-lib/addClass */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/addClass.js\");\n/* harmony import */ var dom_lib_removeClass__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! dom-lib/removeClass */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/removeClass.js\");\n/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\");\n/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lodash_merge__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash/merge */ \"./node_modules/lodash/merge.js\");\n/* harmony import */ var lodash_merge__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash_merge__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _useControlled__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./useControlled */ \"./node_modules/rsuite-table/es/utils/useControlled.js\");\n/* harmony import */ var _getTableColumns__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./getTableColumns */ \"./node_modules/rsuite-table/es/utils/getTableColumns.js\");\n/* harmony import */ var _getTotalByColumns__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./getTotalByColumns */ \"./node_modules/rsuite-table/es/utils/getTotalByColumns.js\");\n/* harmony import */ var _useUpdateEffect__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./useUpdateEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateEffect.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n//\n\n/**\n * Attach rendering-related attributes to all cells of the form and cache them.\n * @param props\n * @returns\n */\nvar useCellDescriptor = function useCellDescriptor(props) {\n  var children = props.children,\n      rtl = props.rtl,\n      mouseAreaRef = props.mouseAreaRef,\n      tableRef = props.tableRef,\n      minScrollX = props.minScrollX,\n      scrollX = props.scrollX,\n      tableWidth = props.tableWidth,\n      headerHeight = props.headerHeight,\n      showHeader = props.showHeader,\n      sortTypeProp = props.sortType,\n      defaultSortType = props.defaultSortType,\n      sortColumn = props.sortColumn,\n      rowHeight = props.rowHeight,\n      onSortColumn = props.onSortColumn,\n      prefix = props.prefix;\n\n  var _useControlled = (0,_useControlled__WEBPACK_IMPORTED_MODULE_8__.default)(sortTypeProp, defaultSortType),\n      sortType = _useControlled[0],\n      setSortType = _useControlled[1];\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(),\n      cacheData = _useState[0],\n      setCacheData = _useState[1];\n\n  var clearCache = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {\n    setCacheData(null);\n  }, []);\n  var setColumnResizing = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (resizing) {\n    if (resizing) {\n      (0,dom_lib_addClass__WEBPACK_IMPORTED_MODULE_3__.default)(tableRef.current, prefix('column-resizing'));\n    } else {\n      (0,dom_lib_removeClass__WEBPACK_IMPORTED_MODULE_4__.default)(tableRef.current, prefix('column-resizing'));\n    }\n  }, [prefix, tableRef]);\n  var columnWidths = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)({});\n  (0,_useUpdateEffect__WEBPACK_IMPORTED_MODULE_11__.default)(function () {\n    clearCache();\n  }, [children, sortColumn, sortType, tableWidth.current, scrollX.current, minScrollX.current]);\n  var handleColumnResizeEnd = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (columnWidth, _cursorDelta, dataKey, index) {\n    columnWidths.current[dataKey + \"_\" + index + \"_width\"] = columnWidth;\n    setColumnResizing(false);\n    (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_2__.default)(mouseAreaRef.current, {\n      display: 'none'\n    });\n    clearCache();\n  }, [clearCache, mouseAreaRef, setColumnResizing]);\n  var handleColumnResizeMove = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (width, left, fixed) {\n    var _addStyle;\n\n    var mouseAreaLeft = width + left;\n    var x = mouseAreaLeft;\n    var dir = 'left';\n\n    if (rtl) {\n      mouseAreaLeft += minScrollX.current + _constants__WEBPACK_IMPORTED_MODULE_7__.SCROLLBAR_WIDTH;\n      dir = 'right';\n    }\n\n    if (!fixed) {\n      x = mouseAreaLeft + (rtl ? -scrollX.current : scrollX.current);\n    }\n\n    (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_2__.default)(mouseAreaRef.current, (_addStyle = {\n      display: 'block'\n    }, _addStyle[dir] = x + \"px\", _addStyle));\n  }, [minScrollX, mouseAreaRef, rtl, scrollX]);\n  var handleColumnResizeStart = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (width, left, fixed) {\n    setColumnResizing(true);\n    handleColumnResizeMove(width, left, fixed);\n  }, [handleColumnResizeMove, setColumnResizing]);\n  var handleSortColumn = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (dataKey) {\n    var nextSortType = sortType;\n\n    if (sortColumn === dataKey) {\n      nextSortType = sortType === _constants__WEBPACK_IMPORTED_MODULE_7__.SORT_TYPE.ASC ? _constants__WEBPACK_IMPORTED_MODULE_7__.SORT_TYPE.DESC : _constants__WEBPACK_IMPORTED_MODULE_7__.SORT_TYPE.ASC;\n      setSortType(nextSortType);\n    }\n\n    onSortColumn === null || onSortColumn === void 0 ? void 0 : onSortColumn(dataKey, nextSortType);\n  }, [onSortColumn, setSortType, sortColumn, sortType]);\n\n  if (cacheData) {\n    return cacheData;\n  }\n\n  var hasCustomTreeCol = false;\n  var left = 0; // Cell left margin\n\n  var headerCells = []; // Table header cell\n\n  var bodyCells = []; // Table body cell\n\n  if (!children) {\n    var _cacheCell = {\n      headerCells: headerCells,\n      bodyCells: bodyCells,\n      hasCustomTreeCol: hasCustomTreeCol,\n      allColumnsWidth: left\n    };\n    setCacheData(_cacheCell);\n    return _cacheCell;\n  }\n\n  var columns = (0,_getTableColumns__WEBPACK_IMPORTED_MODULE_9__.default)(children);\n\n  var _getTotalByColumns = (0,_getTotalByColumns__WEBPACK_IMPORTED_MODULE_10__.default)(columns),\n      totalFlexGrow = _getTotalByColumns.totalFlexGrow,\n      totalWidth = _getTotalByColumns.totalWidth;\n\n  react__WEBPACK_IMPORTED_MODULE_1___default().Children.forEach(columns, function (column, index) {\n    if ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().isValidElement(column)) {\n      var _columnWidths$current;\n\n      var columnChildren = column.props.children;\n      var _column$props = column.props,\n          width = _column$props.width,\n          resizable = _column$props.resizable,\n          flexGrow = _column$props.flexGrow,\n          minWidth = _column$props.minWidth,\n          onResize = _column$props.onResize,\n          treeCol = _column$props.treeCol;\n\n      if (treeCol) {\n        hasCustomTreeCol = true;\n      }\n\n      if (resizable && flexGrow) {\n        console.warn(\"Cannot set 'resizable' and 'flexGrow' together in <Column>, column index: \" + index);\n      }\n\n      if (columnChildren.length !== 2) {\n        throw new Error(\"Component <HeaderCell> and <Cell> is required, column index: \" + index + \" \");\n      }\n\n      var cellWidth = ((_columnWidths$current = columnWidths.current) === null || _columnWidths$current === void 0 ? void 0 : _columnWidths$current[columnChildren[1].props.dataKey + \"_\" + index + \"_width\"]) || width || 0;\n\n      if (tableWidth.current && flexGrow && totalFlexGrow) {\n        cellWidth = Math.max((tableWidth.current - totalWidth) / totalFlexGrow * flexGrow, minWidth || 60);\n      }\n\n      var cellProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, lodash_omit__WEBPACK_IMPORTED_MODULE_5___default()(column.props, ['children']), {\n        'aria-colindex': index + 1,\n        left: left,\n        headerHeight: headerHeight,\n        key: index,\n        width: cellWidth,\n        height: typeof rowHeight === 'function' ? rowHeight() : rowHeight,\n        firstColumn: index === 0,\n        lastColumn: index === columns.length - 1\n      });\n\n      if (showHeader && headerHeight) {\n        var headerCellProps = {\n          // index 用于拖拽列宽时候（Resizable column），定义的序号\n          index: index,\n          dataKey: columnChildren[1].props.dataKey,\n          isHeaderCell: true,\n          minWidth: column.props.minWidth,\n          sortable: column.props.sortable,\n          onSortColumn: handleSortColumn,\n          sortType: sortType,\n          sortColumn: sortColumn,\n          flexGrow: flexGrow\n        };\n\n        if (resizable) {\n          lodash_merge__WEBPACK_IMPORTED_MODULE_6___default()(headerCellProps, {\n            onResize: onResize,\n            onColumnResizeEnd: handleColumnResizeEnd,\n            onColumnResizeStart: handleColumnResizeStart,\n            onColumnResizeMove: handleColumnResizeMove\n          });\n        }\n\n        headerCells.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(columnChildren[0], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, cellProps, headerCellProps)));\n      }\n\n      bodyCells.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(columnChildren[1], cellProps));\n      left += cellWidth;\n    }\n  });\n  var cacheCell = {\n    headerCells: headerCells,\n    bodyCells: bodyCells,\n    allColumnsWidth: left,\n    hasCustomTreeCol: hasCustomTreeCol\n  };\n  setCacheData(cacheCell);\n  return cacheCell;\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (useCellDescriptor);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useCellDescriptor.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 react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! dom-lib/addStyle */ \"./node_modules/dom-lib/esm/addStyle.js\");\n/* harmony import */ var dom_lib_addClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-lib/addClass */ \"./node_modules/dom-lib/esm/addClass.js\");\n/* harmony import */ var dom_lib_removeClass__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! dom-lib/removeClass */ \"./node_modules/dom-lib/esm/removeClass.js\");\n/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\");\n/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lodash_merge__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash/merge */ \"./node_modules/lodash/merge.js\");\n/* harmony import */ var lodash_merge__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash_merge__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _useControlled__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./useControlled */ \"./node_modules/rsuite-table/es/utils/useControlled.js\");\n/* harmony import */ var _getTableColumns__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./getTableColumns */ \"./node_modules/rsuite-table/es/utils/getTableColumns.js\");\n/* harmony import */ var _getTotalByColumns__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./getTotalByColumns */ \"./node_modules/rsuite-table/es/utils/getTotalByColumns.js\");\n/* harmony import */ var _useUpdateEffect__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./useUpdateEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateEffect.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n//\n\n/**\n * Attach rendering-related attributes to all cells of the form and cache them.\n * @param props\n * @returns\n */\nvar useCellDescriptor = function useCellDescriptor(props) {\n  var children = props.children,\n      rtl = props.rtl,\n      mouseAreaRef = props.mouseAreaRef,\n      tableRef = props.tableRef,\n      minScrollX = props.minScrollX,\n      scrollX = props.scrollX,\n      tableWidth = props.tableWidth,\n      headerHeight = props.headerHeight,\n      showHeader = props.showHeader,\n      sortTypeProp = props.sortType,\n      defaultSortType = props.defaultSortType,\n      sortColumn = props.sortColumn,\n      rowHeight = props.rowHeight,\n      onSortColumn = props.onSortColumn,\n      prefix = props.prefix;\n\n  var _useControlled = (0,_useControlled__WEBPACK_IMPORTED_MODULE_8__.default)(sortTypeProp, defaultSortType),\n      sortType = _useControlled[0],\n      setSortType = _useControlled[1];\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(),\n      cacheData = _useState[0],\n      setCacheData = _useState[1];\n\n  var clearCache = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {\n    setCacheData(null);\n  }, []);\n  var setColumnResizing = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (resizing) {\n    if (resizing) {\n      (0,dom_lib_addClass__WEBPACK_IMPORTED_MODULE_3__.default)(tableRef.current, prefix('column-resizing'));\n    } else {\n      (0,dom_lib_removeClass__WEBPACK_IMPORTED_MODULE_4__.default)(tableRef.current, prefix('column-resizing'));\n    }\n  }, [prefix, tableRef]);\n  var columnWidths = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)({});\n  (0,_useUpdateEffect__WEBPACK_IMPORTED_MODULE_11__.default)(function () {\n    clearCache();\n  }, [children, sortColumn, sortType, tableWidth.current, scrollX.current, minScrollX.current]);\n  var handleColumnResizeEnd = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (columnWidth, _cursorDelta, dataKey, index) {\n    columnWidths.current[dataKey + \"_\" + index + \"_width\"] = columnWidth;\n    setColumnResizing(false);\n    (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_2__.default)(mouseAreaRef.current, {\n      display: 'none'\n    });\n    clearCache();\n  }, [clearCache, mouseAreaRef, setColumnResizing]);\n  var handleColumnResizeMove = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (width, left, fixed) {\n    var _addStyle;\n\n    var mouseAreaLeft = width + left;\n    var x = mouseAreaLeft;\n    var dir = 'left';\n\n    if (rtl) {\n      mouseAreaLeft += minScrollX.current + _constants__WEBPACK_IMPORTED_MODULE_7__.SCROLLBAR_WIDTH;\n      dir = 'right';\n    }\n\n    if (!fixed) {\n      x = mouseAreaLeft + (rtl ? -scrollX.current : scrollX.current);\n    }\n\n    (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_2__.default)(mouseAreaRef.current, (_addStyle = {\n      display: 'block'\n    }, _addStyle[dir] = x + \"px\", _addStyle));\n  }, [minScrollX, mouseAreaRef, rtl, scrollX]);\n  var handleColumnResizeStart = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (width, left, fixed) {\n    setColumnResizing(true);\n    handleColumnResizeMove(width, left, fixed);\n  }, [handleColumnResizeMove, setColumnResizing]);\n  var handleSortColumn = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (dataKey) {\n    var nextSortType = sortType;\n\n    if (sortColumn === dataKey) {\n      nextSortType = sortType === _constants__WEBPACK_IMPORTED_MODULE_7__.SORT_TYPE.ASC ? _constants__WEBPACK_IMPORTED_MODULE_7__.SORT_TYPE.DESC : _constants__WEBPACK_IMPORTED_MODULE_7__.SORT_TYPE.ASC;\n      setSortType(nextSortType);\n    }\n\n    onSortColumn === null || onSortColumn === void 0 ? void 0 : onSortColumn(dataKey, nextSortType);\n  }, [onSortColumn, setSortType, sortColumn, sortType]);\n\n  if (cacheData) {\n    return cacheData;\n  }\n\n  var hasCustomTreeCol = false;\n  var left = 0; // Cell left margin\n\n  var headerCells = []; // Table header cell\n\n  var bodyCells = []; // Table body cell\n\n  if (!children) {\n    var _cacheCell = {\n      columns: [],\n      headerCells: headerCells,\n      bodyCells: bodyCells,\n      hasCustomTreeCol: hasCustomTreeCol,\n      allColumnsWidth: left\n    };\n    setCacheData(_cacheCell);\n    return _cacheCell;\n  }\n\n  var columns = (0,_getTableColumns__WEBPACK_IMPORTED_MODULE_9__.default)(children);\n  var count = columns.length;\n\n  var _getTotalByColumns = (0,_getTotalByColumns__WEBPACK_IMPORTED_MODULE_10__.default)(columns),\n      totalFlexGrow = _getTotalByColumns.totalFlexGrow,\n      totalWidth = _getTotalByColumns.totalWidth;\n\n  react__WEBPACK_IMPORTED_MODULE_1___default().Children.forEach(columns, function (column, index) {\n    if ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().isValidElement(column)) {\n      var _columnWidths$current;\n\n      var columnChildren = column.props.children;\n      var _column$props = column.props,\n          width = _column$props.width,\n          resizable = _column$props.resizable,\n          flexGrow = _column$props.flexGrow,\n          minWidth = _column$props.minWidth,\n          onResize = _column$props.onResize,\n          treeCol = _column$props.treeCol;\n\n      if (treeCol) {\n        hasCustomTreeCol = true;\n      }\n\n      if (resizable && flexGrow) {\n        console.warn(\"Cannot set 'resizable' and 'flexGrow' together in <Column>, column index: \" + index);\n      }\n\n      if (columnChildren.length !== 2) {\n        throw new Error(\"Component <HeaderCell> and <Cell> is required, column index: \" + index + \" \");\n      }\n\n      var cellWidth = ((_columnWidths$current = columnWidths.current) === null || _columnWidths$current === void 0 ? void 0 : _columnWidths$current[columnChildren[1].props.dataKey + \"_\" + index + \"_width\"]) || width || 0;\n\n      if (tableWidth.current && flexGrow && totalFlexGrow) {\n        cellWidth = Math.max((tableWidth.current - totalWidth) / totalFlexGrow * flexGrow, minWidth || 60);\n      }\n\n      var cellProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, lodash_omit__WEBPACK_IMPORTED_MODULE_5___default()(column.props, ['children']), {\n        'aria-colindex': index + 1,\n        left: left,\n        headerHeight: headerHeight,\n        key: index,\n        width: cellWidth,\n        height: typeof rowHeight === 'function' ? rowHeight() : rowHeight,\n        firstColumn: index === 0,\n        lastColumn: index === count - 1\n      });\n\n      if (showHeader && headerHeight) {\n        var headerCellProps = {\n          // Resizable column\n          // `index` is used to define the serial number when dragging the column width\n          index: index,\n          dataKey: columnChildren[1].props.dataKey,\n          isHeaderCell: true,\n          minWidth: column.props.minWidth,\n          sortable: column.props.sortable,\n          onSortColumn: handleSortColumn,\n          sortType: sortType,\n          sortColumn: sortColumn,\n          flexGrow: flexGrow\n        };\n\n        if (resizable) {\n          lodash_merge__WEBPACK_IMPORTED_MODULE_6___default()(headerCellProps, {\n            onResize: onResize,\n            onColumnResizeEnd: handleColumnResizeEnd,\n            onColumnResizeStart: handleColumnResizeStart,\n            onColumnResizeMove: handleColumnResizeMove\n          });\n        }\n\n        headerCells.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(columnChildren[0], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, cellProps, headerCellProps)));\n      }\n\n      bodyCells.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(columnChildren[1], cellProps));\n      left += cellWidth;\n    }\n  });\n  var cacheCell = {\n    columns: columns,\n    headerCells: headerCells,\n    bodyCells: bodyCells,\n    allColumnsWidth: left,\n    hasCustomTreeCol: hasCustomTreeCol\n  };\n  setCacheData(cacheCell);\n  return cacheCell;\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (useCellDescriptor);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useCellDescriptor.js?");
 
 /***/ }),
 
@@ -8957,7 +9244,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_canUseDOM__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/canUseDOM */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/canUseDOM.js\");\n\n\nvar useIsomorphicLayoutEffect = dom_lib_canUseDOM__WEBPACK_IMPORTED_MODULE_1__.default ? react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect : react__WEBPACK_IMPORTED_MODULE_0__.useEffect;\n/* harmony default export */ __webpack_exports__[\"default\"] = (useIsomorphicLayoutEffect);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useIsomorphicLayoutEffect.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_canUseDOM__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/canUseDOM */ \"./node_modules/dom-lib/esm/canUseDOM.js\");\n\n\nvar useIsomorphicLayoutEffect = dom_lib_canUseDOM__WEBPACK_IMPORTED_MODULE_1__.default ? react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect : react__WEBPACK_IMPORTED_MODULE_0__.useEffect;\n/* harmony default export */ __webpack_exports__[\"default\"] = (useIsomorphicLayoutEffect);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useIsomorphicLayoutEffect.js?");
 
 /***/ }),
 
@@ -8979,7 +9266,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _use
 /***/ (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_addStyle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/addStyle */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/addStyle.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _toggleClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./toggleClass */ \"./node_modules/rsuite-table/es/utils/toggleClass.js\");\n/* harmony import */ var _useUpdateEffect__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./useUpdateEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateEffect.js\");\n\n\n\n\n\n\n/**\n * Update the position of the table according to the scrolling information of the table.\n * @param props\n * @returns\n */\nvar usePosition = function usePosition(props) {\n  var data = props.data,\n      height = props.height,\n      tableWidth = props.tableWidth,\n      tableRef = props.tableRef,\n      prefix = props.prefix,\n      translateDOMPositionXY = props.translateDOMPositionXY,\n      wheelWrapperRef = props.wheelWrapperRef,\n      headerWrapperRef = props.headerWrapperRef,\n      affixHeaderWrapperRef = props.affixHeaderWrapperRef,\n      tableHeaderRef = props.tableHeaderRef,\n      scrollX = props.scrollX,\n      scrollY = props.scrollY,\n      contentWidth = props.contentWidth,\n      shouldFixedColumn = props.shouldFixedColumn;\n  var getScrollCellGroups = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _tableRef$current;\n\n    return (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.querySelectorAll(\".\" + prefix('cell-group-scroll'));\n  }, [prefix, tableRef]);\n  var getFixedLeftCellGroups = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _tableRef$current2;\n\n    return (_tableRef$current2 = tableRef.current) === null || _tableRef$current2 === void 0 ? void 0 : _tableRef$current2.querySelectorAll(\".\" + prefix('cell-group-fixed-left'));\n  }, [prefix, tableRef]);\n  var getFixedRightCellGroups = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _tableRef$current3;\n\n    return (_tableRef$current3 = tableRef.current) === null || _tableRef$current3 === void 0 ? void 0 : _tableRef$current3.querySelectorAll(\".\" + prefix('cell-group-fixed-right'));\n  }, [prefix, tableRef]);\n  var updatePositionByFixedCell = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var wheelGroupStyle = {};\n    var wheelStyle = {};\n    var scrollGroups = getScrollCellGroups();\n    var fixedLeftGroups = getFixedLeftCellGroups();\n    var fixedRightGroups = getFixedRightCellGroups();\n    translateDOMPositionXY.current(wheelGroupStyle, scrollX.current, 0);\n    translateDOMPositionXY.current(wheelStyle, 0, scrollY.current);\n    var scrollArrayGroups = Array.from(scrollGroups);\n\n    for (var i = 0; i < scrollArrayGroups.length; i++) {\n      var group = scrollArrayGroups[i];\n      (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_1__.default)(group, wheelGroupStyle);\n    }\n\n    if (wheelWrapperRef !== null && wheelWrapperRef !== void 0 && wheelWrapperRef.current) {\n      (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_1__.default)(wheelWrapperRef.current, wheelStyle);\n    }\n\n    var leftShadowClassName = prefix('cell-group-left-shadow');\n    var rightShadowClassName = prefix('cell-group-right-shadow');\n    var showLeftShadow = scrollX.current < 0;\n    var showRightShadow = tableWidth.current - contentWidth.current - _constants__WEBPACK_IMPORTED_MODULE_2__.SCROLLBAR_WIDTH !== scrollX.current;\n    (0,_toggleClass__WEBPACK_IMPORTED_MODULE_3__.default)(fixedLeftGroups, leftShadowClassName, showLeftShadow);\n    (0,_toggleClass__WEBPACK_IMPORTED_MODULE_3__.default)(fixedRightGroups, rightShadowClassName, showRightShadow);\n  }, [contentWidth, getFixedLeftCellGroups, getFixedRightCellGroups, getScrollCellGroups, prefix, scrollX, scrollY, tableWidth, translateDOMPositionXY, wheelWrapperRef]);\n  var updatePosition = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    // When there are fixed columns.\n    if (shouldFixedColumn) {\n      updatePositionByFixedCell();\n    } else {\n      var _affixHeaderElement$h;\n\n      var wheelStyle = {};\n      var headerStyle = {};\n      translateDOMPositionXY.current(wheelStyle, scrollX.current, scrollY.current);\n      translateDOMPositionXY.current(headerStyle, scrollX.current, 0);\n      var wheelElement = wheelWrapperRef === null || wheelWrapperRef === void 0 ? void 0 : wheelWrapperRef.current;\n      var headerElement = headerWrapperRef === null || headerWrapperRef === void 0 ? void 0 : headerWrapperRef.current;\n      var affixHeaderElement = affixHeaderWrapperRef === null || affixHeaderWrapperRef === void 0 ? void 0 : affixHeaderWrapperRef.current;\n      wheelElement && (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_1__.default)(wheelElement, wheelStyle);\n      headerElement && (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_1__.default)(headerElement, headerStyle);\n\n      if (affixHeaderElement !== null && affixHeaderElement !== void 0 && (_affixHeaderElement$h = affixHeaderElement.hasChildNodes) !== null && _affixHeaderElement$h !== void 0 && _affixHeaderElement$h.call(affixHeaderElement)) {\n        (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_1__.default)(affixHeaderElement === null || affixHeaderElement === void 0 ? void 0 : affixHeaderElement.firstChild, headerStyle);\n      }\n    }\n\n    if (tableHeaderRef !== null && tableHeaderRef !== void 0 && tableHeaderRef.current) {\n      (0,_toggleClass__WEBPACK_IMPORTED_MODULE_3__.default)(tableHeaderRef.current, prefix('cell-group-shadow'), scrollY.current < 0);\n    }\n  }, [affixHeaderWrapperRef, headerWrapperRef, prefix, scrollX, scrollY, shouldFixedColumn, tableHeaderRef, translateDOMPositionXY, updatePositionByFixedCell, wheelWrapperRef]);\n  (0,_useUpdateEffect__WEBPACK_IMPORTED_MODULE_4__.default)(function () {\n    if (scrollY.current !== 0) {\n      updatePosition();\n    }\n  }, [height, data]);\n  return {\n    forceUpdatePosition: updatePosition\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (usePosition);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/usePosition.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_addStyle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/addStyle */ \"./node_modules/dom-lib/esm/addStyle.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _toggleClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./toggleClass */ \"./node_modules/rsuite-table/es/utils/toggleClass.js\");\n/* harmony import */ var _useUpdateEffect__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./useUpdateEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateEffect.js\");\n/* harmony import */ var _isSupportTouchEvent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./isSupportTouchEvent */ \"./node_modules/rsuite-table/es/utils/isSupportTouchEvent.js\");\n\n\n\n\n\n\n\n/**\n * Update the position of the table according to the scrolling information of the table.\n * @param props\n * @returns\n */\nvar usePosition = function usePosition(props) {\n  var data = props.data,\n      height = props.height,\n      tableWidth = props.tableWidth,\n      tableRef = props.tableRef,\n      prefix = props.prefix,\n      translateDOMPositionXY = props.translateDOMPositionXY,\n      wheelWrapperRef = props.wheelWrapperRef,\n      headerWrapperRef = props.headerWrapperRef,\n      affixHeaderWrapperRef = props.affixHeaderWrapperRef,\n      tableHeaderRef = props.tableHeaderRef,\n      scrollX = props.scrollX,\n      scrollY = props.scrollY,\n      contentWidth = props.contentWidth,\n      shouldFixedColumn = props.shouldFixedColumn;\n  var duration = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var bezier = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)('linear');\n  var getScrollCellGroups = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _tableRef$current;\n\n    return (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.querySelectorAll(\".\" + prefix('cell-group-scroll'));\n  }, [prefix, tableRef]);\n  var getFixedLeftCellGroups = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _tableRef$current2;\n\n    return (_tableRef$current2 = tableRef.current) === null || _tableRef$current2 === void 0 ? void 0 : _tableRef$current2.querySelectorAll(\".\" + prefix('cell-group-fixed-left'));\n  }, [prefix, tableRef]);\n  var getFixedRightCellGroups = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _tableRef$current3;\n\n    return (_tableRef$current3 = tableRef.current) === null || _tableRef$current3 === void 0 ? void 0 : _tableRef$current3.querySelectorAll(\".\" + prefix('cell-group-fixed-right'));\n  }, [prefix, tableRef]);\n  var updateWheelElementPosition = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (fixedCell) {\n    if (wheelWrapperRef !== null && wheelWrapperRef !== void 0 && wheelWrapperRef.current) {\n      var wheelStyle = (0,_isSupportTouchEvent__WEBPACK_IMPORTED_MODULE_5__.default)() ? {\n        'transition-duration': duration.current + \"ms\",\n        'transition-timing-function': bezier.current\n      } : {};\n      translateDOMPositionXY.current(wheelStyle, fixedCell ? 0 : scrollX.current, scrollY.current);\n      (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_1__.default)(wheelWrapperRef.current, wheelStyle);\n    }\n  }, [scrollX, scrollY, translateDOMPositionXY, wheelWrapperRef]);\n  var updatePositionByFixedCell = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var wheelGroupStyle = {};\n    var scrollGroups = getScrollCellGroups();\n    var fixedLeftGroups = getFixedLeftCellGroups();\n    var fixedRightGroups = getFixedRightCellGroups();\n    translateDOMPositionXY.current(wheelGroupStyle, scrollX.current, 0);\n    var scrollArrayGroups = Array.from(scrollGroups);\n\n    for (var i = 0; i < scrollArrayGroups.length; i++) {\n      var group = scrollArrayGroups[i];\n      (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_1__.default)(group, wheelGroupStyle);\n    }\n\n    updateWheelElementPosition(true);\n    var leftShadowClassName = prefix('cell-group-left-shadow');\n    var rightShadowClassName = prefix('cell-group-right-shadow');\n    var showLeftShadow = scrollX.current < 0;\n    var showRightShadow = tableWidth.current - contentWidth.current - _constants__WEBPACK_IMPORTED_MODULE_2__.SCROLLBAR_WIDTH !== scrollX.current;\n    (0,_toggleClass__WEBPACK_IMPORTED_MODULE_3__.default)(fixedLeftGroups, leftShadowClassName, showLeftShadow);\n    (0,_toggleClass__WEBPACK_IMPORTED_MODULE_3__.default)(fixedRightGroups, rightShadowClassName, showRightShadow);\n  }, [contentWidth, getFixedLeftCellGroups, getFixedRightCellGroups, getScrollCellGroups, updateWheelElementPosition, prefix, scrollX, tableWidth, translateDOMPositionXY]);\n  /**\n   * Update the position of the table according to the scrolling information of the table.\n   * @param nextDuration CSS transition-duration\n   * @param nextBezier CSS transition-timing-function\n   */\n\n  var updatePosition = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (nextDuration, nextBezier) {\n    duration.current = nextDuration;\n    bezier.current = nextBezier; // When there are fixed columns.\n\n    if (shouldFixedColumn) {\n      updatePositionByFixedCell();\n    } else {\n      var _affixHeaderElement$h;\n\n      var headerStyle = {};\n      translateDOMPositionXY.current(headerStyle, scrollX.current, 0);\n      var headerElement = headerWrapperRef === null || headerWrapperRef === void 0 ? void 0 : headerWrapperRef.current;\n      var affixHeaderElement = affixHeaderWrapperRef === null || affixHeaderWrapperRef === void 0 ? void 0 : affixHeaderWrapperRef.current;\n      updateWheelElementPosition();\n      headerElement && (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_1__.default)(headerElement, headerStyle);\n\n      if (affixHeaderElement !== null && affixHeaderElement !== void 0 && (_affixHeaderElement$h = affixHeaderElement.hasChildNodes) !== null && _affixHeaderElement$h !== void 0 && _affixHeaderElement$h.call(affixHeaderElement)) {\n        (0,dom_lib_addStyle__WEBPACK_IMPORTED_MODULE_1__.default)(affixHeaderElement === null || affixHeaderElement === void 0 ? void 0 : affixHeaderElement.firstChild, headerStyle);\n      }\n    }\n\n    if (tableHeaderRef !== null && tableHeaderRef !== void 0 && tableHeaderRef.current) {\n      (0,_toggleClass__WEBPACK_IMPORTED_MODULE_3__.default)(tableHeaderRef.current, prefix('cell-group-shadow'), scrollY.current < 0);\n    }\n  }, [affixHeaderWrapperRef, updateWheelElementPosition, headerWrapperRef, prefix, scrollX, scrollY, shouldFixedColumn, tableHeaderRef, translateDOMPositionXY, updatePositionByFixedCell]);\n  (0,_useUpdateEffect__WEBPACK_IMPORTED_MODULE_4__.default)(function () {\n    if (scrollY.current !== 0) {\n      updatePosition();\n    }\n  }, [height, data]);\n  return {\n    forceUpdatePosition: updatePosition\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (usePosition);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/usePosition.js?");
 
 /***/ }),
 
@@ -8990,7 +9277,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_WheelHandler__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/WheelHandler */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/WheelHandler.js\");\n/* harmony import */ var dom_lib_scrollLeft__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! dom-lib/scrollLeft */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/scrollLeft.js\");\n/* harmony import */ var dom_lib_scrollTop__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-lib/scrollTop */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/scrollTop.js\");\n/* harmony import */ var dom_lib_on__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! dom-lib/on */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/on.js\");\n/* harmony import */ var _requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./requestAnimationTimeout */ \"./node_modules/rsuite-table/es/utils/requestAnimationTimeout.js\");\n/* harmony import */ var _useUpdateEffect__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./useUpdateEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateEffect.js\");\n/* harmony import */ var _useMount__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./useMount */ \"./node_modules/rsuite-table/es/utils/useMount.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n\n\n\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_5__.cancelAnimationTimeout)(disableEventsTimeoutId.current);\n      }\n\n      disableEventsTimeoutId.current = (0,_requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_5__.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_scrollLeft__WEBPACK_IMPORTED_MODULE_2__.default)(event.target);\n    var top = (0,dom_lib_scrollTop__WEBPACK_IMPORTED_MODULE_3__.default)(event.target);\n\n    if (top === 0 && left === 0) {\n      return;\n    }\n\n    listenWheel(left, top);\n    (0,dom_lib_scrollLeft__WEBPACK_IMPORTED_MODULE_2__.default)(event.target, 0);\n    (0,dom_lib_scrollTop__WEBPACK_IMPORTED_MODULE_3__.default)(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    !loading && (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    !loading && (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_6__.default)(function () {\n    handleScrollLeft(0);\n  }, [children]);\n  (0,_useUpdateEffect__WEBPACK_IMPORTED_MODULE_6__.default)(function () {\n    if (scrollY.current !== 0) {\n      handleScrollTop(Math.abs(scrollY.current));\n    }\n  }, [height, data]);\n  var releaseListeners = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(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  }, []);\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      // Reset the listener after props is updated.\n      releaseListeners();\n      wheelHandler.current = new dom_lib_WheelHandler__WEBPACK_IMPORTED_MODULE_1__.default(listenWheel, shouldHandleWheelX, shouldHandleWheelY, false);\n      wheelListener.current = (0,dom_lib_on__WEBPACK_IMPORTED_MODULE_4__.default)(tableBody, 'wheel', wheelHandler.current.onWheel, options);\n      touchStartListener.current = (0,dom_lib_on__WEBPACK_IMPORTED_MODULE_4__.default)(tableBody, 'touchstart', handleTouchStart, options);\n      touchMoveListener.current = (0,dom_lib_on__WEBPACK_IMPORTED_MODULE_4__.default)(tableBody, 'touchmove', handleTouchMove, options);\n    }\n\n    return releaseListeners;\n  }, [handleTouchMove, handleTouchStart, listenWheel, releaseListeners, shouldHandleWheelX, shouldHandleWheelY, tableBodyRef]);\n  (0,_useMount__WEBPACK_IMPORTED_MODULE_7__.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_8__.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_WheelHandler__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/WheelHandler */ \"./node_modules/dom-lib/esm/WheelHandler.js\");\n/* harmony import */ var dom_lib_scrollLeft__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! dom-lib/scrollLeft */ \"./node_modules/dom-lib/esm/scrollLeft.js\");\n/* harmony import */ var dom_lib_scrollTop__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-lib/scrollTop */ \"./node_modules/dom-lib/esm/scrollTop.js\");\n/* harmony import */ var dom_lib_on__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! dom-lib/on */ \"./node_modules/dom-lib/esm/on.js\");\n/* harmony import */ var dom_lib_removeStyle__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! dom-lib/removeStyle */ \"./node_modules/dom-lib/esm/removeStyle.js\");\n/* harmony import */ var _requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./requestAnimationTimeout */ \"./node_modules/rsuite-table/es/utils/requestAnimationTimeout.js\");\n/* harmony import */ var _useUpdateEffect__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./useUpdateEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateEffect.js\");\n/* harmony import */ var _useMount__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./useMount */ \"./node_modules/rsuite-table/es/utils/useMount.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _isSupportTouchEvent__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./isSupportTouchEvent */ \"./node_modules/rsuite-table/es/utils/isSupportTouchEvent.js\");\n\n\n\n\n\n\n\n\n\n\n // Inertial sliding start time threshold\n\nvar momentumTimeThreshold = 300; // Inertial sliding start vertical distance threshold\n\nvar momentumYThreshold = 15;\n\n/**\n * Calculate the distance of inertial sliding.\n */\nvar momentum = function momentum(current, start, duration) {\n  // Inertial sliding acceleration.\n  var deceleration = 0.003;\n  var distance = current - start;\n  var speed = 2 * Math.abs(distance) / duration;\n  var destination = current + speed / deceleration * (distance < 0 ? -1 : 1);\n  return {\n    delta: current - destination,\n    duration: _constants__WEBPACK_IMPORTED_MODULE_9__.TRANSITION_DURATION,\n    bezier: _constants__WEBPACK_IMPORTED_MODULE_9__.BEZIER\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 */\n\n\nvar useScrollListener = function useScrollListener(props) {\n  var data = props.data,\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      onTouchEnd = props.onTouchEnd,\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  var touchEndListener = (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 isTouching = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false); // The start time within the inertial sliding range.\n\n  var momentumStartTime = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0); // The vertical starting value within the inertial sliding range.\n\n  var momentumStartY = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\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  /**\n   * Triggered when scrolling, including: wheel/touch/scroll\n   * @param deltaX\n   * @param deltaY\n   * @param momentumOptions The configuration of inertial scrolling is used for the touch event.\n   */\n\n  var handleWheel = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (deltaX, deltaY, momentumOptions) {\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(momentumOptions === null || momentumOptions === void 0 ? void 0 : momentumOptions.duration, momentumOptions === null || momentumOptions === void 0 ? void 0 : momentumOptions.bezier);\n\n    if (virtualized) {\n      // Add a state to the table during virtualized scrolling.\n      // Make it set CSS `pointer-events:none` on the DOM to avoid wrong event interaction.\n      setScrolling(true);\n\n      if (disableEventsTimeoutId.current) {\n        (0,_requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_6__.cancelAnimationTimeout)(disableEventsTimeoutId.current);\n      }\n\n      disableEventsTimeoutId.current = (0,_requestAnimationTimeout__WEBPACK_IMPORTED_MODULE_6__.requestAnimationTimeout)(debounceScrollEndedCallback, // When momentum is enabled, set a delay of 50ms rendering.\n      momentumOptions !== null && momentumOptions !== void 0 && momentumOptions.duration ? 50 : 0);\n    }\n  }, [tableRef, contentWidth, tableWidth, scrollX, scrollY, minScrollY, minScrollX, setScrollX, setScrollY, onScroll, forceUpdatePosition, virtualized, debounceScrollEndedCallback]);\n  var onWheel = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (deltaX, deltaY, momentumOptions) {\n    var _scrollbarXRef$curren, _scrollbarXRef$curren2, _scrollbarYRef$curren, _scrollbarYRef$curren2;\n\n    handleWheel(deltaX, deltaY, momentumOptions);\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, momentumOptions !== null && momentumOptions !== void 0 && momentumOptions.duration ? true : false);\n  }, [handleWheel, scrollbarXRef, scrollbarYRef]);\n  var wheelHandler = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(); // Stop unending scrolling and remove transition\n\n  var stopScroll = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var wheelElement = tableBodyRef.current.querySelector('.rs-table-body-wheel-area');\n    var handleElement = scrollbarYRef.current.handle;\n    var transitionCSS = ['transition-duration', 'transition-timing-function'];\n\n    if (!virtualized) {\n      // Get the current translate position.\n      var matrix = window.getComputedStyle(wheelElement).getPropertyValue('transform');\n      var offsetY = Math.round(+matrix.split(')')[0].split(', ')[5]);\n      setScrollY(offsetY);\n    }\n\n    (0,dom_lib_removeStyle__WEBPACK_IMPORTED_MODULE_5__.default)(wheelElement, transitionCSS);\n    (0,dom_lib_removeStyle__WEBPACK_IMPORTED_MODULE_5__.default)(handleElement, transitionCSS);\n  }, [scrollbarYRef, setScrollY, tableBodyRef, virtualized]); // Handle the Touch event and initialize it when touchstart is triggered.\n\n  var handleTouchStart = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (event) {\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    momentumStartTime.current = new Date().getTime();\n    momentumStartY.current = scrollY.current;\n    isTouching.current = true;\n    onTouchStart === null || onTouchStart === void 0 ? void 0 : onTouchStart(event); // Stop unfinished scrolling when Touch starts.\n\n    stopScroll();\n  }, [onTouchStart, scrollY, stopScroll]); // Handle the Touch event and update the scroll when touchmove is triggered.\n\n  var handleTouchMove = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (event) {\n    if (!isTouching.current) {\n      return;\n    }\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     * Prevent the default touch event when the table is scrollable.\n     * fix: https://github.com/rsuite/rsuite-table/commit/21785fc18f430519ab5885c44540d9ffc30de366#commitcomment-36236425\n     */\n\n\n    if (!autoHeight && shouldHandleWheelY(deltaY)) {\n      var _event$preventDefault;\n\n      (_event$preventDefault = event.preventDefault) === null || _event$preventDefault === void 0 ? void 0 : _event$preventDefault.call(event);\n    }\n\n    var now = new Date().getTime();\n    onWheel(deltaX, deltaY);\n    touchX.current = pageX;\n    touchY.current = pageY; // Record the offset value and time under the condition of triggering inertial scrolling.\n\n    if (now - momentumStartTime.current > momentumTimeThreshold) {\n      momentumStartY.current = scrollY.current;\n      momentumStartTime.current = now;\n    }\n\n    onTouchMove === null || onTouchMove === void 0 ? void 0 : onTouchMove(event);\n  }, [autoHeight, onWheel, onTouchMove, scrollY, shouldHandleWheelX, shouldHandleWheelY]);\n  var handleTouchEnd = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (event) {\n    if (!isTouching.current) {\n      return;\n    }\n\n    isTouching.current = false;\n    var touchDuration = new Date().getTime() - momentumStartTime.current;\n    var absDeltaY = Math.abs(scrollY.current - momentumStartY.current); // Enable inertial sliding.\n\n    if (touchDuration < momentumTimeThreshold && absDeltaY > momentumYThreshold) {\n      var _momentum = momentum(scrollY.current, momentumStartY.current, touchDuration),\n          delta = _momentum.delta,\n          duration = _momentum.duration,\n          bezier = _momentum.bezier;\n\n      onWheel(0, delta, {\n        duration: duration,\n        bezier: bezier\n      });\n      onTouchEnd === null || onTouchEnd === void 0 ? void 0 : onTouchEnd(event);\n    }\n  }, [onWheel, onTouchEnd, scrollY]);\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 onScrollBody = (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_scrollLeft__WEBPACK_IMPORTED_MODULE_2__.default)(event.target);\n    var top = (0,dom_lib_scrollTop__WEBPACK_IMPORTED_MODULE_3__.default)(event.target);\n\n    if (top === 0 && left === 0) {\n      return;\n    }\n\n    onWheel(left, top);\n    (0,dom_lib_scrollLeft__WEBPACK_IMPORTED_MODULE_2__.default)(event.target, 0);\n    (0,dom_lib_scrollTop__WEBPACK_IMPORTED_MODULE_3__.default)(event.target, 0);\n  }, [onWheel, 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 onScrollTop = function onScrollTop(top) {\n    var _scrollbarYRef$curren3, _scrollbarYRef$curren4;\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$curren3 = scrollbarYRef.current) === null || _scrollbarYRef$curren3 === void 0 ? void 0 : (_scrollbarYRef$curren4 = _scrollbarYRef$curren3.resetScrollBarPosition) === null || _scrollbarYRef$curren4 === void 0 ? void 0 : _scrollbarYRef$curren4.call(_scrollbarYRef$curren3, handleScrollY);\n    forceUpdatePosition();\n    !loading && (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 onScrollLeft = function onScrollLeft(left) {\n    var _scrollbarXRef$curren3, _scrollbarXRef$curren4;\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    !loading && (onScroll === null || onScroll === void 0 ? void 0 : onScroll(Math.abs(nextScrollX), Math.abs(scrollY.current)));\n    scrollbarXRef === null || scrollbarXRef === void 0 ? void 0 : (_scrollbarXRef$curren3 = scrollbarXRef.current) === null || _scrollbarXRef$curren3 === void 0 ? void 0 : (_scrollbarXRef$curren4 = _scrollbarXRef$curren3.resetScrollBarPosition) === null || _scrollbarXRef$curren4 === void 0 ? void 0 : _scrollbarXRef$curren4.call(_scrollbarXRef$curren3, scrollbarX);\n    forceUpdatePosition();\n  };\n\n  var onScrollTo = function onScrollTo(coord) {\n    var _ref = coord || {},\n        x = _ref.x,\n        y = _ref.y;\n\n    if (typeof x === 'number') {\n      onScrollLeft(x);\n    }\n\n    if (typeof y === 'number') {\n      onScrollTop(y);\n    }\n  };\n\n  (0,_useUpdateEffect__WEBPACK_IMPORTED_MODULE_7__.default)(function () {\n    if (scrollY.current !== 0) {\n      onScrollTop(Math.abs(scrollY.current));\n    }\n  }, [height, data]);\n  var releaseListeners = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var _wheelListener$curren, _touchStartListener$c, _touchMoveListener$cu, _touchEndListener$cur;\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    (_touchEndListener$cur = touchEndListener.current) === null || _touchEndListener$cur === void 0 ? void 0 : _touchEndListener$cur.off();\n  }, []);\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      // Reset the listener after props is updated.\n      releaseListeners();\n      wheelHandler.current = new dom_lib_WheelHandler__WEBPACK_IMPORTED_MODULE_1__.default(onWheel, shouldHandleWheelX, shouldHandleWheelY, false);\n      wheelListener.current = (0,dom_lib_on__WEBPACK_IMPORTED_MODULE_4__.default)(tableBody, 'wheel', wheelHandler.current.onWheel, options);\n\n      if ((0,_isSupportTouchEvent__WEBPACK_IMPORTED_MODULE_10__.default)()) {\n        touchStartListener.current = (0,dom_lib_on__WEBPACK_IMPORTED_MODULE_4__.default)(tableBody, 'touchstart', handleTouchStart, options);\n        touchMoveListener.current = (0,dom_lib_on__WEBPACK_IMPORTED_MODULE_4__.default)(tableBody, 'touchmove', handleTouchMove, options);\n        touchEndListener.current = (0,dom_lib_on__WEBPACK_IMPORTED_MODULE_4__.default)(tableBody, 'touchend', handleTouchEnd, options);\n      }\n    }\n\n    return releaseListeners;\n  }, [handleTouchEnd, handleTouchMove, handleTouchStart, onWheel, releaseListeners, shouldHandleWheelX, shouldHandleWheelY, tableBodyRef]);\n  (0,_useMount__WEBPACK_IMPORTED_MODULE_8__.default)(function () {\n    if (rtl) {\n      var _scrollbarXRef$curren5, _scrollbarXRef$curren6;\n\n      // Initialize scroll position\n      setScrollX(tableWidth.current - contentWidth.current - _constants__WEBPACK_IMPORTED_MODULE_9__.SCROLLBAR_WIDTH);\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, -scrollX.current);\n      forceUpdatePosition();\n    }\n  });\n  var onScrollHorizontal = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (delta) {\n    return handleWheel(delta, 0);\n  }, [handleWheel]);\n  var onScrollVertical = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (delta) {\n    return handleWheel(0, delta);\n  }, [handleWheel]);\n  return {\n    isScrolling: isScrolling,\n    onScrollHorizontal: onScrollHorizontal,\n    onScrollVertical: onScrollVertical,\n    onScrollBody: onScrollBody,\n    onScrollTop: onScrollTop,\n    onScrollLeft: onScrollLeft,\n    onScrollTo: onScrollTo\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (useScrollListener);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useScrollListener.js?");
 
 /***/ }),
 
@@ -9001,7 +9288,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_getWidth__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/getWidth */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/getWidth.js\");\n/* harmony import */ var dom_lib_getHeight__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! dom-lib/getHeight */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/getHeight.js\");\n/* harmony import */ var dom_lib_getOffset__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-lib/getOffset */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/getOffset.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash/debounce */ \"./node_modules/lodash/debounce.js\");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var element_resize_event__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! element-resize-event */ \"./node_modules/element-resize-event/index.js\");\n/* harmony import */ var element_resize_event__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(element_resize_event__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _useMount__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./useMount */ \"./node_modules/rsuite-table/es/utils/useMount.js\");\n/* harmony import */ var _useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./useUpdateLayoutEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateLayoutEffect.js\");\n/* harmony import */ var _isNumberOrTrue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./isNumberOrTrue */ \"./node_modules/rsuite-table/es/utils/isNumberOrTrue.js\");\n\n\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 columnCount = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(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_getHeight__WEBPACK_IMPORTED_MODULE_2__.default)(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 = Math.round(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_4__.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_4__.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_9__.default)(affixHeader) && headerNode) {\n      headerOffset.current = (0,dom_lib_getOffset__WEBPACK_IMPORTED_MODULE_3__.default)(headerNode);\n    }\n\n    if ((0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_9__.default)(affixHorizontalScrollbar) && tableRef !== null && tableRef !== void 0 && tableRef.current) {\n      tableOffset.current = (0,dom_lib_getOffset__WEBPACK_IMPORTED_MODULE_3__.default)(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 prevColumnCount = columnCount.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_getWidth__WEBPACK_IMPORTED_MODULE_1__.default)(row) : 0;\n    contentWidth.current = nextContentWidth;\n    columnCount.current = (row === null || row === void 0 ? void 0 : row.querySelectorAll(\".\" + prefix('cell')).length) || 0; // 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_4__.SCROLLBAR_WIDTH);\n    /**\n     * If the width of the content area and the number of columns change,\n     * the horizontal scroll bar is reset.\n     * fix: https://github.com/rsuite/rsuite/issues/2039\n     */\n\n    if (prevWidth > 0 && prevWidth !== contentWidth.current && prevColumnCount > 0 && prevColumnCount !== columnCount.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_getWidth__WEBPACK_IMPORTED_MODULE_1__.default)(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_7__.default)(function () {\n    calculateTableContextHeight();\n    calculateTableContentWidth();\n    calculateTableWidth();\n    setOffsetByAffix();\n    element_resize_event__WEBPACK_IMPORTED_MODULE_6___default()(tableRef.current, lodash_debounce__WEBPACK_IMPORTED_MODULE_5___default()(calculateTableWidth, 400));\n  });\n  (0,_useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_8__.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_6__.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_getWidth__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/getWidth */ \"./node_modules/dom-lib/esm/getWidth.js\");\n/* harmony import */ var dom_lib_getHeight__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! dom-lib/getHeight */ \"./node_modules/dom-lib/esm/getHeight.js\");\n/* harmony import */ var dom_lib_getOffset__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-lib/getOffset */ \"./node_modules/dom-lib/esm/getOffset.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _juggle_resize_observer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @juggle/resize-observer */ \"./node_modules/@juggle/resize-observer/lib/exports/resize-observer.js\");\n/* harmony import */ var _useMount__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./useMount */ \"./node_modules/rsuite-table/es/utils/useMount.js\");\n/* harmony import */ var _useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./useUpdateLayoutEffect */ \"./node_modules/rsuite-table/es/utils/useUpdateLayoutEffect.js\");\n/* harmony import */ var _isNumberOrTrue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./isNumberOrTrue */ \"./node_modules/rsuite-table/es/utils/isNumberOrTrue.js\");\nfunction _createForOfIteratorHelperLoose(o, allowArrayLike) { var it; if (typeof Symbol === \"undefined\" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); } it = o[Symbol.iterator](); return it.next.bind(it); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\n\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 columnCount = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n  var resizeObserver = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\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_getHeight__WEBPACK_IMPORTED_MODULE_2__.default)(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 = Math.round(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_4__.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_4__.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_8__.default)(affixHeader) && headerNode) {\n      headerOffset.current = (0,dom_lib_getOffset__WEBPACK_IMPORTED_MODULE_3__.default)(headerNode);\n    }\n\n    if ((0,_isNumberOrTrue__WEBPACK_IMPORTED_MODULE_8__.default)(affixHorizontalScrollbar) && tableRef !== null && tableRef !== void 0 && tableRef.current) {\n      tableOffset.current = (0,dom_lib_getOffset__WEBPACK_IMPORTED_MODULE_3__.default)(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 prevColumnCount = columnCount.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_getWidth__WEBPACK_IMPORTED_MODULE_1__.default)(row) : 0;\n    contentWidth.current = nextContentWidth;\n    columnCount.current = (row === null || row === void 0 ? void 0 : row.querySelectorAll(\".\" + prefix('cell')).length) || 0; // 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_4__.SCROLLBAR_WIDTH);\n    /**\n     * If the width of the content area and the number of columns change,\n     * the horizontal scroll bar is reset.\n     * fix: https://github.com/rsuite/rsuite/issues/2039\n     */\n\n    if (prevWidth > 0 && prevWidth !== contentWidth.current && prevColumnCount > 0 && prevColumnCount !== columnCount.current) {\n      onTableContentWidthChange(prevWidth);\n    }\n  }, [autoHeight, onTableContentWidthChange, prefix, tableRef]);\n  var calculateTableWidth = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (nextWidth) {\n    var prevWidth = tableWidth.current;\n\n    if (tableRef !== null && tableRef !== void 0 && tableRef.current) {\n      tableWidth.current = nextWidth || (0,dom_lib_getWidth__WEBPACK_IMPORTED_MODULE_1__.default)(tableRef === null || tableRef === void 0 ? void 0 : tableRef.current);\n    }\n\n    if (prevWidth && 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_6__.default)(function () {\n    calculateTableContextHeight();\n    calculateTableContentWidth();\n    calculateTableWidth();\n    setOffsetByAffix();\n    resizeObserver.current = new _juggle_resize_observer__WEBPACK_IMPORTED_MODULE_5__.ResizeObserver(function (entries) {\n      for (var _iterator = _createForOfIteratorHelperLoose(entries), _step; !(_step = _iterator()).done;) {\n        var entry = _step.value;\n        calculateTableWidth(entry.contentRect.width);\n      }\n    });\n    resizeObserver.current.observe(tableRef.current);\n  });\n  (0,_useUpdateLayoutEffect__WEBPACK_IMPORTED_MODULE_7__.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      var _resizeObserver$curre;\n\n      (_resizeObserver$curre = resizeObserver.current) === null || _resizeObserver$curre === void 0 ? void 0 : _resizeObserver$curre.disconnect();\n    };\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?");
 
 /***/ }),
 
@@ -9012,7 +9299,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_getHeight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/getHeight */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/getHeight.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/* harmony import */ var lodash_isEmpty__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash/isEmpty */ \"./node_modules/lodash/isEmpty.js\");\n/* harmony import */ var lodash_isEmpty__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_isEmpty__WEBPACK_IMPORTED_MODULE_4__);\n\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_getHeight__WEBPACK_IMPORTED_MODULE_1__.default)(cell);\n            maxHeight = Math.max(maxHeight, h);\n          }\n\n          nextTableRowsMaxHeight.push(maxHeight);\n        }\n      } // Can't perform a React state update on an unmounted component\n\n\n      if (!lodash_isEmpty__WEBPACK_IMPORTED_MODULE_4___default()(tableRows.current)) {\n        setTableRowsMaxHeight(nextTableRowsMaxHeight);\n      }\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?");
+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_getHeight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dom-lib/getHeight */ \"./node_modules/dom-lib/esm/getHeight.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/* harmony import */ var lodash_isEmpty__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash/isEmpty */ \"./node_modules/lodash/isEmpty.js\");\n/* harmony import */ var lodash_isEmpty__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_isEmpty__WEBPACK_IMPORTED_MODULE_4__);\n\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      expandedRowKeys = props.expandedRowKeys;\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_getHeight__WEBPACK_IMPORTED_MODULE_1__.default)(cell);\n            maxHeight = Math.max(maxHeight, h);\n          }\n\n          nextTableRowsMaxHeight.push(maxHeight);\n        }\n      } // Can't perform a React state update on an unmounted component\n\n\n      if (!lodash_isEmpty__WEBPACK_IMPORTED_MODULE_4___default()(tableRows.current)) {\n        setTableRowsMaxHeight(nextTableRowsMaxHeight);\n      }\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, expandedRowKeys]);\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?");
 
 /***/ }),
 
@@ -9038,322 +9325,25 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 
 /***/ }),
 
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/DOMMouseMoveTracker.js":
-/*!***********************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/DOMMouseMoveTracker.js ***!
-  \***********************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _on__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./on */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/on.js\");\n/* harmony import */ var _cancelAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./cancelAnimationFramePolyfill */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/cancelAnimationFramePolyfill.js\");\n/* harmony import */ var _requestAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./requestAnimationFramePolyfill */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/requestAnimationFramePolyfill.js\");\n/**\n * Source code reference from:\n * https://github.com/facebook/fbjs/blob/master/packages/fbjs/src/dom/DOMMouseMoveTracker.js\n */\n\n\n\n\nvar DOMMouseMoveTracker = /*#__PURE__*/function () {\n  /**\n   * onMove is the callback that will be called on every mouse move.\n   * onMoveEnd is called on mouse up when movement has ended.\n   */\n  function DOMMouseMoveTracker(onMove, onMoveEnd, domNode) {\n    var _this = this;\n\n    this.isDraggingStatus = false;\n    this.animationFrameID = null;\n    this.domNode = void 0;\n    this.onMove = null;\n    this.onMoveEnd = null;\n    this.eventMoveToken = null;\n    this.eventUpToken = null;\n    this.moveEvent = null;\n    this.deltaX = 0;\n    this.deltaY = 0;\n    this.x = 0;\n    this.y = 0;\n\n    this.isDragging = function () {\n      return _this.isDraggingStatus;\n    };\n\n    this.onMouseMove = function (event) {\n      var x = event.clientX;\n      var y = event.clientY;\n      _this.deltaX += x - _this.x;\n      _this.deltaY += y - _this.y;\n\n      if (_this.animationFrameID === null) {\n        // The mouse may move faster then the animation frame does.\n        // Use `requestAnimationFramePolyfill` to avoid over-updating.\n        _this.animationFrameID = (0,_requestAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_2__.default)(_this.didMouseMove);\n      }\n\n      _this.x = x;\n      _this.y = y;\n      _this.moveEvent = event;\n      event.preventDefault();\n    };\n\n    this.didMouseMove = function () {\n      _this.animationFrameID = null;\n\n      _this.onMove(_this.deltaX, _this.deltaY, _this.moveEvent);\n\n      _this.deltaX = 0;\n      _this.deltaY = 0;\n    };\n\n    this.onMouseUp = function (event) {\n      if (_this.animationFrameID) {\n        _this.didMouseMove();\n      }\n\n      _this.onMoveEnd && _this.onMoveEnd(event);\n    };\n\n    this.domNode = domNode;\n    this.onMove = onMove;\n    this.onMoveEnd = onMoveEnd;\n  }\n  /**\n   * This is to set up the listeners for listening to mouse move\n   * and mouse up signaling the movement has ended. Please note that these\n   * listeners are added at the document.body level. It takes in an event\n   * in order to grab inital state.\n   */\n\n\n  var _proto = DOMMouseMoveTracker.prototype;\n\n  _proto.captureMouseMoves = function captureMouseMoves(event) {\n    if (!this.eventMoveToken && !this.eventUpToken) {\n      this.eventMoveToken = (0,_on__WEBPACK_IMPORTED_MODULE_0__.default)(this.domNode, 'mousemove', this.onMouseMove);\n      this.eventUpToken = (0,_on__WEBPACK_IMPORTED_MODULE_0__.default)(this.domNode, 'mouseup', this.onMouseUp);\n    }\n\n    if (!this.isDraggingStatus) {\n      this.deltaX = 0;\n      this.deltaY = 0;\n      this.isDraggingStatus = true;\n      this.x = event.clientX;\n      this.y = event.clientY;\n    }\n\n    event.preventDefault();\n  }\n  /**\n   * These releases all of the listeners on document.body.\n   */\n  ;\n\n  _proto.releaseMouseMoves = function releaseMouseMoves() {\n    if (this.eventMoveToken) {\n      this.eventMoveToken.off();\n      this.eventMoveToken = null;\n    }\n\n    if (this.eventUpToken) {\n      this.eventUpToken.off();\n      this.eventUpToken = null;\n    }\n\n    if (this.animationFrameID !== null) {\n      (0,_cancelAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_1__.default)(this.animationFrameID);\n      this.animationFrameID = null;\n    }\n\n    if (this.isDraggingStatus) {\n      this.isDraggingStatus = false;\n      this.x = 0;\n      this.y = 0;\n    }\n  }\n  /**\n   * Returns whether or not if the mouse movement is being tracked.\n   */\n  ;\n\n  return DOMMouseMoveTracker;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (DOMMouseMoveTracker);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/DOMMouseMoveTracker.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/WheelHandler.js":
-/*!****************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/WheelHandler.js ***!
-  \****************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _utils_emptyFunction__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/emptyFunction */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/emptyFunction.js\");\n/* harmony import */ var _utils_normalizeWheel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/normalizeWheel */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/normalizeWheel.js\");\n/* harmony import */ var _requestAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./requestAnimationFramePolyfill */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/requestAnimationFramePolyfill.js\");\n\n\n\n\nvar WheelHandler = /*#__PURE__*/function () {\n  function WheelHandler(onWheel, handleScrollX, handleScrollY, stopPropagation) {\n    this.animationFrameID = null;\n    this.deltaX = 0;\n    this.deltaY = 0;\n    this.handleScrollX = null;\n    this.handleScrollY = null;\n    this.stopPropagation = null;\n    this.onWheelCallback = null;\n    this.didWheel = this.didWheel.bind(this);\n\n    if (typeof handleScrollX !== 'function') {\n      handleScrollX = handleScrollX ? _utils_emptyFunction__WEBPACK_IMPORTED_MODULE_0__.default.thatReturnsTrue : _utils_emptyFunction__WEBPACK_IMPORTED_MODULE_0__.default.thatReturnsFalse;\n    }\n\n    if (typeof handleScrollY !== 'function') {\n      handleScrollY = handleScrollY ? _utils_emptyFunction__WEBPACK_IMPORTED_MODULE_0__.default.thatReturnsTrue : _utils_emptyFunction__WEBPACK_IMPORTED_MODULE_0__.default.thatReturnsFalse;\n    }\n\n    if (typeof stopPropagation !== 'function') {\n      stopPropagation = stopPropagation ? _utils_emptyFunction__WEBPACK_IMPORTED_MODULE_0__.default.thatReturnsTrue : _utils_emptyFunction__WEBPACK_IMPORTED_MODULE_0__.default.thatReturnsFalse;\n    }\n\n    this.handleScrollX = handleScrollX;\n    this.handleScrollY = handleScrollY;\n    this.stopPropagation = stopPropagation;\n    this.onWheelCallback = onWheel;\n    this.onWheel = this.onWheel.bind(this);\n  }\n\n  var _proto = WheelHandler.prototype;\n\n  _proto.onWheel = function onWheel(event) {\n    var normalizedEvent = (0,_utils_normalizeWheel__WEBPACK_IMPORTED_MODULE_1__.default)(event);\n    var deltaX = this.deltaX + normalizedEvent.pixelX;\n    var deltaY = this.deltaY + normalizedEvent.pixelY;\n    var handleScrollX = this.handleScrollX(deltaX, deltaY);\n    var handleScrollY = this.handleScrollY(deltaY, deltaX);\n\n    if (!handleScrollX && !handleScrollY) {\n      return;\n    }\n\n    this.deltaX += handleScrollX ? normalizedEvent.pixelX : 0;\n    this.deltaY += handleScrollY ? normalizedEvent.pixelY : 0;\n    event.preventDefault();\n    var changed;\n\n    if (this.deltaX !== 0 || this.deltaY !== 0) {\n      if (this.stopPropagation()) {\n        event.stopPropagation();\n      }\n\n      changed = true;\n    }\n\n    if (changed === true && this.animationFrameID === null) {\n      this.animationFrameID = (0,_requestAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_2__.default)(this.didWheel);\n    }\n  };\n\n  _proto.didWheel = function didWheel() {\n    this.animationFrameID = null;\n    this.onWheelCallback(this.deltaX, this.deltaY);\n    this.deltaX = 0;\n    this.deltaY = 0;\n  };\n\n  return WheelHandler;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (WheelHandler);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/WheelHandler.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/addClass.js":
-/*!************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/addClass.js ***!
-  \************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _hasClass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./hasClass */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/hasClass.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (target, className) {\n  if (className) {\n    if (target.classList) {\n      target.classList.add(className);\n    } else if (!(0,_hasClass__WEBPACK_IMPORTED_MODULE_0__.default)(target, className)) {\n      target.className = target.className + \" \" + className;\n    }\n  }\n\n  return target;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/addClass.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/addStyle.js":
-/*!************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/addStyle.js ***!
-  \************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _utils_hyphenateStyleName__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/hyphenateStyleName */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/hyphenateStyleName.js\");\n/* harmony import */ var _removeStyle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./removeStyle */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/removeStyle.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node, property, value) {\n  var css = '';\n  var props = property;\n\n  if (typeof property === 'string') {\n    if (value === undefined) {\n      throw new Error('value is undefined');\n    }\n\n    (props = {})[property] = value;\n  }\n\n  if (typeof props === 'object') {\n    for (var _key in props) {\n      if (Object.prototype.hasOwnProperty.call(props, _key)) {\n        if (!props[_key] && props[_key] !== 0) {\n          (0,_removeStyle__WEBPACK_IMPORTED_MODULE_1__.default)(node, (0,_utils_hyphenateStyleName__WEBPACK_IMPORTED_MODULE_0__.default)(_key));\n        } else {\n          css += (0,_utils_hyphenateStyleName__WEBPACK_IMPORTED_MODULE_0__.default)(_key) + \":\" + props[_key] + \";\";\n        }\n      }\n    }\n  }\n\n  node.style.cssText += \";\" + css;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/addStyle.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/canUseDOM.js":
-/*!*************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/canUseDOM.js ***!
-  \*************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\nvar canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);\n/* harmony default export */ __webpack_exports__[\"default\"] = (canUseDOM);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/canUseDOM.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/cancelAnimationFramePolyfill.js":
-/*!********************************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/cancelAnimationFramePolyfill.js ***!
-  \********************************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _utils_getGlobal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/getGlobal */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/getGlobal.js\");\n\nvar g = (0,_utils_getGlobal__WEBPACK_IMPORTED_MODULE_0__.default)();\n/**\n * @deprecated use `cancelAnimationFrame` instead\n */\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (g.cancelAnimationFrame || g.clearTimeout);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/cancelAnimationFramePolyfill.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/contains.js":
-/*!************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/contains.js ***!
-  \************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _canUseDOM__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./canUseDOM */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/canUseDOM.js\");\n\n\nvar fallback = function fallback(context, node) {\n  if (node) {\n    do {\n      if (node === context) {\n        return true;\n      }\n    } while (node = node.parentNode);\n  }\n\n  return false;\n}; // HTML DOM and SVG DOM may have different support levels,\n// so we need to check on context instead of a document root element.\n\n\nvar contains = function contains(context, node) {\n  if (context.contains) {\n    return context.contains(node);\n  } else if (context.compareDocumentPosition) {\n    return context === node || !!(context.compareDocumentPosition(node) & 16);\n  }\n\n  return fallback(context, node);\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ((function () {\n  return _canUseDOM__WEBPACK_IMPORTED_MODULE_0__.default ? contains : fallback;\n})());\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/contains.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/getHeight.js":
-/*!*************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/getHeight.js ***!
-  \*************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _getWindow__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/getWindow.js\");\n/* harmony import */ var _getOffset__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getOffset */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/getOffset.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node, client) {\n  var win = (0,_getWindow__WEBPACK_IMPORTED_MODULE_0__.default)(node);\n\n  if (win) {\n    return win.innerHeight;\n  }\n\n  return client ? node.clientHeight : (0,_getOffset__WEBPACK_IMPORTED_MODULE_1__.default)(node).height;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/getHeight.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/getOffset.js":
-/*!*************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/getOffset.js ***!
-  \*************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _ownerDocument__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ownerDocument */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/ownerDocument.js\");\n/* harmony import */ var _getWindow__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getWindow */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/getWindow.js\");\n/* harmony import */ var _contains__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./contains */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/contains.js\");\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node) {\n  var doc = (0,_ownerDocument__WEBPACK_IMPORTED_MODULE_0__.default)(node);\n  var win = (0,_getWindow__WEBPACK_IMPORTED_MODULE_1__.default)(doc);\n  var docElem = doc && doc.documentElement;\n  var box = {\n    top: 0,\n    left: 0,\n    height: 0,\n    width: 0\n  };\n\n  if (!doc) {\n    return null;\n  } // Make sure it's not a disconnected DOM node\n\n\n  if (!(0,_contains__WEBPACK_IMPORTED_MODULE_2__.default)(docElem, node)) {\n    return box;\n  }\n\n  if (node.getBoundingClientRect !== undefined) {\n    box = node.getBoundingClientRect();\n  }\n\n  if ((box.width || box.height) && docElem && win) {\n    box = {\n      top: box.top + (win.pageYOffset || docElem.scrollTop) - (docElem.clientTop || 0),\n      left: box.left + (win.pageXOffset || docElem.scrollLeft) - (docElem.clientLeft || 0),\n      width: (box.width === null ? node.offsetWidth : box.width) || 0,\n      height: (box.height === null ? node.offsetHeight : box.height) || 0\n    };\n  }\n\n  return box;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/getOffset.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/getWidth.js":
-/*!************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/getWidth.js ***!
-  \************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _getWindow__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/getWindow.js\");\n/* harmony import */ var _getOffset__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getOffset */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/getOffset.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node, client) {\n  var win = (0,_getWindow__WEBPACK_IMPORTED_MODULE_0__.default)(node);\n\n  if (win) {\n    return win.innerWidth;\n  }\n\n  if (client) {\n    return node.clientWidth;\n  }\n\n  var offset = (0,_getOffset__WEBPACK_IMPORTED_MODULE_1__.default)(node);\n  return offset ? offset.width : 0;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/getWidth.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/getWindow.js":
-/*!*************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/getWindow.js ***!
-  \*************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node) {\n  if (node === (node === null || node === void 0 ? void 0 : node.window)) {\n    return node;\n  }\n\n  return (node === null || node === void 0 ? void 0 : node.nodeType) === 9 ? (node === null || node === void 0 ? void 0 : node.defaultView) || (node === null || node === void 0 ? void 0 : node.parentWindow) : null;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/getWindow.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/hasClass.js":
-/*!************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/hasClass.js ***!
-  \************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+/***/ "./node_modules/rsuite-table/node_modules/react-is/cjs/react-is.development.js":
+/*!*************************************************************************************!*\
+  !*** ./node_modules/rsuite-table/node_modules/react-is/cjs/react-is.development.js ***!
+  \*************************************************************************************/
+/***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (target, className) {\n  if (target.classList) {\n    return !!className && target.classList.contains(className);\n  }\n\n  return (\" \" + target.className + \" \").indexOf(\" \" + className + \" \") !== -1;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/hasClass.js?");
+eval("/** @license React v17.0.2\n * react-is.development.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\n\nif (true) {\n  (function() {\n'use strict';\n\n// ATTENTION\n// When adding new symbols to this file,\n// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'\n// The Symbol used to tag the ReactElement-like types. If there is no native Symbol\n// nor polyfill, then a plain number is used for performance.\nvar REACT_ELEMENT_TYPE = 0xeac7;\nvar REACT_PORTAL_TYPE = 0xeaca;\nvar REACT_FRAGMENT_TYPE = 0xeacb;\nvar REACT_STRICT_MODE_TYPE = 0xeacc;\nvar REACT_PROFILER_TYPE = 0xead2;\nvar REACT_PROVIDER_TYPE = 0xeacd;\nvar REACT_CONTEXT_TYPE = 0xeace;\nvar REACT_FORWARD_REF_TYPE = 0xead0;\nvar REACT_SUSPENSE_TYPE = 0xead1;\nvar REACT_SUSPENSE_LIST_TYPE = 0xead8;\nvar REACT_MEMO_TYPE = 0xead3;\nvar REACT_LAZY_TYPE = 0xead4;\nvar REACT_BLOCK_TYPE = 0xead9;\nvar REACT_SERVER_BLOCK_TYPE = 0xeada;\nvar REACT_FUNDAMENTAL_TYPE = 0xead5;\nvar REACT_SCOPE_TYPE = 0xead7;\nvar REACT_OPAQUE_ID_TYPE = 0xeae0;\nvar REACT_DEBUG_TRACING_MODE_TYPE = 0xeae1;\nvar REACT_OFFSCREEN_TYPE = 0xeae2;\nvar REACT_LEGACY_HIDDEN_TYPE = 0xeae3;\n\nif (typeof Symbol === 'function' && Symbol.for) {\n  var symbolFor = Symbol.for;\n  REACT_ELEMENT_TYPE = symbolFor('react.element');\n  REACT_PORTAL_TYPE = symbolFor('react.portal');\n  REACT_FRAGMENT_TYPE = symbolFor('react.fragment');\n  REACT_STRICT_MODE_TYPE = symbolFor('react.strict_mode');\n  REACT_PROFILER_TYPE = symbolFor('react.profiler');\n  REACT_PROVIDER_TYPE = symbolFor('react.provider');\n  REACT_CONTEXT_TYPE = symbolFor('react.context');\n  REACT_FORWARD_REF_TYPE = symbolFor('react.forward_ref');\n  REACT_SUSPENSE_TYPE = symbolFor('react.suspense');\n  REACT_SUSPENSE_LIST_TYPE = symbolFor('react.suspense_list');\n  REACT_MEMO_TYPE = symbolFor('react.memo');\n  REACT_LAZY_TYPE = symbolFor('react.lazy');\n  REACT_BLOCK_TYPE = symbolFor('react.block');\n  REACT_SERVER_BLOCK_TYPE = symbolFor('react.server.block');\n  REACT_FUNDAMENTAL_TYPE = symbolFor('react.fundamental');\n  REACT_SCOPE_TYPE = symbolFor('react.scope');\n  REACT_OPAQUE_ID_TYPE = symbolFor('react.opaque.id');\n  REACT_DEBUG_TRACING_MODE_TYPE = symbolFor('react.debug_trace_mode');\n  REACT_OFFSCREEN_TYPE = symbolFor('react.offscreen');\n  REACT_LEGACY_HIDDEN_TYPE = symbolFor('react.legacy_hidden');\n}\n\n// Filter certain DOM attributes (e.g. src, href) if their values are empty strings.\n\nvar enableScopeAPI = false; // Experimental Create Event Handle API.\n\nfunction isValidElementType(type) {\n  if (typeof type === 'string' || typeof type === 'function') {\n    return true;\n  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).\n\n\n  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || type === REACT_DEBUG_TRACING_MODE_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || type === REACT_LEGACY_HIDDEN_TYPE || enableScopeAPI ) {\n    return true;\n  }\n\n  if (typeof type === 'object' && type !== null) {\n    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_BLOCK_TYPE || type[0] === REACT_SERVER_BLOCK_TYPE) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\nfunction typeOf(object) {\n  if (typeof object === 'object' && object !== null) {\n    var $$typeof = object.$$typeof;\n\n    switch ($$typeof) {\n      case REACT_ELEMENT_TYPE:\n        var type = object.type;\n\n        switch (type) {\n          case REACT_FRAGMENT_TYPE:\n          case REACT_PROFILER_TYPE:\n          case REACT_STRICT_MODE_TYPE:\n          case REACT_SUSPENSE_TYPE:\n          case REACT_SUSPENSE_LIST_TYPE:\n            return type;\n\n          default:\n            var $$typeofType = type && type.$$typeof;\n\n            switch ($$typeofType) {\n              case REACT_CONTEXT_TYPE:\n              case REACT_FORWARD_REF_TYPE:\n              case REACT_LAZY_TYPE:\n              case REACT_MEMO_TYPE:\n              case REACT_PROVIDER_TYPE:\n                return $$typeofType;\n\n              default:\n                return $$typeof;\n            }\n\n        }\n\n      case REACT_PORTAL_TYPE:\n        return $$typeof;\n    }\n  }\n\n  return undefined;\n}\nvar ContextConsumer = REACT_CONTEXT_TYPE;\nvar ContextProvider = REACT_PROVIDER_TYPE;\nvar Element = REACT_ELEMENT_TYPE;\nvar ForwardRef = REACT_FORWARD_REF_TYPE;\nvar Fragment = REACT_FRAGMENT_TYPE;\nvar Lazy = REACT_LAZY_TYPE;\nvar Memo = REACT_MEMO_TYPE;\nvar Portal = REACT_PORTAL_TYPE;\nvar Profiler = REACT_PROFILER_TYPE;\nvar StrictMode = REACT_STRICT_MODE_TYPE;\nvar Suspense = REACT_SUSPENSE_TYPE;\nvar hasWarnedAboutDeprecatedIsAsyncMode = false;\nvar hasWarnedAboutDeprecatedIsConcurrentMode = false; // AsyncMode should be deprecated\n\nfunction isAsyncMode(object) {\n  {\n    if (!hasWarnedAboutDeprecatedIsAsyncMode) {\n      hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint\n\n      console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 18+.');\n    }\n  }\n\n  return false;\n}\nfunction isConcurrentMode(object) {\n  {\n    if (!hasWarnedAboutDeprecatedIsConcurrentMode) {\n      hasWarnedAboutDeprecatedIsConcurrentMode = true; // Using console['warn'] to evade Babel and ESLint\n\n      console['warn']('The ReactIs.isConcurrentMode() alias has been deprecated, ' + 'and will be removed in React 18+.');\n    }\n  }\n\n  return false;\n}\nfunction isContextConsumer(object) {\n  return typeOf(object) === REACT_CONTEXT_TYPE;\n}\nfunction isContextProvider(object) {\n  return typeOf(object) === REACT_PROVIDER_TYPE;\n}\nfunction isElement(object) {\n  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;\n}\nfunction isForwardRef(object) {\n  return typeOf(object) === REACT_FORWARD_REF_TYPE;\n}\nfunction isFragment(object) {\n  return typeOf(object) === REACT_FRAGMENT_TYPE;\n}\nfunction isLazy(object) {\n  return typeOf(object) === REACT_LAZY_TYPE;\n}\nfunction isMemo(object) {\n  return typeOf(object) === REACT_MEMO_TYPE;\n}\nfunction isPortal(object) {\n  return typeOf(object) === REACT_PORTAL_TYPE;\n}\nfunction isProfiler(object) {\n  return typeOf(object) === REACT_PROFILER_TYPE;\n}\nfunction isStrictMode(object) {\n  return typeOf(object) === REACT_STRICT_MODE_TYPE;\n}\nfunction isSuspense(object) {\n  return typeOf(object) === REACT_SUSPENSE_TYPE;\n}\n\nexports.ContextConsumer = ContextConsumer;\nexports.ContextProvider = ContextProvider;\nexports.Element = Element;\nexports.ForwardRef = ForwardRef;\nexports.Fragment = Fragment;\nexports.Lazy = Lazy;\nexports.Memo = Memo;\nexports.Portal = Portal;\nexports.Profiler = Profiler;\nexports.StrictMode = StrictMode;\nexports.Suspense = Suspense;\nexports.isAsyncMode = isAsyncMode;\nexports.isConcurrentMode = isConcurrentMode;\nexports.isContextConsumer = isContextConsumer;\nexports.isContextProvider = isContextProvider;\nexports.isElement = isElement;\nexports.isForwardRef = isForwardRef;\nexports.isFragment = isFragment;\nexports.isLazy = isLazy;\nexports.isMemo = isMemo;\nexports.isPortal = isPortal;\nexports.isProfiler = isProfiler;\nexports.isStrictMode = isStrictMode;\nexports.isSuspense = isSuspense;\nexports.isValidElementType = isValidElementType;\nexports.typeOf = typeOf;\n  })();\n}\n\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/react-is/cjs/react-is.development.js?");
 
 /***/ }),
 
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/on.js":
+/***/ "./node_modules/rsuite-table/node_modules/react-is/index.js":
 /*!******************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/on.js ***!
+  !*** ./node_modules/rsuite-table/node_modules/react-is/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 */ on; }\n/* harmony export */ });\n/**\n * Bind `target` event `eventName`'s callback `listener`.\n */\nfunction on(target, eventType, listener, options) {\n  if (options === void 0) {\n    options = false;\n  }\n\n  target.addEventListener(eventType, listener, options);\n  return {\n    off: function off() {\n      target.removeEventListener(eventType, listener, options);\n    }\n  };\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/on.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/ownerDocument.js":
-/*!*****************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/ownerDocument.js ***!
-  \*****************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node) {\n  return node && node.ownerDocument || document;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/ownerDocument.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/removeClass.js":
-/*!***************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/removeClass.js ***!
-  \***************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (target, className) {\n  if (className) {\n    if (target.classList) {\n      target.classList.remove(className);\n    } else {\n      target.className = target.className.replace(new RegExp(\"(^|\\\\s)\" + className + \"(?:\\\\s|$)\", 'g'), '$1').replace(/\\s+/g, ' ') // multiple spaces to one\n      .replace(/^\\s*|\\s*$/g, ''); // trim the ends\n    }\n  }\n\n  return target;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/removeClass.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/removeStyle.js":
-/*!***************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/removeStyle.js ***!
-  \***************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\nfunction removeStyle(node, key) {\n  var _style, _style$removeProperty;\n\n  (_style = node.style) === null || _style === void 0 ? void 0 : (_style$removeProperty = _style.removeProperty) === null || _style$removeProperty === void 0 ? void 0 : _style$removeProperty.call(_style, key);\n}\n/**\n * key(s) typeof [string , array] ?\n */\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node, keys) {\n  if (typeof keys === 'string') {\n    removeStyle(node, keys);\n  } else if (Array.isArray(keys)) {\n    keys.forEach(function (key) {\n      return removeStyle(node, key);\n    });\n  }\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/removeStyle.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/requestAnimationFramePolyfill.js":
-/*!*********************************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/requestAnimationFramePolyfill.js ***!
-  \*********************************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _utils_emptyFunction__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/emptyFunction */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/emptyFunction.js\");\n/* harmony import */ var _utils_getGlobal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/getGlobal */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/getGlobal.js\");\n\n\nvar g = (0,_utils_getGlobal__WEBPACK_IMPORTED_MODULE_1__.default)();\nvar lastTime = 0;\n\nfunction _setTimeout(callback) {\n  var currTime = Date.now();\n  var timeDelay = Math.max(0, 16 - (currTime - lastTime));\n  lastTime = currTime + timeDelay;\n  return g.setTimeout(function () {\n    callback(Date.now());\n  }, timeDelay);\n}\n/**\n * @deprecated Use `requestAnimationFrame` instead.\n */\n\n\nvar requestAnimationFramePolyfill = g.requestAnimationFrame || _setTimeout; // Works around a rare bug in Safari 6 where the first request is never invoked.\n\nrequestAnimationFramePolyfill(_utils_emptyFunction__WEBPACK_IMPORTED_MODULE_0__.default);\n/* harmony default export */ __webpack_exports__[\"default\"] = (requestAnimationFramePolyfill);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/requestAnimationFramePolyfill.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/scrollLeft.js":
-/*!**************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/scrollLeft.js ***!
-  \**************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _getWindow__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/getWindow.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node, val) {\n  var win = (0,_getWindow__WEBPACK_IMPORTED_MODULE_0__.default)(node);\n  var left = node.scrollLeft;\n  var top = 0;\n\n  if (win) {\n    left = win.pageXOffset;\n    top = win.pageYOffset;\n  }\n\n  if (val !== undefined) {\n    if (win) {\n      win.scrollTo(val, top);\n    } else {\n      node.scrollLeft = val;\n    }\n  }\n\n  return left;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/scrollLeft.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/scrollTop.js":
-/*!*************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/scrollTop.js ***!
-  \*************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _getWindow__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/getWindow.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node, val) {\n  var win = (0,_getWindow__WEBPACK_IMPORTED_MODULE_0__.default)(node);\n  var top = node.scrollTop;\n  var left = 0;\n\n  if (win) {\n    top = win.pageYOffset;\n    left = win.pageXOffset;\n  }\n\n  if (val !== undefined) {\n    if (win) {\n      win.scrollTo(left, val);\n    } else {\n      node.scrollTop = val;\n    }\n  }\n\n  return top;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/scrollTop.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/translateDOMPositionXY.js":
-/*!**************************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/translateDOMPositionXY.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 */   \"getTranslateDOMPositionXY\": function() { return /* binding */ getTranslateDOMPositionXY; }\n/* harmony export */ });\n/* harmony import */ var _utils_BrowserSupportCore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/BrowserSupportCore */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/BrowserSupportCore.js\");\n/* harmony import */ var _utils_getVendorPrefixedName__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/getVendorPrefixedName */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/getVendorPrefixedName.js\");\n/* harmony import */ var _utils_getGlobal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/getGlobal */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/getGlobal.js\");\n/**\n * Source code reference from:\n * https://github.com/facebook/fbjs/blob/d308fa83c9/packages/fbjs/src/dom/translateDOMPositionXY.js\n */\n\n\n\nvar g = (0,_utils_getGlobal__WEBPACK_IMPORTED_MODULE_2__.default)();\nvar TRANSFORM = (0,_utils_getVendorPrefixedName__WEBPACK_IMPORTED_MODULE_1__.default)('transform');\nvar BACKFACE_VISIBILITY = (0,_utils_getVendorPrefixedName__WEBPACK_IMPORTED_MODULE_1__.default)('backfaceVisibility');\nvar getTranslateDOMPositionXY = function getTranslateDOMPositionXY(conf) {\n  if (conf === void 0) {\n    conf = {\n      enable3DTransform: true\n    };\n  }\n\n  if (_utils_BrowserSupportCore__WEBPACK_IMPORTED_MODULE_0__.default.hasCSSTransforms()) {\n    var ua = g.window ? g.window.navigator.userAgent : 'UNKNOWN';\n    var isSafari = /Safari\\//.test(ua) && !/Chrome\\//.test(ua); // It appears that Safari messes up the composition order\n    // of GPU-accelerated layers\n    // (see bug https://bugs.webkit.org/show_bug.cgi?id=61824).\n    // Use 2D translation instead.\n\n    if (!isSafari && _utils_BrowserSupportCore__WEBPACK_IMPORTED_MODULE_0__.default.hasCSS3DTransforms() && conf.enable3DTransform) {\n      return function (style, x, y) {\n        if (x === void 0) {\n          x = 0;\n        }\n\n        if (y === void 0) {\n          y = 0;\n        }\n\n        style[TRANSFORM] = \"translate3d(\" + x + \"px,\" + y + \"px,0)\";\n        style[BACKFACE_VISIBILITY] = 'hidden';\n        return style;\n      };\n    }\n\n    return function (style, x, y) {\n      if (x === void 0) {\n        x = 0;\n      }\n\n      if (y === void 0) {\n        y = 0;\n      }\n\n      style[TRANSFORM] = \"translate(\" + x + \"px,\" + y + \"px)\";\n      return style;\n    };\n  }\n\n  return function (style, x, y) {\n    if (x === void 0) {\n      x = 0;\n    }\n\n    if (y === void 0) {\n      y = 0;\n    }\n\n    style.left = x + \"px\";\n    style.top = y + \"px\";\n    return style;\n  };\n};\nvar translateDOMPositionXY = getTranslateDOMPositionXY();\n/* harmony default export */ __webpack_exports__[\"default\"] = (translateDOMPositionXY);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/translateDOMPositionXY.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/BrowserSupportCore.js":
-/*!****************************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/BrowserSupportCore.js ***!
-  \****************************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _getVendorPrefixedName__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getVendorPrefixedName */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/getVendorPrefixedName.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  /**\n   * @return {bool} True if browser supports css animations.\n   */\n  hasCSSAnimations: function hasCSSAnimations() {\n    return !!(0,_getVendorPrefixedName__WEBPACK_IMPORTED_MODULE_0__.default)('animationName');\n  },\n\n  /**\n   * @return {bool} True if browser supports css transforms.\n   */\n  hasCSSTransforms: function hasCSSTransforms() {\n    return !!(0,_getVendorPrefixedName__WEBPACK_IMPORTED_MODULE_0__.default)('transform');\n  },\n\n  /**\n   * @return {bool} True if browser supports css 3d transforms.\n   */\n  hasCSS3DTransforms: function hasCSS3DTransforms() {\n    return !!(0,_getVendorPrefixedName__WEBPACK_IMPORTED_MODULE_0__.default)('perspective');\n  },\n\n  /**\n   * @return {bool} True if browser supports css transitions.\n   */\n  hasCSSTransitions: function hasCSSTransitions() {\n    return !!(0,_getVendorPrefixedName__WEBPACK_IMPORTED_MODULE_0__.default)('transition');\n  }\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/BrowserSupportCore.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/UserAgent.js":
-/*!*******************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/UserAgent.js ***!
-  \*******************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\nvar populated = false; // Browsers\n\nvar _ie;\n\nvar _firefox;\n\nvar _opera;\n\nvar _webkit;\n\nvar _chrome; // Actual IE browser for compatibility mode\n\n\nvar ieRealVersion; // Platforms\n\nvar _osx;\n\nvar _windows;\n\nvar _linux;\n\nvar _android; // Architectures\n\n\nvar win64; // Devices\n\nvar _iphone;\n\nvar _ipad;\n\nvar _native;\n\nvar _mobile;\n\nfunction populate() {\n  if (populated) {\n    return;\n  }\n\n  populated = true; // To work around buggy JS libraries that can't handle multi-digit\n  // version numbers, Opera 10's user agent string claims it's Opera\n  // 9, then later includes a Version/X.Y field:\n  //\n  // Opera/9.80 (foo) Presto/2.2.15 Version/10.10\n\n  var uas = navigator.userAgent;\n  var agent = /(?:MSIE.(\\d+\\.\\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\\d+\\.\\d+))|(?:Opera(?:.+Version.|.)(\\d+\\.\\d+))|(?:AppleWebKit.(\\d+(?:\\.\\d+)?))|(?:Trident\\/\\d+\\.\\d+.*rv:(\\d+\\.\\d+))/.exec(uas);\n  var os = /(Mac OS X)|(Windows)|(Linux)/.exec(uas);\n  _iphone = /\\b(iPhone|iP[ao]d)/.exec(uas);\n  _ipad = /\\b(iP[ao]d)/.exec(uas);\n  _android = /Android/i.exec(uas);\n  _native = /FBAN\\/\\w+;/i.exec(uas);\n  _mobile = /Mobile/i.exec(uas); // Note that the IE team blog would have you believe you should be checking\n  // for 'Win64; x64'.  But MSDN then reveals that you can actually be coming\n  // from either x64 or ia64;  so ultimately, you should just check for Win64\n  // as in indicator of whether you're in 64-bit IE.  32-bit IE on 64-bit\n  // Windows will send 'WOW64' instead.\n\n  win64 = !!/Win64/.exec(uas);\n\n  if (agent) {\n    if (agent[1]) {\n      _ie = parseFloat(agent[1]);\n    } else {\n      _ie = agent[5] ? parseFloat(agent[5]) : NaN;\n    } // IE compatibility mode\n    // @ts-ignore\n\n\n    if (_ie && document && document.documentMode) {\n      // @ts-ignore\n      _ie = document.documentMode;\n    } // grab the \"true\" ie version from the trident token if available\n\n\n    var trident = /(?:Trident\\/(\\d+.\\d+))/.exec(uas);\n    ieRealVersion = trident ? parseFloat(trident[1]) + 4 : _ie;\n    _firefox = agent[2] ? parseFloat(agent[2]) : NaN;\n    _opera = agent[3] ? parseFloat(agent[3]) : NaN;\n    _webkit = agent[4] ? parseFloat(agent[4]) : NaN;\n\n    if (_webkit) {\n      // We do not add the regexp to the above test, because it will always\n      // match 'safari' only since 'AppleWebKit' appears before 'Chrome' in\n      // the userAgent string.\n      agent = /(?:Chrome\\/(\\d+\\.\\d+))/.exec(uas);\n      _chrome = agent && agent[1] ? parseFloat(agent[1]) : NaN;\n    } else {\n      _chrome = NaN;\n    }\n  } else {\n    _ie = NaN;\n    _firefox = NaN;\n    _opera = NaN;\n    _chrome = NaN;\n    _webkit = NaN;\n  }\n\n  if (os) {\n    if (os[1]) {\n      // Detect OS X version.  If no version number matches, set osx to true.\n      // Version examples:  10, 10_6_1, 10.7\n      // Parses version number as a float, taking only first two sets of\n      // digits.  If only one set of digits is found, returns just the major\n      // version number.\n      var ver = /(?:Mac OS X (\\d+(?:[._]\\d+)?))/.exec(uas);\n      _osx = ver ? parseFloat(ver[1].replace('_', '.')) : true;\n    } else {\n      _osx = false;\n    }\n\n    _windows = !!os[2];\n    _linux = !!os[3];\n  } else {\n    _osx = false;\n    _windows = false;\n    _linux = false;\n  }\n}\n/**\n * @deprecated\n */\n\n\nvar UserAgent = {\n  /**\n   *  Check if the UA is Internet Explorer.\n   *\n   *\n   *  @return float|NaN Version number (if match) or NaN.\n   */\n  ie: function ie() {\n    return populate() || _ie;\n  },\n\n  /**\n   * Check if we're in Internet Explorer compatibility mode.\n   *\n   * @return bool true if in compatibility mode, false if\n   * not compatibility mode or not ie\n   */\n  ieCompatibilityMode: function ieCompatibilityMode() {\n    return populate() || ieRealVersion > _ie;\n  },\n\n  /**\n   * Whether the browser is 64-bit IE.  Really, this is kind of weak sauce;  we\n   * only need this because Skype can't handle 64-bit IE yet.  We need to remove\n   * this when we don't need it -- tracked by #601957.\n   */\n  ie64: function ie64() {\n    return UserAgent.ie() && win64;\n  },\n\n  /**\n   *  Check if the UA is Firefox.\n   *\n   *\n   *  @return float|NaN Version number (if match) or NaN.\n   */\n  firefox: function firefox() {\n    return populate() || _firefox;\n  },\n\n  /**\n   *  Check if the UA is Opera.\n   *\n   *\n   *  @return float|NaN Version number (if match) or NaN.\n   */\n  opera: function opera() {\n    return populate() || _opera;\n  },\n\n  /**\n   *  Check if the UA is WebKit.\n   *\n   *\n   *  @return float|NaN Version number (if match) or NaN.\n   */\n  webkit: function webkit() {\n    return populate() || _webkit;\n  },\n\n  /**\n   *  For Push\n   *  WILL BE REMOVED VERY SOON. Use UserAgent_DEPRECATED.webkit\n   */\n  safari: function safari() {\n    return UserAgent.webkit();\n  },\n\n  /**\n   *  Check if the UA is a Chrome browser.\n   *\n   *\n   *  @return float|NaN Version number (if match) or NaN.\n   */\n  chrome: function chrome() {\n    return populate() || _chrome;\n  },\n\n  /**\n   *  Check if the user is running Windows.\n   *\n   *  @return bool `true' if the user's OS is Windows.\n   */\n  windows: function windows() {\n    return populate() || _windows;\n  },\n\n  /**\n   *  Check if the user is running Mac OS X.\n   *\n   *  @return float|bool   Returns a float if a version number is detected,\n   *                       otherwise true/false.\n   */\n  osx: function osx() {\n    return populate() || _osx;\n  },\n\n  /**\n   * Check if the user is running Linux.\n   *\n   * @return bool `true' if the user's OS is some flavor of Linux.\n   */\n  linux: function linux() {\n    return populate() || _linux;\n  },\n\n  /**\n   * Check if the user is running on an iPhone or iPod platform.\n   *\n   * @return bool `true' if the user is running some flavor of the\n   *    iPhone OS.\n   */\n  iphone: function iphone() {\n    return populate() || _iphone;\n  },\n  mobile: function mobile() {\n    return populate() || _iphone || _ipad || _android || _mobile;\n  },\n  // webviews inside of the native apps\n  nativeApp: function nativeApp() {\n    return populate() || _native;\n  },\n  android: function android() {\n    return populate() || _android;\n  },\n  ipad: function ipad() {\n    return populate() || _ipad;\n  }\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (UserAgent);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/UserAgent.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/emptyFunction.js":
-/*!***********************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/emptyFunction.js ***!
-  \***********************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\nvar _this = undefined;\n\nfunction makeEmptyFunction(arg) {\n  return function () {\n    return arg;\n  };\n}\n\nfunction emptyFunction() {}\n\nemptyFunction.thatReturns = makeEmptyFunction;\nemptyFunction.thatReturnsFalse = makeEmptyFunction(false);\nemptyFunction.thatReturnsTrue = makeEmptyFunction(true);\nemptyFunction.thatReturnsNull = makeEmptyFunction(null);\n\nemptyFunction.thatReturnsThis = function () {\n  return _this;\n};\n\nemptyFunction.thatReturnsArgument = function (arg) {\n  return arg;\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (emptyFunction);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/emptyFunction.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/getGlobal.js":
-/*!*******************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/getGlobal.js ***!
-  \*******************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n// the only reliable means to get the global object is\n// `Function('return this')()`\n// However, this causes CSP violations in Chrome apps.\n// https://github.com/tc39/proposal-global\nfunction getGlobal() {\n  if (typeof globalThis !== 'undefined') {\n    return globalThis;\n  }\n\n  if (typeof self !== 'undefined') {\n    return self;\n  }\n\n  if (typeof window !== 'undefined') {\n    return window;\n  }\n\n  throw new Error('unable to locate global object');\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (getGlobal);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/getGlobal.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/getVendorPrefixedName.js":
-/*!*******************************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/getVendorPrefixedName.js ***!
-  \*******************************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _canUseDOM__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../canUseDOM */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/canUseDOM.js\");\n/* harmony import */ var _stringFormatter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./stringFormatter */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/stringFormatter.js\");\n\n\nvar memoized = {};\nvar prefixes = ['Webkit', 'ms', 'Moz', 'O'];\nvar prefixRegex = new RegExp(\"^(\" + prefixes.join('|') + \")\");\nvar testStyle = _canUseDOM__WEBPACK_IMPORTED_MODULE_0__.default ? document.createElement('div').style : {};\n\nfunction getWithPrefix(name) {\n  for (var i = 0; i < prefixes.length; i += 1) {\n    var prefixedName = prefixes[i] + name;\n\n    if (prefixedName in testStyle) {\n      return prefixedName;\n    }\n  }\n\n  return null;\n}\n/**\n * @param {string} property Name of a css property to check for.\n * @return {?string} property name supported in the browser, or null if not\n * supported.\n */\n\n\nfunction getVendorPrefixedName(property) {\n  var name = (0,_stringFormatter__WEBPACK_IMPORTED_MODULE_1__.camelize)(property);\n\n  if (memoized[name] === undefined) {\n    var capitalizedName = name.charAt(0).toUpperCase() + name.slice(1);\n\n    if (prefixRegex.test(capitalizedName)) {\n      throw new Error(\"getVendorPrefixedName must only be called with unprefixed\\n          CSS property names. It was called with \" + property);\n    }\n\n    memoized[name] = name in testStyle ? name : getWithPrefix(capitalizedName);\n  }\n\n  return memoized[name];\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (getVendorPrefixedName);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/getVendorPrefixedName.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/hyphenateStyleName.js":
-/*!****************************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/hyphenateStyleName.js ***!
-  \****************************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _stringFormatter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./stringFormatter */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/stringFormatter.js\");\n\nvar msPattern = /^ms-/;\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (string) {\n  return (0,_stringFormatter__WEBPACK_IMPORTED_MODULE_0__.hyphenate)(string).replace(msPattern, '-ms-');\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/hyphenateStyleName.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/isEventSupported.js":
-/*!**************************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/isEventSupported.js ***!
-  \**************************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _canUseDOM__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../canUseDOM */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/canUseDOM.js\");\n\nvar useHasFeature;\n\nif (_canUseDOM__WEBPACK_IMPORTED_MODULE_0__.default) {\n  useHasFeature = document.implementation && document.implementation.hasFeature && // always returns true in newer browsers as per the standard.\n  // @see http://dom.spec.whatwg.org/#dom-domimplementation-hasfeature\n  document.implementation.hasFeature('', '') !== true;\n}\n\nfunction isEventSupported(eventNameSuffix, capture) {\n  if (!_canUseDOM__WEBPACK_IMPORTED_MODULE_0__.default || capture && !('addEventListener' in document)) {\n    return false;\n  }\n\n  var eventName = \"on\" + eventNameSuffix;\n  var isSupported = (eventName in document);\n\n  if (!isSupported) {\n    var element = document.createElement('div');\n    element.setAttribute(eventName, 'return;');\n    isSupported = typeof element[eventName] === 'function';\n  }\n\n  if (!isSupported && useHasFeature && eventNameSuffix === 'wheel') {\n    // This is the only way to test support for the `wheel` event in IE9+.\n    isSupported = document.implementation.hasFeature('Events.wheel', '3.0');\n  }\n\n  return isSupported;\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (isEventSupported);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/isEventSupported.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/normalizeWheel.js":
-/*!************************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/normalizeWheel.js ***!
-  \************************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _UserAgent__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./UserAgent */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/UserAgent.js\");\n/* harmony import */ var _isEventSupported__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./isEventSupported */ \"./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/isEventSupported.js\");\n\n // Reasonable defaults\n\nvar PIXEL_STEP = 10;\nvar LINE_HEIGHT = 40;\nvar PAGE_HEIGHT = 800;\n\nfunction normalizeWheel(event) {\n  var sX = 0;\n  var sY = 0; // spinX, spinY\n\n  var pX = 0;\n  var pY = 0; // pixelX, pixelY\n  // Legacy\n\n  if ('detail' in event) {\n    sY = event.detail;\n  }\n\n  if ('wheelDelta' in event) {\n    sY = -event.wheelDelta / 120;\n  }\n\n  if ('wheelDeltaY' in event) {\n    sY = -event.wheelDeltaY / 120;\n  }\n\n  if ('wheelDeltaX' in event) {\n    sX = -event.wheelDeltaX / 120;\n  } // side scrolling on FF with DOMMouseScroll\n\n\n  if ('axis' in event && event.axis === event.HORIZONTAL_AXIS) {\n    sX = sY;\n    sY = 0;\n  }\n\n  pX = sX * PIXEL_STEP;\n  pY = sY * PIXEL_STEP;\n\n  if ('deltaY' in event) {\n    pY = event.deltaY;\n  }\n\n  if ('deltaX' in event) {\n    pX = event.deltaX;\n  }\n\n  if ((pX || pY) && event.deltaMode) {\n    if (event.deltaMode === 1) {\n      // delta in LINE units\n      pX *= LINE_HEIGHT;\n      pY *= LINE_HEIGHT;\n    } else {\n      // delta in PAGE units\n      pX *= PAGE_HEIGHT;\n      pY *= PAGE_HEIGHT;\n    }\n  } // Fall-back if spin cannot be determined\n\n\n  if (pX && !sX) {\n    sX = pX < 1 ? -1 : 1;\n  }\n\n  if (pY && !sY) {\n    sY = pY < 1 ? -1 : 1;\n  }\n\n  return {\n    spinX: sX,\n    spinY: sY,\n    pixelX: pX,\n    pixelY: pY\n  };\n}\n/**\n * The best combination if you prefer spinX + spinY normalization.  It favors\n * the older DOMMouseScroll for Firefox, as FF does not include wheelDelta with\n * 'wheel' event, making spin speed determination impossible.\n */\n\n\nnormalizeWheel.getEventType = function () {\n  if (_UserAgent__WEBPACK_IMPORTED_MODULE_0__.default.firefox()) {\n    return 'DOMMouseScroll';\n  }\n\n  return (0,_isEventSupported__WEBPACK_IMPORTED_MODULE_1__.default)('wheel') ? 'wheel' : 'mousewheel';\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (normalizeWheel);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/normalizeWheel.js?");
-
-/***/ }),
-
-/***/ "./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/stringFormatter.js":
-/*!*************************************************************************************!*\
-  !*** ./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/stringFormatter.js ***!
-  \*************************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"underscore\": function() { return /* binding */ underscore; },\n/* harmony export */   \"camelize\": function() { return /* binding */ camelize; },\n/* harmony export */   \"hyphenate\": function() { return /* binding */ hyphenate; },\n/* harmony export */   \"merge\": function() { return /* binding */ merge; }\n/* harmony export */ });\n/* eslint-disable */\n\n/**\n * @example\n * underscoreName('getList');\n * => get_list\n */\nfunction underscore(string) {\n  return string.replace(/([A-Z])/g, '_$1').toLowerCase();\n}\n/**\n * @example\n * camelize('font-size');\n * => fontSize\n */\n\nfunction camelize(string) {\n  return string.replace(/\\-(\\w)/g, function (_char) {\n    return _char.slice(1).toUpperCase();\n  });\n}\n/**\n * @example\n * camelize('fontSize');\n * => font-size\n */\n\nfunction hyphenate(string) {\n  return string.replace(/([A-Z])/g, '-$1').toLowerCase();\n}\n/**\n * @example\n * merge('{0} - A front-end {1} ','Suite','framework');\n * => Suite - A front-end framework\n */\n\nfunction merge(pattern) {\n  var pointer = 0,\n      i;\n\n  for (i = 1; i < arguments.length; i += 1) {\n    pattern = pattern.split(\"{\" + pointer + \"}\").join(arguments[i]);\n    pointer += 1;\n  }\n\n  return pattern;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/dom-lib/esm/utils/stringFormatter.js?");
+eval("\n\nif (false) {} else {\n  module.exports = __webpack_require__(/*! ./cjs/react-is.development.js */ \"./node_modules/rsuite-table/node_modules/react-is/cjs/react-is.development.js\");\n}\n\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/node_modules/react-is/index.js?");
 
 /***/ }),