rsuite 5.65.1 → 5.67.0

package/dist/rsuite.js

@@ -6626,7 +6626,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _Windowing = __webpack_require__(/*! ../internals/Windowing */ \"./src/internals/Windowing/index.ts\");\nvar _CheckTreeNode = _interopRequireDefault(__webpack_require__(/*! ./CheckTreeNode */ \"./src/CheckTree/CheckTreeNode.tsx\"));\nvar _IndentLine = _interopRequireDefault(__webpack_require__(/*! ../Tree/IndentLine */ \"./src/Tree/IndentLine.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/Tree/utils */ \"./src/internals/Tree/utils/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _Tree = __webpack_require__(/*! ../internals/Tree */ \"./src/internals/Tree/index.ts\");\nvar _SearchBox = _interopRequireDefault(__webpack_require__(/*! ../internals/SearchBox */ \"./src/internals/SearchBox/index.tsx\"));\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/CheckTree/utils.ts\");\nvar _utils3 = __webpack_require__(/*! ../Tree/utils */ \"./src/Tree/utils/index.ts\");\nvar _useTreeSearch2 = _interopRequireDefault(__webpack_require__(/*! ../Tree/hooks/useTreeSearch */ \"./src/Tree/hooks/useTreeSearch.ts\"));\nvar _useFocusTree2 = _interopRequireDefault(__webpack_require__(/*! ../Tree/hooks/useFocusTree */ \"./src/Tree/hooks/useFocusTree.ts\"));\nvar _useVirtualizedTreeData = _interopRequireDefault(__webpack_require__(/*! ../Tree/hooks/useVirtualizedTreeData */ \"./src/Tree/hooks/useVirtualizedTreeData.ts\"));\nvar _useTreeCheckState2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useTreeCheckState */ \"./src/CheckTree/hooks/useTreeCheckState.ts\"));\nvar _useTreeNodeProps = _interopRequireDefault(__webpack_require__(/*! ./hooks/useTreeNodeProps */ \"./src/CheckTree/hooks/useTreeNodeProps.tsx\"));\nvar _TreeProvider = __webpack_require__(/*! ../internals/Tree/TreeProvider */ \"./src/internals/Tree/TreeProvider.tsx\");\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"cascade\", \"data\", \"disabledItemValues\", \"expandItemValues\", \"height\", \"locale\", \"listProps\", \"listRef\", \"style\", \"searchKeyword\", \"showIndentLine\", \"searchable\", \"searchInputRef\", \"uncheckableItemValues\", \"loadingNodeValues\", \"flattenedNodes\", \"searchBy\", \"onChange\", \"onSearch\", \"onSelect\", \"onSelectItem\", \"onScroll\", \"onExpand\", \"onFocusItem\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CheckTree/CheckTreeView.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * Props for the CheckTreeView component.\n */\n\nvar CheckTreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _merge2;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'check-tree' : _props$classPrefix,\n    _props$cascade = props.cascade,\n    cascade = _props$cascade === void 0 ? true : _props$cascade,\n    _props$data = props.data,\n    data = _props$data === void 0 ? [] : _props$data,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,\n    _props$expandItemValu = props.expandItemValues,\n    expandItemValues = _props$expandItemValu === void 0 ? [] : _props$expandItemValu,\n    _props$height = props.height,\n    height = _props$height === void 0 ? 360 : _props$height,\n    overrideLocale = props.locale,\n    listProps = props.listProps,\n    listRef = props.listRef,\n    style = props.style,\n    searchKeyword = props.searchKeyword,\n    showIndentLine = props.showIndentLine,\n    searchable = props.searchable,\n    searchInputRef = props.searchInputRef,\n    _props$uncheckableIte = props.uncheckableItemValues,\n    uncheckableItemValues = _props$uncheckableIte === void 0 ? [] : _props$uncheckableIte,\n    _props$loadingNodeVal = props.loadingNodeValues,\n    loadingNodeValues = _props$loadingNodeVal === void 0 ? [] : _props$loadingNodeVal,\n    _props$flattenedNodes = props.flattenedNodes,\n    flattenedNodes = _props$flattenedNodes === void 0 ? {} : _props$flattenedNodes,\n    searchBy = props.searchBy,\n    onChange = props.onChange,\n    onSearch = props.onSearch,\n    onSelect = props.onSelect,\n    onSelectItem = props.onSelectItem,\n    onScroll = props.onScroll,\n    onExpand = props.onExpand,\n    onFocusItem = props.onFocusItem,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCustom = (0, _hooks.useCustom)('Picker', overrideLocale),\n    locale = _useCustom.locale;\n  var _useTreeContextProps = (0, _TreeProvider.useTreeContextProps)(),\n    childrenKey = _useTreeContextProps.childrenKey,\n    valueKey = _useTreeContextProps.valueKey,\n    virtualized = _useTreeContextProps.virtualized,\n    scrollShadow = _useTreeContextProps.scrollShadow;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var _useTreeCheckState = (0, _useTreeCheckState2.default)({\n      cascade: cascade,\n      flattenedNodes: flattenedNodes,\n      uncheckableItemValues: uncheckableItemValues\n    }),\n    getCheckedValues = _useTreeCheckState.getCheckedValues;\n  var handleSearchCallback = function handleSearchCallback(value, _data, event) {\n    onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);\n  };\n  var _useTreeSearch = (0, _useTreeSearch2.default)({\n      callback: handleSearchCallback,\n      data: data,\n      searchKeyword: searchKeyword,\n      searchBy: searchBy\n    }),\n    filteredData = _useTreeSearch.filteredData,\n    keyword = _useTreeSearch.keyword,\n    setFilteredData = _useTreeSearch.setFilteredData,\n    handleSearch = _useTreeSearch.handleSearch;\n  var _useFocusTree = (0, _useFocusTree2.default)({\n      filteredData: filteredData,\n      disabledItemValues: disabledItemValues,\n      expandItemValues: expandItemValues,\n      searchKeyword: keyword,\n      flattenedNodes: flattenedNodes,\n      onFocused: onFocusItem,\n      onExpand: onExpand\n    }),\n    focusItemValue = _useFocusTree.focusItemValue,\n    setFocusItemValue = _useFocusTree.setFocusItemValue,\n    onTreeKeydown = _useFocusTree.onTreeKeydown,\n    saveTreeNodeRef = _useFocusTree.saveTreeNodeRef;\n  var transformation = (0, _useVirtualizedTreeData.default)(flattenedNodes, filteredData, {\n    cascade: cascade,\n    expandItemValues: expandItemValues,\n    searchKeyword: keyword\n  });\n\n  /**\n   * Get formatted nodes for render tree\n   * @params render - renderNode function. only used when virtualized setting false\n   */\n  var getFormattedNodes = function getFormattedNodes(render) {\n    if (virtualized) {\n      return transformation().filter(function (item) {\n        return item.visible;\n      });\n    }\n    return (0, _utils2.getFormattedTree)(flattenedNodes, filteredData, {\n      childrenKey: childrenKey,\n      cascade: cascade\n    }).map(function (node) {\n      return render === null || render === void 0 ? void 0 : render(node, 1);\n    }).filter(function (item) {\n      return item;\n    });\n  };\n  var getTreeNodeProps = (0, _useTreeNodeProps.default)({\n    uncheckableItemValues: uncheckableItemValues,\n    disabledItemValues: disabledItemValues,\n    loadingNodeValues: loadingNodeValues,\n    focusItemValue: focusItemValue,\n    flattenedNodes: flattenedNodes,\n    keyword: keyword\n  });\n  (0, _react.useEffect)(function () {\n    setFilteredData(data, keyword);\n  }, [data, keyword, setFilteredData]);\n\n  // TODO-Doma\n  // Replace `getKeyParentMap` with `getParentMap`\n  var itemParentMap = (0, _react.useMemo)(function () {\n    return (0, _utils.getKeyParentMap)(data, function (node) {\n      return node[valueKey];\n    }, function (node) {\n      return node[childrenKey];\n    });\n  }, [childrenKey, data, valueKey]);\n  var handleSelect = (0, _hooks.useEventCallback)(function (node, event) {\n    var currentNode = node.refKey ? flattenedNodes[node.refKey] : null;\n    if (!node || !currentNode) {\n      return;\n    }\n    var checkedValues = getCheckedValues(node, !currentNode.check);\n    var path = (0, _utils.getPathTowardsItem)(node, function (item) {\n      return itemParentMap.get(item[valueKey]);\n    });\n    setFocusItemValue(node[valueKey]);\n    onChange === null || onChange === void 0 ? void 0 : onChange(checkedValues, event);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, checkedValues, event);\n    onSelectItem === null || onSelectItem === void 0 ? void 0 : onSelectItem(node, path);\n  });\n  var selectActiveItem = function selectActiveItem(event) {\n    if ((0, _isNil.default)(focusItemValue)) return;\n    var activeItem = (0, _utils3.getActiveItem)(focusItemValue, flattenedNodes, valueKey);\n    if (!(0, _utils2.isNodeUncheckable)(activeItem, {\n      uncheckableItemValues: uncheckableItemValues,\n      valueKey: valueKey\n    }) && activeItem !== null) {\n      handleSelect(activeItem, event);\n    }\n  };\n  var handleTreeKeyDown = (0, _hooks.useEventCallback)(function (event) {\n    onTreeKeydown(event);\n    (0, _Picker.onMenuKeyDown)(event, {\n      enter: selectActiveItem\n    });\n  });\n  var renderNode = function renderNode(node, layer) {\n    var visible = node.visible,\n      refKey = node.refKey,\n      parent = node.parent;\n\n    // when searching, all nodes should be expand\n    var expanded = (0, _utils3.isExpand)(keyword, expandItemValues.includes(node[valueKey]));\n    if (!visible) {\n      return null;\n    }\n    var children = node[childrenKey];\n    var hasChildren = keyword ? (0, _utils3.hasVisibleChildren)(node, childrenKey) : Boolean(children);\n    var treeNodeProps = (0, _extends2.default)({}, getTreeNodeProps((0, _extends2.default)({}, node, {\n      parent: parent\n    })), {\n      layer: layer,\n      expanded: expanded,\n      hasChildren: hasChildren,\n      onSelect: handleSelect,\n      onExpand: onExpand\n    });\n    if (hasChildren) {\n      var _merge;\n      layer += 1;\n      var childClassName = merge(prefix('node-children'), (_merge = {}, _merge[prefix('node-expanded')] = expanded, _merge));\n      var nodes = children || [];\n      return /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: childClassName,\n        key: node[valueKey],\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 279,\n          columnNumber: 11\n        }\n      }, /*#__PURE__*/_react.default.createElement(_CheckTreeNode.default, (0, _extends2.default)({}, treeNodeProps, {\n        treeItemRef: function treeItemRef(ref) {\n          return saveTreeNodeRef(ref, refKey);\n        },\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 280,\n          columnNumber: 13\n        }\n      })), /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: prefix('group'),\n        role: \"group\",\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 281,\n          columnNumber: 13\n        }\n      }, nodes.map(function (child) {\n        return renderNode(child, layer);\n      }), showIndentLine && /*#__PURE__*/_react.default.createElement(_IndentLine.default, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 283,\n          columnNumber: 34\n        }\n      })));\n    }\n    return /*#__PURE__*/_react.default.createElement(_CheckTreeNode.default, (0, _extends2.default)({\n      key: node[valueKey],\n      treeItemRef: function treeItemRef(ref) {\n        return saveTreeNodeRef(ref, refKey);\n      }\n    }, treeNodeProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 290,\n        columnNumber: 9\n      }\n    }));\n  };\n  var renderVirtualListNode = function renderVirtualListNode(_ref) {\n    var index = _ref.index,\n      style = _ref.style,\n      data = _ref.data;\n    var node = data[index];\n    var layer = node.layer,\n      refKey = node.refKey,\n      visible = node.visible,\n      hasChildren = node.hasChildren,\n      parent = node.parent;\n    var expanded = (0, _utils3.isExpand)(keyword, expandItemValues.includes(node[valueKey]));\n    var treeNodeProps = (0, _extends2.default)({}, getTreeNodeProps((0, _extends2.default)({}, node, {\n      parent: parent\n    })), {\n      onSelect: handleSelect,\n      onExpand: onExpand,\n      expanded: expanded,\n      layer: layer,\n      hasChildren: hasChildren\n    });\n    return visible && /*#__PURE__*/_react.default.createElement(_CheckTreeNode.default, (0, _extends2.default)({\n      style: style,\n      ref: function ref(_ref2) {\n        return saveTreeNodeRef(_ref2, refKey);\n      }\n    }, treeNodeProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 316,\n        columnNumber: 11\n      }\n    }));\n  };\n  var classes = merge(className, withClassPrefix({\n    'without-children': !(0, _utils2.hasGrandchild)(data, childrenKey),\n    virtualized: virtualized\n  }));\n  var formattedNodes = getFormattedNodes(renderNode);\n  var treeNodesClass = merge(prefix('root'), (_merge2 = {}, _merge2[prefix('all-uncheckable')] = (0, _utils2.isEveryFirstLevelNodeUncheckable)(flattenedNodes, uncheckableItemValues, valueKey), _merge2));\n  return /*#__PURE__*/_react.default.createElement(Component, {\n    ref: ref,\n    className: classes,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 344,\n      columnNumber: 7\n    }\n  }, searchable ? /*#__PURE__*/_react.default.createElement(_SearchBox.default, {\n    placeholder: locale.searchPlaceholder,\n    onChange: handleSearch,\n    value: keyword,\n    inputRef: searchInputRef,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 346,\n      columnNumber: 11\n    }\n  }) : null, keyword && formattedNodes.length === 0 ? /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('empty'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 355,\n      columnNumber: 11\n    }\n  }, locale.noResultsText) : null, /*#__PURE__*/_react.default.createElement(_Tree.TreeView, (0, _extends2.default)({}, rest, {\n    multiselectable: true,\n    treeRootClassName: treeNodesClass,\n    className: prefix('view'),\n    onScroll: onScroll,\n    onKeyDown: handleTreeKeyDown,\n    height: height,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 358,\n      columnNumber: 9\n    }\n  }), virtualized ? /*#__PURE__*/_react.default.createElement(_Windowing.AutoSizer, {\n    defaultHeight: height,\n    style: {\n      width: 'auto',\n      height: 'auto'\n    },\n    className: prefix('virt-auto-sizer'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 368,\n      columnNumber: 13\n    }\n  }, function (_ref3) {\n    var height = _ref3.height;\n    return /*#__PURE__*/_react.default.createElement(_Windowing.List, (0, _extends2.default)({\n      ref: listRef,\n      height: height,\n      itemSize: _Windowing.defaultItemSize,\n      itemCount: formattedNodes.length,\n      itemData: formattedNodes,\n      className: prefix('virt-list'),\n      scrollShadow: scrollShadow\n    }, listProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 374,\n        columnNumber: 17\n      }\n    }), renderVirtualListNode);\n  }) : formattedNodes));\n});\nCheckTreeView.displayName = 'CheckTreeView';\nvar _default = exports[\"default\"] = CheckTreeView;\n\n//# sourceURL=webpack://rsuite/./src/CheckTree/CheckTreeView.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _Windowing = __webpack_require__(/*! ../internals/Windowing */ \"./src/internals/Windowing/index.ts\");\nvar _CheckTreeNode = _interopRequireDefault(__webpack_require__(/*! ./CheckTreeNode */ \"./src/CheckTree/CheckTreeNode.tsx\"));\nvar _IndentLine = _interopRequireDefault(__webpack_require__(/*! ../Tree/IndentLine */ \"./src/Tree/IndentLine.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/Tree/utils */ \"./src/internals/Tree/utils/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _Tree = __webpack_require__(/*! ../internals/Tree */ \"./src/internals/Tree/index.ts\");\nvar _SearchBox = _interopRequireDefault(__webpack_require__(/*! ../internals/SearchBox */ \"./src/internals/SearchBox/index.tsx\"));\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/CheckTree/utils.ts\");\nvar _utils3 = __webpack_require__(/*! ../Tree/utils */ \"./src/Tree/utils/index.ts\");\nvar _useTreeSearch2 = _interopRequireDefault(__webpack_require__(/*! ../Tree/hooks/useTreeSearch */ \"./src/Tree/hooks/useTreeSearch.ts\"));\nvar _useFocusTree2 = _interopRequireDefault(__webpack_require__(/*! ../Tree/hooks/useFocusTree */ \"./src/Tree/hooks/useFocusTree.ts\"));\nvar _useVirtualizedTreeData = _interopRequireDefault(__webpack_require__(/*! ../Tree/hooks/useVirtualizedTreeData */ \"./src/Tree/hooks/useVirtualizedTreeData.ts\"));\nvar _useTreeCheckState2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useTreeCheckState */ \"./src/CheckTree/hooks/useTreeCheckState.ts\"));\nvar _useTreeNodeProps = _interopRequireDefault(__webpack_require__(/*! ./hooks/useTreeNodeProps */ \"./src/CheckTree/hooks/useTreeNodeProps.tsx\"));\nvar _TreeProvider = __webpack_require__(/*! ../internals/Tree/TreeProvider */ \"./src/internals/Tree/TreeProvider.tsx\");\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"cascade\", \"data\", \"disabledItemValues\", \"expandItemValues\", \"height\", \"locale\", \"listProps\", \"listRef\", \"style\", \"searchKeyword\", \"showIndentLine\", \"searchable\", \"searchInputRef\", \"uncheckableItemValues\", \"loadingNodeValues\", \"flattenedNodes\", \"searchBy\", \"onChange\", \"onSearch\", \"onSelect\", \"onSelectItem\", \"onScroll\", \"onExpand\", \"onFocusItem\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CheckTree/CheckTreeView.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * Props for the CheckTreeView component.\n */\n\nvar CheckTreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _merge2;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'check-tree' : _props$classPrefix,\n    _props$cascade = props.cascade,\n    cascade = _props$cascade === void 0 ? true : _props$cascade,\n    _props$data = props.data,\n    data = _props$data === void 0 ? [] : _props$data,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,\n    _props$expandItemValu = props.expandItemValues,\n    expandItemValues = _props$expandItemValu === void 0 ? [] : _props$expandItemValu,\n    _props$height = props.height,\n    height = _props$height === void 0 ? 360 : _props$height,\n    overrideLocale = props.locale,\n    listProps = props.listProps,\n    listRef = props.listRef,\n    style = props.style,\n    searchKeyword = props.searchKeyword,\n    showIndentLine = props.showIndentLine,\n    searchable = props.searchable,\n    searchInputRef = props.searchInputRef,\n    _props$uncheckableIte = props.uncheckableItemValues,\n    uncheckableItemValues = _props$uncheckableIte === void 0 ? [] : _props$uncheckableIte,\n    _props$loadingNodeVal = props.loadingNodeValues,\n    loadingNodeValues = _props$loadingNodeVal === void 0 ? [] : _props$loadingNodeVal,\n    _props$flattenedNodes = props.flattenedNodes,\n    flattenedNodes = _props$flattenedNodes === void 0 ? {} : _props$flattenedNodes,\n    searchBy = props.searchBy,\n    onChange = props.onChange,\n    onSearch = props.onSearch,\n    onSelect = props.onSelect,\n    onSelectItem = props.onSelectItem,\n    onScroll = props.onScroll,\n    onExpand = props.onExpand,\n    onFocusItem = props.onFocusItem,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCustom = (0, _hooks.useCustom)('Picker', overrideLocale),\n    locale = _useCustom.locale;\n  var _useTreeContextProps = (0, _TreeProvider.useTreeContextProps)(),\n    childrenKey = _useTreeContextProps.childrenKey,\n    valueKey = _useTreeContextProps.valueKey,\n    virtualized = _useTreeContextProps.virtualized,\n    scrollShadow = _useTreeContextProps.scrollShadow;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var _useTreeCheckState = (0, _useTreeCheckState2.default)({\n      cascade: cascade,\n      flattenedNodes: flattenedNodes,\n      uncheckableItemValues: uncheckableItemValues\n    }),\n    getCheckedValues = _useTreeCheckState.getCheckedValues;\n  var handleSearchCallback = function handleSearchCallback(value, _data, event) {\n    onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);\n  };\n  var _useTreeSearch = (0, _useTreeSearch2.default)({\n      callback: handleSearchCallback,\n      data: data,\n      searchKeyword: searchKeyword,\n      searchBy: searchBy\n    }),\n    filteredData = _useTreeSearch.filteredData,\n    keyword = _useTreeSearch.keyword,\n    setFilteredData = _useTreeSearch.setFilteredData,\n    handleSearch = _useTreeSearch.handleSearch;\n  var _useFocusTree = (0, _useFocusTree2.default)({\n      filteredData: filteredData,\n      disabledItemValues: disabledItemValues,\n      expandItemValues: expandItemValues,\n      searchKeyword: keyword,\n      flattenedNodes: flattenedNodes,\n      onFocused: onFocusItem,\n      onExpand: onExpand\n    }),\n    focusItemValue = _useFocusTree.focusItemValue,\n    setFocusItemValue = _useFocusTree.setFocusItemValue,\n    onTreeKeydown = _useFocusTree.onTreeKeydown,\n    saveTreeNodeRef = _useFocusTree.saveTreeNodeRef;\n  var transformation = (0, _useVirtualizedTreeData.default)(flattenedNodes, filteredData, {\n    cascade: cascade,\n    expandItemValues: expandItemValues,\n    searchKeyword: keyword\n  });\n\n  /**\n   * Get formatted nodes for render tree\n   * @params render - renderNode function. only used when virtualized setting false\n   */\n  var getFormattedNodes = function getFormattedNodes(render) {\n    if (virtualized) {\n      return transformation().filter(function (item) {\n        return item.visible;\n      });\n    }\n    return (0, _utils2.getFormattedTree)(flattenedNodes, filteredData, {\n      childrenKey: childrenKey,\n      cascade: cascade\n    }).map(function (node) {\n      return render === null || render === void 0 ? void 0 : render(node, 1);\n    }).filter(function (item) {\n      return item;\n    });\n  };\n  var getTreeNodeProps = (0, _useTreeNodeProps.default)({\n    uncheckableItemValues: uncheckableItemValues,\n    disabledItemValues: disabledItemValues,\n    loadingNodeValues: loadingNodeValues,\n    focusItemValue: focusItemValue,\n    flattenedNodes: flattenedNodes,\n    keyword: keyword\n  });\n  (0, _react.useEffect)(function () {\n    setFilteredData(data, keyword);\n  }, [data, keyword, setFilteredData]);\n\n  // TODO-Doma\n  // Replace `getKeyParentMap` with `getParentMap`\n  var itemParentMap = (0, _react.useMemo)(function () {\n    return (0, _utils.getKeyParentMap)(data, function (node) {\n      return node[valueKey];\n    }, function (node) {\n      return node[childrenKey];\n    });\n  }, [childrenKey, data, valueKey]);\n  var handleSelect = (0, _hooks.useEventCallback)(function (node, event) {\n    var currentNode = node.refKey ? flattenedNodes[node.refKey] : null;\n    if (!node || !currentNode) {\n      return;\n    }\n    var checkedValues = getCheckedValues(node, !currentNode.check);\n    var path = (0, _utils.getPathTowardsItem)(node, function (item) {\n      return itemParentMap.get(item[valueKey]);\n    });\n    setFocusItemValue(node[valueKey]);\n    onChange === null || onChange === void 0 ? void 0 : onChange(checkedValues, event);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, checkedValues, event);\n    onSelectItem === null || onSelectItem === void 0 ? void 0 : onSelectItem(node, path);\n  });\n  var selectActiveItem = function selectActiveItem(event) {\n    if ((0, _isNil.default)(focusItemValue)) return;\n    var activeItem = (0, _utils3.getActiveItem)(focusItemValue, flattenedNodes, valueKey);\n    if (!(0, _utils2.isNodeUncheckable)(activeItem, {\n      uncheckableItemValues: uncheckableItemValues,\n      valueKey: valueKey\n    }) && activeItem !== null) {\n      handleSelect(activeItem, event);\n    }\n  };\n  var handleTreeKeyDown = (0, _hooks.useEventCallback)(function (event) {\n    onTreeKeydown(event);\n    (0, _Picker.onMenuKeyDown)(event, {\n      enter: selectActiveItem\n    });\n  });\n  var renderNode = function renderNode(node, layer) {\n    var visible = node.visible,\n      refKey = node.refKey,\n      parent = node.parent;\n\n    // when searching, all nodes should be expand\n    var expanded = (0, _utils3.isExpand)(keyword, expandItemValues.includes(node[valueKey]));\n    if (!visible) {\n      return null;\n    }\n    var children = node[childrenKey];\n    var hasChildren = keyword ? (0, _utils3.hasVisibleChildren)(node, childrenKey) : Boolean(children);\n    var treeNodeProps = (0, _extends2.default)({}, getTreeNodeProps((0, _extends2.default)({}, node, {\n      parent: parent\n    })), {\n      layer: layer,\n      expanded: expanded,\n      hasChildren: hasChildren,\n      onSelect: handleSelect,\n      onExpand: onExpand\n    });\n    if (hasChildren) {\n      var _merge;\n      layer += 1;\n      var childClassName = merge(prefix('node-children'), (_merge = {}, _merge[prefix('node-expanded')] = expanded, _merge));\n      var nodes = children || [];\n      return /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: childClassName,\n        key: node[valueKey],\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 284,\n          columnNumber: 11\n        }\n      }, /*#__PURE__*/_react.default.createElement(_CheckTreeNode.default, (0, _extends2.default)({}, treeNodeProps, {\n        treeItemRef: function treeItemRef(ref) {\n          return saveTreeNodeRef(ref, refKey);\n        },\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 285,\n          columnNumber: 13\n        }\n      })), /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: prefix('group'),\n        role: \"group\",\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 286,\n          columnNumber: 13\n        }\n      }, nodes.map(function (child) {\n        return renderNode(child, layer);\n      }), showIndentLine && /*#__PURE__*/_react.default.createElement(_IndentLine.default, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 288,\n          columnNumber: 34\n        }\n      })));\n    }\n    return /*#__PURE__*/_react.default.createElement(_CheckTreeNode.default, (0, _extends2.default)({\n      key: node[valueKey],\n      treeItemRef: function treeItemRef(ref) {\n        return saveTreeNodeRef(ref, refKey);\n      }\n    }, treeNodeProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 295,\n        columnNumber: 9\n      }\n    }));\n  };\n  var renderVirtualListNode = function renderVirtualListNode(_ref) {\n    var index = _ref.index,\n      style = _ref.style,\n      data = _ref.data;\n    var node = data[index];\n    var layer = node.layer,\n      refKey = node.refKey,\n      visible = node.visible,\n      hasChildren = node.hasChildren,\n      parent = node.parent;\n    var expanded = (0, _utils3.isExpand)(keyword, expandItemValues.includes(node[valueKey]));\n    var treeNodeProps = (0, _extends2.default)({}, getTreeNodeProps((0, _extends2.default)({}, node, {\n      parent: parent\n    })), {\n      onSelect: handleSelect,\n      onExpand: onExpand,\n      expanded: expanded,\n      layer: layer,\n      hasChildren: hasChildren\n    });\n    return visible && /*#__PURE__*/_react.default.createElement(_CheckTreeNode.default, (0, _extends2.default)({\n      style: style,\n      ref: function ref(_ref2) {\n        return saveTreeNodeRef(_ref2, refKey);\n      }\n    }, treeNodeProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 321,\n        columnNumber: 11\n      }\n    }));\n  };\n  var classes = merge(className, withClassPrefix({\n    'without-children': !(0, _utils2.hasGrandchild)(data, childrenKey),\n    virtualized: virtualized\n  }));\n  var formattedNodes = getFormattedNodes(renderNode);\n  var treeNodesClass = merge(prefix('root'), (_merge2 = {}, _merge2[prefix('all-uncheckable')] = (0, _utils2.isEveryFirstLevelNodeUncheckable)(flattenedNodes, uncheckableItemValues, valueKey), _merge2));\n  return /*#__PURE__*/_react.default.createElement(Component, {\n    ref: ref,\n    className: classes,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 349,\n      columnNumber: 7\n    }\n  }, searchable ? /*#__PURE__*/_react.default.createElement(_SearchBox.default, {\n    placeholder: locale.searchPlaceholder,\n    onChange: handleSearch,\n    value: keyword,\n    inputRef: searchInputRef,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 351,\n      columnNumber: 11\n    }\n  }) : null, keyword && formattedNodes.length === 0 ? /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('empty'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 360,\n      columnNumber: 11\n    }\n  }, locale.noResultsText) : null, /*#__PURE__*/_react.default.createElement(_Tree.TreeView, (0, _extends2.default)({}, rest, {\n    multiselectable: true,\n    treeRootClassName: treeNodesClass,\n    className: prefix('view'),\n    onScroll: onScroll,\n    onKeyDown: handleTreeKeyDown,\n    height: height,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 363,\n      columnNumber: 9\n    }\n  }), virtualized ? /*#__PURE__*/_react.default.createElement(_Windowing.AutoSizer, {\n    defaultHeight: height,\n    style: {\n      width: 'auto',\n      height: 'auto'\n    },\n    className: prefix('virt-auto-sizer'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 373,\n      columnNumber: 13\n    }\n  }, function (_ref3) {\n    var height = _ref3.height;\n    return /*#__PURE__*/_react.default.createElement(_Windowing.List, (0, _extends2.default)({\n      ref: listRef,\n      height: height,\n      itemSize: _Windowing.defaultItemSize,\n      itemCount: formattedNodes.length,\n      itemData: formattedNodes,\n      className: prefix('virt-list'),\n      scrollShadow: scrollShadow\n    }, listProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 379,\n        columnNumber: 17\n      }\n    }), renderVirtualListNode);\n  }) : formattedNodes));\n});\nCheckTreeView.displayName = 'CheckTreeView';\nvar _default = exports[\"default\"] = CheckTreeView;\n\n//# sourceURL=webpack://rsuite/./src/CheckTree/CheckTreeView.tsx?");
 
 /***/ }),
 
