rsuite 5.65.0 → 5.66.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?");
 
 /***/ }),
 
@@ -7231,7 +7231,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 _Slide = _interopRequireDefault(__webpack_require__(/*! ../Animation/Slide */ \"./src/Animation/Slide.tsx\"));\nvar _Modal = _interopRequireDefault(__webpack_require__(/*! ../Modal */ \"./src/Modal/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _DrawerContext = _interopRequireDefault(__webpack_require__(/*! ./DrawerContext */ \"./src/Drawer/DrawerContext.ts\"));\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _DrawerBody = _interopRequireDefault(__webpack_require__(/*! ./DrawerBody */ \"./src/Drawer/DrawerBody.tsx\"));\nvar _DrawerHeader = _interopRequireDefault(__webpack_require__(/*! ./DrawerHeader */ \"./src/Drawer/DrawerHeader.tsx\"));\nvar _DrawerActions = _interopRequireDefault(__webpack_require__(/*! ./DrawerActions */ \"./src/Drawer/DrawerActions.tsx\"));\nvar _DrawerFooter = _interopRequireDefault(__webpack_require__(/*! ./DrawerFooter */ \"./src/Drawer/DrawerFooter.tsx\"));\nvar _DrawerTitle = _interopRequireDefault(__webpack_require__(/*! ./DrawerTitle */ \"./src/Drawer/DrawerTitle.tsx\"));\nvar _excluded = [\"className\", \"placement\", \"classPrefix\", \"animation\", \"closeButton\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Drawer/Drawer.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 Drawer component is used to display extra content from a main content.\n * @see https://rsuitejs.com/components/drawer\n */\nvar Drawer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var className = props.className,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'right' : _props$placement,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'drawer' : _props$classPrefix,\n    _props$animation = props.animation,\n    animation = _props$animation === void 0 ? _Slide.default : _props$animation,\n    _props$closeButton = props.closeButton,\n    closeButton = _props$closeButton === void 0 ? true : _props$closeButton,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var classes = merge(className, prefix(placement));\n  var animationProps = {\n    placement: placement\n  };\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      closeButton: closeButton,\n      isDrawer: true\n    };\n  }, [closeButton]);\n  return /*#__PURE__*/_react.default.createElement(_DrawerContext.default.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 57,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Modal.default, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    classPrefix: classPrefix,\n    className: classes,\n    animation: animation,\n    animationProps: animationProps,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 58,\n      columnNumber: 7\n    }\n  })));\n});\n_DrawerBody.default.displayName = 'DrawerBody';\n_DrawerHeader.default.displayName = 'DrawerHeader';\n_DrawerActions.default.displayName = 'DrawerActions';\n_DrawerFooter.default.displayName = 'DrawerFooter';\n_DrawerTitle.default.displayName = 'DrawerTitle';\nDrawer.Body = _DrawerBody.default;\nDrawer.Header = _DrawerHeader.default;\nDrawer.Actions = _DrawerActions.default;\nDrawer.Footer = (0, _utils.deprecateComponent)(_DrawerFooter.default, '<Drawer.Footer> has been deprecated, use <Drawer.Actions> instead.');\nDrawer.Title = _DrawerTitle.default;\nDrawer.displayName = 'Drawer';\nDrawer.propTypes = (0, _extends2.default)({}, _Modal.default.propTypes, {\n  classPrefix: _propTypes.default.string,\n  placement: (0, _propTypes2.oneOf)(['top', 'right', 'bottom', 'left']),\n  children: _propTypes.default.node,\n  className: _propTypes.default.string\n});\nvar _default = exports[\"default\"] = Drawer;\n\n//# sourceURL=webpack://rsuite/./src/Drawer/Drawer.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 _Slide = _interopRequireDefault(__webpack_require__(/*! ../Animation/Slide */ \"./src/Animation/Slide.tsx\"));\nvar _Modal = _interopRequireDefault(__webpack_require__(/*! ../Modal */ \"./src/Modal/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _DrawerContext = _interopRequireDefault(__webpack_require__(/*! ./DrawerContext */ \"./src/Drawer/DrawerContext.ts\"));\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _DrawerBody = _interopRequireDefault(__webpack_require__(/*! ./DrawerBody */ \"./src/Drawer/DrawerBody.tsx\"));\nvar _DrawerHeader = _interopRequireDefault(__webpack_require__(/*! ./DrawerHeader */ \"./src/Drawer/DrawerHeader.tsx\"));\nvar _DrawerActions = _interopRequireDefault(__webpack_require__(/*! ./DrawerActions */ \"./src/Drawer/DrawerActions.tsx\"));\nvar _DrawerFooter = _interopRequireDefault(__webpack_require__(/*! ./DrawerFooter */ \"./src/Drawer/DrawerFooter.tsx\"));\nvar _DrawerTitle = _interopRequireDefault(__webpack_require__(/*! ./DrawerTitle */ \"./src/Drawer/DrawerTitle.tsx\"));\nvar _excluded = [\"className\", \"placement\", \"classPrefix\", \"animation\", \"closeButton\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Drawer/Drawer.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 Drawer component is used to display extra content from a main content.\n * @see https://rsuitejs.com/components/drawer\n */\nvar Drawer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var className = props.className,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'right' : _props$placement,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'drawer' : _props$classPrefix,\n    _props$animation = props.animation,\n    animation = _props$animation === void 0 ? _Slide.default : _props$animation,\n    _props$closeButton = props.closeButton,\n    closeButton = _props$closeButton === void 0 ? true : _props$closeButton,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var classes = merge(className, prefix(placement));\n  var animationProps = {\n    placement: placement\n  };\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      closeButton: closeButton,\n      isDrawer: true\n    };\n  }, [closeButton]);\n  return /*#__PURE__*/_react.default.createElement(_DrawerContext.default.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 57,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Modal.default, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    overflow: false,\n    classPrefix: classPrefix,\n    className: classes,\n    animation: animation,\n    animationProps: animationProps,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 58,\n      columnNumber: 7\n    }\n  })));\n});\n_DrawerBody.default.displayName = 'DrawerBody';\n_DrawerHeader.default.displayName = 'DrawerHeader';\n_DrawerActions.default.displayName = 'DrawerActions';\n_DrawerFooter.default.displayName = 'DrawerFooter';\n_DrawerTitle.default.displayName = 'DrawerTitle';\nDrawer.Body = _DrawerBody.default;\nDrawer.Header = _DrawerHeader.default;\nDrawer.Actions = _DrawerActions.default;\nDrawer.Footer = (0, _utils.deprecateComponent)(_DrawerFooter.default, '<Drawer.Footer> has been deprecated, use <Drawer.Actions> instead.');\nDrawer.Title = _DrawerTitle.default;\nDrawer.displayName = 'Drawer';\nDrawer.propTypes = (0, _extends2.default)({}, _Modal.default.propTypes, {\n  classPrefix: _propTypes.default.string,\n  placement: (0, _propTypes2.oneOf)(['top', 'right', 'bottom', 'left']),\n  children: _propTypes.default.node,\n  className: _propTypes.default.string\n});\nvar _default = exports[\"default\"] = Drawer;\n\n//# sourceURL=webpack://rsuite/./src/Drawer/Drawer.tsx?");
 
 /***/ }),
 