@@ -6692,7 +6692,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _isFunction2 = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\nvar _pick2 = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _CheckTreeView = _interopRequireDefault(__webpack_require__(/*! ../CheckTree/CheckTreeView */ \"./src/CheckTree/CheckTreeView.tsx\"));\nvar _utils2 = __webpack_require__(/*! ../CheckTree/utils */ \"./src/CheckTree/utils.ts\");\nvar _useTreeValue2 = _interopRequireDefault(__webpack_require__(/*! ../CheckTree/hooks/useTreeValue */ \"./src/CheckTree/hooks/useTreeValue.ts\"));\nvar _useFlattenTree = _interopRequireDefault(__webpack_require__(/*! ../Tree/hooks/useFlattenTree */ \"./src/Tree/hooks/useFlattenTree.ts\"));\nvar _useTreeWithChildren2 = _interopRequireDefault(__webpack_require__(/*! ../Tree/hooks/useTreeWithChildren */ \"./src/Tree/hooks/useTreeWithChildren.ts\"));\nvar _useExpandTree2 = _interopRequireDefault(__webpack_require__(/*! ../Tree/hooks/useExpandTree */ \"./src/Tree/hooks/useExpandTree.ts\"));\nvar _useFocusState2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFocusState */ \"./src/CheckTreePicker/hooks/useFocusState.ts\"));\nvar _TreeProvider = __webpack_require__(/*! ../internals/Tree/TreeProvider */ \"./src/internals/Tree/TreeProvider.tsx\");\nvar _excluded = [\"as\", \"id\", \"appearance\", \"cleanable\", \"countable\", \"cascade\", \"classPrefix\", \"childrenKey\", \"disabled\", \"data\", \"defaultValue\", \"defaultExpandAll\", \"disabledItemValues\", \"expandItemValues\", \"defaultExpandItemValues\", \"placeholder\", \"popupClassName\", \"popupStyle\", \"popupAutoWidth\", \"placement\", \"treeHeight\", \"toggleAs\", \"menuAutoWidth\", \"menuClassName\", \"menuStyle\", \"style\", \"searchBy\", \"searchKeyword\", \"showIndentLine\", \"searchable\", \"valueKey\", \"value\", \"virtualized\", \"uncheckableItemValues\", \"locale\", \"labelKey\", \"listProps\", \"getChildren\", \"renderExtraFooter\", \"onEnter\", \"onChange\", \"onClean\", \"onExit\", \"onSearch\", \"onSelect\", \"onSelectItem\", \"onScroll\", \"onExpand\", \"renderValue\", \"renderMenu\", \"renderTree\", \"renderTreeIcon\", \"renderTreeNode\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CheckTreePicker/CheckTreePicker.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * The `CheckTreePicker` component is used for selecting multiple options which are organized in a tree structure.\n *\n * @see https://rsuitejs.com/components/check-tree-picker\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    id = props.id,\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    _props$cascade = props.cascade,\n    cascade = _props$cascade === void 0 ? true : _props$cascade,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n    _props$childrenKey = props.childrenKey,\n    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,\n    disabled = props.disabled,\n    _props$data = props.data,\n    data = _props$data === void 0 ? [] : _props$data,\n    _props$defaultValue = props.defaultValue,\n    defaultValue = _props$defaultValue === void 0 ? [] : _props$defaultValue,\n    _props$defaultExpandA = props.defaultExpandAll,\n    defaultExpandAll = _props$defaultExpandA === void 0 ? false : _props$defaultExpandA,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,\n    controlledExpandItemValues = props.expandItemValues,\n    _props$defaultExpandI = props.defaultExpandItemValues,\n    defaultExpandItemValues = _props$defaultExpandI === void 0 ? [] : _props$defaultExpandI,\n    placeholder = props.placeholder,\n    popupClassName = props.popupClassName,\n    popupStyle = props.popupStyle,\n    _props$popupAutoWidth = props.popupAutoWidth,\n    popupAutoWidth = _props$popupAutoWidth === void 0 ? true : _props$popupAutoWidth,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    _props$treeHeight = props.treeHeight,\n    treeHeight = _props$treeHeight === void 0 ? 320 : _props$treeHeight,\n    toggleAs = props.toggleAs,\n    _props$menuAutoWidth = props.menuAutoWidth,\n    menuAutoWidth = _props$menuAutoWidth === void 0 ? popupAutoWidth : _props$menuAutoWidth,\n    DEPRECATED_menuClassName = props.menuClassName,\n    DEPRECATED_menuStyle = props.menuStyle,\n    style = props.style,\n    searchBy = props.searchBy,\n    searchKeyword = props.searchKeyword,\n    showIndentLine = props.showIndentLine,\n    _props$searchable = props.searchable,\n    searchable = _props$searchable === void 0 ? true : _props$searchable,\n    _props$valueKey = props.valueKey,\n    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n    controlledValue = props.value,\n    _props$virtualized = props.virtualized,\n    virtualized = _props$virtualized === void 0 ? false : _props$virtualized,\n    _props$uncheckableIte = props.uncheckableItemValues,\n    uncheckableItemValues = _props$uncheckableIte === void 0 ? [] : _props$uncheckableIte,\n    overrideLocale = props.locale,\n    _props$labelKey = props.labelKey,\n    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n    listProps = props.listProps,\n    getChildren = props.getChildren,\n    renderExtraFooter = props.renderExtraFooter,\n    onEnter = props.onEnter,\n    onChange = props.onChange,\n    onClean = props.onClean,\n    onExit = props.onExit,\n    onSearch = props.onSearch,\n    onSelect = props.onSelect,\n    onSelectItem = props.onSelectItem,\n    onScroll = props.onScroll,\n    onExpand = props.onExpand,\n    renderValue = props.renderValue,\n    DEPRECATED_renderMenu = props.renderMenu,\n    _props$renderTree = props.renderTree,\n    renderTree = _props$renderTree === void 0 ? DEPRECATED_renderMenu : _props$renderTree,\n    renderTreeIcon = props.renderTreeIcon,\n    renderTreeNode = props.renderTreeNode,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _usePickerRef = (0, _Picker.usePickerRef)(ref),\n    trigger = _usePickerRef.trigger,\n    root = _usePickerRef.root,\n    target = _usePickerRef.target,\n    overlay = _usePickerRef.overlay,\n    list = _usePickerRef.list,\n    searchInput = _usePickerRef.searchInput,\n    treeView = _usePickerRef.treeView;\n  var _useCustom = (0, _hooks.useCustom)('Picker', overrideLocale),\n    locale = _useCustom.locale;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix;\n  var _useTreeValue = (0, _useTreeValue2.default)(controlledValue, {\n      defaultValue: defaultValue,\n      uncheckableItemValues: uncheckableItemValues\n    }),\n    value = _useTreeValue[0],\n    setValue = _useTreeValue[1];\n  var itemDataKeys = {\n    childrenKey: childrenKey,\n    labelKey: labelKey,\n    valueKey: valueKey\n  };\n  var _useTreeWithChildren = (0, _useTreeWithChildren2.default)(data, itemDataKeys),\n    treeData = _useTreeWithChildren.treeData,\n    loadingNodeValues = _useTreeWithChildren.loadingNodeValues,\n    appendChild = _useTreeWithChildren.appendChild;\n  var _useExpandTree = (0, _useExpandTree2.default)(data, (0, _extends2.default)({}, itemDataKeys, {\n      defaultExpandAll: defaultExpandAll,\n      defaultExpandItemValues: defaultExpandItemValues,\n      controlledExpandItemValues: controlledExpandItemValues,\n      onExpand: onExpand,\n      getChildren: getChildren,\n      appendChild: appendChild\n    })),\n    expandItemValues = _useExpandTree.expandItemValues,\n    handleExpandTreeNode = _useExpandTree.handleExpandTreeNode;\n  var flattenedNodes = (0, _useFlattenTree.default)(treeData, (0, _extends2.default)({}, itemDataKeys, {\n    uncheckableItemValues: uncheckableItemValues,\n    multiple: true,\n    cascade: cascade,\n    value: value\n  }));\n  var selectedNodes = (0, _utils2.getSelectedItems)(flattenedNodes, value);\n  var _useTreeImperativeHan = (0, _TreeProvider.useTreeImperativeHandle)(),\n    register = _useTreeImperativeHan.register,\n    focusFirstNode = _useTreeImperativeHan.focusFirstNode;\n  var _useFocusState = (0, _useFocusState2.default)({\n      target: target,\n      onEnter: onEnter,\n      onExit: onExit\n    }),\n    focusItemValue = _useFocusState.focusItemValue,\n    setFocusItemValue = _useFocusState.setFocusItemValue,\n    active = _useFocusState.active,\n    triggerProps = _useFocusState.triggerProps;\n  var handleClean = (0, _hooks.useEventCallback)(function (event) {\n    var target = event.target;\n    // exclude searchbox\n    if (target.matches('input[role=\"searchbox\"]') || disabled || !cleanable) {\n      return;\n    }\n    setFocusItemValue(null);\n    setValue([]);\n    onChange === null || onChange === void 0 ? void 0 : onChange([], event);\n  });\n  var handleTreeKeyDown = (0, _hooks.useEventCallback)(function (event) {\n    (0, _Picker.onMenuKeyDown)(event, {\n      del: handleClean,\n      down: function down() {\n        return focusFirstNode();\n      }\n    });\n  });\n  var onPickerKeydown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({\n    toggle: !focusItemValue || !active,\n    trigger: trigger,\n    target: target,\n    overlay: overlay,\n    searchInput: searchInput,\n    active: active,\n    onExit: handleClean,\n    onMenuKeyDown: handleTreeKeyDown\n  }, rest));\n  var handleChange = (0, _hooks.useEventCallback)(function (nextValue, event) {\n    setValue(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n  });\n  var treeContext = (0, _react.useMemo)(function () {\n    return {\n      register: register,\n      props: {\n        labelKey: labelKey,\n        valueKey: valueKey,\n        childrenKey: childrenKey,\n        virtualized: virtualized,\n        renderTreeIcon: renderTreeIcon,\n        renderTreeNode: renderTreeNode\n      }\n    };\n  }, [childrenKey, labelKey, valueKey, virtualized, register, renderTreeIcon, renderTreeNode]);\n  var checkTreeView = /*#__PURE__*/_react.default.createElement(_TreeProvider.TreeProvider, {\n    value: treeContext,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 226,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_CheckTreeView.default, {\n    ref: treeView,\n    disabledItemValues: disabledItemValues,\n    expandItemValues: expandItemValues,\n    uncheckableItemValues: uncheckableItemValues,\n    cascade: cascade,\n    data: treeData,\n    height: treeHeight,\n    showIndentLine: showIndentLine,\n    listProps: listProps,\n    listRef: list,\n    searchBy: searchBy,\n    searchable: searchable,\n    searchKeyword: searchKeyword,\n    searchInputRef: searchInput,\n    onScroll: onScroll,\n    onSelect: onSelect,\n    onSelectItem: onSelectItem,\n    onExpand: handleExpandTreeNode,\n    onSearch: onSearch,\n    onChange: handleChange,\n    onFocusItem: setFocusItemValue,\n    value: value,\n    loadingNodeValues: loadingNodeValues,\n    flattenedNodes: flattenedNodes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 227,\n      columnNumber: 7\n    }\n  }));\n  var renderTreeView = function renderTreeView(positionProps, speakerRef) {\n    var left = positionProps.left,\n      top = positionProps.top,\n      className = positionProps.className;\n    var classes = (0, _classnames.default)(className, popupClassName, DEPRECATED_menuClassName, prefix('check-tree-menu'));\n    var mergedMenuStyle = (0, _extends2.default)({}, popupStyle, DEPRECATED_menuStyle, {\n      left: left,\n      top: top\n    });\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {\n      ref: (0, _utils.mergeRefs)(overlay, speakerRef),\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: mergedMenuStyle,\n      onKeyDown: onPickerKeydown,\n      target: trigger,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 267,\n        columnNumber: 7\n      }\n    }, renderTree ? renderTree(checkTreeView) : checkTreeView, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  /**\n   * 1.Have a value and the value is valid.\n   * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.\n   */\n  var hasValidValue = selectedNodes.length > 0 || value.length > 0 && (0, _isFunction2.default)(renderValue);\n  var selectedElement = placeholder;\n  if (hasValidValue) {\n    selectedElement = /*#__PURE__*/_react.default.createElement(_Picker.SelectedElement, {\n      selectedItems: selectedNodes,\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: 290,\n        columnNumber: 7\n      }\n    });\n    if ((0, _isFunction2.default)(renderValue)) {\n      selectedElement = renderValue(value, selectedNodes, selectedElement);\n      if ((0, _isNil2.default)(selectedElement)) {\n        hasValidValue = false;\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  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, (0, _extends2.default)({\n    id: id,\n    popupType: \"tree\",\n    multiple: true,\n    pickerProps: (0, _pick2.default)(props, _Picker.pickTriggerPropKeys),\n    ref: trigger,\n    placement: placement,\n    speaker: renderTreeView\n  }, triggerProps, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 321,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(Component, {\n    className: classes,\n    style: style,\n    ref: root,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 331,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit2.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {\n    ref: target,\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    focusItemValue: focusItemValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 332,\n      columnNumber: 9\n    }\n  }), selectedElement || locale.placeholder)));\n});\nCheckTreePicker.displayName = 'CheckTreePicker';\nvar _default = exports[\"default\"] = CheckTreePicker;\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\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _isFunction2 = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\nvar _pick2 = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _CheckTreeView = _interopRequireDefault(__webpack_require__(/*! ../CheckTree/CheckTreeView */ \"./src/CheckTree/CheckTreeView.tsx\"));\nvar _utils2 = __webpack_require__(/*! ../CheckTree/utils */ \"./src/CheckTree/utils.ts\");\nvar _useTreeValue2 = _interopRequireDefault(__webpack_require__(/*! ../CheckTree/hooks/useTreeValue */ \"./src/CheckTree/hooks/useTreeValue.ts\"));\nvar _useFlattenTree = _interopRequireDefault(__webpack_require__(/*! ../Tree/hooks/useFlattenTree */ \"./src/Tree/hooks/useFlattenTree.ts\"));\nvar _useTreeWithChildren2 = _interopRequireDefault(__webpack_require__(/*! ../Tree/hooks/useTreeWithChildren */ \"./src/Tree/hooks/useTreeWithChildren.ts\"));\nvar _useExpandTree2 = _interopRequireDefault(__webpack_require__(/*! ../Tree/hooks/useExpandTree */ \"./src/Tree/hooks/useExpandTree.ts\"));\nvar _useFocusState2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFocusState */ \"./src/CheckTreePicker/hooks/useFocusState.ts\"));\nvar _TreeProvider = __webpack_require__(/*! ../internals/Tree/TreeProvider */ \"./src/internals/Tree/TreeProvider.tsx\");\nvar _excluded = [\"as\", \"id\", \"appearance\", \"cleanable\", \"countable\", \"cascade\", \"classPrefix\", \"childrenKey\", \"disabled\", \"data\", \"defaultValue\", \"defaultExpandAll\", \"disabledItemValues\", \"expandItemValues\", \"defaultExpandItemValues\", \"placeholder\", \"popupClassName\", \"popupStyle\", \"popupAutoWidth\", \"placement\", \"treeHeight\", \"toggleAs\", \"menuAutoWidth\", \"menuClassName\", \"menuStyle\", \"style\", \"searchBy\", \"searchKeyword\", \"showIndentLine\", \"searchable\", \"valueKey\", \"value\", \"virtualized\", \"uncheckableItemValues\", \"locale\", \"labelKey\", \"listProps\", \"getChildren\", \"renderExtraFooter\", \"onEnter\", \"onChange\", \"onClean\", \"onExit\", \"onSearch\", \"onSelect\", \"onSelectItem\", \"onScroll\", \"onExpand\", \"renderValue\", \"renderMenu\", \"renderTree\", \"renderTreeIcon\", \"renderTreeNode\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CheckTreePicker/CheckTreePicker.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * The `CheckTreePicker` component is used for selecting multiple options which are organized in a tree structure.\n *\n * @see https://rsuitejs.com/components/check-tree-picker\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    id = props.id,\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    _props$cascade = props.cascade,\n    cascade = _props$cascade === void 0 ? true : _props$cascade,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n    _props$childrenKey = props.childrenKey,\n    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,\n    disabled = props.disabled,\n    _props$data = props.data,\n    data = _props$data === void 0 ? [] : _props$data,\n    _props$defaultValue = props.defaultValue,\n    defaultValue = _props$defaultValue === void 0 ? [] : _props$defaultValue,\n    _props$defaultExpandA = props.defaultExpandAll,\n    defaultExpandAll = _props$defaultExpandA === void 0 ? false : _props$defaultExpandA,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,\n    controlledExpandItemValues = props.expandItemValues,\n    _props$defaultExpandI = props.defaultExpandItemValues,\n    defaultExpandItemValues = _props$defaultExpandI === void 0 ? [] : _props$defaultExpandI,\n    placeholder = props.placeholder,\n    popupClassName = props.popupClassName,\n    popupStyle = props.popupStyle,\n    _props$popupAutoWidth = props.popupAutoWidth,\n    popupAutoWidth = _props$popupAutoWidth === void 0 ? true : _props$popupAutoWidth,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    _props$treeHeight = props.treeHeight,\n    treeHeight = _props$treeHeight === void 0 ? 320 : _props$treeHeight,\n    toggleAs = props.toggleAs,\n    _props$menuAutoWidth = props.menuAutoWidth,\n    menuAutoWidth = _props$menuAutoWidth === void 0 ? popupAutoWidth : _props$menuAutoWidth,\n    DEPRECATED_menuClassName = props.menuClassName,\n    DEPRECATED_menuStyle = props.menuStyle,\n    style = props.style,\n    searchBy = props.searchBy,\n    searchKeyword = props.searchKeyword,\n    showIndentLine = props.showIndentLine,\n    _props$searchable = props.searchable,\n    searchable = _props$searchable === void 0 ? true : _props$searchable,\n    _props$valueKey = props.valueKey,\n    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n    controlledValue = props.value,\n    _props$virtualized = props.virtualized,\n    virtualized = _props$virtualized === void 0 ? false : _props$virtualized,\n    _props$uncheckableIte = props.uncheckableItemValues,\n    uncheckableItemValues = _props$uncheckableIte === void 0 ? [] : _props$uncheckableIte,\n    overrideLocale = props.locale,\n    _props$labelKey = props.labelKey,\n    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n    listProps = props.listProps,\n    getChildren = props.getChildren,\n    renderExtraFooter = props.renderExtraFooter,\n    onEnter = props.onEnter,\n    onChange = props.onChange,\n    onClean = props.onClean,\n    onExit = props.onExit,\n    onSearch = props.onSearch,\n    onSelect = props.onSelect,\n    onSelectItem = props.onSelectItem,\n    onScroll = props.onScroll,\n    onExpand = props.onExpand,\n    renderValue = props.renderValue,\n    DEPRECATED_renderMenu = props.renderMenu,\n    _props$renderTree = props.renderTree,\n    renderTree = _props$renderTree === void 0 ? DEPRECATED_renderMenu : _props$renderTree,\n    renderTreeIcon = props.renderTreeIcon,\n    renderTreeNode = props.renderTreeNode,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _usePickerRef = (0, _Picker.usePickerRef)(ref),\n    trigger = _usePickerRef.trigger,\n    root = _usePickerRef.root,\n    target = _usePickerRef.target,\n    overlay = _usePickerRef.overlay,\n    list = _usePickerRef.list,\n    searchInput = _usePickerRef.searchInput,\n    treeView = _usePickerRef.treeView;\n  var _useCustom = (0, _hooks.useCustom)('Picker', overrideLocale),\n    locale = _useCustom.locale;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix;\n  var _useTreeValue = (0, _useTreeValue2.default)(controlledValue, {\n      defaultValue: defaultValue,\n      uncheckableItemValues: uncheckableItemValues\n    }),\n    value = _useTreeValue[0],\n    setValue = _useTreeValue[1];\n  var itemDataKeys = {\n    childrenKey: childrenKey,\n    labelKey: labelKey,\n    valueKey: valueKey\n  };\n  var _useTreeWithChildren = (0, _useTreeWithChildren2.default)(data, itemDataKeys),\n    treeData = _useTreeWithChildren.treeData,\n    loadingNodeValues = _useTreeWithChildren.loadingNodeValues,\n    appendChild = _useTreeWithChildren.appendChild;\n  var _useExpandTree = (0, _useExpandTree2.default)(data, (0, _extends2.default)({}, itemDataKeys, {\n      defaultExpandAll: defaultExpandAll,\n      defaultExpandItemValues: defaultExpandItemValues,\n      controlledExpandItemValues: controlledExpandItemValues,\n      onExpand: onExpand,\n      getChildren: getChildren,\n      appendChild: appendChild\n    })),\n    expandItemValues = _useExpandTree.expandItemValues,\n    handleExpandTreeNode = _useExpandTree.handleExpandTreeNode;\n  var flattenedNodes = (0, _useFlattenTree.default)(treeData, (0, _extends2.default)({}, itemDataKeys, {\n    uncheckableItemValues: uncheckableItemValues,\n    multiple: true,\n    cascade: cascade,\n    value: value\n  }));\n  var selectedNodes = (0, _utils2.getSelectedItems)(flattenedNodes, value);\n  var _useTreeImperativeHan = (0, _TreeProvider.useTreeImperativeHandle)(),\n    register = _useTreeImperativeHan.register,\n    focusFirstNode = _useTreeImperativeHan.focusFirstNode;\n  var _useFocusState = (0, _useFocusState2.default)({\n      target: target,\n      onEnter: onEnter,\n      onExit: onExit\n    }),\n    focusItemValue = _useFocusState.focusItemValue,\n    setFocusItemValue = _useFocusState.setFocusItemValue,\n    active = _useFocusState.active,\n    triggerProps = _useFocusState.triggerProps;\n  var handleClean = (0, _hooks.useEventCallback)(function (event) {\n    var target = event.target;\n    // exclude searchbox\n    if (target.matches('input[role=\"searchbox\"]') || disabled || !cleanable) {\n      return;\n    }\n    setFocusItemValue(null);\n    setValue([]);\n    onChange === null || onChange === void 0 ? void 0 : onChange([], event);\n  });\n  var handleTreeKeyDown = (0, _hooks.useEventCallback)(function (event) {\n    (0, _Picker.onMenuKeyDown)(event, {\n      del: handleClean,\n      down: function down() {\n        return focusFirstNode();\n      }\n    });\n  });\n  var onPickerKeydown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({\n    toggle: !focusItemValue || !active,\n    trigger: trigger,\n    target: target,\n    overlay: overlay,\n    searchInput: searchInput,\n    active: active,\n    onExit: handleClean,\n    onMenuKeyDown: handleTreeKeyDown\n  }, rest));\n  var handleChange = (0, _hooks.useEventCallback)(function (nextValue, event) {\n    setValue(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n  });\n  var treeContext = (0, _react.useMemo)(function () {\n    return {\n      register: register,\n      props: {\n        labelKey: labelKey,\n        valueKey: valueKey,\n        childrenKey: childrenKey,\n        virtualized: virtualized,\n        renderTreeIcon: renderTreeIcon,\n        renderTreeNode: renderTreeNode\n      }\n    };\n  }, [childrenKey, labelKey, valueKey, virtualized, register, renderTreeIcon, renderTreeNode]);\n  var checkTreeView = /*#__PURE__*/_react.default.createElement(_TreeProvider.TreeProvider, {\n    value: treeContext,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 226,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_CheckTreeView.default, {\n    ref: treeView,\n    disabledItemValues: disabledItemValues,\n    expandItemValues: expandItemValues,\n    uncheckableItemValues: uncheckableItemValues,\n    cascade: cascade,\n    data: treeData,\n    height: treeHeight,\n    showIndentLine: showIndentLine,\n    listProps: listProps,\n    listRef: list,\n    locale: overrideLocale,\n    searchBy: searchBy,\n    searchable: searchable,\n    searchKeyword: searchKeyword,\n    searchInputRef: searchInput,\n    onScroll: onScroll,\n    onSelect: onSelect,\n    onSelectItem: onSelectItem,\n    onExpand: handleExpandTreeNode,\n    onSearch: onSearch,\n    onChange: handleChange,\n    onFocusItem: setFocusItemValue,\n    value: value,\n    loadingNodeValues: loadingNodeValues,\n    flattenedNodes: flattenedNodes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 227,\n      columnNumber: 7\n    }\n  }));\n  var renderTreeView = function renderTreeView(positionProps, speakerRef) {\n    var left = positionProps.left,\n      top = positionProps.top,\n      className = positionProps.className;\n    var classes = (0, _classnames.default)(className, popupClassName, DEPRECATED_menuClassName, prefix('check-tree-menu'));\n    var mergedMenuStyle = (0, _extends2.default)({}, popupStyle, DEPRECATED_menuStyle, {\n      left: left,\n      top: top\n    });\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {\n      ref: (0, _utils.mergeRefs)(overlay, speakerRef),\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: mergedMenuStyle,\n      onKeyDown: onPickerKeydown,\n      target: trigger,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 268,\n        columnNumber: 7\n      }\n    }, renderTree ? renderTree(checkTreeView) : checkTreeView, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  /**\n   * 1.Have a value and the value is valid.\n   * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.\n   */\n  var hasValidValue = selectedNodes.length > 0 || value.length > 0 && (0, _isFunction2.default)(renderValue);\n  var selectedElement = placeholder;\n  if (hasValidValue) {\n    selectedElement = /*#__PURE__*/_react.default.createElement(_Picker.SelectedElement, {\n      selectedItems: selectedNodes,\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: 291,\n        columnNumber: 7\n      }\n    });\n    if ((0, _isFunction2.default)(renderValue)) {\n      selectedElement = renderValue(value, selectedNodes, selectedElement);\n      if ((0, _isNil2.default)(selectedElement)) {\n        hasValidValue = false;\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  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, (0, _extends2.default)({\n    id: id,\n    popupType: \"tree\",\n    multiple: true,\n    pickerProps: (0, _pick2.default)(props, _Picker.pickTriggerPropKeys),\n    ref: trigger,\n    placement: placement,\n    speaker: renderTreeView\n  }, triggerProps, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 322,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(Component, {\n    className: classes,\n    style: style,\n    ref: root,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 332,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit2.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {\n    ref: target,\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    focusItemValue: focusItemValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 333,\n      columnNumber: 9\n    }\n  }), selectedElement || locale.placeholder)));\n});\nCheckTreePicker.displayName = 'CheckTreePicker';\nvar _default = exports[\"default\"] = CheckTreePicker;\n\n//# sourceURL=webpack://rsuite/./src/CheckTreePicker/CheckTreePicker.tsx?");
 
 /***/ }),
 
@@ -8210,7 +8210,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _excluded = [\"as\", \"classPrefix\", \"className\", \"inverse\", \"backdrop\", \"speed\", \"center\", \"vertical\", \"content\", \"size\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Loader/Loader.tsx\",\n  _this = void 0;\n/**\n * The `Loader` component is used to indicate the loading state of a page or a section.\n * @see https://rsuitejs.com/components/loader\n */\nvar Loader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\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 ? 'loader' : _props$classPrefix,\n    className = props.className,\n    inverse = props.inverse,\n    backdrop = props.backdrop,\n    _props$speed = props.speed,\n    speed = _props$speed === void 0 ? 'normal' : _props$speed,\n    center = props.center,\n    vertical = props.vertical,\n    content = props.content,\n    size = props.size,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix;\n  var labelId = (0, _hooks.useUniqueId)('loader-label-');\n  var classes = merge(className, prefix('wrapper', \"speed-\" + speed, size, {\n    'backdrop-wrapper': backdrop,\n    vertical: vertical,\n    inverse: inverse,\n    center: center\n  }));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"status\",\n    \"aria-labelledby\": content ? labelId : undefined\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 64,\n      columnNumber: 7\n    }\n  }), backdrop && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('backdrop'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 71,\n      columnNumber: 22\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: withClassPrefix(),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('spin'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 73,\n      columnNumber: 11\n    }\n  }), content && /*#__PURE__*/_react.default.createElement(\"span\", {\n    id: labelId,\n    className: prefix('content'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 75,\n      columnNumber: 13\n    }\n  }, content)));\n});\nLoader.displayName = 'Loader';\nLoader.propTypes = {\n  as: _propTypes.default.elementType,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  center: _propTypes.default.bool,\n  backdrop: _propTypes.default.bool,\n  inverse: _propTypes.default.bool,\n  vertical: _propTypes.default.bool,\n  content: _propTypes.default.node,\n  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs']),\n  speed: (0, _propTypes2.oneOf)(['normal', 'fast', 'slow'])\n};\nvar _default = exports[\"default\"] = Loader;\n\n//# sourceURL=webpack://rsuite/./src/Loader/Loader.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _excluded = [\"as\", \"classPrefix\", \"className\", \"inverse\", \"backdrop\", \"speed\", \"center\", \"vertical\", \"content\", \"size\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Loader/Loader.tsx\",\n  _this = void 0;\n/**\n * The `Loader` component is used to indicate the loading state of a page or a section.\n * @see https://rsuitejs.com/components/loader\n */\nvar Loader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\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 ? 'loader' : _props$classPrefix,\n    className = props.className,\n    inverse = props.inverse,\n    backdrop = props.backdrop,\n    _props$speed = props.speed,\n    speed = _props$speed === void 0 ? 'normal' : _props$speed,\n    center = props.center,\n    vertical = props.vertical,\n    content = props.content,\n    size = props.size,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix;\n  var labelId = (0, _hooks.useUniqueId)('loader-label-');\n  var classes = merge(className, prefix('wrapper', \"speed-\" + speed, size, {\n    'backdrop-wrapper': backdrop,\n    vertical: vertical,\n    inverse: inverse,\n    center: center\n  }));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"status\",\n    \"aria-labelledby\": content ? labelId : undefined\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 64,\n      columnNumber: 7\n    }\n  }), backdrop && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('backdrop'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 71,\n      columnNumber: 22\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: withClassPrefix(),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('spin'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 73,\n      columnNumber: 11\n    }\n  }), content && /*#__PURE__*/_react.default.createElement(\"span\", {\n    id: labelId,\n    className: prefix('content'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 75,\n      columnNumber: 13\n    }\n  }, content)));\n});\nLoader.displayName = 'Loader';\nLoader.propTypes = {\n  as: _propTypes.default.elementType,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  center: _propTypes.default.bool,\n  backdrop: _propTypes.default.bool,\n  inverse: _propTypes.default.bool,\n  vertical: _propTypes.default.bool,\n  content: _propTypes.default.node,\n  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs']),\n  speed: (0, _propTypes2.oneOf)(['normal', 'fast', 'slow', 'paused'])\n};\nvar _default = exports[\"default\"] = Loader;\n\n//# sourceURL=webpack://rsuite/./src/Loader/Loader.tsx?");
 
 /***/ }),
 