@@ -7572,7 +7572,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 _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _get2 = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\nvar _set = _interopRequireDefault(__webpack_require__(/*! lodash/set */ \"./node_modules/lodash/set.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/FormControl/utils.ts\");\nfunction useField(props) {\n  var name = props.name,\n    formValue = props.formValue,\n    formError = props.formError,\n    value = props.value,\n    nestedField = props.nestedField,\n    errorMessage = props.errorMessage,\n    errorFromContext = props.errorFromContext;\n  var fieldValue = (0, _react.useMemo)(function () {\n    if (typeof value !== 'undefined') {\n      return value;\n    }\n    return nestedField ? (0, _get2.default)(formValue, name) : formValue === null || formValue === void 0 ? void 0 : formValue[name];\n  }, [formValue, name, nestedField, value]);\n  var fieldError = (0, _react.useMemo)(function () {\n    if (typeof errorMessage !== 'undefined' || !errorFromContext) {\n      return errorMessage;\n    }\n    if (nestedField) {\n      var _get;\n      return (_get = (0, _get2.default)(formError, (0, _utils.nameToPath)(name))) === null || _get === void 0 ? void 0 : _get.errorMessage;\n    }\n    var fieldError = formError === null || formError === void 0 ? void 0 : formError[name];\n    if (typeof fieldError === 'string') {\n      return fieldError;\n    }\n    return fieldError === null || fieldError === void 0 ? void 0 : fieldError.errorMessage;\n  }, [errorFromContext, errorMessage, formError, name, nestedField]);\n  var setFieldValue = (0, _react.useCallback)(function (fieldName, fieldValue) {\n    var _extends2;\n    if (nestedField) {\n      return (0, _set.default)((0, _extends3.default)({}, formValue), fieldName, fieldValue);\n    }\n    return (0, _extends3.default)({}, formValue, (_extends2 = {}, _extends2[fieldName] = fieldValue, _extends2));\n  }, [formValue, nestedField]);\n  return {\n    fieldValue: fieldValue,\n    fieldError: fieldError,\n    setFieldValue: setFieldValue\n  };\n}\nvar _default = exports[\"default\"] = useField;\n\n//# sourceURL=webpack://rsuite/./src/FormControl/hooks/useField.ts?");
+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 _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _get = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\nvar _set = _interopRequireDefault(__webpack_require__(/*! lodash/set */ \"./node_modules/lodash/set.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/FormControl/utils.ts\");\nfunction getErrorMessage(error) {\n  var _error$array;\n  /**\n   * When using some components as the field, such as TagInput, and using `ArrayType().of` as the validation rule,\n   * the error object won't contain the errorMessage directly. @see https://github.com/rsuite/rsuite/issues/3866\n   */\n  if (error !== null && error !== void 0 && error.array && ((_error$array = error.array) === null || _error$array === void 0 ? void 0 : _error$array.length) > 0) {\n    return error.array[0].errorMessage;\n  }\n  return error === null || error === void 0 ? void 0 : error.errorMessage;\n}\nfunction useField(props) {\n  var name = props.name,\n    formValue = props.formValue,\n    formError = props.formError,\n    value = props.value,\n    nestedField = props.nestedField,\n    errorMessage = props.errorMessage,\n    errorFromContext = props.errorFromContext;\n  var fieldValue = (0, _react.useMemo)(function () {\n    if (typeof value !== 'undefined') {\n      return value;\n    }\n    return nestedField ? (0, _get.default)(formValue, name) : formValue === null || formValue === void 0 ? void 0 : formValue[name];\n  }, [formValue, name, nestedField, value]);\n  var fieldError = (0, _react.useMemo)(function () {\n    if (typeof errorMessage !== 'undefined' || !errorFromContext) {\n      return errorMessage;\n    }\n    if (nestedField) {\n      return getErrorMessage((0, _get.default)(formError, (0, _utils.nameToPath)(name)));\n    }\n    var fieldError = formError === null || formError === void 0 ? void 0 : formError[name];\n    if (typeof fieldError === 'string') {\n      return fieldError;\n    }\n    return getErrorMessage(fieldError);\n  }, [errorFromContext, errorMessage, formError, name, nestedField]);\n  var setFieldValue = (0, _react.useCallback)(function (fieldName, fieldValue) {\n    var _extends2;\n    if (nestedField) {\n      return (0, _set.default)((0, _extends3.default)({}, formValue), fieldName, fieldValue);\n    }\n    return (0, _extends3.default)({}, formValue, (_extends2 = {}, _extends2[fieldName] = fieldValue, _extends2));\n  }, [formValue, nestedField]);\n  return {\n    fieldValue: fieldValue,\n    fieldError: fieldError,\n    setFieldValue: setFieldValue\n  };\n}\nvar _default = exports[\"default\"] = useField;\n\n//# sourceURL=webpack://rsuite/./src/FormControl/hooks/useField.ts?");
 
 /***/ }),
 