@@ -8566,6 +8566,17 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
+/***/ "./src/Nav/AdaptiveNavItem.tsx":
+/*!*************************************!*\
+  !*** ./src/Nav/AdaptiveNavItem.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\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _NavItem = _interopRequireDefault(__webpack_require__(/*! ./NavItem */ \"./src/Nav/NavItem.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _Navbar = __webpack_require__(/*! ../Navbar/Navbar */ \"./src/Navbar/Navbar.tsx\");\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ./NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _NavMenu = __webpack_require__(/*! ./NavMenu */ \"./src/Nav/NavMenu.tsx\");\nvar _NavDropdownItem = _interopRequireDefault(__webpack_require__(/*! ./NavDropdownItem */ \"./src/Nav/NavDropdownItem.tsx\"));\nvar _NavbarDropdownItem = _interopRequireDefault(__webpack_require__(/*! ../Navbar/NavbarDropdownItem */ \"./src/Navbar/NavbarDropdownItem.tsx\"));\nvar _SidenavDropdownItem = _interopRequireDefault(__webpack_require__(/*! ../Sidenav/SidenavDropdownItem */ \"./src/Sidenav/SidenavDropdownItem.tsx\"));\nvar _NavbarItem = _interopRequireDefault(__webpack_require__(/*! ../Navbar/NavbarItem */ \"./src/Navbar/NavbarItem.tsx\"));\nvar _SidenavItem = _interopRequireDefault(__webpack_require__(/*! ../Sidenav/SidenavItem */ \"./src/Sidenav/SidenavItem.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Nav/AdaptiveNavItem.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * The <Nav.Item> API\n * When used as direct child of <Nav>, render the NavItem\n * When used within a <Nav.Menu>, render the NavDropdownItem\n */\nvar AdaptiveNavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var nav = (0, _react.useContext)(_NavContext.default);\n  if (!nav) {\n    throw new Error('<Nav.Item> must be rendered within a <Nav> component.');\n  }\n  var parentNavMenu = (0, _react.useContext)(_NavMenu.NavMenuContext);\n  var navbar = (0, _react.useContext)(_Navbar.NavbarContext);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n  var _ref = parentNavMenu !== null && parentNavMenu !== void 0 ? parentNavMenu : [],\n    dispatch = _ref[1];\n  var _id = (0, _hooks.useInternalId)('Nav.Item');\n  (0, _react.useEffect)(function () {\n    if (dispatch) {\n      var _props$active;\n      dispatch({\n        type: _NavMenu.NavMenuActionType.RegisterItem,\n        payload: {\n          _id: _id,\n          eventKey: props.eventKey,\n          active: (_props$active = props.active) !== null && _props$active !== void 0 ? _props$active : false\n        }\n      });\n      return function () {\n        dispatch({\n          type: _NavMenu.NavMenuActionType.UnregisterItem,\n          payload: {\n            _id: _id\n          }\n        });\n      };\n    }\n  }, [dispatch, _id, props.eventKey, props.active]);\n  if (parentNavMenu) {\n    if (navbar) {\n      return /*#__PURE__*/_react.default.createElement(_NavbarDropdownItem.default, (0, _extends2.default)({\n        ref: ref\n      }, props, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 57,\n          columnNumber: 14\n        }\n      }));\n    }\n    if (sidenav) {\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: 61,\n          columnNumber: 14\n        }\n      }));\n    }\n    return /*#__PURE__*/_react.default.createElement(_NavDropdownItem.default, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 64,\n        columnNumber: 12\n      }\n    }));\n  }\n  if (navbar) {\n    return /*#__PURE__*/_react.default.createElement(_NavbarItem.default, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 68,\n        columnNumber: 12\n      }\n    }));\n  }\n  if (sidenav) {\n    return /*#__PURE__*/_react.default.createElement(_SidenavItem.default, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 72,\n        columnNumber: 12\n      }\n    }));\n  }\n  return /*#__PURE__*/_react.default.createElement(_NavItem.default, (0, _extends2.default)({\n    ref: ref\n  }, props, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 75,\n      columnNumber: 10\n    }\n  }));\n});\nAdaptiveNavItem.displayName = 'Nav.Item';\nvar _default = exports[\"default\"] = AdaptiveNavItem;\n\n//# sourceURL=webpack://rsuite/./src/Nav/AdaptiveNavItem.tsx?");
+
+/***/ }),
+
 /***/ "./src/Nav/Nav.tsx":
 /*!*************************!*\
   !*** ./src/Nav/Nav.tsx ***!
@@ -8573,7 +8584,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _NavItem = _interopRequireDefault(__webpack_require__(/*! ./NavItem */ \"./src/Nav/NavItem.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _Navbar = __webpack_require__(/*! ../Navbar/Navbar */ \"./src/Navbar/Navbar.tsx\");\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ./NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _Menubar = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/Menubar */ \"./src/internals/Menu/Menubar.tsx\"));\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _NavDropdown = _interopRequireDefault(__webpack_require__(/*! ./NavDropdown */ \"./src/Nav/NavDropdown.tsx\"));\nvar _NavMenu = _interopRequireWildcard(__webpack_require__(/*! ./NavMenu */ \"./src/Nav/NavMenu.tsx\"));\nvar _NavDropdownItem = _interopRequireDefault(__webpack_require__(/*! ./NavDropdownItem */ \"./src/Nav/NavDropdownItem.tsx\"));\nvar _NavDropdownMenu = _interopRequireDefault(__webpack_require__(/*! ./NavDropdownMenu */ \"./src/Nav/NavDropdownMenu.tsx\"));\nvar _NavbarDropdownItem = _interopRequireDefault(__webpack_require__(/*! ../Navbar/NavbarDropdownItem */ \"./src/Navbar/NavbarDropdownItem.tsx\"));\nvar _SidenavDropdownItem = _interopRequireDefault(__webpack_require__(/*! ../Sidenav/SidenavDropdownItem */ \"./src/Sidenav/SidenavDropdownItem.tsx\"));\nvar _NavbarItem = _interopRequireDefault(__webpack_require__(/*! ../Navbar/NavbarItem */ \"./src/Navbar/NavbarItem.tsx\"));\nvar _SidenavItem = _interopRequireDefault(__webpack_require__(/*! ../Sidenav/SidenavItem */ \"./src/Sidenav/SidenavItem.tsx\"));\nvar _excluded = [\"as\", \"classPrefix\", \"appearance\", \"vertical\", \"justified\", \"reversed\", \"pullRight\", \"className\", \"children\", \"activeKey\", \"defaultActiveKey\", \"onSelect\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Nav/Nav.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * The `Nav` component is used to create navigation links.\n * @see https://rsuitejs.com/components/nav\n */\nvar Nav = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\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 ? 'nav' : _props$classPrefix,\n    _props$appearance = props.appearance,\n    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n    vertical = props.vertical,\n    justified = props.justified,\n    reversed = props.reversed,\n    pullRight = props.pullRight,\n    className = props.className,\n    children = props.children,\n    activeKeyProp = props.activeKey,\n    defaultActiveKey = props.defaultActiveKey,\n    onSelectProp = props.onSelect,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n\n  // Whether inside a <Navbar>\n  var navbar = (0, _react.useContext)(_Navbar.NavbarContext);\n  var menubarRef = (0, _hooks.useEnsuredRef)(ref);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    rootPrefix = _useClassNames.rootPrefix,\n    prefix = _useClassNames.prefix;\n  var classes = merge(className, rootPrefix({\n    'navbar-nav': navbar,\n    'navbar-right': pullRight,\n    'sidenav-nav': sidenav\n  }), withClassPrefix(appearance, {\n    horizontal: navbar || !vertical && !sidenav,\n    vertical: vertical || sidenav,\n    justified: justified,\n    reversed: reversed\n  }));\n  var _ref = sidenav || {},\n    activeKeyFromSidenav = _ref.activeKey,\n    onSelectFromSidenav = _ref.onSelect;\n  var _useControlled = (0, _hooks.useControlled)(activeKeyProp !== null && activeKeyProp !== void 0 ? activeKeyProp : activeKeyFromSidenav, defaultActiveKey),\n    activeKey = _useControlled[0],\n    setActiveKey = _useControlled[1];\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      activeKey: activeKey,\n      onSelect: function onSelect(eventKey, event) {\n        setActiveKey(eventKey);\n        onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(eventKey, event);\n        onSelectFromSidenav === null || onSelectFromSidenav === void 0 ? void 0 : onSelectFromSidenav(eventKey, event);\n      }\n    };\n  }, [activeKey, onSelectFromSidenav, onSelectProp, setActiveKey]);\n  if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {\n      value: contextValue,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 123,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n      ref: ref,\n      className: classes\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 124,\n        columnNumber: 9\n      }\n    }), children));\n  }\n  var hasWaterline = appearance !== 'default';\n\n  // If inside a collapsed <Sidenav>, render an ARIA `menubar` (vertical)\n  if (sidenav) {\n    return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {\n      value: contextValue,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 136,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Menubar.default, {\n      vertical: !!sidenav,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 137,\n        columnNumber: 9\n      }\n    }, function (menubar, ref) {\n      return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n        ref: ref\n      }, rest, {\n        className: classes\n      }, menubar, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 139,\n          columnNumber: 13\n        }\n      }), children);\n    }));\n  }\n  return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 148,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: menubarRef,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 149,\n      columnNumber: 7\n    }\n  }), children, hasWaterline && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('bar'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 151,\n      columnNumber: 26\n    }\n  })));\n});\nvar DeprecatedNavDropdown = (0, _utils.deprecateComponent)(_NavDropdown.default, '<Nav.Dropdown> is deprecated, use <Nav.Menu> instead.');\nDeprecatedNavDropdown.Menu = (0, _utils.deprecateComponent)(_NavDropdownMenu.default, '<Nav.Dropdown.Menu> is deprecated, use <Nav.Menu> instead');\nDeprecatedNavDropdown.Item = (0, _utils.deprecateComponent)(_NavDropdownItem.default, '<Nav.Dropdown.Item> is deprecated, use <Nav.Item> instead');\nNav.Dropdown = DeprecatedNavDropdown;\n/**\n * The <Nav.Item> API\n * When used as direct child of <Nav>, render the NavItem\n * When used within a <Nav.Menu>, render the NavDropdownItem\n */\nNav.Item = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var nav = (0, _react.useContext)(_NavContext.default);\n  if (!nav) {\n    throw new Error('<Nav.Item> must be rendered within a <Nav> component.');\n  }\n  var parentNavMenu = (0, _react.useContext)(_NavMenu.NavMenuContext);\n  var navbar = (0, _react.useContext)(_Navbar.NavbarContext);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n  var _ref2 = parentNavMenu !== null && parentNavMenu !== void 0 ? parentNavMenu : [],\n    dispatch = _ref2[1];\n  var _id = (0, _hooks.useInternalId)('Nav.Item');\n  (0, _react.useEffect)(function () {\n    if (dispatch) {\n      var _props$active;\n      dispatch({\n        type: _NavMenu.NavMenuActionType.RegisterItem,\n        payload: {\n          _id: _id,\n          eventKey: props.eventKey,\n          active: (_props$active = props.active) !== null && _props$active !== void 0 ? _props$active : false\n        }\n      });\n      return function () {\n        dispatch({\n          type: _NavMenu.NavMenuActionType.UnregisterItem,\n          payload: {\n            _id: _id\n          }\n        });\n      };\n    }\n  }, [dispatch, _id, props.eventKey, props.active]);\n  if (parentNavMenu) {\n    if (navbar) {\n      return /*#__PURE__*/_react.default.createElement(_NavbarDropdownItem.default, (0, _extends2.default)({\n        ref: ref\n      }, props, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 214,\n          columnNumber: 14\n        }\n      }));\n    }\n    if (sidenav) {\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: 218,\n          columnNumber: 14\n        }\n      }));\n    }\n    return /*#__PURE__*/_react.default.createElement(_NavDropdownItem.default, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 221,\n        columnNumber: 12\n      }\n    }));\n  }\n  if (navbar) {\n    return /*#__PURE__*/_react.default.createElement(_NavbarItem.default, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 225,\n        columnNumber: 12\n      }\n    }));\n  }\n  if (sidenav) {\n    return /*#__PURE__*/_react.default.createElement(_SidenavItem.default, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 229,\n        columnNumber: 12\n      }\n    }));\n  }\n  return /*#__PURE__*/_react.default.createElement(_NavItem.default, (0, _extends2.default)({\n    ref: ref\n  }, props, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 232,\n      columnNumber: 10\n    }\n  }));\n});\nNav.Item.displayName = 'Nav.Item';\nNav.Menu = _NavMenu.default;\nNav.displayName = 'Nav';\nNav.propTypes = {\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  appearance: (0, _propTypes2.oneOf)(['default', 'subtle', 'tabs']),\n  // Reverse Direction of tabs/subtle\n  reversed: _propTypes.default.bool,\n  justified: _propTypes.default.bool,\n  vertical: _propTypes.default.bool,\n  pullRight: _propTypes.default.bool,\n  activeKey: _propTypes.default.any,\n  onSelect: _propTypes.default.func\n};\nvar _default = exports[\"default\"] = Nav;\n\n//# sourceURL=webpack://rsuite/./src/Nav/Nav.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _Navbar = __webpack_require__(/*! ../Navbar/Navbar */ \"./src/Navbar/Navbar.tsx\");\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ./NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _Menubar = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/Menubar */ \"./src/internals/Menu/Menubar.tsx\"));\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _NavDropdown = _interopRequireDefault(__webpack_require__(/*! ./NavDropdown */ \"./src/Nav/NavDropdown.tsx\"));\nvar _NavMenu = _interopRequireDefault(__webpack_require__(/*! ./NavMenu */ \"./src/Nav/NavMenu.tsx\"));\nvar _NavDropdownItem = _interopRequireDefault(__webpack_require__(/*! ./NavDropdownItem */ \"./src/Nav/NavDropdownItem.tsx\"));\nvar _NavDropdownMenu = _interopRequireDefault(__webpack_require__(/*! ./NavDropdownMenu */ \"./src/Nav/NavDropdownMenu.tsx\"));\nvar _AdaptiveNavItem = _interopRequireDefault(__webpack_require__(/*! ./AdaptiveNavItem */ \"./src/Nav/AdaptiveNavItem.tsx\"));\nvar _excluded = [\"as\", \"classPrefix\", \"appearance\", \"vertical\", \"justified\", \"reversed\", \"pullRight\", \"className\", \"children\", \"activeKey\", \"defaultActiveKey\", \"onSelect\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Nav/Nav.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * The `Nav` component is used to create navigation links.\n * @see https://rsuitejs.com/components/nav\n */\nvar Nav = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\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 ? 'nav' : _props$classPrefix,\n    _props$appearance = props.appearance,\n    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n    vertical = props.vertical,\n    justified = props.justified,\n    reversed = props.reversed,\n    pullRight = props.pullRight,\n    className = props.className,\n    children = props.children,\n    activeKeyProp = props.activeKey,\n    defaultActiveKey = props.defaultActiveKey,\n    onSelectProp = props.onSelect,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n\n  // Whether inside a <Navbar>\n  var navbar = (0, _react.useContext)(_Navbar.NavbarContext);\n  var menubarRef = (0, _hooks.useEnsuredRef)(ref);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    rootPrefix = _useClassNames.rootPrefix,\n    prefix = _useClassNames.prefix;\n  var classes = merge(className, rootPrefix({\n    'navbar-nav': navbar,\n    'navbar-right': pullRight,\n    'sidenav-nav': sidenav\n  }), withClassPrefix(appearance, {\n    horizontal: navbar || !vertical && !sidenav,\n    vertical: vertical || sidenav,\n    justified: justified,\n    reversed: reversed\n  }));\n  var _ref = sidenav || {},\n    activeKeyFromSidenav = _ref.activeKey,\n    onSelectFromSidenav = _ref.onSelect;\n  var _useControlled = (0, _hooks.useControlled)(activeKeyProp !== null && activeKeyProp !== void 0 ? activeKeyProp : activeKeyFromSidenav, defaultActiveKey),\n    activeKey = _useControlled[0],\n    setActiveKey = _useControlled[1];\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      activeKey: activeKey,\n      onSelect: function onSelect(eventKey, event) {\n        setActiveKey(eventKey);\n        onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(eventKey, event);\n        onSelectFromSidenav === null || onSelectFromSidenav === void 0 ? void 0 : onSelectFromSidenav(eventKey, event);\n      }\n    };\n  }, [activeKey, onSelectFromSidenav, onSelectProp, setActiveKey]);\n  if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {\n      value: contextValue,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 120,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n      ref: ref,\n      className: classes\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 121,\n        columnNumber: 9\n      }\n    }), children));\n  }\n  var hasWaterline = appearance !== 'default';\n\n  // If inside a collapsed <Sidenav>, render an ARIA `menubar` (vertical)\n  if (sidenav) {\n    return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {\n      value: contextValue,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 133,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Menubar.default, {\n      vertical: !!sidenav,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 134,\n        columnNumber: 9\n      }\n    }, function (menubar, ref) {\n      return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n        ref: ref\n      }, rest, {\n        className: classes\n      }, menubar, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 136,\n          columnNumber: 13\n        }\n      }), children);\n    }));\n  }\n  return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 145,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: menubarRef,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 146,\n      columnNumber: 7\n    }\n  }), children, hasWaterline && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('bar'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 148,\n      columnNumber: 26\n    }\n  })));\n});\nvar DeprecatedNavDropdown = (0, _utils.deprecateComponent)(_NavDropdown.default, '<Nav.Dropdown> is deprecated, use <Nav.Menu> instead.');\nDeprecatedNavDropdown.Menu = (0, _utils.deprecateComponent)(_NavDropdownMenu.default, '<Nav.Dropdown.Menu> is deprecated, use <Nav.Menu> instead');\nDeprecatedNavDropdown.Item = (0, _utils.deprecateComponent)(_NavDropdownItem.default, '<Nav.Dropdown.Item> is deprecated, use <Nav.Item> instead');\nNav.Dropdown = DeprecatedNavDropdown;\nNav.Item = _AdaptiveNavItem.default;\nNav.Menu = _NavMenu.default;\nNav.displayName = 'Nav';\nNav.propTypes = {\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  appearance: (0, _propTypes2.oneOf)(['default', 'subtle', 'tabs']),\n  // Reverse Direction of tabs/subtle\n  reversed: _propTypes.default.bool,\n  justified: _propTypes.default.bool,\n  vertical: _propTypes.default.bool,\n  pullRight: _propTypes.default.bool,\n  activeKey: _propTypes.default.any,\n  onSelect: _propTypes.default.func\n};\nvar _default = exports[\"default\"] = Nav;\n\n//# sourceURL=webpack://rsuite/./src/Nav/Nav.tsx?");
 
 /***/ }),
 
@@ -9596,7 +9607,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _StackItem = _interopRequireDefault(__webpack_require__(/*! ./StackItem */ \"./src/Stack/StackItem.tsx\"));\nvar _excluded = [\"as\", \"alignItems\", \"classPrefix\", \"childrenRenderMode\", \"className\", \"children\", \"direction\", \"justifyContent\", \"spacing\", \"divider\", \"style\", \"wrap\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Stack/Stack.tsx\",\n  _this = void 0;\n/**\n * The `Stack` component is a quick layout component through Flexbox,\n * supporting vertical and horizontal stacking, custom spacing and line wrapping.\n *\n * @see https://rsuitejs.com/components/stack\n */\nvar Stack = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _itemStyles;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$alignItems = props.alignItems,\n    alignItems = _props$alignItems === void 0 ? 'center' : _props$alignItems,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'stack' : _props$classPrefix,\n    _props$childrenRender = props.childrenRenderMode,\n    childrenRenderMode = _props$childrenRender === void 0 ? 'wrap' : _props$childrenRender,\n    className = props.className,\n    children = props.children,\n    direction = props.direction,\n    justifyContent = props.justifyContent,\n    spacing = props.spacing,\n    divider = props.divider,\n    style = props.style,\n    wrap = props.wrap,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCustom = (0, _hooks.useCustom)('Stack'),\n    rtl = _useCustom.rtl;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var classes = merge(className, withClassPrefix());\n  var isSupportGap = (0, _utils.isSupportFlexGap)();\n  var flexGap = Array.isArray(spacing) ? spacing : [spacing, spacing];\n  var itemStyles = (_itemStyles = {}, _itemStyles[rtl ? 'marginLeft' : 'marginRight'] = flexGap[0], _itemStyles.marginBottom = flexGap[1], _itemStyles);\n  var styles = (0, _extends2.default)({\n    alignItems: alignItems,\n    justifyContent: justifyContent,\n    flexDirection: direction,\n    flexWrap: wrap ? 'wrap' : undefined,\n    gap: isSupportGap ? spacing : undefined\n  }, style);\n\n  /*\n   * toArray remove undefined, null and boolean\n   */\n  var filterChildren = _react.default.Children.toArray(children);\n  var count = _utils.ReactChildren.count(filterChildren);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    style: styles,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 97,\n      columnNumber: 5\n    }\n  }), _utils.ReactChildren.map(filterChildren, function (child, index) {\n    var childNode = childrenRenderMode === 'wrap' && child.type !== _StackItem.default ? /*#__PURE__*/_react.default.createElement(_StackItem.default, {\n      key: index,\n      className: prefix('item'),\n      style: !isSupportGap ? itemStyles : undefined,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 101,\n        columnNumber: 13\n      }\n    }, child) : ( /*#__PURE__*/_react.default.cloneElement(child, {\n      className: merge(prefix('item'), child.props.className),\n      style: !isSupportGap ? (0, _extends2.default)({}, itemStyles, child.props.style) : child.props.style\n    }));\n    return [childNode, index < count - 1 ? divider : null];\n  }));\n});\nStack.Item = _StackItem.default;\nStack.displayName = 'Stack';\nStack.propTypes = {\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  direction: (0, _propTypes2.oneOf)(['row', 'row-reverse', 'column', 'column-reverse']),\n  alignItems: (0, _propTypes2.oneOf)(['flex-start', 'center', 'flex-end', 'stretch', 'baseline']),\n  justifyContent: (0, _propTypes2.oneOf)(['flex-start', 'center', 'flex-end', 'space-between', 'space-around']),\n  spacing: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string, _propTypes.default.array]),\n  divider: _propTypes.default.node,\n  wrap: _propTypes.default.bool\n};\nvar _default = exports[\"default\"] = Stack;\n\n//# sourceURL=webpack://rsuite/./src/Stack/Stack.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _StackItem = _interopRequireDefault(__webpack_require__(/*! ./StackItem */ \"./src/Stack/StackItem.tsx\"));\nvar _excluded = [\"as\", \"alignItems\", \"classPrefix\", \"childrenRenderMode\", \"className\", \"children\", \"direction\", \"justifyContent\", \"spacing\", \"divider\", \"style\", \"wrap\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Stack/Stack.tsx\",\n  _this = void 0;\nfunction isStackItem(child) {\n  var _child$type;\n  return child.type === _StackItem.default || ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === 'StackItem';\n}\n\n/**\n * The `Stack` component is a quick layout component through Flexbox,\n * supporting vertical and horizontal stacking, custom spacing and line wrapping.\n *\n * @see https://rsuitejs.com/components/stack\n */\nvar Stack = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _itemStyles;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$alignItems = props.alignItems,\n    alignItems = _props$alignItems === void 0 ? 'center' : _props$alignItems,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'stack' : _props$classPrefix,\n    _props$childrenRender = props.childrenRenderMode,\n    childrenRenderMode = _props$childrenRender === void 0 ? 'wrap' : _props$childrenRender,\n    className = props.className,\n    children = props.children,\n    direction = props.direction,\n    justifyContent = props.justifyContent,\n    spacing = props.spacing,\n    divider = props.divider,\n    style = props.style,\n    wrap = props.wrap,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCustom = (0, _hooks.useCustom)('Stack'),\n    rtl = _useCustom.rtl;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var classes = merge(className, withClassPrefix());\n  var isSupportGap = (0, _utils.isSupportFlexGap)();\n  var flexGap = Array.isArray(spacing) ? spacing : [spacing, spacing];\n  var itemStyles = (_itemStyles = {}, _itemStyles[rtl ? 'marginLeft' : 'marginRight'] = flexGap[0], _itemStyles.marginBottom = flexGap[1], _itemStyles);\n  var styles = (0, _extends2.default)({\n    alignItems: alignItems,\n    justifyContent: justifyContent,\n    flexDirection: direction,\n    flexWrap: wrap ? 'wrap' : undefined,\n    gap: isSupportGap ? spacing : undefined\n  }, style);\n\n  /*\n   * toArray remove undefined, null and boolean\n   */\n  var filterChildren = _react.default.Children.toArray(children);\n  var count = _utils.ReactChildren.count(filterChildren);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    style: styles,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 101,\n      columnNumber: 5\n    }\n  }), _utils.ReactChildren.map(filterChildren, function (child, index) {\n    var childNode = childrenRenderMode === 'wrap' && !isStackItem(child) ? /*#__PURE__*/_react.default.createElement(_StackItem.default, {\n      key: index,\n      className: prefix('item'),\n      style: !isSupportGap ? itemStyles : undefined,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 105,\n        columnNumber: 13\n      }\n    }, child) : ( /*#__PURE__*/_react.default.cloneElement(child, {\n      className: merge(prefix('item'), child.props.className),\n      style: !isSupportGap ? (0, _extends2.default)({}, itemStyles, child.props.style) : child.props.style\n    }));\n    return [childNode, index < count - 1 ? divider : null];\n  }));\n});\nStack.Item = _StackItem.default;\nStack.displayName = 'Stack';\nStack.propTypes = {\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  direction: (0, _propTypes2.oneOf)(['row', 'row-reverse', 'column', 'column-reverse']),\n  alignItems: (0, _propTypes2.oneOf)(['flex-start', 'center', 'flex-end', 'stretch', 'baseline']),\n  justifyContent: (0, _propTypes2.oneOf)(['flex-start', 'center', 'flex-end', 'space-between', 'space-around']),\n  spacing: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string, _propTypes.default.array]),\n  divider: _propTypes.default.node,\n  wrap: _propTypes.default.bool\n};\nvar _default = exports[\"default\"] = Stack;\n\n//# sourceURL=webpack://rsuite/./src/Stack/Stack.tsx?");
 
 /***/ }),
 