@@ -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?");
 
 /***/ }),
 
@@ -9992,7 +9992,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 +10256,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?");
 
 /***/ }),
 
@@ -11147,7 +11147,7 @@ eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nexports.us
 /***/ (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;\nexports.useCustom = useCustom;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _date = __webpack_require__(/*! ../utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _default2 = _interopRequireDefault(__webpack_require__(/*! ../../locales/default */ \"./src/locales/default.ts\"));\nvar _CustomProvider = __webpack_require__(/*! ../../CustomProvider/CustomProvider */ \"./src/CustomProvider/CustomProvider.tsx\");\nvar mergeObject = function mergeObject(list) {\n  return list.reduce(function (a, b) {\n    a = (0, _extends2.default)({}, a, b);\n    return a;\n  }, {});\n};\nvar getDefaultRTL = function getDefaultRTL() {\n  return typeof window !== 'undefined' && (document.body.getAttribute('dir') || document.dir) === 'rtl';\n};\n\n/**\n * A hook to get custom configuration of `<CustomProvider>`\n * @param keys\n */\nfunction useCustom(keys, overrideLocale) {\n  var _locale$Calendar2, _locale$Calendar4;\n  var _useContext = (0, _react.useContext)(_CustomProvider.CustomContext),\n    _useContext$locale = _useContext.locale,\n    locale = _useContext$locale === void 0 ? _default2.default : _useContext$locale,\n    _useContext$rtl = _useContext.rtl,\n    rtl = _useContext$rtl === void 0 ? getDefaultRTL() : _useContext$rtl,\n    formatDate = _useContext.formatDate,\n    parseDate = _useContext.parseDate,\n    toasters = _useContext.toasters,\n    disableRipple = _useContext.disableRipple;\n  var componentLocale = (0, _extends2.default)({}, locale === null || locale === void 0 ? void 0 : locale.common, typeof keys === 'string' ? locale === null || locale === void 0 ? void 0 : locale[keys] : typeof keys === 'object' ? mergeObject(keys.map(function (key) {\n    return locale === null || locale === void 0 ? void 0 : locale[key];\n  })) : {});\n\n  // Component custom locale\n  if (overrideLocale) {\n    componentLocale = mergeObject([componentLocale, overrideLocale]);\n  }\n  var defaultFormatDate = (0, _react.useCallback)(function (date, formatStr) {\n    var _locale$Calendar;\n    return (0, _date.format)((0, _date.isValid)(date) ? date : new Date(), formatStr, {\n      locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar = locale.Calendar) === null || _locale$Calendar === void 0 ? void 0 : _locale$Calendar.dateLocale\n    });\n  }, [(_locale$Calendar2 = locale.Calendar) === null || _locale$Calendar2 === void 0 ? void 0 : _locale$Calendar2.dateLocale]);\n  var defaultParseDate = (0, _react.useCallback)(function (dateString, formatString) {\n    var _locale$Calendar3;\n    return (0, _date.parse)(dateString, formatString, new Date(), {\n      locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar3 = locale.Calendar) === null || _locale$Calendar3 === void 0 ? void 0 : _locale$Calendar3.dateLocale\n    });\n  }, [(_locale$Calendar4 = locale.Calendar) === null || _locale$Calendar4 === void 0 ? void 0 : _locale$Calendar4.dateLocale]);\n  return {\n    locale: componentLocale,\n    rtl: rtl,\n    toasters: toasters,\n    disableRipple: disableRipple,\n    formatDate: formatDate || defaultFormatDate,\n    parseDate: parseDate || defaultParseDate\n  };\n}\nvar _default = exports[\"default\"] = useCustom;\n\n//# sourceURL=webpack://rsuite/./src/internals/hooks/useCustom.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nexports.useCustom = useCustom;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _date = __webpack_require__(/*! ../utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _default2 = _interopRequireDefault(__webpack_require__(/*! ../../locales/default */ \"./src/locales/default.ts\"));\nvar _CustomProvider = __webpack_require__(/*! ../../CustomProvider/CustomProvider */ \"./src/CustomProvider/CustomProvider.tsx\");\nvar mergeObject = function mergeObject(list) {\n  return list.reduce(function (a, b) {\n    a = (0, _extends2.default)({}, a, b);\n    return a;\n  }, {});\n};\nvar getDefaultRTL = function getDefaultRTL() {\n  return typeof document !== 'undefined' && (document.body.getAttribute('dir') || document.dir) === 'rtl';\n};\n\n/**\n * A hook to get custom configuration of `<CustomProvider>`\n * @param keys\n */\nfunction useCustom(keys, overrideLocale) {\n  var _locale$Calendar2, _locale$Calendar4;\n  var _useContext = (0, _react.useContext)(_CustomProvider.CustomContext),\n    _useContext$locale = _useContext.locale,\n    locale = _useContext$locale === void 0 ? _default2.default : _useContext$locale,\n    _useContext$rtl = _useContext.rtl,\n    rtl = _useContext$rtl === void 0 ? getDefaultRTL() : _useContext$rtl,\n    formatDate = _useContext.formatDate,\n    parseDate = _useContext.parseDate,\n    toasters = _useContext.toasters,\n    disableRipple = _useContext.disableRipple;\n  var componentLocale = (0, _extends2.default)({}, locale === null || locale === void 0 ? void 0 : locale.common, typeof keys === 'string' ? locale === null || locale === void 0 ? void 0 : locale[keys] : typeof keys === 'object' ? mergeObject(keys.map(function (key) {\n    return locale === null || locale === void 0 ? void 0 : locale[key];\n  })) : {});\n\n  // Component custom locale\n  if (overrideLocale) {\n    componentLocale = mergeObject([componentLocale, overrideLocale]);\n  }\n  var defaultFormatDate = (0, _react.useCallback)(function (date, formatStr) {\n    var _locale$Calendar;\n    return (0, _date.format)((0, _date.isValid)(date) ? date : new Date(), formatStr, {\n      locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar = locale.Calendar) === null || _locale$Calendar === void 0 ? void 0 : _locale$Calendar.dateLocale\n    });\n  }, [(_locale$Calendar2 = locale.Calendar) === null || _locale$Calendar2 === void 0 ? void 0 : _locale$Calendar2.dateLocale]);\n  var defaultParseDate = (0, _react.useCallback)(function (dateString, formatString) {\n    var _locale$Calendar3;\n    return (0, _date.parse)(dateString, formatString, new Date(), {\n      locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar3 = locale.Calendar) === null || _locale$Calendar3 === void 0 ? void 0 : _locale$Calendar3.dateLocale\n    });\n  }, [(_locale$Calendar4 = locale.Calendar) === null || _locale$Calendar4 === void 0 ? void 0 : _locale$Calendar4.dateLocale]);\n  return {\n    locale: componentLocale,\n    rtl: rtl,\n    toasters: toasters,\n    disableRipple: disableRipple,\n    formatDate: formatDate || defaultFormatDate,\n    parseDate: parseDate || defaultParseDate\n  };\n}\nvar _default = exports[\"default\"] = useCustom;\n\n//# sourceURL=webpack://rsuite/./src/internals/hooks/useCustom.ts?");
 
 /***/ }),
 
@@ -11246,7 +11246,7 @@ eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nexports.us
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports.useIsomorphicLayoutEffect = exports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar useIsomorphicLayoutEffect = exports.useIsomorphicLayoutEffect = typeof window !== 'undefined' ? _react.useLayoutEffect : _react.useEffect;\nvar _default = exports[\"default\"] = useIsomorphicLayoutEffect;\n\n//# sourceURL=webpack://rsuite/./src/internals/hooks/useIsomorphicLayoutEffect.ts?");
+eval("\n\nexports.__esModule = true;\nexports.useIsomorphicLayoutEffect = exports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar useIsomorphicLayoutEffect = exports.useIsomorphicLayoutEffect = typeof document !== 'undefined' ? _react.useLayoutEffect : _react.useEffect;\nvar _default = exports[\"default\"] = useIsomorphicLayoutEffect;\n\n//# sourceURL=webpack://rsuite/./src/internals/hooks/useIsomorphicLayoutEffect.ts?");
 
 /***/ }),
 
@@ -15809,9 +15809,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?");
 
 /***/ }),