@@ -9992,7 +10003,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _Windowing = __webpack_require__(/*! ../internals/Windowing */ \"./src/internals/Windowing/index.ts\");\nvar _TreeNode = _interopRequireDefault(__webpack_require__(/*! ./TreeNode */ \"./src/Tree/TreeNode.tsx\"));\nvar _IndentLine = _interopRequireDefault(__webpack_require__(/*! ./IndentLine */ \"./src/Tree/IndentLine.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/Tree/utils */ \"./src/internals/Tree/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/Tree/utils/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _Tree = __webpack_require__(/*! ../internals/Tree */ \"./src/internals/Tree/index.ts\");\nvar _useTreeSearch2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useTreeSearch */ \"./src/Tree/hooks/useTreeSearch.ts\"));\nvar _useTreeDrag2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useTreeDrag */ \"./src/Tree/hooks/useTreeDrag.ts\"));\nvar _useFocusTree2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFocusTree */ \"./src/Tree/hooks/useFocusTree.ts\"));\nvar _useVirtualizedTreeData = _interopRequireDefault(__webpack_require__(/*! ./hooks/useVirtualizedTreeData */ \"./src/Tree/hooks/useVirtualizedTreeData.ts\"));\nvar _useTreeNodeProps = _interopRequireDefault(__webpack_require__(/*! ./hooks/useTreeNodeProps */ \"./src/Tree/hooks/useTreeNodeProps.tsx\"));\nvar _SearchBox = _interopRequireDefault(__webpack_require__(/*! ../internals/SearchBox */ \"./src/internals/SearchBox/index.tsx\"));\nvar _TreeProvider = __webpack_require__(/*! ../internals/Tree/TreeProvider */ \"./src/internals/Tree/TreeProvider.tsx\");\nvar _excluded = [\"as\", \"data\", \"style\", \"showIndentLine\", \"value\", \"locale\", \"height\", \"className\", \"searchable\", \"classPrefix\", \"searchKeyword\", \"searchBy\", \"draggable\", \"disabledItemValues\", \"loadingNodeValues\", \"flattenedNodes\", \"listProps\", \"listRef\", \"searchInputRef\", \"expandItemValues\", \"onSearch\", \"onSelect\", \"onSelectItem\", \"onChange\", \"onDragEnd\", \"onDragStart\", \"onDragEnter\", \"onDragLeave\", \"onDragOver\", \"onDrop\", \"onExpand\", \"onFocusItem\", \"onScroll\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Tree/TreeView.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * Props for the TreeViewInner component.\n */\n/**\n * Represents the props for the TreeView component.\n */\n\nvar TreeView = /*#__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 ? [] : _props$data,\n    style = props.style,\n    showIndentLine = props.showIndentLine,\n    valueProp = 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    _props$searchable = props.searchable,\n    searchable = _props$searchable === void 0 ? false : _props$searchable,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'tree' : _props$classPrefix,\n    searchKeyword = props.searchKeyword,\n    searchBy = props.searchBy,\n    draggable = props.draggable,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,\n    _props$loadingNodeVal = props.loadingNodeValues,\n    loadingNodeValues = _props$loadingNodeVal === void 0 ? [] : _props$loadingNodeVal,\n    _props$flattenedNodes = props.flattenedNodes,\n    flattenedNodes = _props$flattenedNodes === void 0 ? {} : _props$flattenedNodes,\n    listProps = props.listProps,\n    listRef = props.listRef,\n    searchInputRef = props.searchInputRef,\n    _props$expandItemValu = props.expandItemValues,\n    expandItemValues = _props$expandItemValu === void 0 ? [] : _props$expandItemValu,\n    onSearch = props.onSearch,\n    onSelect = props.onSelect,\n    onSelectItem = props.onSelectItem,\n    onChange = props.onChange,\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    onFocusItem = props.onFocusItem,\n    onScroll = props.onScroll,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCustom = (0, _hooks.useCustom)('Picker', overrideLocale),\n    locale = _useCustom.locale;\n  var _useTreeContextProps = (0, _TreeProvider.useTreeContextProps)(),\n    valueKey = _useTreeContextProps.valueKey,\n    childrenKey = _useTreeContextProps.childrenKey,\n    scrollShadow = _useTreeContextProps.scrollShadow,\n    virtualized = _useTreeContextProps.virtualized;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var handleSearchCallback = (0, _hooks.useEventCallback)(function (value, _data, event) {\n    onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);\n  });\n  var _useTreeSearch = (0, _useTreeSearch2.default)({\n      callback: handleSearchCallback,\n      searchKeyword: searchKeyword,\n      data: data,\n      searchBy: searchBy\n    }),\n    filteredData = _useTreeSearch.filteredData,\n    keyword = _useTreeSearch.keyword,\n    setFilteredData = _useTreeSearch.setFilteredData,\n    handleSearch = _useTreeSearch.handleSearch;\n  var transformation = (0, _useVirtualizedTreeData.default)(flattenedNodes, filteredData, {\n    expandItemValues: expandItemValues,\n    searchKeyword: keyword\n  });\n  var getFormattedNodes = function getFormattedNodes(render) {\n    if (virtualized) {\n      return transformation().filter(function (n) {\n        return n.visible;\n      });\n    }\n    return filteredData.map(function (dataItem, index) {\n      return render === null || render === void 0 ? void 0 : render(dataItem, index, 1);\n    }).filter(function (n) {\n      return n;\n    });\n  };\n  (0, _react.useEffect)(function () {\n    setFilteredData(data, keyword);\n  }, [data, keyword, setFilteredData]);\n\n  // TODO-Doma\n  // Replace `getKeyParentMap` with `getParentMap`\n  var itemParentMap = (0, _react.useMemo)(function () {\n    return (0, _utils.getKeyParentMap)(data, function (node) {\n      return node[valueKey];\n    }, function (node) {\n      return node[childrenKey];\n    });\n  }, [childrenKey, data, valueKey]);\n  var _useFocusTree = (0, _useFocusTree2.default)({\n      filteredData: filteredData,\n      disabledItemValues: disabledItemValues,\n      expandItemValues: expandItemValues,\n      searchKeyword: keyword,\n      flattenedNodes: flattenedNodes,\n      onFocused: onFocusItem,\n      onExpand: onExpand\n    }),\n    focusItemValue = _useFocusTree.focusItemValue,\n    setFocusItemValue = _useFocusTree.setFocusItemValue,\n    onTreeKeydown = _useFocusTree.onTreeKeydown,\n    treeNodesRefs = _useFocusTree.treeNodesRefs,\n    saveTreeNodeRef = _useFocusTree.saveTreeNodeRef,\n    treeViewRef = _useFocusTree.treeViewRef;\n  var _useTreeDrag = (0, _useTreeDrag2.default)({\n      flattenedNodes: flattenedNodes,\n      treeNodesRefs: treeNodesRefs,\n      draggable: draggable,\n      onDragStart: onDragStart,\n      onDragEnter: onDragEnter,\n      onDragOver: onDragOver,\n      onDragLeave: onDragLeave,\n      onDragEnd: onDragEnd,\n      onDrop: onDrop,\n      prefix: prefix\n    }),\n    dragNode = _useTreeDrag.dragNode,\n    dragOverNodeKey = _useTreeDrag.dragOverNodeKey,\n    dropNodePosition = _useTreeDrag.dropNodePosition,\n    dragEvents = _useTreeDrag.dragEvents;\n  var getTreeNodeProps = (0, _useTreeNodeProps.default)({\n    value: valueProp,\n    disabledItemValues: disabledItemValues,\n    loadingNodeValues: loadingNodeValues,\n    focusItemValue: focusItemValue,\n    keyword: keyword,\n    dragNode: dragNode,\n    dragOverNodeKey: dragOverNodeKey,\n    dropNodePosition: dropNodePosition\n  });\n  var handleSelect = (0, _hooks.useEventCallback)(function (nodeData, event) {\n    if (!nodeData) {\n      return;\n    }\n    var nextValue = nodeData[valueKey];\n    var path = (0, _utils.getPathTowardsItem)(nodeData, function (item) {\n      return itemParentMap.get(item[valueKey]);\n    });\n    setFocusItemValue(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nodeData, nextValue, event);\n    onSelectItem === null || onSelectItem === void 0 ? void 0 : onSelectItem(nodeData, path);\n  });\n  var selectActiveItem = (0, _hooks.useEventCallback)(function (event) {\n    if ((0, _isNil.default)(focusItemValue)) return;\n    var activeItem = (0, _utils2.getActiveItem)(focusItemValue, flattenedNodes, valueKey);\n    handleSelect(activeItem, event);\n  });\n  var handleTreeKeyDown = (0, _hooks.useEventCallback)(function (event) {\n    onTreeKeydown(event);\n    (0, _Picker.onMenuKeyDown)(event, {\n      enter: selectActiveItem\n    });\n  });\n  var renderNode = function renderNode(node, index, layer) {\n    var visible = node.visible;\n    if (!visible) {\n      return null;\n    }\n    var children = node[childrenKey];\n    var expanded = (0, _utils2.isExpand)(keyword, expandItemValues.includes(node[valueKey]));\n    var hasChildren = keyword ? (0, _utils2.hasVisibleChildren)(node, childrenKey) : Boolean(children);\n    var nodeProps = (0, _extends2.default)({}, getTreeNodeProps(node, layer, index), dragEvents, {\n      expanded: expanded,\n      draggable: draggable,\n      onExpand: onExpand,\n      onSelect: handleSelect,\n      hasChildren: hasChildren\n    });\n    if (hasChildren) {\n      var _merge;\n      layer += 1;\n      var childClassName = merge(prefix('node-children'), (_merge = {}, _merge[prefix('node-expanded')] = expanded, _merge));\n      return /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: childClassName,\n        key: node[valueKey],\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 279,\n          columnNumber: 11\n        }\n      }, /*#__PURE__*/_react.default.createElement(_TreeNode.default, (0, _extends2.default)({}, nodeProps, {\n        ref: function ref(_ref) {\n          return saveTreeNodeRef(_ref, node.refKey);\n        },\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 280,\n          columnNumber: 13\n        }\n      })), /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: prefix('group'),\n        role: \"group\",\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 281,\n          columnNumber: 13\n        }\n      }, children === null || children === void 0 ? void 0 : children.map(function (child, i) {\n        return renderNode(child, i, layer);\n      }), showIndentLine && /*#__PURE__*/_react.default.createElement(_IndentLine.default, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 283,\n          columnNumber: 34\n        }\n      })));\n    }\n    return /*#__PURE__*/_react.default.createElement(_TreeNode.default, (0, _extends2.default)({\n      ref: function ref(_ref2) {\n        return saveTreeNodeRef(_ref2, node.refKey);\n      },\n      key: node[valueKey]\n    }, nodeProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 289,\n        columnNumber: 9\n      }\n    }));\n  };\n  var renderVirtualListNode = function renderVirtualListNode(_ref3) {\n    var index = _ref3.index,\n      style = _ref3.style,\n      data = _ref3.data;\n    var node = data[index];\n    var layer = node.layer,\n      visible = node.visible,\n      hasChildren = node.hasChildren;\n    var expanded = (0, _utils2.isExpand)(keyword, expandItemValues.includes(node[valueKey]));\n    if (!visible) {\n      return null;\n    }\n    var treeNodeProps = (0, _extends2.default)({}, getTreeNodeProps(node, layer), dragEvents, {\n      expanded: expanded,\n      style: style,\n      onExpand: onExpand,\n      onSelect: handleSelect,\n      hasChildren: hasChildren\n    });\n    return visible && /*#__PURE__*/_react.default.createElement(_TreeNode.default, (0, _extends2.default)({\n      ref: function ref(_ref4) {\n        return saveTreeNodeRef(_ref4, node.refKey);\n      }\n    }, treeNodeProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 319,\n        columnNumber: 11\n      }\n    }));\n  };\n  var classes = merge(withClassPrefix({\n    virtualized: virtualized\n  }), className);\n  var formattedNodes = getFormattedNodes(renderNode);\n  return /*#__PURE__*/_react.default.createElement(Component, {\n    ref: ref,\n    className: classes,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 328,\n      columnNumber: 7\n    }\n  }, searchable ? /*#__PURE__*/_react.default.createElement(_SearchBox.default, {\n    placeholder: locale.searchPlaceholder,\n    onChange: handleSearch,\n    value: keyword,\n    inputRef: searchInputRef,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 330,\n      columnNumber: 11\n    }\n  }) : null, keyword && formattedNodes.length === 0 ? /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('empty'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 339,\n      columnNumber: 11\n    }\n  }, locale.noResultsText) : null, /*#__PURE__*/_react.default.createElement(_Tree.TreeView, (0, _extends2.default)({}, rest, {\n    ref: treeViewRef,\n    treeRootClassName: prefix('root'),\n    onScroll: onScroll,\n    onKeyDown: handleTreeKeyDown,\n    className: prefix('view'),\n    height: height,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 342,\n      columnNumber: 9\n    }\n  }), virtualized ? /*#__PURE__*/_react.default.createElement(_Windowing.AutoSizer, {\n    defaultHeight: height,\n    style: {\n      width: 'auto',\n      height: 'auto'\n    },\n    className: prefix('virt-auto-sizer'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 352,\n      columnNumber: 13\n    }\n  }, function (_ref5) {\n    var height = _ref5.height;\n    return /*#__PURE__*/_react.default.createElement(_Windowing.List, (0, _extends2.default)({\n      ref: listRef,\n      height: height,\n      itemSize: _Windowing.defaultItemSize,\n      itemCount: formattedNodes.length,\n      itemData: formattedNodes,\n      className: prefix('virt-list'),\n      scrollShadow: scrollShadow\n    }, listProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 358,\n        columnNumber: 17\n      }\n    }), renderVirtualListNode);\n  }) : formattedNodes));\n});\nTreeView.displayName = 'TreeView';\nvar _default = exports[\"default\"] = TreeView;\n\n//# sourceURL=webpack://rsuite/./src/Tree/TreeView.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _Windowing = __webpack_require__(/*! ../internals/Windowing */ \"./src/internals/Windowing/index.ts\");\nvar _TreeNode = _interopRequireDefault(__webpack_require__(/*! ./TreeNode */ \"./src/Tree/TreeNode.tsx\"));\nvar _IndentLine = _interopRequireDefault(__webpack_require__(/*! ./IndentLine */ \"./src/Tree/IndentLine.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/Tree/utils */ \"./src/internals/Tree/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/Tree/utils/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _Tree = __webpack_require__(/*! ../internals/Tree */ \"./src/internals/Tree/index.ts\");\nvar _useTreeSearch2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useTreeSearch */ \"./src/Tree/hooks/useTreeSearch.ts\"));\nvar _useTreeDrag2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useTreeDrag */ \"./src/Tree/hooks/useTreeDrag.ts\"));\nvar _useFocusTree2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFocusTree */ \"./src/Tree/hooks/useFocusTree.ts\"));\nvar _useVirtualizedTreeData = _interopRequireDefault(__webpack_require__(/*! ./hooks/useVirtualizedTreeData */ \"./src/Tree/hooks/useVirtualizedTreeData.ts\"));\nvar _useTreeNodeProps = _interopRequireDefault(__webpack_require__(/*! ./hooks/useTreeNodeProps */ \"./src/Tree/hooks/useTreeNodeProps.tsx\"));\nvar _SearchBox = _interopRequireDefault(__webpack_require__(/*! ../internals/SearchBox */ \"./src/internals/SearchBox/index.tsx\"));\nvar _TreeProvider = __webpack_require__(/*! ../internals/Tree/TreeProvider */ \"./src/internals/Tree/TreeProvider.tsx\");\nvar _excluded = [\"as\", \"data\", \"style\", \"showIndentLine\", \"value\", \"locale\", \"height\", \"className\", \"searchable\", \"classPrefix\", \"searchKeyword\", \"searchBy\", \"draggable\", \"disabledItemValues\", \"loadingNodeValues\", \"flattenedNodes\", \"listProps\", \"listRef\", \"searchInputRef\", \"expandItemValues\", \"onSearch\", \"onSelect\", \"onSelectItem\", \"onChange\", \"onDragEnd\", \"onDragStart\", \"onDragEnter\", \"onDragLeave\", \"onDragOver\", \"onDrop\", \"onExpand\", \"onFocusItem\", \"onScroll\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Tree/TreeView.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * Props for the TreeViewInner component.\n */\n/**\n * Represents the props for the TreeView component.\n */\n\nvar TreeView = /*#__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 ? [] : _props$data,\n    style = props.style,\n    showIndentLine = props.showIndentLine,\n    valueProp = 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    _props$searchable = props.searchable,\n    searchable = _props$searchable === void 0 ? false : _props$searchable,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'tree' : _props$classPrefix,\n    searchKeyword = props.searchKeyword,\n    searchBy = props.searchBy,\n    draggable = props.draggable,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,\n    _props$loadingNodeVal = props.loadingNodeValues,\n    loadingNodeValues = _props$loadingNodeVal === void 0 ? [] : _props$loadingNodeVal,\n    _props$flattenedNodes = props.flattenedNodes,\n    flattenedNodes = _props$flattenedNodes === void 0 ? {} : _props$flattenedNodes,\n    listProps = props.listProps,\n    listRef = props.listRef,\n    searchInputRef = props.searchInputRef,\n    _props$expandItemValu = props.expandItemValues,\n    expandItemValues = _props$expandItemValu === void 0 ? [] : _props$expandItemValu,\n    onSearch = props.onSearch,\n    onSelect = props.onSelect,\n    onSelectItem = props.onSelectItem,\n    onChange = props.onChange,\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    onFocusItem = props.onFocusItem,\n    onScroll = props.onScroll,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCustom = (0, _hooks.useCustom)('Picker', overrideLocale),\n    locale = _useCustom.locale;\n  var _useTreeContextProps = (0, _TreeProvider.useTreeContextProps)(),\n    valueKey = _useTreeContextProps.valueKey,\n    childrenKey = _useTreeContextProps.childrenKey,\n    scrollShadow = _useTreeContextProps.scrollShadow,\n    virtualized = _useTreeContextProps.virtualized;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var handleSearchCallback = (0, _hooks.useEventCallback)(function (value, _data, event) {\n    onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);\n  });\n  var _useTreeSearch = (0, _useTreeSearch2.default)({\n      callback: handleSearchCallback,\n      searchKeyword: searchKeyword,\n      data: data,\n      searchBy: searchBy\n    }),\n    filteredData = _useTreeSearch.filteredData,\n    keyword = _useTreeSearch.keyword,\n    setFilteredData = _useTreeSearch.setFilteredData,\n    handleSearch = _useTreeSearch.handleSearch;\n  var transformation = (0, _useVirtualizedTreeData.default)(flattenedNodes, filteredData, {\n    expandItemValues: expandItemValues,\n    searchKeyword: keyword\n  });\n  var getFormattedNodes = function getFormattedNodes(render) {\n    if (virtualized) {\n      return transformation().filter(function (n) {\n        return n.visible;\n      });\n    }\n    return filteredData.map(function (dataItem, index) {\n      return render === null || render === void 0 ? void 0 : render(dataItem, index, 1);\n    }).filter(function (n) {\n      return n;\n    });\n  };\n  (0, _react.useEffect)(function () {\n    setFilteredData(data, keyword);\n  }, [data, keyword, setFilteredData]);\n\n  // TODO-Doma\n  // Replace `getKeyParentMap` with `getParentMap`\n  var itemParentMap = (0, _react.useMemo)(function () {\n    return (0, _utils.getKeyParentMap)(data, function (node) {\n      return node[valueKey];\n    }, function (node) {\n      return node[childrenKey];\n    });\n  }, [childrenKey, data, valueKey]);\n  var _useFocusTree = (0, _useFocusTree2.default)({\n      filteredData: filteredData,\n      disabledItemValues: disabledItemValues,\n      expandItemValues: expandItemValues,\n      searchKeyword: keyword,\n      flattenedNodes: flattenedNodes,\n      onFocused: onFocusItem,\n      onExpand: onExpand\n    }),\n    focusItemValue = _useFocusTree.focusItemValue,\n    setFocusItemValue = _useFocusTree.setFocusItemValue,\n    onTreeKeydown = _useFocusTree.onTreeKeydown,\n    treeNodesRefs = _useFocusTree.treeNodesRefs,\n    saveTreeNodeRef = _useFocusTree.saveTreeNodeRef,\n    treeViewRef = _useFocusTree.treeViewRef;\n  var _useTreeDrag = (0, _useTreeDrag2.default)({\n      flattenedNodes: flattenedNodes,\n      treeNodesRefs: treeNodesRefs,\n      draggable: draggable,\n      onDragStart: onDragStart,\n      onDragEnter: onDragEnter,\n      onDragOver: onDragOver,\n      onDragLeave: onDragLeave,\n      onDragEnd: onDragEnd,\n      onDrop: onDrop,\n      prefix: prefix\n    }),\n    dragNode = _useTreeDrag.dragNode,\n    dragOverNodeKey = _useTreeDrag.dragOverNodeKey,\n    dropNodePosition = _useTreeDrag.dropNodePosition,\n    dragEvents = _useTreeDrag.dragEvents;\n  var getTreeNodeProps = (0, _useTreeNodeProps.default)({\n    value: valueProp,\n    disabledItemValues: disabledItemValues,\n    loadingNodeValues: loadingNodeValues,\n    focusItemValue: focusItemValue,\n    keyword: keyword,\n    dragNode: dragNode,\n    dragOverNodeKey: dragOverNodeKey,\n    dropNodePosition: dropNodePosition\n  });\n  var handleSelect = (0, _hooks.useEventCallback)(function (nodeData, event) {\n    if (!nodeData) {\n      return;\n    }\n    var nextValue = nodeData[valueKey];\n    var path = (0, _utils.getPathTowardsItem)(nodeData, function (item) {\n      return itemParentMap.get(item[valueKey]);\n    });\n    setFocusItemValue(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nodeData, nextValue, event);\n    onSelectItem === null || onSelectItem === void 0 ? void 0 : onSelectItem(nodeData, path);\n  });\n  var selectActiveItem = (0, _hooks.useEventCallback)(function (event) {\n    if ((0, _isNil.default)(focusItemValue)) return;\n    var activeItem = (0, _utils2.getActiveItem)(focusItemValue, flattenedNodes, valueKey);\n    handleSelect(activeItem, event);\n  });\n  var handleTreeKeyDown = (0, _hooks.useEventCallback)(function (event) {\n    onTreeKeydown(event);\n    (0, _Picker.onMenuKeyDown)(event, {\n      enter: selectActiveItem\n    });\n  });\n  var renderNode = function renderNode(node, index, layer) {\n    var visible = node.visible;\n    if (!visible) {\n      return null;\n    }\n    var children = node[childrenKey];\n    var expanded = (0, _utils2.isExpand)(keyword, expandItemValues.includes(node[valueKey]));\n    var hasChildren = keyword ? (0, _utils2.hasVisibleChildren)(node, childrenKey) : Boolean(children);\n    var nodeProps = (0, _extends2.default)({}, getTreeNodeProps(node, layer, index), dragEvents, {\n      expanded: expanded,\n      draggable: draggable,\n      onExpand: onExpand,\n      onSelect: handleSelect,\n      hasChildren: hasChildren\n    });\n    if (hasChildren) {\n      var _merge;\n      layer += 1;\n      var childClassName = merge(prefix('node-children'), (_merge = {}, _merge[prefix('node-expanded')] = expanded, _merge));\n      return /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: childClassName,\n        key: node[valueKey],\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 284,\n          columnNumber: 11\n        }\n      }, /*#__PURE__*/_react.default.createElement(_TreeNode.default, (0, _extends2.default)({}, nodeProps, {\n        ref: function ref(_ref) {\n          return saveTreeNodeRef(_ref, node.refKey);\n        },\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 285,\n          columnNumber: 13\n        }\n      })), /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: prefix('group'),\n        role: \"group\",\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 286,\n          columnNumber: 13\n        }\n      }, children === null || children === void 0 ? void 0 : children.map(function (child, i) {\n        return renderNode(child, i, layer);\n      }), showIndentLine && /*#__PURE__*/_react.default.createElement(_IndentLine.default, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 288,\n          columnNumber: 34\n        }\n      })));\n    }\n    return /*#__PURE__*/_react.default.createElement(_TreeNode.default, (0, _extends2.default)({\n      ref: function ref(_ref2) {\n        return saveTreeNodeRef(_ref2, node.refKey);\n      },\n      key: node[valueKey]\n    }, nodeProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 294,\n        columnNumber: 9\n      }\n    }));\n  };\n  var renderVirtualListNode = function renderVirtualListNode(_ref3) {\n    var index = _ref3.index,\n      style = _ref3.style,\n      data = _ref3.data;\n    var node = data[index];\n    var layer = node.layer,\n      visible = node.visible,\n      hasChildren = node.hasChildren;\n    var expanded = (0, _utils2.isExpand)(keyword, expandItemValues.includes(node[valueKey]));\n    if (!visible) {\n      return null;\n    }\n    var treeNodeProps = (0, _extends2.default)({}, getTreeNodeProps(node, layer), dragEvents, {\n      expanded: expanded,\n      style: style,\n      onExpand: onExpand,\n      onSelect: handleSelect,\n      hasChildren: hasChildren\n    });\n    return visible && /*#__PURE__*/_react.default.createElement(_TreeNode.default, (0, _extends2.default)({\n      ref: function ref(_ref4) {\n        return saveTreeNodeRef(_ref4, node.refKey);\n      }\n    }, treeNodeProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 324,\n        columnNumber: 11\n      }\n    }));\n  };\n  var classes = merge(withClassPrefix({\n    virtualized: virtualized\n  }), className);\n  var formattedNodes = getFormattedNodes(renderNode);\n  return /*#__PURE__*/_react.default.createElement(Component, {\n    ref: ref,\n    className: classes,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 333,\n      columnNumber: 7\n    }\n  }, searchable ? /*#__PURE__*/_react.default.createElement(_SearchBox.default, {\n    placeholder: locale.searchPlaceholder,\n    onChange: handleSearch,\n    value: keyword,\n    inputRef: searchInputRef,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 335,\n      columnNumber: 11\n    }\n  }) : null, keyword && formattedNodes.length === 0 ? /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('empty'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 344,\n      columnNumber: 11\n    }\n  }, locale.noResultsText) : null, /*#__PURE__*/_react.default.createElement(_Tree.TreeView, (0, _extends2.default)({}, rest, {\n    ref: treeViewRef,\n    treeRootClassName: prefix('root'),\n    onScroll: onScroll,\n    onKeyDown: handleTreeKeyDown,\n    className: prefix('view'),\n    height: height,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 347,\n      columnNumber: 9\n    }\n  }), virtualized ? /*#__PURE__*/_react.default.createElement(_Windowing.AutoSizer, {\n    defaultHeight: height,\n    style: {\n      width: 'auto',\n      height: 'auto'\n    },\n    className: prefix('virt-auto-sizer'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 357,\n      columnNumber: 13\n    }\n  }, function (_ref5) {\n    var height = _ref5.height;\n    return /*#__PURE__*/_react.default.createElement(_Windowing.List, (0, _extends2.default)({\n      ref: listRef,\n      height: height,\n      itemSize: _Windowing.defaultItemSize,\n      itemCount: formattedNodes.length,\n      itemData: formattedNodes,\n      className: prefix('virt-list'),\n      scrollShadow: scrollShadow\n    }, listProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 363,\n        columnNumber: 17\n      }\n    }), renderVirtualListNode);\n  }) : formattedNodes));\n});\nTreeView.displayName = 'TreeView';\nvar _default = exports[\"default\"] = TreeView;\n\n//# sourceURL=webpack://rsuite/./src/Tree/TreeView.tsx?");
 
 /***/ }),
 
@@ -10256,7 +10267,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _isFunction2 = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _pick2 = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _utils2 = __webpack_require__(/*! ../Tree/utils */ \"./src/Tree/utils/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _TreeProvider = __webpack_require__(/*! ../internals/Tree/TreeProvider */ \"./src/internals/Tree/TreeProvider.tsx\");\nvar _useTreeWithChildren2 = _interopRequireDefault(__webpack_require__(/*! ../Tree/hooks/useTreeWithChildren */ \"./src/Tree/hooks/useTreeWithChildren.ts\"));\nvar _useFlattenTree = _interopRequireDefault(__webpack_require__(/*! ../Tree/hooks/useFlattenTree */ \"./src/Tree/hooks/useFlattenTree.ts\"));\nvar _useFocusState2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFocusState */ \"./src/TreePicker/hooks/useFocusState.ts\"));\nvar _useExpandTree2 = _interopRequireDefault(__webpack_require__(/*! ../Tree/hooks/useExpandTree */ \"./src/Tree/hooks/useExpandTree.ts\"));\nvar _TreeView = _interopRequireDefault(__webpack_require__(/*! ../Tree/TreeView */ \"./src/Tree/TreeView.tsx\"));\nvar _excluded = [\"as\", \"appearance\", \"classPrefix\", \"cleanable\", \"childrenKey\", \"data\", \"disabled\", \"defaultValue\", \"defaultExpandAll\", \"disabledItemValues\", \"defaultExpandItemValues\", \"expandItemValues\", \"id\", \"locale\", \"labelKey\", \"placeholder\", \"placement\", \"style\", \"searchKeyword\", \"searchable\", \"showIndentLine\", \"menuClassName\", \"menuStyle\", \"popupClassName\", \"popupStyle\", \"popupAutoWidth\", \"treeHeight\", \"menuAutoWidth\", \"valueKey\", \"virtualized\", \"value\", \"listProps\", \"toggleAs\", \"searchBy\", \"getChildren\", \"onClean\", \"onSearch\", \"onSelect\", \"onSelectItem\", \"onChange\", \"onExpand\", \"onEnter\", \"onExit\", \"onEntered\", \"renderValue\", \"renderMenu\", \"renderTree\", \"renderTreeIcon\", \"renderTreeNode\", \"renderExtraFooter\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/TreePicker/TreePicker.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * The `TreePicker` component is used for selecting single options which are organized in a tree structure.\n *\n * @see https://rsuitejs.com/components/tree-picker/\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$appearance = props.appearance,\n    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n    _props$cleanable = props.cleanable,\n    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n    _props$childrenKey = props.childrenKey,\n    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,\n    _props$data = props.data,\n    data = _props$data === void 0 ? [] : _props$data,\n    disabled = props.disabled,\n    defaultValue = props.defaultValue,\n    _props$defaultExpandA = props.defaultExpandAll,\n    defaultExpandAll = _props$defaultExpandA === void 0 ? false : _props$defaultExpandA,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,\n    _props$defaultExpandI = props.defaultExpandItemValues,\n    defaultExpandItemValues = _props$defaultExpandI === void 0 ? [] : _props$defaultExpandI,\n    controlledExpandItemValues = props.expandItemValues,\n    id = props.id,\n    overrideLocale = props.locale,\n    _props$labelKey = props.labelKey,\n    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n    placeholder = props.placeholder,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    style = props.style,\n    searchKeyword = props.searchKeyword,\n    _props$searchable = props.searchable,\n    searchable = _props$searchable === void 0 ? true : _props$searchable,\n    showIndentLine = props.showIndentLine,\n    DEPRECATED_menuClassName = props.menuClassName,\n    DEPRECATED_menuStyle = props.menuStyle,\n    popupClassName = props.popupClassName,\n    popupStyle = props.popupStyle,\n    _props$popupAutoWidth = props.popupAutoWidth,\n    popupAutoWidth = _props$popupAutoWidth === void 0 ? true : _props$popupAutoWidth,\n    _props$treeHeight = props.treeHeight,\n    treeHeight = _props$treeHeight === void 0 ? 320 : _props$treeHeight,\n    _props$menuAutoWidth = props.menuAutoWidth,\n    menuAutoWidth = _props$menuAutoWidth === void 0 ? popupAutoWidth : _props$menuAutoWidth,\n    _props$valueKey = props.valueKey,\n    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n    _props$virtualized = props.virtualized,\n    virtualized = _props$virtualized === void 0 ? false : _props$virtualized,\n    controlledValue = props.value,\n    listProps = props.listProps,\n    toggleAs = props.toggleAs,\n    searchBy = props.searchBy,\n    getChildren = props.getChildren,\n    onClean = props.onClean,\n    onSearch = props.onSearch,\n    onSelect = props.onSelect,\n    onSelectItem = props.onSelectItem,\n    onChange = props.onChange,\n    onExpand = props.onExpand,\n    onEnter = props.onEnter,\n    onExit = props.onExit,\n    onEntered = props.onEntered,\n    renderValue = props.renderValue,\n    DEPRECATED_renderMenu = props.renderMenu,\n    _props$renderTree = props.renderTree,\n    renderTree = _props$renderTree === void 0 ? DEPRECATED_renderMenu : _props$renderTree,\n    renderTreeIcon = props.renderTreeIcon,\n    renderTreeNode = props.renderTreeNode,\n    renderExtraFooter = props.renderExtraFooter,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCustom = (0, _hooks.useCustom)('Picker', overrideLocale),\n    locale = _useCustom.locale;\n  var _usePickerRef = (0, _Picker.usePickerRef)(ref),\n    trigger = _usePickerRef.trigger,\n    root = _usePickerRef.root,\n    target = _usePickerRef.target,\n    overlay = _usePickerRef.overlay,\n    list = _usePickerRef.list,\n    searchInput = _usePickerRef.searchInput,\n    treeView = _usePickerRef.treeView;\n  var _useControlled = (0, _hooks.useControlled)(controlledValue, defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1];\n  var itemDataKeys = {\n    childrenKey: childrenKey,\n    labelKey: labelKey,\n    valueKey: valueKey\n  };\n  var _useTreeWithChildren = (0, _useTreeWithChildren2.default)(data, itemDataKeys),\n    treeData = _useTreeWithChildren.treeData,\n    loadingNodeValues = _useTreeWithChildren.loadingNodeValues,\n    appendChild = _useTreeWithChildren.appendChild;\n  var flattenedNodes = (0, _useFlattenTree.default)(treeData, (0, _extends2.default)({}, itemDataKeys));\n  var _useExpandTree = (0, _useExpandTree2.default)(data, (0, _extends2.default)({}, itemDataKeys, {\n      defaultExpandAll: defaultExpandAll,\n      defaultExpandItemValues: defaultExpandItemValues,\n      controlledExpandItemValues: controlledExpandItemValues,\n      onExpand: onExpand,\n      getChildren: getChildren,\n      appendChild: appendChild\n    })),\n    expandItemValues = _useExpandTree.expandItemValues,\n    handleExpandTreeNode = _useExpandTree.handleExpandTreeNode;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var activeNode = (0, _utils2.getTreeActiveNode)(flattenedNodes, value, valueKey);\n  var _useTreeImperativeHan = (0, _TreeProvider.useTreeImperativeHandle)(),\n    register = _useTreeImperativeHan.register,\n    focusFirstNode = _useTreeImperativeHan.focusFirstNode,\n    focusActiveNode = _useTreeImperativeHan.focusActiveNode;\n  var _useFocusState = (0, _useFocusState2.default)({\n      focusActiveNode: focusActiveNode,\n      target: target,\n      value: value,\n      onEnter: onEnter,\n      onExit: onExit,\n      onEntered: onEntered\n    }),\n    active = _useFocusState.active,\n    focusItemValue = _useFocusState.focusItemValue,\n    setFocusItemValue = _useFocusState.setFocusItemValue,\n    triggerProps = _useFocusState.triggerProps;\n  var handleSelect = (0, _hooks.useEventCallback)(function (treeNode, value, event) {\n    var _target$current, _trigger$current, _trigger$current$clos;\n    setFocusItemValue(value);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(treeNode, value, event);\n    (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current.focus();\n    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);\n  });\n  var handleClean = (0, _hooks.useEventCallback)(function (event) {\n    var target = event.target;\n    // exclude searchbox\n    if (target.matches('input[role=\"searchbox\"]') || disabled || !cleanable) {\n      return;\n    }\n    setValue(null);\n    onChange === null || onChange === void 0 ? void 0 : onChange(null, event);\n  });\n  var handleTreePressEnter = (0, _hooks.useEventCallback)(function (event) {\n    if ((0, _isNil2.default)(focusItemValue)) {\n      return;\n    }\n    var activeItem = (0, _utils2.getActiveItem)(focusItemValue, flattenedNodes, valueKey);\n    handleSelect(activeItem, event);\n  });\n  var handleTreeKeyDown = (0, _hooks.useEventCallback)(function (event) {\n    (0, _Picker.onMenuKeyDown)(event, {\n      del: handleClean,\n      down: function down() {\n        return focusFirstNode();\n      },\n      enter: handleTreePressEnter\n    });\n  });\n  var onPickerKeydown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({\n    toggle: !activeNode || !active,\n    trigger: trigger,\n    target: target,\n    overlay: overlay,\n    searchInput: searchInput,\n    active: active,\n    onExit: handleClean,\n    onMenuKeyDown: handleTreeKeyDown\n  }, rest));\n  var handleChange = (0, _hooks.useEventCallback)(function (nextValue, event) {\n    setValue(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n  });\n  var treeContext = (0, _react.useMemo)(function () {\n    return {\n      register: register,\n      props: {\n        labelKey: labelKey,\n        valueKey: valueKey,\n        childrenKey: childrenKey,\n        virtualized: virtualized,\n        renderTreeIcon: renderTreeIcon,\n        renderTreeNode: renderTreeNode\n      }\n    };\n  }, [childrenKey, labelKey, valueKey, virtualized, register, renderTreeIcon, renderTreeNode]);\n  var tree = /*#__PURE__*/_react.default.createElement(_TreeProvider.TreeProvider, {\n    value: treeContext,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 227,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_TreeView.default, {\n    ref: treeView,\n    value: value,\n    data: treeData,\n    disabledItemValues: disabledItemValues,\n    expandItemValues: expandItemValues,\n    showIndentLine: showIndentLine,\n    searchable: searchable,\n    searchKeyword: searchKeyword,\n    searchBy: searchBy,\n    loadingNodeValues: loadingNodeValues,\n    flattenedNodes: flattenedNodes,\n    listProps: listProps,\n    listRef: list,\n    height: treeHeight,\n    onExpand: handleExpandTreeNode,\n    onSearch: onSearch,\n    onChange: handleChange,\n    onSelect: handleSelect,\n    onSelectItem: onSelectItem,\n    onFocusItem: setFocusItemValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 228,\n      columnNumber: 7\n    }\n  }));\n  var renderTreeView = function renderTreeView(positionProps, speakerRef) {\n    var left = positionProps.left,\n      top = positionProps.top,\n      className = positionProps.className;\n    var classes = merge(className, DEPRECATED_menuClassName, popupClassName, prefix('tree-menu'));\n    var mergedMenuStyle = (0, _extends2.default)({}, DEPRECATED_menuStyle, popupStyle, {\n      left: left,\n      top: top\n    });\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: mergedMenuStyle,\n      ref: (0, _utils.mergeRefs)(overlay, speakerRef),\n      onKeyDown: onPickerKeydown,\n      target: trigger,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 259,\n        columnNumber: 7\n      }\n    }, renderTree ? renderTree(tree) : tree, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  /**\n   * 1.Have a value and the value is valid.\n   * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.\n   */\n  var hasValidValue = !(0, _isNil2.default)(activeNode) || !(0, _isNil2.default)(value) && (0, _isFunction2.default)(renderValue);\n  var selectedElement = placeholder;\n  if (hasValidValue) {\n    var node = activeNode !== null && activeNode !== void 0 ? activeNode : {};\n    selectedElement = node[labelKey];\n    if ((0, _isFunction2.default)(renderValue) && value) {\n      selectedElement = renderValue(value, node, selectedElement);\n      if ((0, _isNil2.default)(selectedElement)) {\n        hasValidValue = false;\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  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, (0, _extends2.default)({\n    id: id,\n    popupType: \"tree\",\n    pickerProps: (0, _pick2.default)(props, _Picker.pickTriggerPropKeys),\n    ref: trigger,\n    placement: placement,\n    speaker: renderTreeView\n  }, triggerProps, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 301,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(Component, {\n    className: classes,\n    style: style,\n    ref: root,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 310,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit2.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, ['cascade'])), {\n    ref: target,\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    focusItemValue: focusItemValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 311,\n      columnNumber: 9\n    }\n  }), selectedElement || locale.placeholder)));\n});\nTreePicker.displayName = 'TreePicker';\nvar _default = exports[\"default\"] = TreePicker;\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\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _isFunction2 = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _pick2 = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _utils2 = __webpack_require__(/*! ../Tree/utils */ \"./src/Tree/utils/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _TreeProvider = __webpack_require__(/*! ../internals/Tree/TreeProvider */ \"./src/internals/Tree/TreeProvider.tsx\");\nvar _useTreeWithChildren2 = _interopRequireDefault(__webpack_require__(/*! ../Tree/hooks/useTreeWithChildren */ \"./src/Tree/hooks/useTreeWithChildren.ts\"));\nvar _useFlattenTree = _interopRequireDefault(__webpack_require__(/*! ../Tree/hooks/useFlattenTree */ \"./src/Tree/hooks/useFlattenTree.ts\"));\nvar _useFocusState2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFocusState */ \"./src/TreePicker/hooks/useFocusState.ts\"));\nvar _useExpandTree2 = _interopRequireDefault(__webpack_require__(/*! ../Tree/hooks/useExpandTree */ \"./src/Tree/hooks/useExpandTree.ts\"));\nvar _TreeView = _interopRequireDefault(__webpack_require__(/*! ../Tree/TreeView */ \"./src/Tree/TreeView.tsx\"));\nvar _excluded = [\"as\", \"appearance\", \"classPrefix\", \"cleanable\", \"childrenKey\", \"data\", \"disabled\", \"defaultValue\", \"defaultExpandAll\", \"disabledItemValues\", \"defaultExpandItemValues\", \"expandItemValues\", \"id\", \"locale\", \"labelKey\", \"placeholder\", \"placement\", \"style\", \"searchKeyword\", \"searchable\", \"showIndentLine\", \"menuClassName\", \"menuStyle\", \"popupClassName\", \"popupStyle\", \"popupAutoWidth\", \"treeHeight\", \"menuAutoWidth\", \"valueKey\", \"virtualized\", \"value\", \"listProps\", \"toggleAs\", \"searchBy\", \"getChildren\", \"onClean\", \"onSearch\", \"onSelect\", \"onSelectItem\", \"onChange\", \"onExpand\", \"onEnter\", \"onExit\", \"onEntered\", \"renderValue\", \"renderMenu\", \"renderTree\", \"renderTreeIcon\", \"renderTreeNode\", \"renderExtraFooter\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/TreePicker/TreePicker.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * The `TreePicker` component is used for selecting single options which are organized in a tree structure.\n *\n * @see https://rsuitejs.com/components/tree-picker/\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$appearance = props.appearance,\n    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n    _props$cleanable = props.cleanable,\n    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n    _props$childrenKey = props.childrenKey,\n    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,\n    _props$data = props.data,\n    data = _props$data === void 0 ? [] : _props$data,\n    disabled = props.disabled,\n    defaultValue = props.defaultValue,\n    _props$defaultExpandA = props.defaultExpandAll,\n    defaultExpandAll = _props$defaultExpandA === void 0 ? false : _props$defaultExpandA,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,\n    _props$defaultExpandI = props.defaultExpandItemValues,\n    defaultExpandItemValues = _props$defaultExpandI === void 0 ? [] : _props$defaultExpandI,\n    controlledExpandItemValues = props.expandItemValues,\n    id = props.id,\n    overrideLocale = props.locale,\n    _props$labelKey = props.labelKey,\n    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n    placeholder = props.placeholder,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    style = props.style,\n    searchKeyword = props.searchKeyword,\n    _props$searchable = props.searchable,\n    searchable = _props$searchable === void 0 ? true : _props$searchable,\n    showIndentLine = props.showIndentLine,\n    DEPRECATED_menuClassName = props.menuClassName,\n    DEPRECATED_menuStyle = props.menuStyle,\n    popupClassName = props.popupClassName,\n    popupStyle = props.popupStyle,\n    _props$popupAutoWidth = props.popupAutoWidth,\n    popupAutoWidth = _props$popupAutoWidth === void 0 ? true : _props$popupAutoWidth,\n    _props$treeHeight = props.treeHeight,\n    treeHeight = _props$treeHeight === void 0 ? 320 : _props$treeHeight,\n    _props$menuAutoWidth = props.menuAutoWidth,\n    menuAutoWidth = _props$menuAutoWidth === void 0 ? popupAutoWidth : _props$menuAutoWidth,\n    _props$valueKey = props.valueKey,\n    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n    _props$virtualized = props.virtualized,\n    virtualized = _props$virtualized === void 0 ? false : _props$virtualized,\n    controlledValue = props.value,\n    listProps = props.listProps,\n    toggleAs = props.toggleAs,\n    searchBy = props.searchBy,\n    getChildren = props.getChildren,\n    onClean = props.onClean,\n    onSearch = props.onSearch,\n    onSelect = props.onSelect,\n    onSelectItem = props.onSelectItem,\n    onChange = props.onChange,\n    onExpand = props.onExpand,\n    onEnter = props.onEnter,\n    onExit = props.onExit,\n    onEntered = props.onEntered,\n    renderValue = props.renderValue,\n    DEPRECATED_renderMenu = props.renderMenu,\n    _props$renderTree = props.renderTree,\n    renderTree = _props$renderTree === void 0 ? DEPRECATED_renderMenu : _props$renderTree,\n    renderTreeIcon = props.renderTreeIcon,\n    renderTreeNode = props.renderTreeNode,\n    renderExtraFooter = props.renderExtraFooter,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCustom = (0, _hooks.useCustom)('Picker', overrideLocale),\n    locale = _useCustom.locale;\n  var _usePickerRef = (0, _Picker.usePickerRef)(ref),\n    trigger = _usePickerRef.trigger,\n    root = _usePickerRef.root,\n    target = _usePickerRef.target,\n    overlay = _usePickerRef.overlay,\n    list = _usePickerRef.list,\n    searchInput = _usePickerRef.searchInput,\n    treeView = _usePickerRef.treeView;\n  var _useControlled = (0, _hooks.useControlled)(controlledValue, defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1];\n  var itemDataKeys = {\n    childrenKey: childrenKey,\n    labelKey: labelKey,\n    valueKey: valueKey\n  };\n  var _useTreeWithChildren = (0, _useTreeWithChildren2.default)(data, itemDataKeys),\n    treeData = _useTreeWithChildren.treeData,\n    loadingNodeValues = _useTreeWithChildren.loadingNodeValues,\n    appendChild = _useTreeWithChildren.appendChild;\n  var flattenedNodes = (0, _useFlattenTree.default)(treeData, (0, _extends2.default)({}, itemDataKeys));\n  var _useExpandTree = (0, _useExpandTree2.default)(data, (0, _extends2.default)({}, itemDataKeys, {\n      defaultExpandAll: defaultExpandAll,\n      defaultExpandItemValues: defaultExpandItemValues,\n      controlledExpandItemValues: controlledExpandItemValues,\n      onExpand: onExpand,\n      getChildren: getChildren,\n      appendChild: appendChild\n    })),\n    expandItemValues = _useExpandTree.expandItemValues,\n    handleExpandTreeNode = _useExpandTree.handleExpandTreeNode;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var activeNode = (0, _utils2.getTreeActiveNode)(flattenedNodes, value, valueKey);\n  var _useTreeImperativeHan = (0, _TreeProvider.useTreeImperativeHandle)(),\n    register = _useTreeImperativeHan.register,\n    focusFirstNode = _useTreeImperativeHan.focusFirstNode,\n    focusActiveNode = _useTreeImperativeHan.focusActiveNode;\n  var _useFocusState = (0, _useFocusState2.default)({\n      focusActiveNode: focusActiveNode,\n      target: target,\n      value: value,\n      onEnter: onEnter,\n      onExit: onExit,\n      onEntered: onEntered\n    }),\n    active = _useFocusState.active,\n    focusItemValue = _useFocusState.focusItemValue,\n    setFocusItemValue = _useFocusState.setFocusItemValue,\n    triggerProps = _useFocusState.triggerProps;\n  var handleSelect = (0, _hooks.useEventCallback)(function (treeNode, value, event) {\n    var _target$current, _trigger$current, _trigger$current$clos;\n    setFocusItemValue(value);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(treeNode, value, event);\n    (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current.focus();\n    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);\n  });\n  var handleClean = (0, _hooks.useEventCallback)(function (event) {\n    var target = event.target;\n    // exclude searchbox\n    if (target.matches('input[role=\"searchbox\"]') || disabled || !cleanable) {\n      return;\n    }\n    setValue(null);\n    onChange === null || onChange === void 0 ? void 0 : onChange(null, event);\n  });\n  var handleTreePressEnter = (0, _hooks.useEventCallback)(function (event) {\n    if ((0, _isNil2.default)(focusItemValue)) {\n      return;\n    }\n    var activeItem = (0, _utils2.getActiveItem)(focusItemValue, flattenedNodes, valueKey);\n    handleSelect(activeItem, event);\n  });\n  var handleTreeKeyDown = (0, _hooks.useEventCallback)(function (event) {\n    (0, _Picker.onMenuKeyDown)(event, {\n      del: handleClean,\n      down: function down() {\n        return focusFirstNode();\n      },\n      enter: handleTreePressEnter\n    });\n  });\n  var onPickerKeydown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({\n    toggle: !activeNode || !active,\n    trigger: trigger,\n    target: target,\n    overlay: overlay,\n    searchInput: searchInput,\n    active: active,\n    onExit: handleClean,\n    onMenuKeyDown: handleTreeKeyDown\n  }, rest));\n  var handleChange = (0, _hooks.useEventCallback)(function (nextValue, event) {\n    setValue(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n  });\n  var treeContext = (0, _react.useMemo)(function () {\n    return {\n      register: register,\n      props: {\n        labelKey: labelKey,\n        valueKey: valueKey,\n        childrenKey: childrenKey,\n        virtualized: virtualized,\n        renderTreeIcon: renderTreeIcon,\n        renderTreeNode: renderTreeNode\n      }\n    };\n  }, [childrenKey, labelKey, valueKey, virtualized, register, renderTreeIcon, renderTreeNode]);\n  var tree = /*#__PURE__*/_react.default.createElement(_TreeProvider.TreeProvider, {\n    value: treeContext,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 227,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_TreeView.default, {\n    ref: treeView,\n    value: value,\n    data: treeData,\n    disabledItemValues: disabledItemValues,\n    expandItemValues: expandItemValues,\n    showIndentLine: showIndentLine,\n    searchable: searchable,\n    searchKeyword: searchKeyword,\n    searchBy: searchBy,\n    loadingNodeValues: loadingNodeValues,\n    flattenedNodes: flattenedNodes,\n    listProps: listProps,\n    listRef: list,\n    locale: overrideLocale,\n    height: treeHeight,\n    onExpand: handleExpandTreeNode,\n    onSearch: onSearch,\n    onChange: handleChange,\n    onSelect: handleSelect,\n    onSelectItem: onSelectItem,\n    onFocusItem: setFocusItemValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 228,\n      columnNumber: 7\n    }\n  }));\n  var renderTreeView = function renderTreeView(positionProps, speakerRef) {\n    var left = positionProps.left,\n      top = positionProps.top,\n      className = positionProps.className;\n    var classes = merge(className, DEPRECATED_menuClassName, popupClassName, prefix('tree-menu'));\n    var mergedMenuStyle = (0, _extends2.default)({}, DEPRECATED_menuStyle, popupStyle, {\n      left: left,\n      top: top\n    });\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: mergedMenuStyle,\n      ref: (0, _utils.mergeRefs)(overlay, speakerRef),\n      onKeyDown: onPickerKeydown,\n      target: trigger,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 260,\n        columnNumber: 7\n      }\n    }, renderTree ? renderTree(tree) : tree, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  /**\n   * 1.Have a value and the value is valid.\n   * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.\n   */\n  var hasValidValue = !(0, _isNil2.default)(activeNode) || !(0, _isNil2.default)(value) && (0, _isFunction2.default)(renderValue);\n  var selectedElement = placeholder;\n  if (hasValidValue) {\n    var node = activeNode !== null && activeNode !== void 0 ? activeNode : {};\n    selectedElement = node[labelKey];\n    if ((0, _isFunction2.default)(renderValue) && value) {\n      selectedElement = renderValue(value, node, selectedElement);\n      if ((0, _isNil2.default)(selectedElement)) {\n        hasValidValue = false;\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  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, (0, _extends2.default)({\n    id: id,\n    popupType: \"tree\",\n    pickerProps: (0, _pick2.default)(props, _Picker.pickTriggerPropKeys),\n    ref: trigger,\n    placement: placement,\n    speaker: renderTreeView\n  }, triggerProps, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 302,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(Component, {\n    className: classes,\n    style: style,\n    ref: root,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 311,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit2.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, ['cascade'])), {\n    ref: target,\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    focusItemValue: focusItemValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 312,\n      columnNumber: 9\n    }\n  }), selectedElement || locale.placeholder)));\n});\nTreePicker.displayName = 'TreePicker';\nvar _default = exports[\"default\"] = TreePicker;\n\n//# sourceURL=webpack://rsuite/./src/TreePicker/TreePicker.tsx?");
 
 /***/ }),
 
@@ -10311,7 +10322,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _find = _interopRequireDefault(__webpack_require__(/*! lodash/find */ \"./node_modules/lodash/find.js\"));\nvar _UploadFileItem = _interopRequireDefault(__webpack_require__(/*! ./UploadFileItem */ \"./src/Uploader/UploadFileItem.tsx\"));\nvar _UploadTrigger = _interopRequireDefault(__webpack_require__(/*! ./UploadTrigger */ \"./src/Uploader/UploadTrigger.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../internals/Plaintext */ \"./src/internals/Plaintext/index.tsx\"));\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _ajaxUpload2 = _interopRequireDefault(__webpack_require__(/*! ./utils/ajaxUpload */ \"./src/Uploader/utils/ajaxUpload.ts\"));\nvar _excluded = [\"as\", \"classPrefix\", \"className\", \"listType\", \"defaultFileList\", \"fileList\", \"fileListVisible\", \"locale\", \"style\", \"draggable\", \"name\", \"multiple\", \"disabled\", \"readOnly\", \"plaintext\", \"accept\", \"children\", \"toggleAs\", \"removable\", \"disabledFileItem\", \"maxPreviewFileSize\", \"method\", \"autoUpload\", \"action\", \"headers\", \"withCredentials\", \"disableMultipart\", \"timeout\", \"data\", \"onRemove\", \"onUpload\", \"shouldUpload\", \"shouldQueueUpdate\", \"renderFileInfo\", \"renderThumbnail\", \"onPreview\", \"onChange\", \"onSuccess\", \"onError\", \"onProgress\", \"onReupload\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Uploader/Uploader.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// Define several states of the file during the upload process.\n\nvar getFiles = function getFiles(event) {\n  if (typeof (event === null || event === void 0 ? void 0 : event['dataTransfer']) === 'object') {\n    var _event$dataTransfer;\n    return event === null || event === void 0 ? void 0 : (_event$dataTransfer = event['dataTransfer']) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.files;\n  }\n  if (event.target) {\n    return event.target['files'];\n  }\n  return [];\n};\nvar createFile = function createFile(file) {\n  var fileKey = file.fileKey;\n  return (0, _extends2.default)({}, file, {\n    fileKey: fileKey || (0, _utils.guid)(),\n    progress: 0\n  });\n};\nfunction fileListReducer(files, action) {\n  var _action$files;\n  switch (action.type) {\n    // Add one or more files\n    case 'push':\n      return [].concat(files, action.files);\n\n    // Remove a file by `fileKey`\n    case 'remove':\n      return files.filter(function (f) {\n        return f.fileKey !== action.fileKey;\n      });\n\n    // Update a file\n    case 'updateFile':\n      return files.map(function (file) {\n        return file.fileKey === action.file.fileKey ? action.file : file;\n      });\n\n    // Initialization file list\n    case 'init':\n      return ((_action$files = action.files) === null || _action$files === void 0 ? void 0 : _action$files.map(function (file) {\n        // The state of the file needs to be preserved when the `fileList` is controlled.\n        return files.find(function (f) {\n          return f.fileKey === file.fileKey;\n        }) || createFile(file);\n      })) || [];\n    default:\n      throw new Error();\n  }\n}\nvar useFileList = function useFileList(defaultFileList) {\n  if (defaultFileList === void 0) {\n    defaultFileList = [];\n  }\n  var fileListRef = (0, _react.useRef)(defaultFileList.map(createFile));\n  var fileListUpdateCallback = (0, _react.useRef)();\n  var _useReducer = (0, _react.useReducer)(fileListReducer, fileListRef.current),\n    fileList = _useReducer[0],\n    dispatch = _useReducer[1];\n  fileListRef.current = fileList;\n  (0, _react.useEffect)(function () {\n    var _fileListUpdateCallba;\n    (_fileListUpdateCallba = fileListUpdateCallback.current) === null || _fileListUpdateCallba === void 0 ? void 0 : _fileListUpdateCallba.call(fileListUpdateCallback, fileList);\n    fileListUpdateCallback.current = null;\n  }, [fileList]);\n  (0, _hooks.useWillUnmount)(function () {\n    fileListUpdateCallback.current = null;\n  });\n  var dispatchCallback = (0, _react.useCallback)(function (action, callback) {\n    dispatch(action);\n    fileListUpdateCallback.current = callback;\n  }, []);\n  return [fileListRef, dispatchCallback];\n};\n\n/**\n * The `Uploader` component is used to upload files.\n *\n * @see https://rsuitejs.com/components/uploader\n */\nvar Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\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 ? 'uploader' : _props$classPrefix,\n    className = props.className,\n    _props$listType = props.listType,\n    listType = _props$listType === void 0 ? 'text' : _props$listType,\n    defaultFileList = props.defaultFileList,\n    fileListProp = props.fileList,\n    _props$fileListVisibl = props.fileListVisible,\n    fileListVisible = _props$fileListVisibl === void 0 ? true : _props$fileListVisibl,\n    localeProp = props.locale,\n    style = props.style,\n    draggable = props.draggable,\n    _props$name = props.name,\n    name = _props$name === void 0 ? 'file' : _props$name,\n    _props$multiple = props.multiple,\n    multiple = _props$multiple === void 0 ? false : _props$multiple,\n    _props$disabled = props.disabled,\n    disabled = _props$disabled === void 0 ? false : _props$disabled,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    accept = props.accept,\n    children = props.children,\n    toggleAs = props.toggleAs,\n    _props$removable = props.removable,\n    removable = _props$removable === void 0 ? true : _props$removable,\n    disabledFileItem = props.disabledFileItem,\n    maxPreviewFileSize = props.maxPreviewFileSize,\n    _props$method = props.method,\n    method = _props$method === void 0 ? 'POST' : _props$method,\n    _props$autoUpload = props.autoUpload,\n    autoUpload = _props$autoUpload === void 0 ? true : _props$autoUpload,\n    action = props.action,\n    headers = props.headers,\n    _props$withCredential = props.withCredentials,\n    withCredentials = _props$withCredential === void 0 ? false : _props$withCredential,\n    disableMultipart = props.disableMultipart,\n    _props$timeout = props.timeout,\n    timeout = _props$timeout === void 0 ? 0 : _props$timeout,\n    _props$data = props.data,\n    data = _props$data === void 0 ? {} : _props$data,\n    onRemove = props.onRemove,\n    onUpload = props.onUpload,\n    shouldUpload = props.shouldUpload,\n    shouldQueueUpdate = props.shouldQueueUpdate,\n    renderFileInfo = props.renderFileInfo,\n    renderThumbnail = props.renderThumbnail,\n    onPreview = props.onPreview,\n    onChange = props.onChange,\n    onSuccess = props.onSuccess,\n    onError = props.onError,\n    onProgress = props.onProgress,\n    onReupload = props.onReupload,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix;\n  var classes = merge(className, withClassPrefix(listType, {\n    draggable: draggable\n  }));\n  var _useCustom = (0, _hooks.useCustom)('Uploader', localeProp),\n    locale = _useCustom.locale;\n  var rootRef = (0, _react.useRef)();\n  var xhrs = (0, _react.useRef)({});\n  var trigger = (0, _react.useRef)();\n  var _useFileList = useFileList(fileListProp || defaultFileList),\n    fileList = _useFileList[0],\n    dispatch = _useFileList[1];\n  (0, _react.useEffect)(function () {\n    if (typeof fileListProp !== 'undefined') {\n      // Force reset fileList in reducer, when `fileListProp` is updated\n      dispatch({\n        type: 'init',\n        files: fileListProp\n      });\n    }\n  }, [dispatch, fileListProp]);\n  var updateFileStatus = (0, _react.useCallback)(function (nextFile) {\n    dispatch({\n      type: 'updateFile',\n      file: nextFile\n    });\n  }, [dispatch]);\n\n  /**\n   * Clear the value in input.\n   */\n  var cleanInputValue = (0, _react.useCallback)(function () {\n    var _trigger$current;\n    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : _trigger$current.clearInput();\n  }, []);\n\n  /**\n   * Callback for successful file upload.\n   * @param file\n   * @param response\n   * @param event\n   * @param xhr\n   */\n  var handleAjaxUploadSuccess = (0, _react.useCallback)(function (file, response, event, xhr) {\n    var nextFile = (0, _extends2.default)({}, file, {\n      status: 'finished',\n      progress: 100\n    });\n    updateFileStatus(nextFile);\n    onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response, nextFile, event, xhr);\n  }, [onSuccess, updateFileStatus]);\n\n  /**\n   * Callback for file upload error.\n   * @param file\n   * @param status\n   * @param event\n   * @param xhr\n   */\n  var handleAjaxUploadError = (0, _react.useCallback)(function (file, status, event, xhr) {\n    var nextFile = (0, _extends2.default)({}, file, {\n      status: 'error'\n    });\n    updateFileStatus(nextFile);\n    onError === null || onError === void 0 ? void 0 : onError(status, nextFile, event, xhr);\n  }, [onError, updateFileStatus]);\n\n  /**\n   * Callback for file upload progress update.\n   * @param file\n   * @param percent\n   * @param event\n   * @param xhr\n   */\n  var handleAjaxUploadProgress = (0, _react.useCallback)(function (file, percent, event, xhr) {\n    var nextFile = (0, _extends2.default)({}, file, {\n      status: 'uploading',\n      progress: percent\n    });\n    updateFileStatus(nextFile);\n    onProgress === null || onProgress === void 0 ? void 0 : onProgress(percent, nextFile, event, xhr);\n  }, [onProgress, updateFileStatus]);\n\n  /**\n   * Upload a single file.\n   * @param file\n   */\n  var handleUploadFile = (0, _react.useCallback)(function (file) {\n    var _ajaxUpload = (0, _ajaxUpload2.default)({\n        name: name,\n        timeout: timeout,\n        headers: headers,\n        data: data,\n        method: method,\n        withCredentials: withCredentials,\n        disableMultipart: disableMultipart,\n        file: file.blobFile,\n        url: action,\n        onError: handleAjaxUploadError.bind(null, file),\n        onSuccess: handleAjaxUploadSuccess.bind(null, file),\n        onProgress: handleAjaxUploadProgress.bind(null, file)\n      }),\n      xhr = _ajaxUpload.xhr,\n      uploadData = _ajaxUpload.data;\n    updateFileStatus((0, _extends2.default)({}, file, {\n      status: 'uploading'\n    }));\n    if (file.fileKey) {\n      xhrs.current[file.fileKey] = xhr;\n    }\n    onUpload === null || onUpload === void 0 ? void 0 : onUpload(file, uploadData, xhr);\n  }, [name, timeout, headers, data, method, withCredentials, disableMultipart, action, handleAjaxUploadError, handleAjaxUploadSuccess, handleAjaxUploadProgress, updateFileStatus, onUpload]);\n  var handleAjaxUpload = (0, _react.useCallback)(function () {\n    fileList.current.forEach(function (file) {\n      var checkState = shouldUpload === null || shouldUpload === void 0 ? void 0 : shouldUpload(file);\n      if (checkState instanceof Promise) {\n        checkState.then(function (res) {\n          if (res) {\n            handleUploadFile(file);\n          }\n        });\n        return;\n      } else if (checkState === false) {\n        return;\n      }\n      if (file.status === 'inited') {\n        handleUploadFile(file);\n      }\n    });\n    cleanInputValue();\n  }, [cleanInputValue, fileList, handleUploadFile, shouldUpload]);\n  var handleUploadTriggerChange = function handleUploadTriggerChange(event) {\n    var files = getFiles(event);\n    var newFileList = [];\n    Array.from(files).forEach(function (file) {\n      newFileList.push({\n        blobFile: file,\n        name: file.name,\n        status: 'inited',\n        fileKey: (0, _utils.guid)()\n      });\n    });\n    var nextFileList = [].concat(fileList.current, newFileList);\n    var checkState = shouldQueueUpdate === null || shouldQueueUpdate === void 0 ? void 0 : shouldQueueUpdate(nextFileList, newFileList);\n    if (checkState === false) {\n      cleanInputValue();\n      return;\n    }\n    var upload = function upload() {\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextFileList);\n      dispatch({\n        type: 'push',\n        files: newFileList\n      }, function () {\n        autoUpload && handleAjaxUpload();\n      });\n    };\n    if (checkState instanceof Promise) {\n      checkState.then(function (res) {\n        res && upload();\n      });\n      return;\n    }\n    upload();\n  };\n  var handleRemoveFile = function handleRemoveFile(fileKey) {\n    var _xhrs$current, _xhrs$current$file$fi;\n    var file = (0, _find.default)(fileList.current, function (f) {\n      return f.fileKey === fileKey;\n    });\n    var nextFileList = fileList.current.filter(function (f) {\n      return f.fileKey !== fileKey;\n    });\n    if (((_xhrs$current = xhrs.current) === null || _xhrs$current === void 0 ? void 0 : (_xhrs$current$file$fi = _xhrs$current[file.fileKey]) === null || _xhrs$current$file$fi === void 0 ? void 0 : _xhrs$current$file$fi.readyState) !== 4) {\n      var _xhrs$current$file$fi2;\n      (_xhrs$current$file$fi2 = xhrs.current[file.fileKey]) === null || _xhrs$current$file$fi2 === void 0 ? void 0 : _xhrs$current$file$fi2.abort();\n    }\n    dispatch({\n      type: 'remove',\n      fileKey: fileKey\n    });\n    onRemove === null || onRemove === void 0 ? void 0 : onRemove(file);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextFileList);\n    cleanInputValue();\n  };\n  var handleReupload = function handleReupload(file) {\n    autoUpload && handleUploadFile(file);\n    onReupload === null || onReupload === void 0 ? void 0 : onReupload(file);\n  };\n\n  // public API\n  var start = function start(file) {\n    if (file) {\n      handleUploadFile(file);\n      return;\n    }\n    handleAjaxUpload();\n  };\n  (0, _react.useImperativeHandle)(ref, function () {\n    return {\n      root: rootRef.current,\n      start: start\n    };\n  });\n  var renderList = [/*#__PURE__*/_react.default.createElement(_UploadTrigger.default, (0, _extends2.default)({}, rest, {\n    locale: locale,\n    name: name,\n    key: \"trigger\",\n    multiple: multiple,\n    draggable: draggable,\n    disabled: disabled,\n    readOnly: readOnly,\n    accept: accept,\n    ref: trigger,\n    onChange: handleUploadTriggerChange,\n    as: toggleAs,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 539,\n      columnNumber: 5\n    }\n  }), children)];\n  if (fileListVisible) {\n    renderList.push( /*#__PURE__*/_react.default.createElement(\"div\", {\n      key: \"items\",\n      className: prefix('file-items'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 559,\n        columnNumber: 7\n      }\n    }, fileList.current.map(function (file, index) {\n      return /*#__PURE__*/_react.default.createElement(_UploadFileItem.default, {\n        locale: locale,\n        key: file.fileKey || index,\n        file: file,\n        maxPreviewFileSize: maxPreviewFileSize,\n        listType: listType,\n        disabled: disabledFileItem,\n        onPreview: onPreview,\n        onReupload: handleReupload,\n        onCancel: handleRemoveFile,\n        renderFileInfo: renderFileInfo,\n        renderThumbnail: renderThumbnail,\n        removable: removable && !readOnly && !plaintext,\n        allowReupload: !readOnly && !plaintext,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 561,\n          columnNumber: 11\n        }\n      });\n    })));\n  }\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      localeKey: \"notUploaded\",\n      className: withClassPrefix(listType),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 583,\n        columnNumber: 7\n      }\n    }, fileList.current.length ? renderList[1] : null);\n  }\n  if (listType === 'picture') {\n    renderList.reverse();\n  }\n  return /*#__PURE__*/_react.default.createElement(Component, {\n    ref: rootRef,\n    className: classes,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 594,\n      columnNumber: 5\n    }\n  }, renderList);\n});\nUploader.displayName = 'Uploader';\nUploader.propTypes = {\n  action: _propTypes.default.string.isRequired,\n  accept: _propTypes.default.string,\n  autoUpload: _propTypes.default.bool,\n  children: _propTypes.default.node,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  defaultFileList: _propTypes.default.array,\n  fileList: _propTypes.default.array,\n  data: _propTypes.default.object,\n  multiple: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  disabledFileItem: _propTypes.default.bool,\n  name: _propTypes.default.string,\n  timeout: _propTypes.default.number,\n  withCredentials: _propTypes.default.bool,\n  headers: _propTypes.default.object,\n  locale: _propTypes.default.any,\n  listType: (0, _propTypes2.oneOf)(['text', 'picture-text', 'picture']),\n  shouldQueueUpdate: _propTypes.default.func,\n  shouldUpload: _propTypes.default.func,\n  onChange: _propTypes.default.func,\n  onUpload: _propTypes.default.func,\n  onReupload: _propTypes.default.func,\n  onPreview: _propTypes.default.func,\n  onError: _propTypes.default.func,\n  onSuccess: _propTypes.default.func,\n  onProgress: _propTypes.default.func,\n  onRemove: _propTypes.default.func,\n  maxPreviewFileSize: _propTypes.default.number,\n  method: _propTypes.default.string,\n  style: _propTypes.default.object,\n  renderFileInfo: _propTypes.default.func,\n  renderThumbnail: _propTypes.default.func,\n  removable: _propTypes.default.bool,\n  fileListVisible: _propTypes.default.bool,\n  draggable: _propTypes.default.bool,\n  disableMultipart: _propTypes.default.bool\n};\nvar _default = exports[\"default\"] = Uploader;\n\n//# sourceURL=webpack://rsuite/./src/Uploader/Uploader.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _find = _interopRequireDefault(__webpack_require__(/*! lodash/find */ \"./node_modules/lodash/find.js\"));\nvar _UploadFileItem = _interopRequireDefault(__webpack_require__(/*! ./UploadFileItem */ \"./src/Uploader/UploadFileItem.tsx\"));\nvar _UploadTrigger = _interopRequireDefault(__webpack_require__(/*! ./UploadTrigger */ \"./src/Uploader/UploadTrigger.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../internals/Plaintext */ \"./src/internals/Plaintext/index.tsx\"));\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _ajaxUpload2 = _interopRequireDefault(__webpack_require__(/*! ./utils/ajaxUpload */ \"./src/Uploader/utils/ajaxUpload.ts\"));\nvar _excluded = [\"as\", \"classPrefix\", \"className\", \"listType\", \"defaultFileList\", \"fileList\", \"fileListVisible\", \"locale\", \"style\", \"draggable\", \"name\", \"multiple\", \"disabled\", \"readOnly\", \"plaintext\", \"accept\", \"children\", \"toggleAs\", \"removable\", \"disabledFileItem\", \"maxPreviewFileSize\", \"method\", \"autoUpload\", \"action\", \"headers\", \"withCredentials\", \"disableMultipart\", \"timeout\", \"data\", \"onRemove\", \"onUpload\", \"shouldUpload\", \"shouldQueueUpdate\", \"renderFileInfo\", \"renderThumbnail\", \"onPreview\", \"onChange\", \"onSuccess\", \"onError\", \"onProgress\", \"onReupload\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Uploader/Uploader.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n// Define several states of the file during the upload process.\n\nvar getFiles = function getFiles(event) {\n  if (typeof (event === null || event === void 0 ? void 0 : event['dataTransfer']) === 'object') {\n    var _event$dataTransfer;\n    return event === null || event === void 0 ? void 0 : (_event$dataTransfer = event['dataTransfer']) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.files;\n  }\n  if (event.target) {\n    return event.target['files'];\n  }\n  return [];\n};\nvar createFile = function createFile(file) {\n  var fileKey = file.fileKey;\n  return (0, _extends2.default)({}, file, {\n    fileKey: fileKey || (0, _utils.guid)(),\n    progress: 0\n  });\n};\nfunction fileListReducer(files, action) {\n  var _action$files;\n  switch (action.type) {\n    // Add one or more files\n    case 'push':\n      return [].concat(files, action.files);\n\n    // Remove a file by `fileKey`\n    case 'remove':\n      return files.filter(function (f) {\n        return f.fileKey !== action.fileKey;\n      });\n\n    // Update a file\n    case 'updateFile':\n      return files.map(function (file) {\n        return file.fileKey === action.file.fileKey ? action.file : file;\n      });\n\n    // Initialization file list\n    case 'init':\n      return ((_action$files = action.files) === null || _action$files === void 0 ? void 0 : _action$files.map(function (file) {\n        // The state of the file needs to be preserved when the `fileList` is controlled.\n        return files.find(function (f) {\n          return f.fileKey === file.fileKey;\n        }) || createFile(file);\n      })) || [];\n    default:\n      throw new Error();\n  }\n}\nvar useFileList = function useFileList(defaultFileList) {\n  if (defaultFileList === void 0) {\n    defaultFileList = [];\n  }\n  var fileListRef = (0, _react.useRef)(defaultFileList.map(createFile));\n  var fileListUpdateCallback = (0, _react.useRef)();\n  var _useReducer = (0, _react.useReducer)(fileListReducer, fileListRef.current),\n    fileList = _useReducer[0],\n    dispatch = _useReducer[1];\n  fileListRef.current = fileList;\n  (0, _react.useEffect)(function () {\n    var _fileListUpdateCallba;\n    (_fileListUpdateCallba = fileListUpdateCallback.current) === null || _fileListUpdateCallba === void 0 ? void 0 : _fileListUpdateCallba.call(fileListUpdateCallback, fileList);\n    fileListUpdateCallback.current = null;\n  }, [fileList]);\n  (0, _hooks.useWillUnmount)(function () {\n    fileListUpdateCallback.current = null;\n  });\n  var dispatchCallback = (0, _react.useCallback)(function (action, callback) {\n    dispatch(action);\n    fileListUpdateCallback.current = callback;\n  }, []);\n  return [fileListRef, dispatchCallback];\n};\n\n/**\n * The `Uploader` component is used to upload files.\n *\n * @see https://rsuitejs.com/components/uploader\n */\nvar Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\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 ? 'uploader' : _props$classPrefix,\n    className = props.className,\n    _props$listType = props.listType,\n    listType = _props$listType === void 0 ? 'text' : _props$listType,\n    defaultFileList = props.defaultFileList,\n    fileListProp = props.fileList,\n    _props$fileListVisibl = props.fileListVisible,\n    fileListVisible = _props$fileListVisibl === void 0 ? true : _props$fileListVisibl,\n    localeProp = props.locale,\n    style = props.style,\n    draggable = props.draggable,\n    _props$name = props.name,\n    name = _props$name === void 0 ? 'file' : _props$name,\n    _props$multiple = props.multiple,\n    multiple = _props$multiple === void 0 ? false : _props$multiple,\n    _props$disabled = props.disabled,\n    disabled = _props$disabled === void 0 ? false : _props$disabled,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    accept = props.accept,\n    children = props.children,\n    toggleAs = props.toggleAs,\n    _props$removable = props.removable,\n    removable = _props$removable === void 0 ? true : _props$removable,\n    disabledFileItem = props.disabledFileItem,\n    maxPreviewFileSize = props.maxPreviewFileSize,\n    _props$method = props.method,\n    method = _props$method === void 0 ? 'POST' : _props$method,\n    _props$autoUpload = props.autoUpload,\n    autoUpload = _props$autoUpload === void 0 ? true : _props$autoUpload,\n    action = props.action,\n    headers = props.headers,\n    _props$withCredential = props.withCredentials,\n    withCredentials = _props$withCredential === void 0 ? false : _props$withCredential,\n    disableMultipart = props.disableMultipart,\n    _props$timeout = props.timeout,\n    timeout = _props$timeout === void 0 ? 0 : _props$timeout,\n    _props$data = props.data,\n    data = _props$data === void 0 ? {} : _props$data,\n    onRemove = props.onRemove,\n    onUpload = props.onUpload,\n    shouldUpload = props.shouldUpload,\n    shouldQueueUpdate = props.shouldQueueUpdate,\n    renderFileInfo = props.renderFileInfo,\n    renderThumbnail = props.renderThumbnail,\n    onPreview = props.onPreview,\n    onChange = props.onChange,\n    onSuccess = props.onSuccess,\n    onError = props.onError,\n    onProgress = props.onProgress,\n    onReupload = props.onReupload,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix;\n  var classes = merge(className, withClassPrefix(listType, {\n    draggable: draggable\n  }));\n  var _useCustom = (0, _hooks.useCustom)('Uploader', localeProp),\n    locale = _useCustom.locale;\n  var rootRef = (0, _react.useRef)();\n  var xhrs = (0, _react.useRef)({});\n  var trigger = (0, _react.useRef)();\n  var _useFileList = useFileList(fileListProp || defaultFileList),\n    fileList = _useFileList[0],\n    dispatch = _useFileList[1];\n  (0, _react.useEffect)(function () {\n    if (typeof fileListProp !== 'undefined') {\n      // Force reset fileList in reducer, when `fileListProp` is updated\n      dispatch({\n        type: 'init',\n        files: fileListProp\n      });\n    }\n  }, [dispatch, fileListProp]);\n  var updateFileStatus = (0, _react.useCallback)(function (nextFile) {\n    dispatch({\n      type: 'updateFile',\n      file: nextFile\n    });\n  }, [dispatch]);\n\n  /**\n   * Clear the value in input.\n   */\n  var cleanInputValue = (0, _react.useCallback)(function () {\n    var _trigger$current;\n    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : _trigger$current.clearInput();\n  }, []);\n\n  /**\n   * Callback for successful file upload.\n   * @param file\n   * @param response\n   * @param event\n   * @param xhr\n   */\n  var handleAjaxUploadSuccess = (0, _react.useCallback)(function (file, response, event, xhr) {\n    var nextFile = (0, _extends2.default)({}, file, {\n      status: 'finished',\n      progress: 100\n    });\n    updateFileStatus(nextFile);\n    onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response, nextFile, event, xhr);\n  }, [onSuccess, updateFileStatus]);\n\n  /**\n   * Callback for file upload error.\n   * @param file\n   * @param status\n   * @param event\n   * @param xhr\n   */\n  var handleAjaxUploadError = (0, _react.useCallback)(function (file, status, event, xhr) {\n    var nextFile = (0, _extends2.default)({}, file, {\n      status: 'error'\n    });\n    updateFileStatus(nextFile);\n    onError === null || onError === void 0 ? void 0 : onError(status, nextFile, event, xhr);\n  }, [onError, updateFileStatus]);\n\n  /**\n   * Callback for file upload progress update.\n   * @param file\n   * @param percent\n   * @param event\n   * @param xhr\n   */\n  var handleAjaxUploadProgress = (0, _react.useCallback)(function (file, percent, event, xhr) {\n    var nextFile = (0, _extends2.default)({}, file, {\n      status: 'uploading',\n      progress: percent\n    });\n    updateFileStatus(nextFile);\n    onProgress === null || onProgress === void 0 ? void 0 : onProgress(percent, nextFile, event, xhr);\n  }, [onProgress, updateFileStatus]);\n\n  /**\n   * Upload a single file.\n   * @param file\n   */\n  var handleUploadFile = (0, _react.useCallback)(function (file) {\n    var _ajaxUpload = (0, _ajaxUpload2.default)({\n        name: name,\n        timeout: timeout,\n        headers: headers,\n        data: data,\n        method: method,\n        withCredentials: withCredentials,\n        disableMultipart: disableMultipart,\n        file: file.blobFile,\n        url: action,\n        onError: handleAjaxUploadError.bind(null, file),\n        onSuccess: handleAjaxUploadSuccess.bind(null, file),\n        onProgress: handleAjaxUploadProgress.bind(null, file)\n      }),\n      xhr = _ajaxUpload.xhr,\n      uploadData = _ajaxUpload.data;\n    updateFileStatus((0, _extends2.default)({}, file, {\n      status: 'uploading'\n    }));\n    if (file.fileKey) {\n      xhrs.current[file.fileKey] = xhr;\n    }\n    onUpload === null || onUpload === void 0 ? void 0 : onUpload(file, uploadData, xhr);\n  }, [name, timeout, headers, data, method, withCredentials, disableMultipart, action, handleAjaxUploadError, handleAjaxUploadSuccess, handleAjaxUploadProgress, updateFileStatus, onUpload]);\n  var handleAjaxUpload = (0, _react.useCallback)(function () {\n    fileList.current.forEach(function (file) {\n      var checkState = shouldUpload === null || shouldUpload === void 0 ? void 0 : shouldUpload(file);\n      if (checkState instanceof Promise) {\n        checkState.then(function (res) {\n          if (res) {\n            handleUploadFile(file);\n          }\n        });\n        return;\n      } else if (checkState === false) {\n        return;\n      }\n      if (file.status === 'inited') {\n        handleUploadFile(file);\n      }\n    });\n    cleanInputValue();\n  }, [cleanInputValue, fileList, handleUploadFile, shouldUpload]);\n  var handleUploadTriggerChange = function handleUploadTriggerChange(event) {\n    var files = getFiles(event);\n    var newFileList = [];\n    Array.from(files).forEach(function (file) {\n      newFileList.push({\n        blobFile: file,\n        name: file.name,\n        status: 'inited',\n        fileKey: (0, _utils.guid)()\n      });\n    });\n    var nextFileList = [].concat(fileList.current, newFileList);\n    var checkState = shouldQueueUpdate === null || shouldQueueUpdate === void 0 ? void 0 : shouldQueueUpdate(nextFileList, newFileList);\n    if (checkState === false) {\n      cleanInputValue();\n      return;\n    }\n    var upload = function upload() {\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextFileList, event);\n      if (rootRef.current) {\n        dispatch({\n          type: 'push',\n          files: newFileList\n        }, function () {\n          autoUpload && handleAjaxUpload();\n        });\n      }\n    };\n    if (checkState instanceof Promise) {\n      checkState.then(function (res) {\n        res && upload();\n      });\n      return;\n    }\n    upload();\n  };\n  var handleRemoveFile = function handleRemoveFile(fileKey, event) {\n    var _xhrs$current, _xhrs$current$file$fi;\n    var file = (0, _find.default)(fileList.current, function (f) {\n      return f.fileKey === fileKey;\n    });\n    var nextFileList = fileList.current.filter(function (f) {\n      return f.fileKey !== fileKey;\n    });\n    if (((_xhrs$current = xhrs.current) === null || _xhrs$current === void 0 ? void 0 : (_xhrs$current$file$fi = _xhrs$current[file.fileKey]) === null || _xhrs$current$file$fi === void 0 ? void 0 : _xhrs$current$file$fi.readyState) !== 4) {\n      var _xhrs$current$file$fi2;\n      (_xhrs$current$file$fi2 = xhrs.current[file.fileKey]) === null || _xhrs$current$file$fi2 === void 0 ? void 0 : _xhrs$current$file$fi2.abort();\n    }\n    dispatch({\n      type: 'remove',\n      fileKey: fileKey\n    });\n    onRemove === null || onRemove === void 0 ? void 0 : onRemove(file);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextFileList, event);\n    cleanInputValue();\n  };\n  var handleReupload = function handleReupload(file) {\n    autoUpload && handleUploadFile(file);\n    onReupload === null || onReupload === void 0 ? void 0 : onReupload(file);\n  };\n\n  // public API\n  var start = function start(file) {\n    if (file) {\n      handleUploadFile(file);\n      return;\n    }\n    handleAjaxUpload();\n  };\n  (0, _react.useImperativeHandle)(ref, function () {\n    return {\n      root: rootRef.current,\n      start: start\n    };\n  });\n  var renderList = [/*#__PURE__*/_react.default.createElement(_UploadTrigger.default, (0, _extends2.default)({}, rest, {\n    locale: locale,\n    name: name,\n    key: \"trigger\",\n    multiple: multiple,\n    draggable: draggable,\n    disabled: disabled,\n    readOnly: readOnly,\n    accept: accept,\n    ref: trigger,\n    onChange: handleUploadTriggerChange,\n    as: toggleAs,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 541,\n      columnNumber: 5\n    }\n  }), children)];\n  if (fileListVisible) {\n    renderList.push( /*#__PURE__*/_react.default.createElement(\"div\", {\n      key: \"items\",\n      className: prefix('file-items'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 561,\n        columnNumber: 7\n      }\n    }, fileList.current.map(function (file, index) {\n      return /*#__PURE__*/_react.default.createElement(_UploadFileItem.default, {\n        locale: locale,\n        key: file.fileKey || index,\n        file: file,\n        maxPreviewFileSize: maxPreviewFileSize,\n        listType: listType,\n        disabled: disabledFileItem,\n        onPreview: onPreview,\n        onReupload: handleReupload,\n        onCancel: handleRemoveFile,\n        renderFileInfo: renderFileInfo,\n        renderThumbnail: renderThumbnail,\n        removable: removable && !readOnly && !plaintext,\n        allowReupload: !readOnly && !plaintext,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 563,\n          columnNumber: 11\n        }\n      });\n    })));\n  }\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      localeKey: \"notUploaded\",\n      className: withClassPrefix(listType),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 585,\n        columnNumber: 7\n      }\n    }, fileList.current.length ? renderList[1] : null);\n  }\n  if (listType === 'picture') {\n    renderList.reverse();\n  }\n  return /*#__PURE__*/_react.default.createElement(Component, {\n    ref: rootRef,\n    className: classes,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 596,\n      columnNumber: 5\n    }\n  }, renderList);\n});\nUploader.displayName = 'Uploader';\nUploader.propTypes = {\n  action: _propTypes.default.string.isRequired,\n  accept: _propTypes.default.string,\n  autoUpload: _propTypes.default.bool,\n  children: _propTypes.default.node,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  defaultFileList: _propTypes.default.array,\n  fileList: _propTypes.default.array,\n  data: _propTypes.default.object,\n  multiple: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  disabledFileItem: _propTypes.default.bool,\n  name: _propTypes.default.string,\n  timeout: _propTypes.default.number,\n  withCredentials: _propTypes.default.bool,\n  headers: _propTypes.default.object,\n  locale: _propTypes.default.any,\n  listType: (0, _propTypes2.oneOf)(['text', 'picture-text', 'picture']),\n  shouldQueueUpdate: _propTypes.default.func,\n  shouldUpload: _propTypes.default.func,\n  onChange: _propTypes.default.func,\n  onUpload: _propTypes.default.func,\n  onReupload: _propTypes.default.func,\n  onPreview: _propTypes.default.func,\n  onError: _propTypes.default.func,\n  onSuccess: _propTypes.default.func,\n  onProgress: _propTypes.default.func,\n  onRemove: _propTypes.default.func,\n  maxPreviewFileSize: _propTypes.default.number,\n  method: _propTypes.default.string,\n  style: _propTypes.default.object,\n  renderFileInfo: _propTypes.default.func,\n  renderThumbnail: _propTypes.default.func,\n  removable: _propTypes.default.bool,\n  fileListVisible: _propTypes.default.bool,\n  draggable: _propTypes.default.bool,\n  disableMultipart: _propTypes.default.bool\n};\nvar _default = exports[\"default\"] = Uploader;\n\n//# sourceURL=webpack://rsuite/./src/Uploader/Uploader.tsx?");
 
 /***/ }),
 
@@ -15809,9 +15820,9 @@ eval("var toFinite = __webpack_require__(/*! ./toFinite */ \"./node_modules/loda
 /*!*****************************************!*\
   !*** ./node_modules/lodash/toNumber.js ***!
   \*****************************************/
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+/***/ (function(module) {
 
-eval("var baseTrim = __webpack_require__(/*! ./_baseTrim */ \"./node_modules/lodash/_baseTrim.js\"),\n    isObject = __webpack_require__(/*! ./isObject */ \"./node_modules/lodash/isObject.js\"),\n    isSymbol = __webpack_require__(/*! ./isSymbol */ \"./node_modules/lodash/isSymbol.js\");\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n  if (typeof value == 'number') {\n    return value;\n  }\n  if (isSymbol(value)) {\n    return NAN;\n  }\n  if (isObject(value)) {\n    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n    value = isObject(other) ? (other + '') : other;\n  }\n  if (typeof value != 'string') {\n    return value === 0 ? value : +value;\n  }\n  value = baseTrim(value);\n  var isBinary = reIsBinary.test(value);\n  return (isBinary || reIsOctal.test(value))\n    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n    : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = toNumber;\n\n\n//# sourceURL=webpack://rsuite/./node_modules/lodash/toNumber.js?");
+eval("/**\n * This method returns the first argument it receives.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Util\n * @param {*} value Any value.\n * @returns {*} Returns `value`.\n * @example\n *\n * var object = { 'a': 1 };\n *\n * console.log(_.identity(object) === object);\n * // => true\n */\nfunction identity(value) {\n  return value;\n}\n\nmodule.exports = identity;\n\n\n//# sourceURL=webpack://rsuite/./node_modules/lodash/toNumber.js?");
 
 /***/ }),
 
@@ -15829,9 +15840,9 @@ eval("var copyObject = __webpack_require__(/*! ./_copyObject */ \"./node_modules
 /*!*****************************************!*\
   !*** ./node_modules/lodash/toString.js ***!
   \*****************************************/
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+/***/ (function(module) {
 
-eval("var baseToString = __webpack_require__(/*! ./_baseToString */ \"./node_modules/lodash/_baseToString.js\");\n\n/**\n * Converts `value` to a string. An empty string is returned for `null`\n * and `undefined` values. The sign of `-0` is preserved.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n * @example\n *\n * _.toString(null);\n * // => ''\n *\n * _.toString(-0);\n * // => '-0'\n *\n * _.toString([1, 2, 3]);\n * // => '1,2,3'\n */\nfunction toString(value) {\n  return value == null ? '' : baseToString(value);\n}\n\nmodule.exports = toString;\n\n\n//# sourceURL=webpack://rsuite/./node_modules/lodash/toString.js?");
+eval("/**\n * This method returns the first argument it receives.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Util\n * @param {*} value Any value.\n * @returns {*} Returns `value`.\n * @example\n *\n * var object = { 'a': 1 };\n *\n * console.log(_.identity(object) === object);\n * // => true\n */\nfunction identity(value) {\n  return value;\n}\n\nmodule.exports = identity;\n\n\n//# sourceURL=webpack://rsuite/./node_modules/lodash/toString.js?");
 
 /***/ }),