rsuite 5.56.0 → 5.57.0

package/dist/rsuite.js

@@ -6399,25 +6399,113 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
-/***/ "./src/Cascader/Cascader.tsx":
+/***/ "./src/CascadeTree/CascadeTree.tsx":
+/*!*****************************************!*\
+  !*** ./src/CascadeTree/CascadeTree.tsx ***!
+  \*****************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.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 _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _useMap = __webpack_require__(/*! ../utils/useMap */ \"./src/utils/useMap.ts\");\nvar _TreeView = _interopRequireDefault(__webpack_require__(/*! ./TreeView */ \"./src/CascadeTree/TreeView.tsx\"));\nvar _SearchView = _interopRequireDefault(__webpack_require__(/*! ./SearchView */ \"./src/CascadeTree/SearchView.tsx\"));\nvar _hooks = __webpack_require__(/*! ./hooks */ \"./src/CascadeTree/hooks/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CascadeTree/CascadeTree.tsx\",\n  _this = void 0;\n/**\n * CascadeTree is a component that displays tree-structured data in columns.\n *\n * @see https://rsuitejs.com/components/cascade-tree\n */\nvar CascadeTree = /*#__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    defaultValue = props.defaultValue,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'cascade-tree' : _props$classPrefix,\n    _props$childrenKey = props.childrenKey,\n    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,\n    _props$valueKey = props.valueKey,\n    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n    _props$labelKey = props.labelKey,\n    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n    valueProp = props.value,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,\n    columnWidth = props.columnWidth,\n    columnHeight = props.columnHeight,\n    searchable = props.searchable,\n    renderTreeNode = props.renderTreeNode,\n    renderColumn = props.renderColumn,\n    onSelect = props.onSelect,\n    onSearch = props.onSearch,\n    onChange = props.onChange,\n    getChildren = props.getChildren,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"data\", \"defaultValue\", \"className\", \"classPrefix\", \"childrenKey\", \"valueKey\", \"labelKey\", \"value\", \"disabledItemValues\", \"columnWidth\", \"columnHeight\", \"searchable\", \"renderTreeNode\", \"renderColumn\", \"onSelect\", \"onSearch\", \"onChange\", \"getChildren\"]);\n  var _ref = (0, _utils.useControlled)(valueProp, defaultValue),\n    value = _ref[0],\n    setValue = _ref[1]; // Store the children of each node\n  var childrenMap = (0, _useMap.useMap)();\n\n  // Store the parent of each node\n  var parentMap = (0, _react.useMemo)(function () {\n    return (0, _treeUtils.getParentMap)(data, function (item) {\n      var _childrenMap$get;\n      return (_childrenMap$get = childrenMap.get(item)) !== null && _childrenMap$get !== void 0 ? _childrenMap$get : item[childrenKey];\n    });\n  }, [childrenMap, childrenKey, data]);\n\n  // Flatten the tree data\n  var flattenedData = (0, _react.useMemo)(function () {\n    return (0, _treeUtils.flattenTree)(data, function (item) {\n      var _childrenMap$get2;\n      return (_childrenMap$get2 = childrenMap.get(item)) !== null && _childrenMap$get2 !== void 0 ? _childrenMap$get2 : item[childrenKey];\n    });\n  }, [childrenMap, childrenKey, data]);\n\n  // The selected item\n  var selectedItem = flattenedData.find(function (item) {\n    return item[valueKey] === value;\n  });\n\n  // Callback function after selecting the node\n  var onSelectCallback = function onSelectCallback(node, event) {\n    var isLeafNode = node.isLeafNode,\n      cascadePaths = node.cascadePaths,\n      itemData = node.itemData;\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(itemData, cascadePaths, event);\n    if (isLeafNode) {\n      var nextValue = itemData[valueKey];\n      setValue(nextValue);\n    }\n  };\n  var _useSelect = (0, _hooks.useSelect)({\n      value: value,\n      valueKey: valueKey,\n      childrenKey: childrenKey,\n      childrenMap: childrenMap,\n      selectedItem: selectedItem,\n      getChildren: getChildren,\n      onChange: onChange,\n      onSelect: onSelectCallback\n    }),\n    activeItem = _useSelect.activeItem,\n    loadingItemsSet = _useSelect.loadingItemsSet,\n    handleSelect = _useSelect.handleSelect;\n  var _usePaths = (0, _hooks.usePaths)({\n      data: data,\n      activeItem: activeItem,\n      selectedItem: selectedItem,\n      getParent: function getParent(item) {\n        return parentMap.get(item);\n      },\n      getChildren: function getChildren(item) {\n        var _childrenMap$get3;\n        return (_childrenMap$get3 = childrenMap.get(item)) !== null && _childrenMap$get3 !== void 0 ? _childrenMap$get3 : item[childrenKey];\n      }\n    }),\n    columns = _usePaths.columns,\n    pathTowardsActiveItem = _usePaths.pathTowardsActiveItem;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix());\n  var onSearchCallback = (0, _react.useCallback)(function (value, _items, event) {\n    return onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);\n  }, [onSearch]);\n  var _useSearch = (0, _hooks.useSearch)({\n      labelKey: labelKey,\n      childrenKey: childrenKey,\n      parentMap: parentMap,\n      flattenedData: flattenedData,\n      onSearch: onSearchCallback\n    }),\n    items = _useSearch.items,\n    searchKeyword = _useSearch.searchKeyword,\n    setSearchKeyword = _useSearch.setSearchKeyword,\n    handleSearch = _useSearch.handleSearch;\n  var handleSearchRowSelect = (0, _utils.useEventCallback)(function (item, items, event) {\n    var _item$childrenKey;\n    var node = {\n      itemData: item,\n      cascadePaths: items,\n      isLeafNode: !((_item$childrenKey = item[childrenKey]) !== null && _item$childrenKey !== void 0 && _item$childrenKey.length)\n    };\n    handleSelect(node, event);\n    setSearchKeyword('');\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    className: classes\n  }, rest, {\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 133,\n      columnNumber: 5\n    }\n  }), searchable && /*#__PURE__*/_react.default.createElement(_SearchView.default, {\n    data: items,\n    searchKeyword: searchKeyword,\n    valueKey: valueKey,\n    labelKey: labelKey,\n    parentMap: parentMap,\n    disabledItemValues: disabledItemValues,\n    onSelect: handleSearchRowSelect,\n    onSearch: handleSearch,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 135,\n      columnNumber: 9\n    }\n  }), !searchKeyword && /*#__PURE__*/_react.default.createElement(_TreeView.default, {\n    columnWidth: columnWidth,\n    columnHeight: columnHeight,\n    disabledItemValues: disabledItemValues,\n    loadingItemsSet: loadingItemsSet,\n    valueKey: valueKey,\n    labelKey: labelKey,\n    childrenKey: childrenKey,\n    classPrefix: classPrefix,\n    data: columns,\n    cascadePaths: pathTowardsActiveItem,\n    activeItemValue: value,\n    onSelect: handleSelect,\n    renderColumn: renderColumn,\n    renderTreeNode: renderTreeNode,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 147,\n      columnNumber: 9\n    }\n  }));\n});\nCascadeTree.displayName = 'CascadeTree';\nvar _default = CascadeTree;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/CascadeTree/CascadeTree.tsx?");
+
+/***/ }),
+
+/***/ "./src/CascadeTree/SearchView.tsx":
+/*!****************************************!*\
+  !*** ./src/CascadeTree/SearchView.tsx ***!
+  \****************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends3 = _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 _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/CascadeTree/utils.ts\");\nvar _SearchBox = _interopRequireDefault(__webpack_require__(/*! ../internals/SearchBox */ \"./src/internals/SearchBox/index.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CascadeTree/SearchView.tsx\";\nfunction SearchView(props) {\n  var _this = this;\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 ? 'cascade-search-view' : _props$classPrefix,\n    className = props.className,\n    searchKeyword = props.searchKeyword,\n    labelKey = props.labelKey,\n    valueKey = props.valueKey,\n    parentMap = props.parentMap,\n    data = props.data,\n    focusItemValue = props.focusItemValue,\n    disabledItemValues = props.disabledItemValues,\n    inputRef = props.inputRef,\n    renderSearchItem = props.renderSearchItem,\n    onSearch = props.onSearch,\n    onSelect = props.onSelect,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"className\", \"searchKeyword\", \"labelKey\", \"valueKey\", \"parentMap\", \"data\", \"focusItemValue\", \"disabledItemValues\", \"inputRef\", \"renderSearchItem\", \"onSearch\", \"onSelect\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix,\n    withClassPrefix = _useClassNames.withClassPrefix,\n    rootPrefix = _useClassNames.rootPrefix;\n  var classes = merge(className, withClassPrefix());\n  var _useCustom = (0, _utils.useCustom)('Picker'),\n    locale = _useCustom.locale;\n  var renderSearchRow = function renderSearchRow(item, key) {\n    var items = (0, _treeUtils.getPathTowardsItem)(item, function (item) {\n      return parentMap.get(item);\n    });\n    var formattedNodes = items.map(function (itemData) {\n      var _extends2;\n      var label = (0, _utils2.highlightLabel)({\n        item: itemData,\n        labelKey: labelKey,\n        searchKeyword: searchKeyword,\n        render: function render(patch, index) {\n          return /*#__PURE__*/_react.default.createElement(\"span\", {\n            key: index,\n            className: prefix('match'),\n            __self: _this,\n            __source: {\n              fileName: _jsxFileName,\n              lineNumber: 54,\n              columnNumber: 11\n            }\n          }, patch);\n        }\n      });\n      return (0, _extends3.default)({}, itemData, (_extends2 = {}, _extends2[labelKey] = label, _extends2));\n    });\n    var disabled = disabledItemValues.some(function (value) {\n      return formattedNodes.some(function (itemData) {\n        return itemData[valueKey] === value;\n      });\n    });\n    var itemClasses = prefix('row', {\n      'row-disabled': disabled,\n      'row-focus': item[valueKey] === focusItemValue\n    });\n    var label = formattedNodes.map(function (itemData, index) {\n      return /*#__PURE__*/_react.default.createElement(\"span\", {\n        key: \"col-\" + index,\n        className: prefix('col'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 72,\n          columnNumber: 7\n        }\n      }, itemData[labelKey]);\n    });\n    var handleCheck = function handleCheck(event) {\n      if (!disabled) {\n        onSelect(item, items, event);\n      }\n    };\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      role: \"treeitem\",\n      \"aria-disabled\": disabled,\n      \"aria-label\": item[labelKey],\n      key: key,\n      \"data-key\": item[valueKey],\n      className: itemClasses,\n      tabIndex: -1,\n      onClick: handleCheck,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 84,\n        columnNumber: 7\n      }\n    }, renderSearchItem ? renderSearchItem(label, items) : label);\n  };\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends3.default)({\n    className: classes\n  }, rest, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 100,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(_SearchBox.default, {\n    placeholder: locale === null || locale === void 0 ? void 0 : locale.searchPlaceholder,\n    onChange: onSearch,\n    value: searchKeyword,\n    inputRef: inputRef,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 101,\n      columnNumber: 7\n    }\n  }), searchKeyword !== '' && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('panel'),\n    \"data-layer\": 0,\n    role: \"tree\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 108,\n      columnNumber: 9\n    }\n  }, data.length ? data.map(renderSearchRow) : /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: merge(prefix('none'), rootPrefix('picker-none')),\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 112,\n      columnNumber: 13\n    }\n  }, locale.noResultsText)));\n}\nvar _default = SearchView;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/CascadeTree/SearchView.tsx?");
+
+/***/ }),
+
+/***/ "./src/CascadeTree/TreeView.tsx":
+/*!**************************************!*\
+  !*** ./src/CascadeTree/TreeView.tsx ***!
+  \**************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.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 _Spinner = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Spinner */ \"./node_modules/@rsuite/icons/legacy/Spinner.js\"));\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _AngleLeft = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleLeft */ \"./node_modules/@rsuite/icons/legacy/AngleLeft.js\"));\nvar _AngleRight = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleRight */ \"./node_modules/@rsuite/icons/legacy/AngleRight.js\"));\nvar _getPosition = _interopRequireDefault(__webpack_require__(/*! dom-lib/getPosition */ \"./node_modules/dom-lib/esm/getPosition.js\"));\nvar _scrollTop = _interopRequireDefault(__webpack_require__(/*! dom-lib/scrollTop */ \"./node_modules/dom-lib/esm/scrollTop.js\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CascadeTree/TreeView.tsx\",\n  _this = void 0;\nvar emptyArray = [];\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    activeItemValue = props.activeItemValue,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'tree' : _props$classPrefix,\n    className = props.className,\n    _props$childrenKey = props.childrenKey,\n    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,\n    _props$columnWidth = props.columnWidth,\n    columnWidth = _props$columnWidth === void 0 ? 140 : _props$columnWidth,\n    _props$columnHeight = props.columnHeight,\n    columnHeight = _props$columnHeight === void 0 ? 200 : _props$columnHeight,\n    _props$valueKey = props.valueKey,\n    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n    _props$data = props.data,\n    data = _props$data === void 0 ? emptyArray : _props$data,\n    _props$cascadePaths = props.cascadePaths,\n    cascadePaths = _props$cascadePaths === void 0 ? emptyArray : _props$cascadePaths,\n    loadingItemsSet = props.loadingItemsSet,\n    _props$labelKey = props.labelKey,\n    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n    style = props.style,\n    renderColumn = props.renderColumn,\n    renderTreeNode = props.renderTreeNode,\n    onSelect = props.onSelect,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"activeItemValue\", \"classPrefix\", \"className\", \"childrenKey\", \"disabledItemValues\", \"columnWidth\", \"columnHeight\", \"valueKey\", \"data\", \"cascadePaths\", \"loadingItemsSet\", \"labelKey\", \"style\", \"renderColumn\", \"renderTreeNode\", \"onSelect\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var classes = merge(className, prefix('items'));\n  var rootRef = (0, _react.useRef)();\n  var _useCustom = (0, _utils.useCustom)(),\n    rtl = _useCustom.rtl;\n  var _useCombobox = (0, _Picker.useCombobox)(),\n    id = _useCombobox.id,\n    labelId = _useCombobox.labelId,\n    popupType = _useCombobox.popupType;\n  (0, _react.useEffect)(function () {\n    var _rootRef$current;\n    var columns = ((_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.querySelectorAll('[data-type=\"column\"]')) || [];\n    columns.forEach(function (column) {\n      if (!column) {\n        return;\n      }\n      var activeItem = column.querySelector(\".\" + prefix('item-focus'));\n      if (!activeItem) {\n        activeItem = column.querySelector(\".\" + prefix('item-active'));\n      }\n      if (activeItem) {\n        var position = (0, _getPosition.default)(activeItem, column);\n        // Let the active option scroll into view.\n        if (position !== null && position !== void 0 && position.top) {\n          (0, _scrollTop.default)(column, position === null || position === void 0 ? void 0 : position.top);\n        }\n      }\n    });\n  }, [prefix]);\n  var getCascadePaths = function getCascadePaths(layer, node) {\n    var paths = [];\n    for (var i = 0; i < data.length && i < layer; i += 1) {\n      if (i < layer - 1 && cascadePaths) {\n        paths.push(cascadePaths[i]);\n      }\n    }\n    paths.push(node);\n    return paths;\n  };\n  var handleSelect = (0, _utils.useEventCallback)(function (layer, itemData, event) {\n    var isLeafNode = (0, _isNil.default)(itemData[childrenKey]);\n    var cascadePaths = getCascadePaths(layer + 1, itemData);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect({\n      itemData: itemData,\n      cascadePaths: cascadePaths,\n      isLeafNode: isLeafNode\n    }, event);\n  });\n  var renderCascadeNode = function renderCascadeNode(nodeProps) {\n    var _loadingItemsSet$has;\n    var itemData = nodeProps.itemData,\n      index = nodeProps.index,\n      layer = nodeProps.layer,\n      focus = nodeProps.focus,\n      size = nodeProps.size;\n    var children = itemData[childrenKey];\n    var value = itemData[valueKey];\n    var label = itemData[labelKey];\n    var disabled = disabledItemValues.some(function (disabledValue) {\n      return (0, _utils.shallowEqual)(disabledValue, value);\n    });\n    var loading = (_loadingItemsSet$has = loadingItemsSet === null || loadingItemsSet === void 0 ? void 0 : loadingItemsSet.has(itemData)) !== null && _loadingItemsSet$has !== void 0 ? _loadingItemsSet$has : false;\n\n    // Use `value` in keys when If `value` is string or number\n    var onlyKey = typeof value === 'number' || typeof value === 'string' ? value : index;\n    var Icon = loading ? _Spinner.default : rtl ? _AngleLeft.default : _AngleRight.default;\n    return /*#__PURE__*/_react.default.createElement(_Picker.ListItem, {\n      as: 'li',\n      role: \"treeitem\",\n      \"aria-level\": layer + 1,\n      \"aria-setsize\": size,\n      \"aria-posinset\": index + 1,\n      \"aria-label\": typeof label === 'string' ? label : undefined,\n      classPrefix: \"cascade-tree-item\",\n      key: layer + \"-\" + onlyKey,\n      disabled: disabled,\n      active: !(0, _isUndefined.default)(activeItemValue) && (0, _utils.shallowEqual)(activeItemValue, value),\n      focus: focus,\n      value: value,\n      className: children ? prefix('has-children') : undefined,\n      onSelect: function onSelect(_value, event) {\n        return handleSelect(layer, itemData, event);\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 133,\n        columnNumber: 9\n      }\n    }, renderTreeNode ? renderTreeNode(label, itemData) : label, children ? /*#__PURE__*/_react.default.createElement(Icon, {\n      className: prefix('caret'),\n      spin: loading,\n      \"data-testid\": \"spinner\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 151,\n        columnNumber: 13\n      }\n    }) : null);\n  };\n  var cascadeNodes = data.map(function (children, layer) {\n    var onlyKey = layer + \"_\" + children.length;\n    var parentItem = cascadePaths[layer - 1];\n    var childNodes = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children.map(function (itemData, index) {\n      var focus = cascadePaths[layer] && (0, _utils.shallowEqual)(cascadePaths[layer][valueKey], itemData[valueKey]);\n      return renderCascadeNode({\n        itemData: itemData,\n        index: index,\n        layer: layer,\n        focus: focus,\n        size: children.length\n      });\n    }));\n    return /*#__PURE__*/_react.default.createElement(\"ul\", {\n      role: \"group\",\n      \"data-layer\": layer,\n      \"data-type\": 'column',\n      key: onlyKey,\n      className: prefix('column'),\n      style: {\n        height: columnHeight,\n        width: columnWidth\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 173,\n        columnNumber: 9\n      }\n    }, renderColumn ? renderColumn(childNodes, {\n      items: children,\n      parentItem: parentItem,\n      layer: layer\n    }) : childNodes);\n  });\n  var styles = (0, _extends2.default)({}, style, {\n    width: data.length * columnWidth\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"tree\",\n    id: id ? id + \"-\" + popupType : undefined,\n    \"aria-labelledby\": labelId\n  }, rest, {\n    ref: (0, _utils.mergeRefs)(rootRef, ref),\n    className: classes,\n    style: styles,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 191,\n      columnNumber: 7\n    }\n  }), cascadeNodes);\n});\nTreeView.displayName = 'TreeView';\nvar _default = TreeView;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/CascadeTree/TreeView.tsx?");
+
+/***/ }),
+
+/***/ "./src/CascadeTree/hooks/index.ts":
+/*!****************************************!*\
+  !*** ./src/CascadeTree/hooks/index.ts ***!
+  \****************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.useSearch = exports.useSelect = exports.usePaths = void 0;\nvar _usePaths = _interopRequireDefault(__webpack_require__(/*! ./usePaths */ \"./src/CascadeTree/hooks/usePaths.ts\"));\nexports.usePaths = _usePaths.default;\nvar _useSelect = _interopRequireDefault(__webpack_require__(/*! ./useSelect */ \"./src/CascadeTree/hooks/useSelect.ts\"));\nexports.useSelect = _useSelect.default;\nvar _useSearch = _interopRequireDefault(__webpack_require__(/*! ./useSearch */ \"./src/CascadeTree/hooks/useSearch.ts\"));\nexports.useSearch = _useSearch.default;\n\n//# sourceURL=webpack://rsuite/./src/CascadeTree/hooks/index.ts?");
+
+/***/ }),
+
+/***/ "./src/CascadeTree/hooks/usePaths.ts":
+/*!*******************************************!*\
+  !*** ./src/CascadeTree/hooks/usePaths.ts ***!
+  \*******************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nexports.__esModule = true;\nexports.usePaths = usePaths;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _treeUtils = __webpack_require__(/*! ../../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/CascadeTree/utils.ts\");\n/**\n * A Hook to get the selected path of Tree.\n *\n * - The columns of items to be displayed\n * - The path towards the current focused item\n * - The path towards the current selected item (referred to by Cascader's value)\n *\n */\nfunction usePaths(_ref) {\n  var data = _ref.data,\n    activeItem = _ref.activeItem,\n    selectedItem = _ref.selectedItem,\n    getParent = _ref.getParent,\n    getChildren = _ref.getChildren;\n  var pathTowardsSelectedItem = (0, _react.useMemo)(function () {\n    return (0, _treeUtils.getPathTowardsItem)(selectedItem, getParent);\n  }, [getParent, selectedItem]);\n  var _useMemo = (0, _react.useMemo)(function () {\n      return (0, _utils.getColumnsAndPaths)(data, activeItem, {\n        getParent: getParent,\n        getChildren: getChildren\n      });\n    }, [data, activeItem, getParent, getChildren]),\n    columns = _useMemo.columns,\n    pathTowardsActiveItem = _useMemo.path;\n  return {\n    columns: columns,\n    pathTowardsSelectedItem: pathTowardsSelectedItem,\n    pathTowardsActiveItem: pathTowardsActiveItem\n  };\n}\nvar _default = usePaths;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/CascadeTree/hooks/usePaths.ts?");
+
+/***/ }),
+
+/***/ "./src/CascadeTree/hooks/useSearch.ts":
+/*!********************************************!*\
+  !*** ./src/CascadeTree/hooks/useSearch.ts ***!
+  \********************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _utils = __webpack_require__(/*! ../../utils */ \"./src/utils/index.ts\");\nfunction useSearch(props) {\n  var _useState = (0, _react.useState)(''),\n    searchKeyword = _useState[0],\n    setSearchKeyword = _useState[1];\n  var labelKey = props.labelKey,\n    childrenKey = props.childrenKey,\n    parentMap = props.parentMap,\n    flattenedData = props.flattenedData,\n    parentSelectable = props.parentSelectable,\n    onSearch = props.onSearch;\n  var someKeyword = function someKeyword(item, keyword) {\n    if (item[labelKey].match(new RegExp((0, _utils.getSafeRegExpString)(keyword || searchKeyword), 'i'))) {\n      return true;\n    }\n    var parent = parentMap.get(item);\n    if (parent && someKeyword(parent)) {\n      return true;\n    }\n    return false;\n  };\n  var getSearchResult = function getSearchResult(keyword) {\n    var items = [];\n    var result = flattenedData.filter(function (item) {\n      if (!parentSelectable && item[childrenKey]) {\n        return false;\n      }\n      return someKeyword(item, keyword);\n    });\n    for (var i = 0; i < result.length; i++) {\n      items.push(result[i]);\n\n      // A maximum of 100 search results are returned.\n      if (i === 99) {\n        return items;\n      }\n    }\n    return items;\n  };\n  var handleSearch = (0, _utils.useEventCallback)(function (value, event) {\n    var items = getSearchResult(value);\n    setSearchKeyword(value);\n    onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, items, event);\n  });\n  return {\n    searchKeyword: searchKeyword,\n    setSearchKeyword: setSearchKeyword,\n    items: getSearchResult(),\n    handleSearch: handleSearch\n  };\n}\nvar _default = useSearch;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/CascadeTree/hooks/useSearch.ts?");
+
+/***/ }),
+
+/***/ "./src/CascadeTree/hooks/useSelect.ts":
+/*!********************************************!*\
+  !*** ./src/CascadeTree/hooks/useSelect.ts ***!
+  \********************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _reactUseSet = __webpack_require__(/*! react-use-set */ \"./node_modules/react-use-set/dist/index.js\");\nvar _utils = __webpack_require__(/*! ../../utils */ \"./src/utils/index.ts\");\n/**\n * Hook for handling the state after the option is selected\n */\nvar useSelect = function useSelect(props) {\n  var value = props.value,\n    onSelect = props.onSelect,\n    getChildren = props.getChildren,\n    valueKey = props.valueKey,\n    onChange = props.onChange,\n    childrenKey = props.childrenKey,\n    selectedItem = props.selectedItem,\n    childrenMap = props.childrenMap; // The item that focus is on\n  var _useState = (0, _react.useState)(selectedItem),\n    activeItem = _useState[0],\n    setActiveItem = _useState[1];\n  var isMounted = (0, _utils.useIsMounted)();\n  var loadingItemsSet = (0, _reactUseSet.useSet)();\n  var handleSelect = (0, _utils.useEventCallback)(function (node, event) {\n    var _itemData$childrenKey;\n    var itemData = node.itemData,\n      isLeafNode = node.isLeafNode;\n    setActiveItem(itemData);\n\n    // Lazy load node's children\n    if (typeof getChildren === 'function' && ((_itemData$childrenKey = itemData[childrenKey]) === null || _itemData$childrenKey === void 0 ? void 0 : _itemData$childrenKey.length) === 0 && !childrenMap.has(itemData)) {\n      loadingItemsSet.add(itemData);\n      var children = getChildren(itemData);\n      if (children instanceof Promise) {\n        children.then(function (data) {\n          if (isMounted()) {\n            loadingItemsSet.delete(itemData);\n            childrenMap.set(itemData, data);\n          }\n        });\n      } else {\n        loadingItemsSet.delete(itemData);\n        childrenMap.set(itemData, children);\n      }\n    }\n    if (isLeafNode) {\n      var nextValue = itemData[valueKey];\n      if (!(0, _utils.shallowEqual)(value, nextValue)) {\n        onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n      }\n    }\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, event);\n  });\n  return {\n    loadingItemsSet: loadingItemsSet,\n    activeItem: activeItem,\n    setActiveItem: setActiveItem,\n    handleSelect: handleSelect\n  };\n};\nvar _default = useSelect;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/CascadeTree/hooks/useSelect.ts?");
+
+/***/ }),
+
+/***/ "./src/CascadeTree/index.tsx":
 /*!***********************************!*\
-  !*** ./src/Cascader/Cascader.tsx ***!
+  !*** ./src/CascadeTree/index.tsx ***!
   \***********************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.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 _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _reactUseSet = __webpack_require__(/*! react-use-set */ \"./node_modules/react-use-set/dist/index.js\");\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _isFunction = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\nvar _TreeView = _interopRequireDefault(__webpack_require__(/*! ./TreeView */ \"./src/Cascader/TreeView.tsx\"));\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\nvar _utils = __webpack_require__(/*! ./utils */ \"./src/Cascader/utils.ts\");\nvar _utils2 = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _SearchBox = _interopRequireDefault(__webpack_require__(/*! ../internals/SearchBox */ \"./src/internals/SearchBox/index.tsx\"));\nvar _useMap = __webpack_require__(/*! ../utils/useMap */ \"./src/utils/useMap.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Cascader/Cascader.tsx\",\n  _this = void 0;\nvar emptyArray = [];\n\n/**\n * The `Cascader` component displays a hierarchical list of options.\n * @see https://rsuitejs.com/components/cascader\n */\nvar Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$data = props.data,\n    data = _props$data === void 0 ? emptyArray : _props$data,\n    _props$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    _props$valueKey = props.valueKey,\n    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n    _props$labelKey = props.labelKey,\n    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n    defaultValue = props.defaultValue,\n    placeholder = props.placeholder,\n    disabled = props.disabled,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,\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    overrideLocale = props.locale,\n    toggleAs = props.toggleAs,\n    style = props.style,\n    valueProp = props.value,\n    inline = props.inline,\n    menuClassName = props.menuClassName,\n    menuStyle = props.menuStyle,\n    menuWidth = props.menuWidth,\n    menuHeight = props.menuHeight,\n    _props$searchable = props.searchable,\n    searchable = _props$searchable === void 0 ? true : _props$searchable,\n    parentSelectable = props.parentSelectable,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    id = props.id,\n    renderMenuItem = props.renderMenuItem,\n    renderSearchItem = props.renderSearchItem,\n    renderValue = props.renderValue,\n    renderMenu = props.renderMenu,\n    renderExtraFooter = props.renderExtraFooter,\n    onEnter = props.onEnter,\n    onExited = props.onExited,\n    onClean = props.onClean,\n    onChange = props.onChange,\n    onSelect = props.onSelect,\n    onSearch = props.onSearch,\n    onClose = props.onClose,\n    onOpen = props.onOpen,\n    getChildren = props.getChildren,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"data\", \"classPrefix\", \"childrenKey\", \"valueKey\", \"labelKey\", \"defaultValue\", \"placeholder\", \"disabled\", \"disabledItemValues\", \"appearance\", \"cleanable\", \"locale\", \"toggleAs\", \"style\", \"value\", \"inline\", \"menuClassName\", \"menuStyle\", \"menuWidth\", \"menuHeight\", \"searchable\", \"parentSelectable\", \"placement\", \"id\", \"renderMenuItem\", \"renderSearchItem\", \"renderValue\", \"renderMenu\", \"renderExtraFooter\", \"onEnter\", \"onExited\", \"onClean\", \"onChange\", \"onSelect\", \"onSearch\", \"onClose\", \"onOpen\", \"getChildren\"]); // Use component active state to support keyboard events.\n  var _useState = (0, _react.useState)(false),\n    active = _useState[0],\n    setActive = _useState[1];\n  var _usePickerRef = (0, _Picker.usePickerRef)(ref),\n    trigger = _usePickerRef.trigger,\n    root = _usePickerRef.root,\n    target = _usePickerRef.target,\n    overlay = _usePickerRef.overlay,\n    searchInput = _usePickerRef.searchInput;\n  var _ref = (0, _utils2.useControlled)(valueProp, defaultValue),\n    value = _ref[0],\n    setValue = _ref[1];\n  var isMounted = (0, _utils2.useIsMounted)();\n  var loadingItemsSet = (0, _reactUseSet.useSet)();\n  var asyncChildrenMap = (0, _useMap.useMap)();\n  var parentMap = (0, _react.useMemo)(function () {\n    return (0, _treeUtils.getParentMap)(data, function (item) {\n      var _asyncChildrenMap$get;\n      return (_asyncChildrenMap$get = asyncChildrenMap.get(item)) !== null && _asyncChildrenMap$get !== void 0 ? _asyncChildrenMap$get : item[childrenKey];\n    });\n  }, [asyncChildrenMap, childrenKey, data]);\n  var flattenedData = (0, _react.useMemo)(function () {\n    return (0, _treeUtils.flattenTree)(data, function (item) {\n      var _asyncChildrenMap$get2;\n      return (_asyncChildrenMap$get2 = asyncChildrenMap.get(item)) !== null && _asyncChildrenMap$get2 !== void 0 ? _asyncChildrenMap$get2 : item[childrenKey];\n    });\n  }, [asyncChildrenMap, childrenKey, data]);\n\n  // The item that focus is on\n  var _useState2 = (0, _react.useState)(),\n    activeItem = _useState2[0],\n    setActiveItem = _useState2[1];\n  var _usePaths = (0, _utils.usePaths)({\n      data: data,\n      activeItem: activeItem,\n      selectedItem: flattenedData.find(function (item) {\n        return item[valueKey] === value;\n      }),\n      getParent: function getParent(item) {\n        return parentMap.get(item);\n      },\n      getChildren: function getChildren(item) {\n        var _asyncChildrenMap$get3;\n        return (_asyncChildrenMap$get3 = asyncChildrenMap.get(item)) !== null && _asyncChildrenMap$get3 !== void 0 ? _asyncChildrenMap$get3 : item[childrenKey];\n      }\n    }),\n    columnsToDisplay = _usePaths.columnsToDisplay,\n    pathTowardsActiveItem = _usePaths.pathTowardsActiveItem,\n    pathTowardsSelectedItem = _usePaths.pathTowardsSelectedItem;\n  var _useCustom = (0, _utils2.useCustom)('Picker', overrideLocale),\n    locale = _useCustom.locale,\n    rtl = _useCustom.rtl;\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 hasValue = pathTowardsSelectedItem.length > 0 || !(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue);\n  var _useClassNames = (0, _utils2.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var _useState3 = (0, _react.useState)(''),\n    searchKeyword = _useState3[0],\n    setSearchKeyword = _useState3[1];\n  var someKeyword = function someKeyword(item, keyword) {\n    if (item[labelKey].match(new RegExp((0, _utils2.getSafeRegExpString)(keyword || searchKeyword), 'i'))) {\n      return true;\n    }\n    var parent = parentMap.get(item);\n    if (parent && someKeyword(parent)) {\n      return true;\n    }\n    return false;\n  };\n  var getSearchResult = function getSearchResult(keyword) {\n    var items = [];\n    var result = flattenedData.filter(function (item) {\n      if (!parentSelectable && item[childrenKey]) {\n        return false;\n      }\n      return someKeyword(item, keyword);\n    });\n    for (var i = 0; i < result.length; i++) {\n      items.push(result[i]);\n\n      // A maximum of 100 search results are returned.\n      if (i === 99) {\n        return items;\n      }\n    }\n    return items;\n  };\n\n  // Used to hover the focuse item  when trigger `onKeydown`\n  var _useFocusItemValue = (0, _Picker.useFocusItemValue)(value, {\n      rtl: rtl,\n      data: flattenedData,\n      valueKey: valueKey,\n      defaultLayer: pathTowardsSelectedItem !== null && pathTowardsSelectedItem !== void 0 && pathTowardsSelectedItem.length ? pathTowardsSelectedItem.length - 1 : 0,\n      target: function target() {\n        return overlay.current;\n      },\n      getParent: function getParent(item) {\n        return parentMap.get(item);\n      },\n      callback: (0, _react.useCallback)(function (value) {\n        setActiveItem(flattenedData.find(function (item) {\n          return item[valueKey] === value;\n        }));\n      }, [flattenedData, setActiveItem, valueKey])\n    }),\n    focusItemValue = _useFocusItemValue.focusItemValue,\n    setFocusItemValue = _useFocusItemValue.setFocusItemValue,\n    setLayer = _useFocusItemValue.setLayer,\n    setKeys = _useFocusItemValue.setKeys,\n    onFocusItem = _useFocusItemValue.onKeyDown;\n  var handleSearch = (0, _utils2.useEventCallback)(function (value, event) {\n    var items = getSearchResult(value);\n    setSearchKeyword(value);\n    onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);\n    if (!value || items.length === 0) {\n      setFocusItemValue(undefined);\n      return;\n    }\n    if (items.length > 0) {\n      setFocusItemValue(items[0][valueKey]);\n      setLayer(0);\n      setKeys([]);\n    }\n  });\n  var handleEntered = (0, _utils2.useEventCallback)(function () {\n    if (!target.current) {\n      return;\n    }\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n    setActive(true);\n  });\n  var handleExited = (0, _utils2.useEventCallback)(function () {\n    if (!target.current) {\n      return;\n    }\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n    setActive(false);\n    setSearchKeyword('');\n  });\n  var handleClose = (0, _utils2.useEventCallback)(function () {\n    var _trigger$current, _target$current, _target$current$focus;\n    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : _trigger$current.close();\n\n    // The focus is on the trigger button after closing\n    (_target$current = target.current) === null || _target$current === void 0 ? void 0 : (_target$current$focus = _target$current.focus) === null || _target$current$focus === void 0 ? void 0 : _target$current$focus.call(_target$current);\n  });\n  var handleClean = (0, _utils2.useEventCallback)(function (event) {\n    if (disabled || !target.current) {\n      return;\n    }\n    setValue(null);\n    onChange === null || onChange === void 0 ? void 0 : onChange(null, event);\n  });\n  var handleMenuPressEnter = (0, _utils2.useEventCallback)(function (event) {\n    var focusItem = (0, _treeUtils.findNodeOfTree)(data, function (item) {\n      return item[valueKey] === focusItemValue;\n    });\n    var isLeafNode = focusItem && !focusItem[childrenKey];\n    if (isLeafNode) {\n      setValue(focusItemValue);\n      if (pathTowardsActiveItem.length) {\n        setLayer(pathTowardsActiveItem.length - 1);\n      }\n      if (!(0, _shallowEqual.default)(value, focusItemValue)) {\n        onSelect === null || onSelect === void 0 ? void 0 : onSelect(focusItem, pathTowardsActiveItem, event);\n        onChange === null || onChange === void 0 ? void 0 : onChange(focusItemValue !== null && focusItemValue !== void 0 ? focusItemValue : null, event);\n      }\n      handleClose();\n    }\n  });\n  var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends3.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: onFocusItem,\n    onMenuPressEnter: handleMenuPressEnter\n  }, rest));\n  var handleSelect = (0, _utils2.useEventCallback)(function (node, cascadePaths, isLeafNode, event) {\n    var _node$childrenKey, _trigger$current2;\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, cascadePaths, event);\n    setActiveItem(node);\n    var nextValue = node[valueKey];\n\n    // Lazy load node's children\n    if (typeof getChildren === 'function' && ((_node$childrenKey = node[childrenKey]) === null || _node$childrenKey === void 0 ? void 0 : _node$childrenKey.length) === 0 && !asyncChildrenMap.has(node)) {\n      loadingItemsSet.add(node);\n      var children = getChildren(node);\n      if (children instanceof Promise) {\n        children.then(function (data) {\n          if (isMounted()) {\n            loadingItemsSet.delete(node);\n            asyncChildrenMap.set(node, data);\n          }\n        });\n      } else {\n        loadingItemsSet.delete(node);\n        asyncChildrenMap.set(node, children);\n      }\n    }\n    if (isLeafNode) {\n      // Determines whether the option is a leaf node, and if so, closes the picker.\n      handleClose();\n      setValue(nextValue);\n      if (!(0, _shallowEqual.default)(value, nextValue)) {\n        onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n      }\n      return;\n    }\n\n    /** When the parent is optional, the value and the displayed path are updated. */\n    if (parentSelectable && !(0, _shallowEqual.default)(value, nextValue)) {\n      setValue(nextValue);\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    }\n\n    // Update menu position\n    (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.updatePosition();\n  });\n\n  /**\n   * The search structure option is processed after being selected.\n   */\n  var handleSearchRowSelect = (0, _utils2.useEventCallback)(function (node, nodes, event) {\n    var nextValue = node[valueKey];\n    handleClose();\n    setSearchKeyword('');\n    setValue(nextValue);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, nodes, event);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n  });\n  var renderSearchRow = function renderSearchRow(item, key) {\n    var regx = new RegExp((0, _utils2.getSafeRegExpString)(searchKeyword), 'ig');\n    var nodes = (0, _treeUtils.getPathTowardsItem)(item, function (item) {\n      return parentMap.get(item);\n    });\n    var formattedNodes = nodes.map(function (node) {\n      var _extends2;\n      var labelElements = [];\n      var a = node[labelKey].split(regx);\n      var b = node[labelKey].match(regx);\n      for (var i = 0; i < a.length; i++) {\n        labelElements.push(a[i]);\n        if (b && b[i]) {\n          labelElements.push( /*#__PURE__*/_react.default.createElement(\"span\", {\n            key: i,\n            className: prefix('cascader-search-match'),\n            __self: _this,\n            __source: {\n              fileName: _jsxFileName,\n              lineNumber: 446,\n              columnNumber: 13\n            }\n          }, b[i]));\n        }\n      }\n      return (0, _extends3.default)({}, node, (_extends2 = {}, _extends2[labelKey] = labelElements, _extends2));\n    });\n    var disabled = disabledItemValues.some(function (value) {\n      return formattedNodes.some(function (node) {\n        return node[valueKey] === value;\n      });\n    });\n    var itemClasses = prefix('cascader-row', {\n      'cascader-row-disabled': disabled,\n      'cascader-row-focus': item[valueKey] === focusItemValue\n    });\n    var label = formattedNodes.map(function (node, index) {\n      return /*#__PURE__*/_react.default.createElement(\"span\", {\n        key: \"col-\" + index,\n        className: prefix('cascader-col'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 467,\n          columnNumber: 7\n        }\n      }, node[labelKey]);\n    });\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      role: \"treeitem\",\n      key: key,\n      \"aria-disabled\": disabled,\n      \"data-key\": item[valueKey],\n      className: itemClasses,\n      tabIndex: -1,\n      onClick: function onClick(event) {\n        if (!disabled) {\n          handleSearchRowSelect(item, nodes, event);\n        }\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 473,\n        columnNumber: 7\n      }\n    }, renderSearchItem ? renderSearchItem(label, nodes) : label);\n  };\n  var renderSearchResultPanel = function renderSearchResultPanel() {\n    if (searchKeyword === '') {\n      return null;\n    }\n    var items = getSearchResult();\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('cascader-search-panel'),\n      \"data-layer\": 0,\n      role: \"tree\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 498,\n        columnNumber: 7\n      }\n    }, items.length ? items.map(renderSearchRow) : /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('none'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 502,\n        columnNumber: 11\n      }\n    }, locale.noResultsText));\n  };\n  var renderTreeView = function renderTreeView(positionProps, speakerRef) {\n    var _ref2 = positionProps || {},\n      left = _ref2.left,\n      top = _ref2.top,\n      className = _ref2.className;\n    var styles = (0, _extends3.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var classes = merge(className, menuClassName, prefix('cascader-menu', {\n      inline: inline\n    }));\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {\n      ref: (0, _utils2.mergeRefs)(overlay, speakerRef),\n      className: classes,\n      style: styles,\n      target: trigger,\n      onKeyDown: onPickerKeyDown,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 514,\n        columnNumber: 7\n      }\n    }, searchable && /*#__PURE__*/_react.default.createElement(_SearchBox.default, {\n      placeholder: locale === null || locale === void 0 ? void 0 : locale.searchPlaceholder,\n      onChange: handleSearch,\n      value: searchKeyword,\n      inputRef: searchInput,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 522,\n        columnNumber: 11\n      }\n    }), renderSearchResultPanel(), searchKeyword === '' && /*#__PURE__*/_react.default.createElement(_TreeView.default, {\n      menuWidth: menuWidth,\n      menuHeight: menuHeight,\n      disabledItemValues: disabledItemValues,\n      loadingItemsSet: loadingItemsSet,\n      valueKey: valueKey,\n      labelKey: labelKey,\n      childrenKey: childrenKey,\n      classPrefix: 'picker-cascader-menu',\n      cascadeData: columnsToDisplay,\n      cascadePaths: pathTowardsActiveItem,\n      activeItemValue: value\n      // FIXME make onSelect generic\n      ,\n      onSelect: handleSelect,\n      renderMenu: renderMenu,\n      renderMenuItem: renderMenuItem,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 532,\n        columnNumber: 11\n      }\n    }), renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n  var selectedElement = placeholder;\n  if (pathTowardsSelectedItem.length > 0) {\n    selectedElement = [];\n    pathTowardsSelectedItem.forEach(function (item, index) {\n      var key = item[valueKey] || item[labelKey];\n      selectedElement.push( /*#__PURE__*/_react.default.createElement(\"span\", {\n        key: key,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 562,\n          columnNumber: 28\n        }\n      }, item[labelKey]));\n      if (index < pathTowardsSelectedItem.length - 1) {\n        selectedElement.push( /*#__PURE__*/_react.default.createElement(\"span\", {\n          className: \"separator\",\n          key: key + \"-separator\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 565,\n            columnNumber: 11\n          }\n        }, ' / '));\n      }\n    });\n  }\n  if (!(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue)) {\n    selectedElement = renderValue(value, pathTowardsSelectedItem, selectedElement);\n    // If renderValue returns null or undefined, hasValue is false.\n    if ((0, _isNil.default)(selectedElement)) {\n      hasValue = false;\n    }\n  }\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends3.default)({}, props, {\n      classPrefix: classPrefix,\n      hasValue: hasValue,\n      name: 'cascader',\n      appearance: appearance,\n      cleanable: cleanable\n    })),\n    classes = _usePickerClassName[0],\n    usedClassNamePropKeys = _usePickerClassName[1]; // TODO: bad api design\n  //       consider an isolated Menu component\n  if (inline) {\n    return renderTreeView();\n  }\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    id: id,\n    popupType: \"tree\",\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: trigger,\n    placement: placement,\n    onEntered: (0, _utils2.createChainedFunction)(handleEntered, onEnter),\n    onExited: (0, _utils2.createChainedFunction)(handleExited, onExited),\n    speaker: renderTreeView,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 597,\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: 607,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends3.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {\n    ref: target,\n    as: toggleAs,\n    appearance: appearance,\n    disabled: disabled,\n    onClean: (0, _utils2.createChainedFunction)(handleClean, onClean),\n    onKeyDown: onPickerKeyDown,\n    cleanable: cleanable && !disabled,\n    hasValue: hasValue,\n    active: active,\n    placement: placement,\n    inputValue: value !== null && value !== void 0 ? value : '',\n    focusItemValue: focusItemValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 608,\n      columnNumber: 9\n    }\n  }), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder))));\n});\nCascader.displayName = 'Cascader';\nCascader.propTypes = (0, _extends3.default)({}, _Picker.listPickerPropTypes, {\n  disabledItemValues: _propTypes.default.array,\n  locale: _propTypes.default.any,\n  appearance: (0, _propTypes2.oneOf)(['default', 'subtle']),\n  renderMenu: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onSearch: _propTypes.default.func,\n  cleanable: _propTypes.default.bool,\n  renderMenuItem: _propTypes.default.func,\n  renderSearchItem: _propTypes.default.func,\n  menuWidth: _propTypes.default.number,\n  menuHeight: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  searchable: _propTypes.default.bool,\n  inline: _propTypes.default.bool,\n  parentSelectable: _propTypes.default.bool\n});\nvar _default = Cascader;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Cascader/Cascader.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _CascadeTree = _interopRequireDefault(__webpack_require__(/*! ./CascadeTree */ \"./src/CascadeTree/CascadeTree.tsx\"));\nvar _default = _CascadeTree.default;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/CascadeTree/index.tsx?");
 
 /***/ }),
 
-/***/ "./src/Cascader/TreeView.tsx":
+/***/ "./src/CascadeTree/utils.ts":
+/*!**********************************!*\
+  !*** ./src/CascadeTree/utils.ts ***!
+  \**********************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nexports.__esModule = true;\nexports.getColumnsAndPaths = getColumnsAndPaths;\nexports.highlightLabel = highlightLabel;\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n/**\n * Calculate columns to be displayed:\n *\n * - Every ancestor level of activeItem should be displayed\n * - The level that activeItem is at should be displayed\n * - If activeItem is a parent node, its child level should be displayed\n *\n * @param items\n * @param value\n * @param options\n * @returns\n */\nfunction getColumnsAndPaths(items, pathTarget, options) {\n  var getParent = options.getParent,\n    getChildren = options.getChildren;\n  if (!pathTarget) {\n    return {\n      columns: [items],\n      path: []\n    };\n  }\n  var columns = [];\n  var path = [pathTarget];\n  var children = getChildren(pathTarget);\n  if (children && children.length > 0) {\n    columns.unshift(children);\n  }\n  for (var parent = getParent(pathTarget); !!parent; parent = getParent(parent)) {\n    var _getChildren;\n    columns.unshift((_getChildren = getChildren(parent)) !== null && _getChildren !== void 0 ? _getChildren : []);\n    path.unshift(parent);\n  }\n  columns.unshift(items);\n  return {\n    columns: columns,\n    path: path\n  };\n}\n\n/**\n * Highlight the search keyword in the label\n */\nfunction highlightLabel(props) {\n  var item = props.item,\n    searchKeyword = props.searchKeyword,\n    labelKey = props.labelKey,\n    render = props.render;\n  var regx = new RegExp((0, _utils.getSafeRegExpString)(searchKeyword), 'ig');\n  var labelElements = [];\n  var strArr = item[labelKey].split(regx);\n  var highStrArr = item[labelKey].match(regx);\n  for (var i = 0; i < strArr.length; i++) {\n    labelElements.push(strArr[i]);\n    if (highStrArr !== null && highStrArr !== void 0 && highStrArr[i]) {\n      labelElements.push(render(highStrArr[i], i));\n    }\n  }\n  return labelElements;\n}\n\n//# sourceURL=webpack://rsuite/./src/CascadeTree/utils.ts?");
+
+/***/ }),
+
+/***/ "./src/Cascader/Cascader.tsx":
 /*!***********************************!*\
-  !*** ./src/Cascader/TreeView.tsx ***!
+  !*** ./src/Cascader/Cascader.tsx ***!
   \***********************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.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 _Spinner = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Spinner */ \"./node_modules/@rsuite/icons/legacy/Spinner.js\"));\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _AngleLeft = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleLeft */ \"./node_modules/@rsuite/icons/legacy/AngleLeft.js\"));\nvar _AngleRight = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleRight */ \"./node_modules/@rsuite/icons/legacy/AngleRight.js\"));\nvar _getPosition = _interopRequireDefault(__webpack_require__(/*! dom-lib/getPosition */ \"./node_modules/dom-lib/esm/getPosition.js\"));\nvar _scrollTop = _interopRequireDefault(__webpack_require__(/*! dom-lib/scrollTop */ \"./node_modules/dom-lib/esm/scrollTop.js\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Cascader/TreeView.tsx\",\n  _this = void 0;\nvar emptyArray = [];\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    activeItemValue = props.activeItemValue,\n    classPrefix = props.classPrefix,\n    className = props.className,\n    _props$childrenKey = props.childrenKey,\n    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,\n    _props$menuWidth = props.menuWidth,\n    menuWidth = _props$menuWidth === void 0 ? 120 : _props$menuWidth,\n    _props$menuHeight = props.menuHeight,\n    menuHeight = _props$menuHeight === void 0 ? 200 : _props$menuHeight,\n    _props$valueKey = props.valueKey,\n    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n    _props$cascadeData = props.cascadeData,\n    cascadeData = _props$cascadeData === void 0 ? emptyArray : _props$cascadeData,\n    _props$cascadePaths = props.cascadePaths,\n    cascadePaths = _props$cascadePaths === void 0 ? emptyArray : _props$cascadePaths,\n    loadingItemsSet = props.loadingItemsSet,\n    _props$labelKey = props.labelKey,\n    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n    style = props.style,\n    renderMenu = props.renderMenu,\n    renderMenuItem = props.renderMenuItem,\n    onSelect = props.onSelect,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"activeItemValue\", \"classPrefix\", \"className\", \"childrenKey\", \"disabledItemValues\", \"menuWidth\", \"menuHeight\", \"valueKey\", \"cascadeData\", \"cascadePaths\", \"loadingItemsSet\", \"labelKey\", \"style\", \"renderMenu\", \"renderMenuItem\", \"onSelect\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var classes = merge(className, prefix('items'));\n  var rootRef = (0, _react.useRef)();\n  var _useCustom = (0, _utils.useCustom)(),\n    rtl = _useCustom.rtl;\n  var _useCombobox = (0, _Picker.useCombobox)(),\n    id = _useCombobox.id,\n    labelId = _useCombobox.labelId,\n    popupType = _useCombobox.popupType;\n  (0, _react.useEffect)(function () {\n    var _rootRef$current;\n    var columns = ((_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.querySelectorAll('[data-type=\"column\"]')) || [];\n    columns.forEach(function (column) {\n      if (!column) {\n        return;\n      }\n      var activeItem = column.querySelector(\".\" + prefix('item-focus'));\n      if (!activeItem) {\n        activeItem = column.querySelector(\".\" + prefix('item-active'));\n      }\n      if (activeItem) {\n        var position = (0, _getPosition.default)(activeItem, column);\n        // Let the active option scroll into view.\n        if (position !== null && position !== void 0 && position.top) {\n          (0, _scrollTop.default)(column, position === null || position === void 0 ? void 0 : position.top);\n        }\n      }\n    });\n  }, [prefix]);\n  var getCascadePaths = function getCascadePaths(layer, node) {\n    var paths = [];\n    for (var i = 0; i < cascadeData.length && i < layer; i += 1) {\n      if (i < layer - 1 && cascadePaths) {\n        paths.push(cascadePaths[i]);\n      }\n    }\n    paths.push(node);\n    return paths;\n  };\n  var handleSelect = (0, _utils.useEventCallback)(function (layer, node, event) {\n    var isLeafNode = (0, _isNil.default)(node[childrenKey]);\n    var cascadePaths = getCascadePaths(layer + 1, node);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, cascadePaths, isLeafNode, event);\n  });\n  var renderCascadeNode = function renderCascadeNode(nodeProps) {\n    var _loadingItemsSet$has;\n    var node = nodeProps.node,\n      index = nodeProps.index,\n      layer = nodeProps.layer,\n      focus = nodeProps.focus,\n      size = nodeProps.size;\n    var children = node[childrenKey];\n    var value = node[valueKey];\n    var label = node[labelKey];\n    var disabled = disabledItemValues.some(function (disabledValue) {\n      return (0, _utils.shallowEqual)(disabledValue, value);\n    });\n    var loading = (_loadingItemsSet$has = loadingItemsSet === null || loadingItemsSet === void 0 ? void 0 : loadingItemsSet.has(node)) !== null && _loadingItemsSet$has !== void 0 ? _loadingItemsSet$has : false;\n\n    // Use `value` in keys when If `value` is string or number\n    var onlyKey = typeof value === 'number' || typeof value === 'string' ? value : index;\n    var Icon = loading ? _Spinner.default : rtl ? _AngleLeft.default : _AngleRight.default;\n    return /*#__PURE__*/_react.default.createElement(_Picker.ListItem, {\n      as: 'li',\n      role: \"treeitem\",\n      \"aria-level\": layer + 1,\n      \"aria-setsize\": size,\n      \"aria-posinset\": index + 1,\n      \"aria-label\": typeof label === 'string' ? label : undefined,\n      classPrefix: \"picker-cascader-menu-item\",\n      key: layer + \"-\" + onlyKey,\n      disabled: disabled,\n      active: !(0, _isUndefined.default)(activeItemValue) && (0, _utils.shallowEqual)(activeItemValue, value),\n      focus: focus,\n      value: value,\n      className: children ? prefix('has-children') : undefined,\n      onSelect: function onSelect(_value, event) {\n        return handleSelect(layer, node, event);\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 137,\n        columnNumber: 9\n      }\n    }, renderMenuItem ? renderMenuItem(label, node) : label, children ? /*#__PURE__*/_react.default.createElement(Icon, {\n      className: prefix('caret'),\n      spin: loading,\n      \"data-testid\": \"spinner\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 155,\n        columnNumber: 13\n      }\n    }) : null);\n  };\n  var cascadeNodes = cascadeData.map(function (children, layer) {\n    var onlyKey = layer + \"_\" + children.length;\n    var parentNode = cascadePaths[layer - 1];\n    var menu = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children.map(function (item, index) {\n      var focus = cascadePaths[layer] && (0, _utils.shallowEqual)(cascadePaths[layer][valueKey], item[valueKey]);\n      return renderCascadeNode({\n        node: item,\n        index: index,\n        layer: layer,\n        focus: focus,\n        size: children.length\n      });\n    }));\n    return /*#__PURE__*/_react.default.createElement(\"ul\", {\n      role: \"group\",\n      \"data-layer\": layer,\n      \"data-type\": 'column',\n      key: onlyKey,\n      className: prefix('column'),\n      style: {\n        height: menuHeight,\n        width: menuWidth\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 176,\n        columnNumber: 9\n      }\n    }, renderMenu ? renderMenu(children, menu, parentNode, layer) : menu);\n  });\n  var styles = (0, _extends2.default)({}, style, {\n    width: cascadeData.length * menuWidth\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"tree\",\n    id: id + \"-\" + popupType,\n    \"aria-labelledby\": labelId\n  }, rest, {\n    ref: (0, _utils.mergeRefs)(rootRef, ref),\n    className: classes,\n    style: styles,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 192,\n      columnNumber: 7\n    }\n  }), cascadeNodes);\n});\nTreeView.displayName = 'TreeView';\nvar _default = TreeView;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Cascader/TreeView.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.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 _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _isFunction = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\nvar _TreeView = _interopRequireDefault(__webpack_require__(/*! ../CascadeTree/TreeView */ \"./src/CascadeTree/TreeView.tsx\"));\nvar _SearchView = _interopRequireDefault(__webpack_require__(/*! ../CascadeTree/SearchView */ \"./src/CascadeTree/SearchView.tsx\"));\nvar _hooks = __webpack_require__(/*! ../CascadeTree/hooks */ \"./src/CascadeTree/hooks/index.ts\");\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _useMap = __webpack_require__(/*! ../utils/useMap */ \"./src/utils/useMap.ts\");\nvar _useActive2 = _interopRequireDefault(__webpack_require__(/*! ./useActive */ \"./src/Cascader/useActive.ts\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Cascader/Cascader.tsx\",\n  _this = void 0;\nvar emptyArray = [];\n\n/**\n * The `Cascader` component displays a hierarchical list of options.\n * @see https://rsuitejs.com/components/cascader\n */\nvar Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$data = props.data,\n    data = _props$data === void 0 ? emptyArray : _props$data,\n    _props$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    _props$valueKey = props.valueKey,\n    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n    _props$labelKey = props.labelKey,\n    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n    defaultValue = props.defaultValue,\n    placeholder = props.placeholder,\n    disabled = props.disabled,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,\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    overrideLocale = props.locale,\n    toggleAs = props.toggleAs,\n    style = props.style,\n    valueProp = props.value,\n    popupClassName = props.popupClassName,\n    popupStyle = props.popupStyle,\n    columnHeight = props.columnHeight,\n    columnWidth = props.columnWidth,\n    _props$searchable = props.searchable,\n    searchable = _props$searchable === void 0 ? true : _props$searchable,\n    parentSelectable = props.parentSelectable,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    id = props.id,\n    renderColumn = props.renderColumn,\n    renderTreeNode = props.renderTreeNode,\n    renderSearchItem = props.renderSearchItem,\n    renderValue = props.renderValue,\n    renderExtraFooter = props.renderExtraFooter,\n    onEntered = props.onEntered,\n    onExited = props.onExited,\n    onClean = props.onClean,\n    onChange = props.onChange,\n    onSelect = props.onSelect,\n    onSearch = props.onSearch,\n    onClose = props.onClose,\n    onOpen = props.onOpen,\n    getChildren = props.getChildren,\n    DEPRECATED_menuClassName = props.menuClassName,\n    DEPRECATED_menuStyle = props.menuStyle,\n    DEPRECATED_menuWidth = props.menuWidth,\n    DEPRECATED_menuHeight = props.menuHeight,\n    DEPRECATED_renderMenuItem = props.renderMenuItem,\n    DEPRECATED_renderMenu = props.renderMenu,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"data\", \"classPrefix\", \"childrenKey\", \"valueKey\", \"labelKey\", \"defaultValue\", \"placeholder\", \"disabled\", \"disabledItemValues\", \"appearance\", \"cleanable\", \"locale\", \"toggleAs\", \"style\", \"value\", \"popupClassName\", \"popupStyle\", \"columnHeight\", \"columnWidth\", \"searchable\", \"parentSelectable\", \"placement\", \"id\", \"renderColumn\", \"renderTreeNode\", \"renderSearchItem\", \"renderValue\", \"renderExtraFooter\", \"onEntered\", \"onExited\", \"onClean\", \"onChange\", \"onSelect\", \"onSearch\", \"onClose\", \"onOpen\", \"getChildren\", \"menuClassName\", \"menuStyle\", \"menuWidth\", \"menuHeight\", \"renderMenuItem\", \"renderMenu\"]);\n  var _usePickerRef = (0, _Picker.usePickerRef)(ref),\n    trigger = _usePickerRef.trigger,\n    root = _usePickerRef.root,\n    target = _usePickerRef.target,\n    overlay = _usePickerRef.overlay,\n    searchInput = _usePickerRef.searchInput;\n  var _ref = (0, _utils.useControlled)(valueProp, defaultValue),\n    value = _ref[0],\n    setValue = _ref[1]; // Store the children of each node\n  var childrenMap = (0, _useMap.useMap)();\n\n  // Store the parent of each node\n  var parentMap = (0, _react.useMemo)(function () {\n    return (0, _treeUtils.getParentMap)(data, function (item) {\n      var _childrenMap$get;\n      return (_childrenMap$get = childrenMap.get(item)) !== null && _childrenMap$get !== void 0 ? _childrenMap$get : item[childrenKey];\n    });\n  }, [childrenMap, childrenKey, data]);\n\n  // Flatten the tree data\n  var flattenedData = (0, _react.useMemo)(function () {\n    return (0, _treeUtils.flattenTree)(data, function (item) {\n      var _childrenMap$get2;\n      return (_childrenMap$get2 = childrenMap.get(item)) !== null && _childrenMap$get2 !== void 0 ? _childrenMap$get2 : item[childrenKey];\n    });\n  }, [childrenMap, childrenKey, data]);\n\n  // The selected item\n  var selectedItem = flattenedData.find(function (item) {\n    return item[valueKey] === value;\n  });\n\n  // Callback function after selecting the node\n  var onSelectCallback = function onSelectCallback(node, event) {\n    var _trigger$current;\n    var isLeafNode = node.isLeafNode,\n      cascadePaths = node.cascadePaths,\n      itemData = node.itemData;\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(itemData, cascadePaths, event);\n    var nextValue = itemData[valueKey];\n    if (isLeafNode) {\n      // Determines whether the option is a leaf node, and if so, closes the picker.\n      handleClose();\n      setValue(nextValue);\n      return;\n    }\n\n    //  When the parent is optional, the value and the displayed path are updated.\n    if (parentSelectable && !(0, _utils.shallowEqual)(value, nextValue)) {\n      setValue(nextValue);\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    }\n\n    // Update menu position\n    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : _trigger$current.updatePosition();\n  };\n  var _useSelect = (0, _hooks.useSelect)({\n      value: value,\n      valueKey: valueKey,\n      childrenKey: childrenKey,\n      childrenMap: childrenMap,\n      selectedItem: selectedItem,\n      getChildren: getChildren,\n      onChange: onChange,\n      onSelect: onSelectCallback\n    }),\n    activeItem = _useSelect.activeItem,\n    setActiveItem = _useSelect.setActiveItem,\n    loadingItemsSet = _useSelect.loadingItemsSet,\n    handleSelect = _useSelect.handleSelect;\n  var _usePaths = (0, _hooks.usePaths)({\n      data: data,\n      activeItem: activeItem,\n      selectedItem: selectedItem,\n      getParent: function getParent(item) {\n        return parentMap.get(item);\n      },\n      getChildren: function getChildren(item) {\n        var _childrenMap$get3;\n        return (_childrenMap$get3 = childrenMap.get(item)) !== null && _childrenMap$get3 !== void 0 ? _childrenMap$get3 : item[childrenKey];\n      }\n    }),\n    columns = _usePaths.columns,\n    pathTowardsActiveItem = _usePaths.pathTowardsActiveItem,\n    pathTowardsSelectedItem = _usePaths.pathTowardsSelectedItem;\n  var _useCustom = (0, _utils.useCustom)('Picker', overrideLocale),\n    locale = _useCustom.locale,\n    rtl = _useCustom.rtl;\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 hasValue = pathTowardsSelectedItem.length > 0 || !(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var onFocusItemCallback = (0, _react.useCallback)(function (value) {\n    setActiveItem(flattenedData.find(function (item) {\n      return item[valueKey] === value;\n    }));\n  }, [flattenedData, setActiveItem, valueKey]);\n\n  // Used to hover the focuse item  when trigger `onKeydown`\n  var _useFocusItemValue = (0, _Picker.useFocusItemValue)(value, {\n      rtl: rtl,\n      data: flattenedData,\n      valueKey: valueKey,\n      defaultLayer: pathTowardsSelectedItem !== null && pathTowardsSelectedItem !== void 0 && pathTowardsSelectedItem.length ? pathTowardsSelectedItem.length - 1 : 0,\n      target: function target() {\n        return overlay.current;\n      },\n      getParent: function getParent(item) {\n        return parentMap.get(item);\n      },\n      callback: onFocusItemCallback\n    }),\n    focusItemValue = _useFocusItemValue.focusItemValue,\n    setFocusItemValue = _useFocusItemValue.setFocusItemValue,\n    setLayer = _useFocusItemValue.setLayer,\n    setKeys = _useFocusItemValue.setKeys,\n    onFocusItem = _useFocusItemValue.onKeyDown;\n  var onSearchCallback = function onSearchCallback(value, items, event) {\n    onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);\n    if (!value || items.length === 0) {\n      setFocusItemValue(undefined);\n      return;\n    }\n    if (items.length > 0) {\n      setFocusItemValue(items[0][valueKey]);\n      setLayer(0);\n      setKeys([]);\n    }\n  };\n  var _useSearch = (0, _hooks.useSearch)({\n      labelKey: labelKey,\n      childrenKey: childrenKey,\n      parentMap: parentMap,\n      flattenedData: flattenedData,\n      parentSelectable: parentSelectable,\n      onSearch: onSearchCallback\n    }),\n    items = _useSearch.items,\n    searchKeyword = _useSearch.searchKeyword,\n    setSearchKeyword = _useSearch.setSearchKeyword,\n    handleSearch = _useSearch.handleSearch;\n  var _useActive = (0, _useActive2.default)({\n      onOpen: onOpen,\n      onClose: onClose,\n      onEntered: onEntered,\n      onExited: onExited,\n      target: target,\n      setSearchKeyword: setSearchKeyword\n    }),\n    active = _useActive.active,\n    handleEntered = _useActive.handleEntered,\n    handleExited = _useActive.handleExited;\n  var handleClose = (0, _utils.useEventCallback)(function () {\n    var _trigger$current2, _target$current, _target$current$focus;\n    (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.close();\n\n    // The focus is on the trigger button after closing\n    (_target$current = target.current) === null || _target$current === void 0 ? void 0 : (_target$current$focus = _target$current.focus) === null || _target$current$focus === void 0 ? void 0 : _target$current$focus.call(_target$current);\n  });\n  var handleClean = (0, _utils.useEventCallback)(function (event) {\n    if (disabled || !target.current) {\n      return;\n    }\n    setValue(null);\n    onChange === null || onChange === void 0 ? void 0 : onChange(null, event);\n  });\n  var handleMenuPressEnter = (0, _utils.useEventCallback)(function (event) {\n    var focusItem = (0, _treeUtils.findNodeOfTree)(data, function (item) {\n      return item[valueKey] === focusItemValue;\n    });\n    var isLeafNode = focusItem && !focusItem[childrenKey];\n    if (isLeafNode) {\n      setValue(focusItemValue);\n      if (pathTowardsActiveItem.length) {\n        setLayer(pathTowardsActiveItem.length - 1);\n      }\n      if (!(0, _utils.shallowEqual)(value, focusItemValue)) {\n        onSelect === null || onSelect === void 0 ? void 0 : onSelect(focusItem, pathTowardsActiveItem, event);\n        onChange === null || onChange === void 0 ? void 0 : onChange(focusItemValue !== null && focusItemValue !== void 0 ? focusItemValue : null, event);\n      }\n      handleClose();\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: onFocusItem,\n    onMenuPressEnter: handleMenuPressEnter\n  }, rest));\n\n  /**\n   * The search structure option is processed after being selected.\n   */\n  var handleSearchRowSelect = (0, _utils.useEventCallback)(function (itemData, nodes, event) {\n    var nextValue = itemData[valueKey];\n    handleClose();\n    setSearchKeyword('');\n    setValue(nextValue);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(itemData, nodes, event);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n  });\n  var renderCascadeColumn = function renderCascadeColumn(childNodes, column) {\n    var items = column.items,\n      parentItem = column.parentItem,\n      layer = column.layer;\n    if (typeof renderColumn === 'function') {\n      return renderColumn(childNodes, column);\n    } else if (typeof DEPRECATED_renderMenu === 'function') {\n      return DEPRECATED_renderMenu(items, childNodes, parentItem, layer);\n    }\n    return childNodes;\n  };\n  var renderCascadeTreeNode = function renderCascadeTreeNode(node, itemData) {\n    var render = typeof renderTreeNode === 'function' ? renderTreeNode : DEPRECATED_renderMenuItem;\n    if (typeof render === 'function') {\n      return render(node, itemData);\n    }\n    return node;\n  };\n  var renderTreeView = function renderTreeView(positionProps, speakerRef) {\n    var _ref2 = positionProps || {},\n      left = _ref2.left,\n      top = _ref2.top,\n      className = _ref2.className;\n    var styles = (0, _extends2.default)({}, DEPRECATED_menuStyle, popupStyle, {\n      left: left,\n      top: top\n    });\n    var classes = merge(className, DEPRECATED_menuClassName, popupClassName, prefix('popup-cascader'));\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {\n      ref: (0, _utils.mergeRefs)(overlay, speakerRef),\n      className: classes,\n      style: styles,\n      target: trigger,\n      onKeyDown: onPickerKeyDown,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 435,\n        columnNumber: 7\n      }\n    }, searchable && /*#__PURE__*/_react.default.createElement(_SearchView.default, {\n      data: items,\n      searchKeyword: searchKeyword,\n      valueKey: valueKey,\n      labelKey: labelKey,\n      parentMap: parentMap,\n      disabledItemValues: disabledItemValues,\n      focusItemValue: focusItemValue,\n      inputRef: searchInput,\n      renderSearchItem: renderSearchItem,\n      onSelect: handleSearchRowSelect,\n      onSearch: handleSearch,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 443,\n        columnNumber: 11\n      }\n    }), searchKeyword === '' && /*#__PURE__*/_react.default.createElement(_TreeView.default, {\n      columnWidth: columnWidth !== null && columnWidth !== void 0 ? columnWidth : DEPRECATED_menuWidth,\n      columnHeight: columnHeight !== null && columnHeight !== void 0 ? columnHeight : DEPRECATED_menuHeight,\n      disabledItemValues: disabledItemValues,\n      loadingItemsSet: loadingItemsSet,\n      valueKey: valueKey,\n      labelKey: labelKey,\n      childrenKey: childrenKey,\n      classPrefix: 'cascade-tree',\n      data: columns,\n      cascadePaths: pathTowardsActiveItem,\n      activeItemValue: value,\n      onSelect: handleSelect,\n      renderColumn: renderCascadeColumn,\n      renderTreeNode: renderCascadeTreeNode,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 459,\n        columnNumber: 11\n      }\n    }), renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n  var selectedElement = placeholder;\n  if (pathTowardsSelectedItem.length > 0) {\n    selectedElement = [];\n    pathTowardsSelectedItem.forEach(function (item, index) {\n      var key = item[valueKey] || item[labelKey];\n      selectedElement.push( /*#__PURE__*/_react.default.createElement(\"span\", {\n        key: key,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 488,\n          columnNumber: 28\n        }\n      }, item[labelKey]));\n      if (index < pathTowardsSelectedItem.length - 1) {\n        selectedElement.push( /*#__PURE__*/_react.default.createElement(\"span\", {\n          className: \"separator\",\n          key: key + \"-separator\",\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 491,\n            columnNumber: 11\n          }\n        }, ' / '));\n      }\n    });\n  }\n  if (!(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue)) {\n    selectedElement = renderValue(value, pathTowardsSelectedItem, selectedElement);\n    // If renderValue returns null or undefined, hasValue is false.\n    if ((0, _isNil.default)(selectedElement)) {\n      hasValue = false;\n    }\n  }\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n      classPrefix: classPrefix,\n      hasValue: hasValue,\n      name: 'cascader',\n      appearance: appearance,\n      cleanable: cleanable\n    })),\n    classes = _usePickerClassName[0],\n    usedClassNamePropKeys = _usePickerClassName[1];\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    id: id,\n    popupType: \"tree\",\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: trigger,\n    placement: placement,\n    onEntered: handleEntered,\n    onExited: handleExited,\n    speaker: renderTreeView,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 517,\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: 527,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {\n    ref: target,\n    as: toggleAs,\n    appearance: appearance,\n    disabled: disabled,\n    onClean: (0, _utils.createChainedFunction)(handleClean, onClean),\n    onKeyDown: onPickerKeyDown,\n    cleanable: cleanable && !disabled,\n    hasValue: hasValue,\n    active: active,\n    placement: placement,\n    inputValue: value !== null && value !== void 0 ? value : '',\n    focusItemValue: focusItemValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 528,\n      columnNumber: 9\n    }\n  }), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder))));\n});\nCascader.displayName = 'Cascader';\nCascader.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {\n  disabledItemValues: _propTypes.default.array,\n  locale: _propTypes.default.any,\n  appearance: (0, _propTypes2.oneOf)(['default', 'subtle']),\n  onSelect: _propTypes.default.func,\n  onSearch: _propTypes.default.func,\n  cleanable: _propTypes.default.bool,\n  renderColumn: _propTypes.default.func,\n  renderTreeNode: _propTypes.default.func,\n  renderSearchItem: _propTypes.default.func,\n  columnWidth: _propTypes.default.number,\n  columnHeight: _propTypes.default.number,\n  searchable: _propTypes.default.bool,\n  parentSelectable: _propTypes.default.bool,\n  inline: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.bool, 'Use `<CascadeTree>` instead.'),\n  renderMenu: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"renderColumn\" property instead.'),\n  renderMenuItem: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"renderTreeNode\" property instead.'),\n  menuWidth: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.number, 'Use \"columnWidth\" property instead.'),\n  menuHeight: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.number, 'Use \"columnHeight\" property instead.')\n});\nvar _default = Cascader;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Cascader/Cascader.tsx?");
 
 /***/ }),
 
@@ -6432,14 +6520,14 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
-/***/ "./src/Cascader/utils.ts":
-/*!*******************************!*\
-  !*** ./src/Cascader/utils.ts ***!
-  \*******************************/
+/***/ "./src/Cascader/useActive.ts":
+/*!***********************************!*\
+  !*** ./src/Cascader/useActive.ts ***!
+  \***********************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports.getColumnsAndPaths = getColumnsAndPaths;\nexports.usePaths = usePaths;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n/**\n * Calculate columns to be displayed:\n *\n * - Every ancestor level of activeItem should be displayed\n * - The level that activeItem is at should be displayed\n * - If activeItem is a parent node, its child level should be displayed\n *\n * @param items\n * @param value\n * @param options\n * @returns\n */\nfunction getColumnsAndPaths(items, pathTarget, options) {\n  var getParent = options.getParent,\n    getChildren = options.getChildren;\n  if (!pathTarget) {\n    return {\n      columns: [items],\n      path: []\n    };\n  }\n  var columns = [];\n  var path = [pathTarget];\n  var children = getChildren(pathTarget);\n  if (children && children.length > 0) {\n    columns.unshift(children);\n  }\n  for (var parent = getParent(pathTarget); !!parent; parent = getParent(parent)) {\n    var _getChildren;\n    columns.unshift((_getChildren = getChildren(parent)) !== null && _getChildren !== void 0 ? _getChildren : []);\n    path.unshift(parent);\n  }\n  columns.unshift(items);\n  return {\n    columns: columns,\n    path: path\n  };\n}\n/**\n * Caculate following 3 things\n *\n * - The columns of items to be displayed\n * - The path towards the current focused item\n * - The path towards the current selected item (referred to by Cascader's value)\n *\n * @param params\n * @returns\n */\nfunction usePaths(_ref) {\n  var data = _ref.data,\n    activeItem = _ref.activeItem,\n    selectedItem = _ref.selectedItem,\n    getParent = _ref.getParent,\n    getChildren = _ref.getChildren;\n  var pathTowardsSelectedItem = (0, _react.useMemo)(function () {\n    return (0, _treeUtils.getPathTowardsItem)(selectedItem, getParent);\n  }, [getParent, selectedItem]);\n  var _useMemo = (0, _react.useMemo)(function () {\n      return getColumnsAndPaths(data, activeItem, {\n        getParent: getParent,\n        getChildren: getChildren\n      });\n    }, [data, activeItem, getParent, getChildren]),\n    columnsToDisplay = _useMemo.columns,\n    pathTowardsActiveItem = _useMemo.path;\n  return {\n    columnsToDisplay: columnsToDisplay,\n    pathTowardsSelectedItem: pathTowardsSelectedItem,\n    pathTowardsActiveItem: pathTowardsActiveItem\n  };\n}\n\n//# sourceURL=webpack://rsuite/./src/Cascader/utils.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 _react = __webpack_require__(/*! react */ \"react\");\nvar _useEventCallback = _interopRequireDefault(__webpack_require__(/*! ../utils/useEventCallback */ \"./src/utils/useEventCallback.ts\"));\nvar useActive = function useActive(props) {\n  var onOpen = props.onOpen,\n    onClose = props.onClose,\n    onEntered = props.onEntered,\n    onExited = props.onExited,\n    target = props.target,\n    setSearchKeyword = props.setSearchKeyword; // Use component active state to support keyboard events.\n  var _useState = (0, _react.useState)(false),\n    active = _useState[0],\n    setActive = _useState[1];\n  var handleEntered = (0, _useEventCallback.default)(function (node) {\n    onEntered === null || onEntered === void 0 ? void 0 : onEntered(node);\n    if (!target.current) {\n      return;\n    }\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n    setActive(true);\n  });\n  var handleExited = (0, _useEventCallback.default)(function (node) {\n    onExited === null || onExited === void 0 ? void 0 : onExited(node);\n    if (!target.current) {\n      return;\n    }\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n    setActive(false);\n    setSearchKeyword('');\n  });\n  return {\n    active: active,\n    handleEntered: handleEntered,\n    handleExited: handleExited\n  };\n};\nvar _default = useActive;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Cascader/useActive.ts?");
 
 /***/ }),
 
@@ -7704,7 +7792,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\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, [\"as\", \"classPrefix\", \"className\", \"inverse\", \"backdrop\", \"speed\", \"center\", \"vertical\", \"content\", \"size\"]);\n  var hasContent = !!content;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix;\n  var classes = merge(className, prefix('wrapper', \"speed-\" + speed, size, {\n    'backdrop-wrapper': backdrop,\n    'has-content': hasContent,\n    vertical: vertical,\n    inverse: inverse,\n    center: center\n  }));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"progressbar\"\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 65,\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: 66,\n      columnNumber: 22\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: withClassPrefix(),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 67,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('spin'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 68,\n      columnNumber: 11\n    }\n  }), hasContent && /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('content'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 69,\n      columnNumber: 26\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 = Loader;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Loader/Loader.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\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, [\"as\", \"classPrefix\", \"className\", \"inverse\", \"backdrop\", \"speed\", \"center\", \"vertical\", \"content\", \"size\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix;\n  var labelId = (0, _utils.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 = Loader;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Loader/Loader.tsx?");
 
 /***/ }),
 
@@ -7917,47 +8005,146 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
-/***/ "./src/MultiCascader/MultiCascader.tsx":
+/***/ "./src/MultiCascadeTree/MultiCascadeTree.tsx":
+/*!***************************************************!*\
+  !*** ./src/MultiCascadeTree/MultiCascadeTree.tsx ***!
+  \***************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _TreeView = _interopRequireDefault(__webpack_require__(/*! ./TreeView */ \"./src/MultiCascadeTree/TreeView.tsx\"));\nvar _hooks = __webpack_require__(/*! ./hooks */ \"./src/MultiCascadeTree/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _SearchView = _interopRequireDefault(__webpack_require__(/*! ./SearchView */ \"./src/MultiCascadeTree/SearchView.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/MultiCascadeTree/MultiCascadeTree.tsx\",\n  _this = void 0;\nvar emptyArray = [];\n\n/**\n * The `MultiCascadeTree` component is used to select multiple values from cascading options.\n * @see https://rsuitejs.com/components/multi-cascade-tree/\n */\nvar MultiCascadeTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$data = props.data,\n    data = _props$data === void 0 ? emptyArray : _props$data,\n    defaultValue = props.defaultValue,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'cascade-tree' : _props$classPrefix,\n    valueProp = props.value,\n    _props$valueKey = props.valueKey,\n    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n    _props$labelKey = props.labelKey,\n    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n    _props$childrenKey = props.childrenKey,\n    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,\n    _props$cascade = props.cascade,\n    cascade = _props$cascade === void 0 ? true : _props$cascade,\n    columnWidth = props.columnWidth,\n    columnHeight = props.columnHeight,\n    searchable = props.searchable,\n    _props$uncheckableIte = props.uncheckableItemValues,\n    uncheckableItemValues = _props$uncheckableIte === void 0 ? emptyArray : _props$uncheckableIte,\n    getChildren = props.getChildren,\n    renderColumn = props.renderColumn,\n    renderTreeNode = props.renderTreeNode,\n    onSelect = props.onSelect,\n    onCheck = props.onCheck,\n    onChange = props.onChange,\n    onSearch = props.onSearch,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"data\", \"defaultValue\", \"className\", \"classPrefix\", \"value\", \"valueKey\", \"labelKey\", \"childrenKey\", \"disabledItemValues\", \"cascade\", \"columnWidth\", \"columnHeight\", \"searchable\", \"uncheckableItemValues\", \"getChildren\", \"renderColumn\", \"renderTreeNode\", \"onSelect\", \"onCheck\", \"onChange\", \"onSearch\"]);\n  var itemKeys = {\n    childrenKey: childrenKey,\n    labelKey: labelKey,\n    valueKey: valueKey\n  };\n  var _useSelect = (0, _hooks.useSelect)({\n      data: data,\n      childrenKey: childrenKey,\n      labelKey: labelKey,\n      valueKey: valueKey,\n      onSelect: onSelect,\n      getChildren: getChildren\n    }),\n    selectedPaths = _useSelect.selectedPaths,\n    flattenData = _useSelect.flattenData,\n    columnData = _useSelect.columnData,\n    handleSelect = _useSelect.handleSelect;\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n    controlledValue = _useControlled[0];\n  var cascadeValueProps = (0, _extends2.default)({}, itemKeys, {\n    uncheckableItemValues: uncheckableItemValues,\n    cascade: cascade,\n    value: controlledValue,\n    onCheck: onCheck,\n    onChange: onChange\n  });\n  var _useCascadeValue = (0, _hooks.useCascadeValue)(cascadeValueProps, flattenData),\n    value = _useCascadeValue.value,\n    handleCheck = _useCascadeValue.handleCheck;\n  var _useSearch = (0, _hooks.useSearch)({\n      labelKey: labelKey,\n      valueKey: valueKey,\n      childrenKey: childrenKey,\n      flattenedData: flattenData,\n      uncheckableItemValues: uncheckableItemValues,\n      onSearch: onSearch\n    }),\n    items = _useSearch.items,\n    searchKeyword = _useSearch.searchKeyword,\n    handleSearch = _useSearch.handleSearch;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix('multi'));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    ref: ref,\n    className: classes\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 78,\n      columnNumber: 7\n    }\n  }), searchable && /*#__PURE__*/_react.default.createElement(_SearchView.default, {\n    data: items,\n    value: value,\n    searchKeyword: searchKeyword,\n    valueKey: valueKey,\n    labelKey: labelKey,\n    childrenKey: childrenKey,\n    disabledItemValues: disabledItemValues,\n    onCheck: handleCheck,\n    onSearch: handleSearch,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 80,\n      columnNumber: 11\n    }\n  }), !searchKeyword && /*#__PURE__*/_react.default.createElement(_TreeView.default, {\n    cascade: cascade,\n    columnWidth: columnWidth,\n    columnHeight: columnHeight,\n    uncheckableItemValues: uncheckableItemValues,\n    disabledItemValues: disabledItemValues,\n    valueKey: valueKey,\n    labelKey: labelKey,\n    childrenKey: childrenKey,\n    classPrefix: classPrefix,\n    cascadeData: columnData,\n    cascadePaths: selectedPaths,\n    value: value,\n    onSelect: handleSelect,\n    onCheck: handleCheck,\n    renderColumn: renderColumn,\n    renderTreeNode: renderTreeNode,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 93,\n      columnNumber: 11\n    }\n  }));\n});\nMultiCascadeTree.displayName = 'MultiCascadeTree';\nvar _default = MultiCascadeTree;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/MultiCascadeTree/MultiCascadeTree.tsx?");
+
+/***/ }),
+
+/***/ "./src/MultiCascadeTree/SearchView.tsx":
 /*!*********************************************!*\
-  !*** ./src/MultiCascader/MultiCascader.tsx ***!
+  !*** ./src/MultiCascadeTree/SearchView.tsx ***!
+  \*********************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends3 = _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 _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\nvar _SearchBox = _interopRequireDefault(__webpack_require__(/*! ../internals/SearchBox */ \"./src/internals/SearchBox/index.tsx\"));\nvar _Checkbox = _interopRequireDefault(__webpack_require__(/*! ../Checkbox */ \"./src/Checkbox/index.tsx\"));\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/MultiCascadeTree/utils.ts\");\nvar _utils3 = __webpack_require__(/*! ../CascadeTree/utils */ \"./src/CascadeTree/utils.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/MultiCascadeTree/SearchView.tsx\";\nfunction SearchView(props) {\n  var _this = this;\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 ? 'cascade-search-view' : _props$classPrefix,\n    className = props.className,\n    searchKeyword = props.searchKeyword,\n    childrenKey = props.childrenKey,\n    labelKey = props.labelKey,\n    valueKey = props.valueKey,\n    value = props.value,\n    data = props.data,\n    disabledItemValues = props.disabledItemValues,\n    inputRef = props.inputRef,\n    cascade = props.cascade,\n    onSearch = props.onSearch,\n    onCheck = props.onCheck,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"className\", \"searchKeyword\", \"childrenKey\", \"labelKey\", \"valueKey\", \"value\", \"data\", \"disabledItemValues\", \"inputRef\", \"cascade\", \"onSearch\", \"onCheck\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix,\n    withClassPrefix = _useClassNames.withClassPrefix,\n    rootPrefix = _useClassNames.rootPrefix;\n  var classes = merge(className, withClassPrefix());\n  var _useCustom = (0, _utils.useCustom)('Picker'),\n    locale = _useCustom.locale;\n  var renderSearchRow = function renderSearchRow(item, key) {\n    var _extends2;\n    var nodes = (0, _treeUtils.getNodeParents)(item);\n    var label = (0, _utils3.highlightLabel)({\n      item: item,\n      labelKey: labelKey,\n      searchKeyword: searchKeyword,\n      render: function render(patch, index) {\n        return /*#__PURE__*/_react.default.createElement(\"span\", {\n          key: index,\n          className: prefix('match'),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 54,\n            columnNumber: 9\n          }\n        }, patch);\n      }\n    });\n    nodes.push((0, _extends3.default)({}, item, (_extends2 = {}, _extends2[labelKey] = label, _extends2)));\n    var active = value.some(function (value) {\n      if (cascade) {\n        return nodes.some(function (node) {\n          return node[valueKey] === value;\n        });\n      }\n      return item[valueKey] === value;\n    });\n    var disabled = disabledItemValues.some(function (value) {\n      return nodes.some(function (node) {\n        return node[valueKey] === value;\n      });\n    });\n    var rowClasses = prefix('row', {\n      'row-disabled': disabled\n    });\n    var indeterminate = cascade && !active && (0, _utils2.isSomeChildChecked)(item, value, {\n      valueKey: valueKey,\n      childrenKey: childrenKey\n    });\n    var handleChange = function handleChange(_value, checked, event) {\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(item, event, checked);\n    };\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      role: \"treeitem\",\n      \"aria-disabled\": disabled,\n      key: key,\n      className: rowClasses,\n      \"data-key\": item[valueKey],\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 79,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {\n      disabled: disabled,\n      checked: active,\n      value: item[valueKey],\n      indeterminate: indeterminate,\n      onChange: handleChange,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 86,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"span\", {\n      className: prefix('col-group'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 93,\n        columnNumber: 11\n      }\n    }, nodes.map(function (node, index) {\n      return /*#__PURE__*/_react.default.createElement(\"span\", {\n        key: \"col-\" + index,\n        className: prefix('col'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 95,\n          columnNumber: 15\n        }\n      }, node[labelKey]);\n    }))));\n  };\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends3.default)({\n    className: classes\n  }, rest, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 106,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(_SearchBox.default, {\n    placeholder: locale === null || locale === void 0 ? void 0 : locale.searchPlaceholder,\n    onChange: onSearch,\n    value: searchKeyword,\n    inputRef: inputRef,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 107,\n      columnNumber: 7\n    }\n  }), searchKeyword !== '' && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('panel'),\n    \"data-layer\": 0,\n    role: \"tree\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 114,\n      columnNumber: 9\n    }\n  }, data.length ? data.map(renderSearchRow) : /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: merge(prefix('none'), rootPrefix('picker-none')),\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 118,\n      columnNumber: 13\n    }\n  }, locale.noResultsText)));\n}\nvar _default = SearchView;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/MultiCascadeTree/SearchView.tsx?");
+
+/***/ }),
+
+/***/ "./src/MultiCascadeTree/TreeView.tsx":
+/*!*******************************************!*\
+  !*** ./src/MultiCascadeTree/TreeView.tsx ***!
+  \*******************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _Spinner = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Spinner */ \"./node_modules/@rsuite/icons/legacy/Spinner.js\"));\nvar _AngleLeft = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleLeft */ \"./node_modules/@rsuite/icons/legacy/AngleLeft.js\"));\nvar _AngleRight = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleRight */ \"./node_modules/@rsuite/icons/legacy/AngleRight.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/MultiCascadeTree/utils.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/MultiCascadeTree/TreeView.tsx\",\n  _this = void 0;\nvar emptyArray = [];\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$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'tree' : _props$classPrefix,\n    className = props.className,\n    cascade = props.cascade,\n    _props$cascadeData = props.cascadeData,\n    cascadeData = _props$cascadeData === void 0 ? emptyArray : _props$cascadeData,\n    _props$cascadePaths = props.cascadePaths,\n    cascadePaths = _props$cascadePaths === void 0 ? emptyArray : _props$cascadePaths,\n    _props$childrenKey = props.childrenKey,\n    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,\n    _props$columnWidth = props.columnWidth,\n    columnWidth = _props$columnWidth === void 0 ? 156 : _props$columnWidth,\n    _props$columnHeight = props.columnHeight,\n    columnHeight = _props$columnHeight === void 0 ? 200 : _props$columnHeight,\n    _props$uncheckableIte = props.uncheckableItemValues,\n    uncheckableItemValues = _props$uncheckableIte === void 0 ? emptyArray : _props$uncheckableIte,\n    value = props.value,\n    _props$valueKey = props.valueKey,\n    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n    _props$labelKey = props.labelKey,\n    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n    style = props.style,\n    renderTreeNode = props.renderTreeNode,\n    renderColumn = props.renderColumn,\n    _onCheck = props.onCheck,\n    onSelect = props.onSelect,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"className\", \"cascade\", \"cascadeData\", \"cascadePaths\", \"childrenKey\", \"disabledItemValues\", \"columnWidth\", \"columnHeight\", \"uncheckableItemValues\", \"value\", \"valueKey\", \"labelKey\", \"style\", \"renderTreeNode\", \"renderColumn\", \"onCheck\", \"onSelect\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var classes = merge(className, prefix('items'));\n  var _useCustom = (0, _utils.useCustom)(),\n    rtl = _useCustom.rtl;\n  var _useCombobox = (0, _Picker.useCombobox)(),\n    id = _useCombobox.id,\n    labelId = _useCombobox.labelId,\n    popupType = _useCombobox.popupType,\n    multiple = _useCombobox.multiple;\n  var getCascadePaths = function getCascadePaths(layer, node) {\n    var paths = [];\n    for (var i = 0; i < cascadeData.length && i < layer; i += 1) {\n      if (i < layer - 1 && cascadePaths) {\n        paths.push(cascadePaths[i]);\n      }\n    }\n    paths.push(node);\n    return paths;\n  };\n  var handleSelect = (0, _utils.useEventCallback)(function (layer, node, event) {\n    var cascadePaths = getCascadePaths(layer + 1, node);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, cascadePaths, event);\n  });\n  var renderCascadeNode = function renderCascadeNode(nodeProps) {\n    var node = nodeProps.node,\n      index = nodeProps.index,\n      layer = nodeProps.layer,\n      focus = nodeProps.focus,\n      uncheckable = nodeProps.uncheckable,\n      size = nodeProps.size;\n    var children = node[childrenKey];\n    var nodeValue = node[valueKey];\n    var label = node[labelKey];\n    var disabled = disabledItemValues.some(function (disabledValue) {\n      return (0, _utils.shallowEqual)(disabledValue, nodeValue);\n    });\n\n    // Use `value` in keys when If `value` is string or number\n    var onlyKey = typeof value === 'number' || typeof value === 'string' ? value : index;\n    var Icon = node.loading ? _Spinner.default : rtl ? _AngleLeft.default : _AngleRight.default;\n    var active = value.some(function (v) {\n      return v === nodeValue;\n    });\n    if (cascade) {\n      active = active || (0, _utils2.isSomeParentChecked)(node, value, {\n        valueKey: valueKey\n      });\n    }\n    return /*#__PURE__*/_react.default.createElement(_Picker.ListCheckItem, {\n      as: \"li\",\n      role: \"treeitem\",\n      \"aria-level\": layer + 1,\n      \"aria-setsize\": size,\n      \"aria-posinset\": index + 1,\n      \"aria-label\": typeof label === 'string' ? label : undefined,\n      key: layer + \"-\" + onlyKey,\n      disabled: disabled,\n      active: active,\n      focus: focus\n      // Pass the node as a value to Item, and use it in event callbacks.\n      ,\n      value: nodeValue,\n      className: children ? prefix('has-children') : undefined,\n      indeterminate: cascade && !active && (0, _utils2.isSomeChildChecked)(node, value, {\n        valueKey: valueKey,\n        childrenKey: childrenKey\n      }),\n      onSelectItem: function onSelectItem(_value, event) {\n        return handleSelect(layer, node, event);\n      },\n      onCheck: function onCheck(_value, event, checked) {\n        return _onCheck === null || _onCheck === void 0 ? void 0 : _onCheck(node, event, checked);\n      },\n      checkable: !uncheckable,\n      labelClickable: false,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 114,\n        columnNumber: 9\n      }\n    }, renderTreeNode ? renderTreeNode(label, node) : label, children ? /*#__PURE__*/_react.default.createElement(Icon, {\n      className: prefix('caret'),\n      spin: node.loading,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 137,\n        columnNumber: 23\n      }\n    }) : null);\n  };\n  var columnStyles = {\n    height: columnHeight,\n    width: columnWidth\n  };\n  var cascadeNodes = cascadeData.map(function (children, layer) {\n    var uncheckableCount = 0;\n    var onlyKey = layer + \"_\" + children.length;\n    var childNodes = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children.map(function (item, index) {\n      var uncheckable = uncheckableItemValues.some(function (uncheckableValue) {\n        return (0, _utils.shallowEqual)(uncheckableValue, item[valueKey]);\n      });\n      if (uncheckable) {\n        uncheckableCount++;\n      }\n      var focus = cascadePaths[layer] && (0, _utils.shallowEqual)(cascadePaths[layer][valueKey], item[valueKey]);\n      return renderCascadeNode({\n        node: item,\n        index: index,\n        layer: layer,\n        focus: focus,\n        uncheckable: uncheckable,\n        size: children.length\n      });\n    }));\n    var parentItem = cascadePaths[layer - 1];\n    var columnClasses = prefix('column', {\n      'column-uncheckable': uncheckableCount === children.length\n    });\n    return /*#__PURE__*/_react.default.createElement(\"ul\", {\n      role: \"group\",\n      key: onlyKey,\n      className: columnClasses,\n      \"data-layer\": layer,\n      style: columnStyles,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 176,\n        columnNumber: 9\n      }\n    }, renderColumn ? renderColumn(childNodes, {\n      items: children,\n      parentItem: parentItem,\n      layer: layer\n    }) : childNodes);\n  });\n  var styles = (0, _extends2.default)({}, style, {\n    width: cascadeData.length * columnWidth\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"tree\",\n    id: id ? id + \"-\" + popupType : undefined,\n    \"aria-labelledby\": labelId,\n    \"aria-multiselectable\": multiple\n  }, rest, {\n    ref: ref,\n    className: classes,\n    style: styles,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 193,\n      columnNumber: 7\n    }\n  }), cascadeNodes);\n});\nTreeView.displayName = 'TreeView';\nvar _default = TreeView;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/MultiCascadeTree/TreeView.tsx?");
+
+/***/ }),
+
+/***/ "./src/MultiCascadeTree/hooks/index.ts":
+/*!*********************************************!*\
+  !*** ./src/MultiCascadeTree/hooks/index.ts ***!
   \*********************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.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 _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 _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _isFunction = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _TreeView = _interopRequireDefault(__webpack_require__(/*! ./TreeView */ \"./src/MultiCascader/TreeView.tsx\"));\nvar _Checkbox = _interopRequireDefault(__webpack_require__(/*! ../Checkbox */ \"./src/Checkbox/index.tsx\"));\nvar _utils = __webpack_require__(/*! ./utils */ \"./src/MultiCascader/utils.ts\");\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\nvar _utils2 = __webpack_require__(/*! ../Cascader/utils */ \"./src/Cascader/utils.ts\");\nvar _utils3 = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _SearchBox = _interopRequireDefault(__webpack_require__(/*! ../internals/SearchBox */ \"./src/internals/SearchBox/index.tsx\"));\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/MultiCascader/MultiCascader.tsx\",\n  _this = void 0;\nvar emptyArray = [];\n\n/**\n * The `MultiCascader` component is used to select multiple values from cascading options.\n * @see https://rsuitejs.com/components/multi-cascader/\n */\nvar MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _selectedPaths;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$data = props.data,\n    data = _props$data === void 0 ? emptyArray : _props$data,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n    defaultValue = props.defaultValue,\n    valueProp = props.value,\n    _props$valueKey = props.valueKey,\n    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n    _props$labelKey = props.labelKey,\n    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n    _props$childrenKey = props.childrenKey,\n    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,\n    disabled = props.disabled,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,\n    _props$cleanable = props.cleanable,\n    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n    overrideLocale = props.locale,\n    toggleAs = props.toggleAs,\n    style = props.style,\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    inline = props.inline,\n    placeholder = props.placeholder,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    _props$appearance = props.appearance,\n    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n    menuWidth = props.menuWidth,\n    menuHeight = props.menuHeight,\n    menuClassName = props.menuClassName,\n    menuStyle = props.menuStyle,\n    _props$searchable = props.searchable,\n    searchable = _props$searchable === void 0 ? true : _props$searchable,\n    _props$uncheckableIte = props.uncheckableItemValues,\n    uncheckableItemValues = _props$uncheckableIte === void 0 ? emptyArray : _props$uncheckableIte,\n    id = props.id,\n    getChildren = props.getChildren,\n    renderValue = props.renderValue,\n    renderMenu = props.renderMenu,\n    renderMenuItem = props.renderMenuItem,\n    renderExtraFooter = props.renderExtraFooter,\n    onEnter = props.onEnter,\n    onExit = props.onExit,\n    onExited = props.onExited,\n    onClean = props.onClean,\n    onSearch = props.onSearch,\n    onSelect = props.onSelect,\n    onChange = props.onChange,\n    onOpen = props.onOpen,\n    onClose = props.onClose,\n    onCheck = props.onCheck,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"data\", \"classPrefix\", \"defaultValue\", \"value\", \"valueKey\", \"labelKey\", \"childrenKey\", \"disabled\", \"disabledItemValues\", \"cleanable\", \"locale\", \"toggleAs\", \"style\", \"countable\", \"cascade\", \"inline\", \"placeholder\", \"placement\", \"appearance\", \"menuWidth\", \"menuHeight\", \"menuClassName\", \"menuStyle\", \"searchable\", \"uncheckableItemValues\", \"id\", \"getChildren\", \"renderValue\", \"renderMenu\", \"renderMenuItem\", \"renderExtraFooter\", \"onEnter\", \"onExit\", \"onExited\", \"onClean\", \"onSearch\", \"onSelect\", \"onChange\", \"onOpen\", \"onClose\", \"onCheck\"]);\n  var itemKeys = {\n    childrenKey: childrenKey,\n    labelKey: labelKey,\n    valueKey: valueKey\n  };\n  var _useState = (0, _react.useState)(false),\n    active = _useState[0],\n    setActive = _useState[1];\n  var _useFlattenData = (0, _utils.useFlattenData)(data, itemKeys),\n    flattenData = _useFlattenData.flattenData,\n    addFlattenData = _useFlattenData.addFlattenData;\n  var _useControlled = (0, _utils3.useControlled)(valueProp, defaultValue),\n    controlledValue = _useControlled[0];\n  var _useCascadeValue = (0, _utils.useCascadeValue)((0, _extends3.default)({}, itemKeys, {\n      uncheckableItemValues: uncheckableItemValues,\n      cascade: cascade,\n      value: controlledValue\n    }), flattenData),\n    value = _useCascadeValue.value,\n    setValue = _useCascadeValue.setValue,\n    splitValue = _useCascadeValue.splitValue; // The columns displayed in the cascading panel.\n  var _useColumnData = (0, _utils.useColumnData)(flattenData),\n    columnData = _useColumnData.columnData,\n    setColumnData = _useColumnData.setColumnData,\n    addColumn = _useColumnData.addColumn,\n    removeColumnByIndex = _useColumnData.removeColumnByIndex,\n    enforceUpdateColumnData = _useColumnData.enforceUpdateColumnData;\n  (0, _utils3.useUpdateEffect)(function () {\n    enforceUpdateColumnData(data);\n  }, [data]);\n\n  // The path after cascading data selection.\n  var _useState2 = (0, _react.useState)(),\n    selectedPaths = _useState2[0],\n    setSelectedPaths = _useState2[1];\n  var _usePickerRef = (0, _Picker.usePickerRef)(ref),\n    trigger = _usePickerRef.trigger,\n    root = _usePickerRef.root,\n    target = _usePickerRef.target,\n    overlay = _usePickerRef.overlay,\n    searchInput = _usePickerRef.searchInput;\n  var _useCustom = (0, _utils3.useCustom)('Picker', overrideLocale),\n    locale = _useCustom.locale,\n    rtl = _useCustom.rtl;\n  var selectedItems = flattenData.filter(function (item) {\n    return value.some(function (v) {\n      return v === item[valueKey];\n    });\n  }) || [];\n\n  // Used to hover the focuse item  when trigger `onKeydown`\n  var _useFocusItemValue = (0, _Picker.useFocusItemValue)(selectedPaths === null || selectedPaths === void 0 ? void 0 : (_selectedPaths = selectedPaths[selectedPaths.length - 1]) === null || _selectedPaths === void 0 ? void 0 : _selectedPaths[valueKey], {\n      rtl: rtl,\n      data: flattenData,\n      valueKey: valueKey,\n      defaultLayer: selectedPaths !== null && selectedPaths !== void 0 && selectedPaths.length ? selectedPaths.length - 1 : 0,\n      target: function target() {\n        return overlay.current;\n      },\n      callback: (0, _react.useCallback)(function (value) {\n        var _getColumnsAndPaths = (0, _utils2.getColumnsAndPaths)(data, flattenData.find(function (item) {\n            return item[valueKey] === value;\n          }), {\n            getParent: function getParent() {\n              return undefined;\n            },\n            getChildren: function getChildren(item) {\n              return item[childrenKey];\n            }\n          }),\n          columns = _getColumnsAndPaths.columns,\n          path = _getColumnsAndPaths.path;\n        setColumnData(columns);\n        setSelectedPaths(path);\n      }, [childrenKey, data, flattenData, setColumnData, valueKey])\n    }),\n    focusItemValue = _useFocusItemValue.focusItemValue,\n    setLayer = _useFocusItemValue.setLayer,\n    setKeys = _useFocusItemValue.setKeys,\n    onFocusItem = _useFocusItemValue.onKeyDown;\n  /**\n   * 1.Have a value and the value is valid.\n   * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.\n   */\n  var hasValue = selectedItems.length > 0 || Number(valueProp === null || valueProp === void 0 ? void 0 : valueProp.length) > 0 && (0, _isFunction.default)(renderValue);\n  var _useClassNames = (0, _utils3.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var _useState3 = (0, _react.useState)(''),\n    searchKeyword = _useState3[0],\n    setSearchKeyword = _useState3[1];\n  var handleEntered = (0, _utils3.useEventCallback)(function () {\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n    setActive(true);\n  });\n  var handleExited = (0, _utils3.useEventCallback)(function () {\n    setActive(false);\n    setSearchKeyword('');\n  });\n  var handleSelect = (0, _utils3.useEventCallback)(function (node, cascadePaths, event) {\n    var _node$childrenKey, _node$childrenKey2, _trigger$current, _trigger$current$upda;\n    setSelectedPaths(cascadePaths);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, cascadePaths, event);\n    var columnIndex = cascadePaths.length;\n\n    // Lazy load node's children\n    if (typeof getChildren === 'function' && ((_node$childrenKey = node[childrenKey]) === null || _node$childrenKey === void 0 ? void 0 : _node$childrenKey.length) === 0) {\n      node.loading = true;\n      var children = getChildren(node);\n      if (children instanceof Promise) {\n        children.then(function (data) {\n          node.loading = false;\n          node[childrenKey] = data;\n          if (target.current || inline) {\n            addFlattenData(data, node);\n            addColumn(data, columnIndex);\n          }\n        });\n      } else {\n        node.loading = false;\n        node[childrenKey] = children;\n        addFlattenData(children, node);\n        addColumn(children, columnIndex);\n      }\n    } else if ((_node$childrenKey2 = node[childrenKey]) !== null && _node$childrenKey2 !== void 0 && _node$childrenKey2.length) {\n      addColumn(node[childrenKey], columnIndex);\n    } else {\n      // Removes subsequent columns of the current column when the clicked node is a leaf node.\n      removeColumnByIndex(columnIndex);\n    }\n    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$upda = _trigger$current.updatePosition) === null || _trigger$current$upda === void 0 ? void 0 : _trigger$current$upda.call(_trigger$current);\n  });\n  var handleCheck = (0, _utils3.useEventCallback)(function (node, event, checked) {\n    var nodeValue = node[valueKey];\n    var nextValue = [];\n    if (cascade) {\n      nextValue = splitValue(node, checked, value).value;\n    } else {\n      nextValue = [].concat(value);\n      if (checked) {\n        nextValue.push(nodeValue);\n      } else {\n        nextValue = nextValue.filter(function (n) {\n          return n !== nodeValue;\n        });\n      }\n    }\n    setValue(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextValue, node, checked, event);\n  });\n  var handleClean = (0, _utils3.useEventCallback)(function (event) {\n    if (disabled || !target.current) {\n      return;\n    }\n    setSelectedPaths([]);\n    setValue([]);\n    setColumnData([data]);\n    onChange === null || onChange === void 0 ? void 0 : onChange([], event);\n  });\n  var handleMenuPressEnter = (0, _utils3.useEventCallback)(function (event) {\n    var _overlay$current;\n    var focusItem = (0, _treeUtils.findNodeOfTree)(data, function (item) {\n      return item[valueKey] === focusItemValue;\n    });\n    var checkbox = (_overlay$current = overlay.current) === null || _overlay$current === void 0 ? void 0 : _overlay$current.querySelector(\"[data-key=\\\"\" + focusItemValue + \"\\\"] [type=\\\"checkbox\\\"]\");\n    if (checkbox) {\n      handleCheck(focusItem, event, (checkbox === null || checkbox === void 0 ? void 0 : checkbox.getAttribute('aria-checked')) !== 'true');\n    }\n  });\n  var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends3.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: onFocusItem,\n    onMenuPressEnter: handleMenuPressEnter\n  }, rest));\n  var handleSearch = (0, _utils3.useEventCallback)(function (value, event) {\n    setSearchKeyword(value);\n    onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);\n    if (value) {\n      setLayer(0);\n    } else if (selectedPaths !== null && selectedPaths !== void 0 && selectedPaths.length) {\n      setLayer(selectedPaths.length - 1);\n    }\n    setKeys([]);\n  });\n  var getSearchResult = function getSearchResult() {\n    var items = [];\n    var result = flattenData.filter(function (item) {\n      if (uncheckableItemValues.some(function (value) {\n        return item[valueKey] === value;\n      })) {\n        return false;\n      }\n      if (item[labelKey].match(new RegExp((0, _utils3.getSafeRegExpString)(searchKeyword), 'i'))) {\n        return true;\n      }\n      return false;\n    });\n    for (var i = 0; i < result.length; i++) {\n      items.push(result[i]);\n\n      // A maximum of 100 search results are returned.\n      if (i === 99) {\n        return items;\n      }\n    }\n    return items;\n  };\n  var renderSearchRow = function renderSearchRow(item, key) {\n    var _extends2;\n    var nodes = (0, _treeUtils.getNodeParents)(item);\n    var regx = new RegExp((0, _utils3.getSafeRegExpString)(searchKeyword), 'ig');\n    var labelElements = [];\n    var a = item[labelKey].split(regx);\n    var b = item[labelKey].match(regx);\n    for (var i = 0; i < a.length; i++) {\n      labelElements.push(a[i]);\n      if (b[i]) {\n        labelElements.push( /*#__PURE__*/_react.default.createElement(\"span\", {\n          key: i,\n          className: prefix('cascader-search-match'),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 387,\n            columnNumber: 13\n          }\n        }, b[i]));\n      }\n    }\n    nodes.push((0, _extends3.default)({}, item, (_extends2 = {}, _extends2[labelKey] = labelElements, _extends2)));\n    var active = value.some(function (value) {\n      if (cascade) {\n        return nodes.some(function (node) {\n          return node[valueKey] === value;\n        });\n      }\n      return item[valueKey] === value;\n    });\n    var disabled = disabledItemValues.some(function (value) {\n      return nodes.some(function (node) {\n        return node[valueKey] === value;\n      });\n    });\n    var itemClasses = prefix('cascader-row', {\n      'cascader-row-disabled': disabled,\n      'cascader-row-focus': item[valueKey] === focusItemValue\n    });\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      role: \"treeitem\",\n      \"aria-disabled\": disabled,\n      key: key,\n      className: itemClasses,\n      \"data-key\": item[valueKey],\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 412,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {\n      disabled: disabled,\n      checked: active,\n      value: item[valueKey],\n      indeterminate: cascade && !active && (0, _utils.isSomeChildChecked)(item, value, {\n        valueKey: valueKey,\n        childrenKey: childrenKey\n      }),\n      onChange: function onChange(_value, checked, event) {\n        handleCheck(item, event, checked);\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 419,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"span\", {\n      className: prefix('cascader-cols'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 430,\n        columnNumber: 13\n      }\n    }, nodes.map(function (node, index) {\n      return /*#__PURE__*/_react.default.createElement(\"span\", {\n        key: \"col-\" + index,\n        className: prefix('cascader-col'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 432,\n          columnNumber: 17\n        }\n      }, node[labelKey]);\n    }))));\n  };\n  var renderSearchResultPanel = function renderSearchResultPanel() {\n    if (searchKeyword === '') {\n      return null;\n    }\n    var items = getSearchResult();\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('cascader-search-panel'),\n      \"data-layer\": 0,\n      role: \"tree\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 449,\n        columnNumber: 9\n      }\n    }, items.length ? items.map(renderSearchRow) : /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('none'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 453,\n        columnNumber: 13\n      }\n    }, locale.noResultsText));\n  };\n  var renderTreeView = function renderTreeView(positionProps, speakerRef) {\n    var _ref = positionProps || {},\n      left = _ref.left,\n      top = _ref.top,\n      className = _ref.className;\n    var styles = (0, _extends3.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var classes = merge(className, menuClassName, prefix('cascader-menu', 'multi-cascader-menu', {\n      inline: inline\n    }));\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {\n      ref: (0, _utils3.mergeRefs)(overlay, speakerRef),\n      className: classes,\n      style: styles,\n      target: trigger,\n      onKeyDown: onPickerKeyDown,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 470,\n        columnNumber: 9\n      }\n    }, searchable && /*#__PURE__*/_react.default.createElement(_SearchBox.default, {\n      placeholder: locale === null || locale === void 0 ? void 0 : locale.searchPlaceholder,\n      onChange: handleSearch,\n      value: searchKeyword,\n      inputRef: searchInput,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 478,\n        columnNumber: 13\n      }\n    }), renderSearchResultPanel(), searchKeyword === '' && /*#__PURE__*/_react.default.createElement(_TreeView.default, {\n      cascade: cascade,\n      menuWidth: menuWidth,\n      menuHeight: menuHeight,\n      uncheckableItemValues: uncheckableItemValues,\n      disabledItemValues: disabledItemValues,\n      valueKey: valueKey,\n      labelKey: labelKey,\n      childrenKey: childrenKey,\n      classPrefix: 'picker-cascader-menu',\n      cascadeData: columnData,\n      cascadePaths: selectedPaths,\n      value: value,\n      onSelect: handleSelect,\n      onCheck: handleCheck,\n      renderMenu: renderMenu,\n      renderMenuItem: renderMenuItem,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 489,\n        columnNumber: 13\n      }\n    }), renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n  var selectedElement = placeholder;\n  if (selectedItems.length > 0) {\n    selectedElement = /*#__PURE__*/_react.default.createElement(_Picker.SelectedElement, {\n      selectedItems: selectedItems,\n      countable: countable,\n      valueKey: valueKey,\n      labelKey: labelKey,\n      childrenKey: childrenKey,\n      prefix: prefix,\n      cascade: cascade,\n      locale: locale,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 518,\n        columnNumber: 9\n      }\n    });\n  }\n  if (hasValue && (0, _isFunction.default)(renderValue)) {\n    selectedElement = renderValue(value.length ? value : valueProp !== null && valueProp !== void 0 ? valueProp : [], selectedItems, selectedElement);\n    // If renderValue returns null or undefined, hasValue is false.\n    if ((0, _isNil.default)(selectedElement)) {\n      hasValue = false;\n    }\n  }\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends3.default)({}, props, {\n      classPrefix: classPrefix,\n      hasValue: hasValue,\n      countable: countable,\n      name: 'cascader',\n      appearance: appearance,\n      cleanable: cleanable\n    })),\n    classes = _usePickerClassName[0],\n    usedClassNamePropKeys = _usePickerClassName[1];\n  if (inline) {\n    return renderTreeView();\n  }\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    id: id,\n    popupType: \"tree\",\n    multiple: true,\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: trigger,\n    placement: placement,\n    onEnter: (0, _utils3.createChainedFunction)(handleEntered, onEnter),\n    onExited: (0, _utils3.createChainedFunction)(handleExited, onExited),\n    onExit: (0, _utils3.createChainedFunction)(onClose, onExit),\n    speaker: renderTreeView,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 558,\n      columnNumber: 7\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: 570,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends3.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {\n    as: toggleAs,\n    appearance: appearance,\n    disabled: disabled,\n    ref: target,\n    onClean: (0, _utils3.createChainedFunction)(handleClean, onClean),\n    onKeyDown: onPickerKeyDown,\n    cleanable: cleanable && !disabled,\n    hasValue: hasValue,\n    active: active,\n    placement: placement,\n    inputValue: value,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 571,\n      columnNumber: 11\n    }\n  }), selectedElement || locale.placeholder)));\n});\nMultiCascader.displayName = 'MultiCascader';\nMultiCascader.propTypes = (0, _extends3.default)({}, _Picker.listPickerPropTypes, {\n  value: _propTypes.default.array,\n  disabledItemValues: _propTypes.default.array,\n  locale: _propTypes.default.any,\n  appearance: (0, _propTypes2.oneOf)(['default', 'subtle']),\n  cascade: _propTypes.default.bool,\n  inline: _propTypes.default.bool,\n  countable: _propTypes.default.bool,\n  menuWidth: _propTypes.default.number,\n  menuHeight: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  uncheckableItemValues: _propTypes.default.array,\n  searchable: _propTypes.default.bool,\n  renderMenuItem: _propTypes.default.func,\n  renderMenu: _propTypes.default.func,\n  onSearch: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onCheck: _propTypes.default.func\n});\nvar _default = MultiCascader;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/MultiCascader/MultiCascader.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.useSearch = exports.useCascadeValue = exports.useColumnData = exports.useSelect = exports.useFlattenData = void 0;\nvar _useFlattenData = _interopRequireDefault(__webpack_require__(/*! ./useFlattenData */ \"./src/MultiCascadeTree/hooks/useFlattenData.ts\"));\nexports.useFlattenData = _useFlattenData.default;\nvar _useSelect = _interopRequireDefault(__webpack_require__(/*! ./useSelect */ \"./src/MultiCascadeTree/hooks/useSelect.ts\"));\nexports.useSelect = _useSelect.default;\nvar _useColumnData = _interopRequireDefault(__webpack_require__(/*! ./useColumnData */ \"./src/MultiCascadeTree/hooks/useColumnData.ts\"));\nexports.useColumnData = _useColumnData.default;\nvar _useCascadeValue = _interopRequireDefault(__webpack_require__(/*! ./useCascadeValue */ \"./src/MultiCascadeTree/hooks/useCascadeValue.ts\"));\nexports.useCascadeValue = _useCascadeValue.default;\nvar _useSearch = _interopRequireDefault(__webpack_require__(/*! ./useSearch */ \"./src/MultiCascadeTree/hooks/useSearch.ts\"));\nexports.useSearch = _useSearch.default;\n\n//# sourceURL=webpack://rsuite/./src/MultiCascadeTree/hooks/index.ts?");
+
+/***/ }),
+
+/***/ "./src/MultiCascadeTree/hooks/useCascadeValue.ts":
+/*!*******************************************************!*\
+  !*** ./src/MultiCascadeTree/hooks/useCascadeValue.ts ***!
+  \*******************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _uniq = _interopRequireDefault(__webpack_require__(/*! lodash/uniq */ \"./node_modules/lodash/uniq.js\"));\nvar _remove = _interopRequireDefault(__webpack_require__(/*! lodash/remove */ \"./node_modules/lodash/remove.js\"));\nvar _utils = __webpack_require__(/*! ../../utils */ \"./src/utils/index.ts\");\nvar _utils2 = __webpack_require__(/*! ../utils */ \"./src/MultiCascadeTree/utils.ts\");\n/**\n * A hook that converts the value into a cascading value\n * @param props\n * @param flattenData\n */\nfunction useCascadeValue(props, flattenData) {\n  var valueKey = props.valueKey,\n    childrenKey = props.childrenKey,\n    uncheckableItemValues = props.uncheckableItemValues,\n    cascade = props.cascade,\n    valueProp = props.value,\n    onChange = props.onChange,\n    onCheck = props.onCheck;\n  /**\n   * Get the values of all children\n   */\n  var getChildrenValue = (0, _react.useCallback)(function (item) {\n    var values = [];\n    if (!item[childrenKey]) {\n      return values;\n    }\n    item[childrenKey].forEach(function (n) {\n      if (uncheckableItemValues && !uncheckableItemValues.some(function (v) {\n        return v === n[valueKey];\n      })) {\n        values.push(n[valueKey]);\n      }\n      values = values.concat(getChildrenValue(n));\n    });\n    return values;\n  }, [childrenKey, uncheckableItemValues, valueKey]);\n  var splitValue = (0, _react.useCallback)(function (item, checked, value) {\n    var itemValue = item[valueKey];\n    var childrenValue = getChildrenValue(item);\n    var parents = (0, _utils2.getParents)(item);\n    var nextValue = [].concat(value);\n    var removedValue = [];\n    if (checked) {\n      nextValue.push(itemValue);\n\n      // Delete all values under the current node\n      removedValue = removedValue.concat((0, _utils2.removeAllChildrenValue)(nextValue, item, {\n        valueKey: valueKey,\n        childrenKey: childrenKey\n      }) || []);\n\n      // Traverse all ancestor nodes of the current node\n      // Then determine whether all the child nodes of these nodes are selected, and then they themselves must be selected\n      var _loop = function _loop(i) {\n        // Whether the parent node can be selected\n        var isCheckableParent = !(uncheckableItemValues !== null && uncheckableItemValues !== void 0 && uncheckableItemValues.some(function (v) {\n          return v === parents[i][valueKey];\n        }));\n        if (isCheckableParent) {\n          var isCheckAll = parents[i][childrenKey]\n          // Filter out options that are marked as not selectable\n          .filter(function (n) {\n            return !(uncheckableItemValues !== null && uncheckableItemValues !== void 0 && uncheckableItemValues.some(function (v) {\n              return v === n[valueKey];\n            }));\n          })\n          // Check if all nodes are selected\n          .every(function (n) {\n            return nextValue.some(function (v) {\n              return v === n[valueKey];\n            });\n          });\n          if (isCheckAll) {\n            // Add parent node value\n            nextValue.push(parents[i][valueKey]);\n\n            // Delete all values under the parent node\n            removedValue = removedValue.concat((0, _utils2.removeAllChildrenValue)(nextValue, parents[i], {\n              valueKey: valueKey,\n              childrenKey: childrenKey\n            }) || []);\n          }\n        }\n      };\n      for (var i = 0; i < parents.length; i++) {\n        _loop(i);\n      }\n    } else {\n      var tempValue = childrenValue.concat(parents.map(function (item) {\n        return item[valueKey];\n      }));\n      nextValue = nextValue.concat((0, _utils2.getOtherItemValuesByUnselectChild)(item, nextValue, {\n        valueKey: valueKey,\n        childrenKey: childrenKey\n      }));\n\n      // Delete related child and parent nodes\n      removedValue = (0, _remove.default)(nextValue, function (v) {\n        // Delete yourself\n        if (v === itemValue) {\n          return true;\n        }\n        return tempValue.some(function (n) {\n          return n === v;\n        });\n      });\n    }\n    var uniqValue = (0, _uniq.default)(nextValue);\n    var uniqRemovedValue = (0, _uniq.default)(removedValue);\n    return {\n      value: uniqValue,\n      removedValue: uniqRemovedValue\n    };\n  }, [valueKey, childrenKey, uncheckableItemValues, getChildrenValue]);\n  var transformValue = (0, _react.useCallback)(function (value) {\n    if (value === void 0) {\n      value = [];\n    }\n    if (!cascade) {\n      return value;\n    }\n    var tempRemovedValue = [];\n    var nextValue = [];\n    var _loop2 = function _loop2(i) {\n      // If the value in the current value is already in the deleted list, it will not be processed\n      if (tempRemovedValue.some(function (v) {\n        return v === value[i];\n      })) {\n        return \"continue\";\n      }\n      var item = flattenData.find(function (v) {\n        return v[valueKey] === value[i];\n      });\n      if (!item) {\n        return \"continue\";\n      }\n      var sv = splitValue(item, true, value);\n      tempRemovedValue = (0, _uniq.default)(tempRemovedValue.concat(sv.removedValue));\n\n      // Get all relevant values\n      nextValue = (0, _uniq.default)(nextValue.concat(sv.value));\n    };\n    for (var i = 0; i < value.length; i++) {\n      var _ret = _loop2(i);\n      if (_ret === \"continue\") continue;\n    }\n\n    // Finally traverse all nextValue, and delete if its parent node is also nextValue\n    return nextValue.filter(function (v) {\n      var item = flattenData.find(function (n) {\n        return n[valueKey] === v;\n      });\n      if (item !== null && item !== void 0 && item.parent && nextValue.some(function (v) {\n        var _item$parent;\n        return v === ((_item$parent = item.parent) === null || _item$parent === void 0 ? void 0 : _item$parent[valueKey]);\n      })) {\n        return false;\n      }\n      return true;\n    });\n  }, [cascade, flattenData, splitValue, valueKey]);\n  var _useState = (0, _react.useState)(transformValue(valueProp) || []),\n    value = _useState[0],\n    setValue = _useState[1];\n  (0, _react.useEffect)(function () {\n    // Update value when valueProp is updated.\n    setValue(transformValue(valueProp) || []);\n  }, [transformValue, valueProp]);\n  var handleCheck = (0, _utils.useEventCallback)(function (node, event, checked) {\n    var nodeValue = node[valueKey];\n    var nextValue = [];\n    if (cascade) {\n      nextValue = splitValue(node, checked, value).value;\n    } else {\n      nextValue = [].concat(value);\n      if (checked) {\n        nextValue.push(nodeValue);\n      } else {\n        nextValue = nextValue.filter(function (n) {\n          return n !== nodeValue;\n        });\n      }\n    }\n    setValue(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextValue, node, checked, event);\n  });\n  return {\n    value: value,\n    setValue: setValue,\n    splitValue: splitValue,\n    handleCheck: handleCheck\n  };\n}\nvar _default = useCascadeValue;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/MultiCascadeTree/hooks/useCascadeValue.ts?");
+
+/***/ }),
+
+/***/ "./src/MultiCascadeTree/hooks/useColumnData.ts":
+/*!*****************************************************!*\
+  !*** ./src/MultiCascadeTree/hooks/useColumnData.ts ***!
+  \*****************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _slice = _interopRequireDefault(__webpack_require__(/*! lodash/slice */ \"./node_modules/lodash/slice.js\"));\nvar _treeUtils = __webpack_require__(/*! ../../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n/**\n * A hook for column data\n * @param flattenData\n */\nfunction useColumnData(flattenData) {\n  // The columns displayed in the cascading panel.\n  var _useState = (0, _react.useState)([flattenData.filter(function (item) {\n      return !item.parent;\n    })]),\n    columnData = _useState[0],\n    setColumnData = _useState[1];\n  /**\n   * Add a list of options to the cascading panel. Used for lazy loading options.\n   * @param column\n   * @param index The index of the current column.\n   */\n  function addColumn(column, index) {\n    setColumnData([].concat((0, _slice.default)(columnData, 0, index), [column]));\n  }\n\n  /**\n   * Remove subsequent columns of the specified column\n   * @param index\n   */\n  function removeColumnByIndex(index) {\n    setColumnData([].concat((0, _slice.default)(columnData, 0, index)));\n  }\n  function enforceUpdateColumnData(nextData) {\n    var nextFlattenData = (0, _treeUtils.UNSAFE_flattenTree)(nextData);\n    setColumnData([nextFlattenData.filter(function (item) {\n      return !item.parent;\n    })]);\n  }\n  return {\n    columnData: columnData,\n    addColumn: addColumn,\n    removeColumnByIndex: removeColumnByIndex,\n    setColumnData: setColumnData,\n    enforceUpdateColumnData: enforceUpdateColumnData\n  };\n}\nvar _default = useColumnData;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/MultiCascadeTree/hooks/useColumnData.ts?");
 
 /***/ }),
 
-/***/ "./src/MultiCascader/TreeView.tsx":
+/***/ "./src/MultiCascadeTree/hooks/useFlattenData.ts":
+/*!******************************************************!*\
+  !*** ./src/MultiCascadeTree/hooks/useFlattenData.ts ***!
+  \******************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _treeUtils = __webpack_require__(/*! ../../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\nvar _attachParent = __webpack_require__(/*! ../../utils/attachParent */ \"./src/utils/attachParent.ts\");\n/**\n * A hook to flatten tree structure data\n */\nfunction useFlattenData(data, itemKeys) {\n  var childrenKey = itemKeys.childrenKey;\n  var _useState = (0, _react.useState)((0, _treeUtils.UNSAFE_flattenTree)(data, itemKeys.childrenKey)),\n    flattenData = _useState[0],\n    setFlattenData = _useState[1];\n  var addFlattenData = (0, _react.useCallback)(function (children, parent) {\n    var nodes = children.map(function (child) {\n      return (0, _attachParent.attachParent)(child, parent);\n    });\n    parent[childrenKey] = nodes;\n    setFlattenData([].concat(flattenData, nodes));\n  }, [childrenKey, flattenData]);\n  (0, _react.useEffect)(function () {\n    setFlattenData((0, _treeUtils.UNSAFE_flattenTree)(data, itemKeys.childrenKey));\n  }, [data, itemKeys.childrenKey]);\n  return {\n    addFlattenData: addFlattenData,\n    flattenData: flattenData\n  };\n}\nvar _default = useFlattenData;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/MultiCascadeTree/hooks/useFlattenData.ts?");
+
+/***/ }),
+
+/***/ "./src/MultiCascadeTree/hooks/useSearch.ts":
+/*!*************************************************!*\
+  !*** ./src/MultiCascadeTree/hooks/useSearch.ts ***!
+  \*************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _utils = __webpack_require__(/*! ../../utils */ \"./src/utils/index.ts\");\nfunction useSearch(props) {\n  var _useState = (0, _react.useState)(''),\n    searchKeyword = _useState[0],\n    setSearchKeyword = _useState[1];\n  var labelKey = props.labelKey,\n    valueKey = props.valueKey,\n    flattenedData = props.flattenedData,\n    uncheckableItemValues = props.uncheckableItemValues,\n    onSearch = props.onSearch;\n  var getSearchResult = function getSearchResult() {\n    var items = [];\n    var result = flattenedData.filter(function (item) {\n      if (uncheckableItemValues !== null && uncheckableItemValues !== void 0 && uncheckableItemValues.some(function (value) {\n        return item[valueKey] === value;\n      })) {\n        return false;\n      }\n      if (item[labelKey].match(new RegExp((0, _utils.getSafeRegExpString)(searchKeyword), 'i'))) {\n        return true;\n      }\n      return false;\n    });\n    for (var i = 0; i < result.length; i++) {\n      items.push(result[i]);\n\n      // A maximum of 100 search results are returned.\n      if (i === 99) {\n        return items;\n      }\n    }\n    return items;\n  };\n  var handleSearch = (0, _utils.useEventCallback)(function (value, event) {\n    setSearchKeyword(value);\n    onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);\n  });\n  return {\n    searchKeyword: searchKeyword,\n    setSearchKeyword: setSearchKeyword,\n    items: getSearchResult(),\n    handleSearch: handleSearch\n  };\n}\nvar _default = useSearch;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/MultiCascadeTree/hooks/useSearch.ts?");
+
+/***/ }),
+
+/***/ "./src/MultiCascadeTree/hooks/useSelect.ts":
+/*!*************************************************!*\
+  !*** ./src/MultiCascadeTree/hooks/useSelect.ts ***!
+  \*************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _utils = __webpack_require__(/*! ../../utils */ \"./src/utils/index.ts\");\nvar _useFlattenData2 = _interopRequireDefault(__webpack_require__(/*! ./useFlattenData */ \"./src/MultiCascadeTree/hooks/useFlattenData.ts\"));\nvar _useColumnData2 = _interopRequireDefault(__webpack_require__(/*! ./useColumnData */ \"./src/MultiCascadeTree/hooks/useColumnData.ts\"));\nvar useSelect = function useSelect(props) {\n  var data = props.data,\n    childrenKey = props.childrenKey,\n    labelKey = props.labelKey,\n    valueKey = props.valueKey,\n    onSelect = props.onSelect,\n    getChildren = props.getChildren;\n  var itemKeys = {\n    childrenKey: childrenKey,\n    labelKey: labelKey,\n    valueKey: valueKey\n  };\n  var _useFlattenData = (0, _useFlattenData2.default)(data, itemKeys),\n    flattenData = _useFlattenData.flattenData,\n    addFlattenData = _useFlattenData.addFlattenData; // The columns displayed in the cascading panel.\n  var _useColumnData = (0, _useColumnData2.default)(flattenData),\n    columnData = _useColumnData.columnData,\n    addColumn = _useColumnData.addColumn,\n    setColumnData = _useColumnData.setColumnData,\n    removeColumnByIndex = _useColumnData.removeColumnByIndex,\n    enforceUpdateColumnData = _useColumnData.enforceUpdateColumnData;\n  (0, _utils.useUpdateEffect)(function () {\n    enforceUpdateColumnData(data);\n  }, [data]);\n  var isMounted = (0, _utils.useIsMounted)();\n\n  // The path after cascading data selection.\n  var _useState = (0, _react.useState)(),\n    selectedPaths = _useState[0],\n    setSelectedPaths = _useState[1];\n  var handleSelect = (0, _utils.useEventCallback)(function (node, cascadePaths, event) {\n    var _node$childrenKey, _node$childrenKey2;\n    setSelectedPaths(cascadePaths);\n    var columnIndex = cascadePaths.length;\n\n    // Lazy load node's children\n    if (typeof getChildren === 'function' && ((_node$childrenKey = node[childrenKey]) === null || _node$childrenKey === void 0 ? void 0 : _node$childrenKey.length) === 0) {\n      node.loading = true;\n      var children = getChildren(node);\n      if (children instanceof Promise) {\n        children.then(function (data) {\n          node.loading = false;\n          node[childrenKey] = data;\n          if (isMounted()) {\n            addFlattenData(data, node);\n            addColumn(data, columnIndex);\n          }\n        });\n      } else {\n        node.loading = false;\n        node[childrenKey] = children;\n        addFlattenData(children, node);\n        addColumn(children, columnIndex);\n      }\n    } else if ((_node$childrenKey2 = node[childrenKey]) !== null && _node$childrenKey2 !== void 0 && _node$childrenKey2.length) {\n      addColumn(node[childrenKey], columnIndex);\n    } else {\n      // Removes subsequent columns of the current column when the clicked node is a leaf node.\n      removeColumnByIndex(columnIndex);\n    }\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, cascadePaths, event);\n  });\n  return {\n    columnData: columnData,\n    setColumnData: setColumnData,\n    flattenData: flattenData,\n    selectedPaths: selectedPaths,\n    setSelectedPaths: setSelectedPaths,\n    handleSelect: handleSelect\n  };\n};\nvar _default = useSelect;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/MultiCascadeTree/hooks/useSelect.ts?");
+
+/***/ }),
+
+/***/ "./src/MultiCascadeTree/index.tsx":
 /*!****************************************!*\
-  !*** ./src/MultiCascader/TreeView.tsx ***!
+  !*** ./src/MultiCascadeTree/index.tsx ***!
   \****************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _Spinner = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Spinner */ \"./node_modules/@rsuite/icons/legacy/Spinner.js\"));\nvar _AngleLeft = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleLeft */ \"./node_modules/@rsuite/icons/legacy/AngleLeft.js\"));\nvar _AngleRight = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleRight */ \"./node_modules/@rsuite/icons/legacy/AngleRight.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/MultiCascader/utils.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/MultiCascader/TreeView.tsx\",\n  _this = void 0;\nvar emptyArray = [];\n\n/**\n * TODO: reuse Menu from Cascader for consistent behavior\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$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'menu' : _props$classPrefix,\n    className = props.className,\n    cascade = props.cascade,\n    _props$cascadeData = props.cascadeData,\n    cascadeData = _props$cascadeData === void 0 ? emptyArray : _props$cascadeData,\n    _props$cascadePaths = props.cascadePaths,\n    cascadePaths = _props$cascadePaths === void 0 ? emptyArray : _props$cascadePaths,\n    _props$childrenKey = props.childrenKey,\n    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,\n    _props$menuWidth = props.menuWidth,\n    menuWidth = _props$menuWidth === void 0 ? 156 : _props$menuWidth,\n    _props$menuHeight = props.menuHeight,\n    menuHeight = _props$menuHeight === void 0 ? 200 : _props$menuHeight,\n    _props$uncheckableIte = props.uncheckableItemValues,\n    uncheckableItemValues = _props$uncheckableIte === void 0 ? emptyArray : _props$uncheckableIte,\n    value = props.value,\n    _props$valueKey = props.valueKey,\n    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n    _props$labelKey = props.labelKey,\n    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n    style = props.style,\n    renderMenuItem = props.renderMenuItem,\n    renderMenu = props.renderMenu,\n    _onCheck = props.onCheck,\n    onSelect = props.onSelect,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"className\", \"cascade\", \"cascadeData\", \"cascadePaths\", \"childrenKey\", \"disabledItemValues\", \"menuWidth\", \"menuHeight\", \"uncheckableItemValues\", \"value\", \"valueKey\", \"labelKey\", \"style\", \"renderMenuItem\", \"renderMenu\", \"onCheck\", \"onSelect\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var classes = merge(className, prefix('items'));\n  var _useCustom = (0, _utils.useCustom)(),\n    rtl = _useCustom.rtl;\n  var _useCombobox = (0, _Picker.useCombobox)(),\n    id = _useCombobox.id,\n    labelId = _useCombobox.labelId,\n    popupType = _useCombobox.popupType,\n    multiple = _useCombobox.multiple;\n  var getCascadePaths = function getCascadePaths(layer, node) {\n    var paths = [];\n    for (var i = 0; i < cascadeData.length && i < layer; i += 1) {\n      if (i < layer - 1 && cascadePaths) {\n        paths.push(cascadePaths[i]);\n      }\n    }\n    paths.push(node);\n    return paths;\n  };\n  var handleSelect = (0, _utils.useEventCallback)(function (layer, node, event) {\n    var cascadePaths = getCascadePaths(layer + 1, node);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, cascadePaths, event);\n  });\n  var renderCascadeNode = function renderCascadeNode(nodeProps) {\n    var node = nodeProps.node,\n      index = nodeProps.index,\n      layer = nodeProps.layer,\n      focus = nodeProps.focus,\n      uncheckable = nodeProps.uncheckable,\n      size = nodeProps.size;\n    var children = node[childrenKey];\n    var nodeValue = node[valueKey];\n    var label = node[labelKey];\n    var disabled = disabledItemValues.some(function (disabledValue) {\n      return (0, _utils.shallowEqual)(disabledValue, nodeValue);\n    });\n\n    // Use `value` in keys when If `value` is string or number\n    var onlyKey = typeof value === 'number' || typeof value === 'string' ? value : index;\n    var Icon = node.loading ? _Spinner.default : rtl ? _AngleLeft.default : _AngleRight.default;\n    var active = value.some(function (v) {\n      return v === nodeValue;\n    });\n    if (cascade) {\n      active = active || (0, _utils2.isSomeParentChecked)(node, value, {\n        valueKey: valueKey\n      });\n    }\n    return /*#__PURE__*/_react.default.createElement(_Picker.ListCheckItem, {\n      as: \"li\",\n      role: \"treeitem\",\n      \"aria-level\": layer + 1,\n      \"aria-setsize\": size,\n      \"aria-posinset\": index + 1,\n      \"aria-label\": typeof label === 'string' ? label : undefined,\n      key: layer + \"-\" + onlyKey,\n      disabled: disabled,\n      active: active,\n      focus: focus\n      // Pass the node as a value to Item, and use it in event callbacks.\n      ,\n      value: nodeValue,\n      className: children ? prefix('has-children') : undefined,\n      indeterminate: cascade && !active && (0, _utils2.isSomeChildChecked)(node, value, {\n        valueKey: valueKey,\n        childrenKey: childrenKey\n      }),\n      onSelectItem: function onSelectItem(_value, event) {\n        return handleSelect(layer, node, event);\n      },\n      onCheck: function onCheck(_value, event, checked) {\n        return _onCheck === null || _onCheck === void 0 ? void 0 : _onCheck(node, event, checked);\n      },\n      checkable: !uncheckable,\n      labelClickable: false,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 122,\n        columnNumber: 9\n      }\n    }, renderMenuItem ? renderMenuItem(label, node) : label, children ? /*#__PURE__*/_react.default.createElement(Icon, {\n      className: prefix('caret'),\n      spin: node.loading,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 145,\n        columnNumber: 23\n      }\n    }) : null);\n  };\n  var columnStyles = {\n    height: menuHeight,\n    width: menuWidth\n  };\n  var cascadeNodes = cascadeData.map(function (children, layer) {\n    var uncheckableCount = 0;\n    var onlyKey = layer + \"_\" + children.length;\n    var menu = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children.map(function (item, index) {\n      var uncheckable = uncheckableItemValues.some(function (uncheckableValue) {\n        return (0, _utils.shallowEqual)(uncheckableValue, item[valueKey]);\n      });\n      if (uncheckable) {\n        uncheckableCount++;\n      }\n      var focus = cascadePaths[layer] && (0, _utils.shallowEqual)(cascadePaths[layer][valueKey], item[valueKey]);\n      return renderCascadeNode({\n        node: item,\n        index: index,\n        layer: layer,\n        focus: focus,\n        uncheckable: uncheckable,\n        size: children.length\n      });\n    }));\n    var parentNode = cascadePaths[layer - 1];\n    var columnClasses = prefix('column', {\n      'column-uncheckable': uncheckableCount === children.length\n    });\n    return /*#__PURE__*/_react.default.createElement(\"ul\", {\n      role: \"group\",\n      key: onlyKey,\n      className: columnClasses,\n      \"data-layer\": layer,\n      style: columnStyles,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 184,\n        columnNumber: 9\n      }\n    }, renderMenu ? renderMenu(children, menu, parentNode, layer) : menu);\n  });\n  var styles = (0, _extends2.default)({}, style, {\n    width: cascadeData.length * menuWidth\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"tree\",\n    id: id + \"-\" + popupType,\n    \"aria-labelledby\": labelId,\n    \"aria-multiselectable\": multiple\n  }, rest, {\n    ref: ref,\n    className: classes,\n    style: styles,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 199,\n      columnNumber: 7\n    }\n  }), cascadeNodes);\n});\nTreeView.displayName = 'TreeView';\nvar _default = TreeView;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/MultiCascader/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 _MultiCascadeTree = _interopRequireDefault(__webpack_require__(/*! ./MultiCascadeTree */ \"./src/MultiCascadeTree/MultiCascadeTree.tsx\"));\nvar _default = _MultiCascadeTree.default;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/MultiCascadeTree/index.tsx?");
 
 /***/ }),
 
-/***/ "./src/MultiCascader/index.tsx":
-/*!*************************************!*\
-  !*** ./src/MultiCascader/index.tsx ***!
-  \*************************************/
+/***/ "./src/MultiCascadeTree/utils.ts":
+/*!***************************************!*\
+  !*** ./src/MultiCascadeTree/utils.ts ***!
+  \***************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _MultiCascader = _interopRequireDefault(__webpack_require__(/*! ./MultiCascader */ \"./src/MultiCascader/MultiCascader.tsx\"));\nvar _default = _MultiCascader.default;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/MultiCascader/index.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.removeAllChildrenValue = exports.getOtherItemValuesByUnselectChild = exports.isSomeParentChecked = exports.isSomeChildChecked = exports.getParents = void 0;\nvar _remove = _interopRequireDefault(__webpack_require__(/*! lodash/remove */ \"./node_modules/lodash/remove.js\"));\n/**\n * Get all parents of a node\n * @param node\n */\nvar getParents = function getParents(node) {\n  var parents = [];\n  if (!node.parent) {\n    return parents;\n  }\n  parents.push(node.parent);\n  parents = parents.concat(getParents(node.parent));\n  return parents;\n};\n\n/**\n * Check if any child nodes are selected.\n * @param node\n * @param value\n * @param itemKeys\n */\nexports.getParents = getParents;\nvar isSomeChildChecked = function isSomeChildChecked(node, value, itemKeys) {\n  var childrenKey = itemKeys.childrenKey,\n    valueKey = itemKeys.valueKey;\n  if (!node[childrenKey] || !value) {\n    return false;\n  }\n  return node[childrenKey].some(function (child) {\n    var _child$childrenKey;\n    if (value.some(function (n) {\n      return n === child[valueKey];\n    })) {\n      return true;\n    }\n    if ((_child$childrenKey = child[childrenKey]) !== null && _child$childrenKey !== void 0 && _child$childrenKey.length) {\n      return isSomeChildChecked(child, value, itemKeys);\n    }\n    return false;\n  });\n};\n\n/**\n * Check if the parent is selected.\n * @param node\n * @param value\n * @param itemKeys\n */\nexports.isSomeChildChecked = isSomeChildChecked;\nvar isSomeParentChecked = function isSomeParentChecked(node, value, itemKeys) {\n  var valueKey = itemKeys.valueKey;\n  if (!value) {\n    return false;\n  }\n  if (value.some(function (n) {\n    return n === node[valueKey];\n  })) {\n    return true;\n  }\n  if (node.parent) {\n    return isSomeParentChecked(node.parent, value, itemKeys);\n  }\n  return false;\n};\nexports.isSomeParentChecked = isSomeParentChecked;\nvar getOtherItemValuesByUnselectChild = function getOtherItemValuesByUnselectChild(itemNode, value, itemKeys) {\n  var valueKey = itemKeys.valueKey,\n    childrenKey = itemKeys.childrenKey;\n  var parentValues = [];\n  var itemValues = [];\n\n  // Find the parent node of the current node by value\n  function findParent(item) {\n    parentValues.push(item[valueKey]);\n    if (value.some(function (v) {\n      return v === item[valueKey];\n    })) {\n      return item;\n    }\n    if (item.parent) {\n      var p = findParent(item.parent);\n      if (p) {\n        return p;\n      }\n    }\n    return null;\n  }\n\n  // Get child nodes through parent node\n  function pushChildValue(item) {\n    if (!item[childrenKey]) {\n      return;\n    }\n    item[childrenKey].forEach(function (n) {\n      // Determine whether it is a direct parent\n      if (parentValues.some(function (v) {\n        return v === n[valueKey];\n      }) && n[childrenKey]) {\n        pushChildValue(n);\n      } else if (n[valueKey] !== itemNode[valueKey]) {\n        itemValues.push(n[valueKey]);\n      }\n    });\n  }\n  var parent = findParent(itemNode);\n  if (!parent) {\n    return [];\n  }\n  pushChildValue(parent);\n  return itemValues;\n};\n\n/**\n * Remove the values of all children.\n */\nexports.getOtherItemValuesByUnselectChild = getOtherItemValuesByUnselectChild;\nvar removeAllChildrenValue = function removeAllChildrenValue(value, item, itemKeys) {\n  var valueKey = itemKeys.valueKey,\n    childrenKey = itemKeys.childrenKey;\n  var removedValue = [];\n  if (!item[childrenKey]) {\n    return;\n  }\n  item[childrenKey].forEach(function (n) {\n    removedValue = removedValue.concat((0, _remove.default)(value, function (v) {\n      return v === n[valueKey];\n    }));\n    if (n[childrenKey]) {\n      removeAllChildrenValue(value, n, itemKeys);\n    }\n  });\n  return removedValue;\n};\nexports.removeAllChildrenValue = removeAllChildrenValue;\n\n//# sourceURL=webpack://rsuite/./src/MultiCascadeTree/utils.ts?");
 
 /***/ }),
 
-/***/ "./src/MultiCascader/utils.ts":
-/*!************************************!*\
-  !*** ./src/MultiCascader/utils.ts ***!
-  \************************************/
+/***/ "./src/MultiCascader/MultiCascader.tsx":
+/*!*********************************************!*\
+  !*** ./src/MultiCascader/MultiCascader.tsx ***!
+  \*********************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.useFlattenData = useFlattenData;\nexports.useColumnData = useColumnData;\nexports.useCascadeValue = useCascadeValue;\nexports.removeAllChildrenValue = exports.getOtherItemValuesByUnselectChild = exports.isSomeParentChecked = exports.isSomeChildChecked = exports.getParents = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _uniq = _interopRequireDefault(__webpack_require__(/*! lodash/uniq */ \"./node_modules/lodash/uniq.js\"));\nvar _remove = _interopRequireDefault(__webpack_require__(/*! lodash/remove */ \"./node_modules/lodash/remove.js\"));\nvar _slice = _interopRequireDefault(__webpack_require__(/*! lodash/slice */ \"./node_modules/lodash/slice.js\"));\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\nvar _attachParent = __webpack_require__(/*! ../utils/attachParent */ \"./src/utils/attachParent.ts\");\n/**\n * Get all parents of a node\n * @param node\n */\nvar getParents = function getParents(node) {\n  var parents = [];\n  if (!node.parent) {\n    return parents;\n  }\n  parents.push(node.parent);\n  parents = parents.concat(getParents(node.parent));\n  return parents;\n};\n\n/**\n * Check if any child nodes are selected.\n * @param node\n * @param value\n * @param itemKeys\n */\nexports.getParents = getParents;\nvar isSomeChildChecked = function isSomeChildChecked(node, value, itemKeys) {\n  var childrenKey = itemKeys.childrenKey,\n    valueKey = itemKeys.valueKey;\n  if (!node[childrenKey] || !value) {\n    return false;\n  }\n  return node[childrenKey].some(function (child) {\n    var _child$childrenKey;\n    if (value.some(function (n) {\n      return n === child[valueKey];\n    })) {\n      return true;\n    }\n    if ((_child$childrenKey = child[childrenKey]) !== null && _child$childrenKey !== void 0 && _child$childrenKey.length) {\n      return isSomeChildChecked(child, value, itemKeys);\n    }\n    return false;\n  });\n};\n\n/**\n * Check if the parent is selected.\n * @param node\n * @param value\n * @param itemKeys\n */\nexports.isSomeChildChecked = isSomeChildChecked;\nvar isSomeParentChecked = function isSomeParentChecked(node, value, itemKeys) {\n  var valueKey = itemKeys.valueKey;\n  if (!value) {\n    return false;\n  }\n  if (value.some(function (n) {\n    return n === node[valueKey];\n  })) {\n    return true;\n  }\n  if (node.parent) {\n    return isSomeParentChecked(node.parent, value, itemKeys);\n  }\n  return false;\n};\nexports.isSomeParentChecked = isSomeParentChecked;\nvar getOtherItemValuesByUnselectChild = function getOtherItemValuesByUnselectChild(itemNode, value, itemKeys) {\n  var valueKey = itemKeys.valueKey,\n    childrenKey = itemKeys.childrenKey;\n  var parentValues = [];\n  var itemValues = [];\n\n  // Find the parent node of the current node by value\n  function findParent(item) {\n    parentValues.push(item[valueKey]);\n    if (value.some(function (v) {\n      return v === item[valueKey];\n    })) {\n      return item;\n    }\n    if (item.parent) {\n      var p = findParent(item.parent);\n      if (p) {\n        return p;\n      }\n    }\n    return null;\n  }\n\n  // Get child nodes through parent node\n  function pushChildValue(item) {\n    if (!item[childrenKey]) {\n      return;\n    }\n    item[childrenKey].forEach(function (n) {\n      // Determine whether it is a direct parent\n      if (parentValues.some(function (v) {\n        return v === n[valueKey];\n      }) && n[childrenKey]) {\n        pushChildValue(n);\n      } else if (n[valueKey] !== itemNode[valueKey]) {\n        itemValues.push(n[valueKey]);\n      }\n    });\n  }\n  var parent = findParent(itemNode);\n  if (!parent) {\n    return [];\n  }\n  pushChildValue(parent);\n  return itemValues;\n};\n\n/**\n * Remove the values of all children.\n */\nexports.getOtherItemValuesByUnselectChild = getOtherItemValuesByUnselectChild;\nvar removeAllChildrenValue = function removeAllChildrenValue(value, item, itemKeys) {\n  var valueKey = itemKeys.valueKey,\n    childrenKey = itemKeys.childrenKey;\n  var removedValue = [];\n  if (!item[childrenKey]) {\n    return;\n  }\n  item[childrenKey].forEach(function (n) {\n    removedValue = removedValue.concat((0, _remove.default)(value, function (v) {\n      return v === n[valueKey];\n    }));\n    if (n[childrenKey]) {\n      removeAllChildrenValue(value, n, itemKeys);\n    }\n  });\n  return removedValue;\n};\n\n/**\n * A hook to flatten tree structure data\n * @param data\n */\nexports.removeAllChildrenValue = removeAllChildrenValue;\nfunction useFlattenData(data, itemKeys) {\n  var childrenKey = itemKeys.childrenKey;\n  var _useState = (0, _react.useState)((0, _treeUtils.UNSAFE_flattenTree)(data, itemKeys.childrenKey)),\n    flattenData = _useState[0],\n    setFlattenData = _useState[1];\n  var addFlattenData = (0, _react.useCallback)(function (children, parent) {\n    var nodes = children.map(function (child) {\n      return (0, _attachParent.attachParent)(child, parent);\n    });\n    parent[childrenKey] = nodes;\n    setFlattenData([].concat(flattenData, nodes));\n  }, [childrenKey, flattenData]);\n  (0, _react.useEffect)(function () {\n    setFlattenData((0, _treeUtils.UNSAFE_flattenTree)(data, itemKeys.childrenKey));\n  }, [data, itemKeys.childrenKey]);\n  return {\n    addFlattenData: addFlattenData,\n    flattenData: flattenData\n  };\n}\n\n/**\n * A hook for column data\n * @param flattenData\n */\nfunction useColumnData(flattenData) {\n  // The columns displayed in the cascading panel.\n  var _useState2 = (0, _react.useState)([flattenData.filter(function (item) {\n      return !item.parent;\n    })]),\n    columnData = _useState2[0],\n    setColumnData = _useState2[1];\n  /**\n   * Add a list of options to the cascading panel. Used for lazy loading options.\n   * @param column\n   * @param index The index of the current column.\n   */\n  function addColumn(column, index) {\n    setColumnData([].concat((0, _slice.default)(columnData, 0, index), [column]));\n  }\n\n  /**\n   * Remove subsequent columns of the specified column\n   * @param index\n   */\n  function removeColumnByIndex(index) {\n    setColumnData([].concat((0, _slice.default)(columnData, 0, index)));\n  }\n  function enforceUpdateColumnData(nextData) {\n    var nextFlattenData = (0, _treeUtils.UNSAFE_flattenTree)(nextData);\n    setColumnData([nextFlattenData.filter(function (item) {\n      return !item.parent;\n    })]);\n  }\n  return {\n    columnData: columnData,\n    addColumn: addColumn,\n    removeColumnByIndex: removeColumnByIndex,\n    setColumnData: setColumnData,\n    enforceUpdateColumnData: enforceUpdateColumnData\n  };\n}\n\n/**\n * A hook that converts the value into a cascading value\n * @param props\n * @param flattenData\n */\nfunction useCascadeValue(props, flattenData) {\n  var valueKey = props.valueKey,\n    childrenKey = props.childrenKey,\n    uncheckableItemValues = props.uncheckableItemValues,\n    cascade = props.cascade,\n    valueProp = props.value;\n  /**\n   * Get the values of all children\n   */\n  var getChildrenValue = (0, _react.useCallback)(function (item) {\n    var values = [];\n    if (!item[childrenKey]) {\n      return values;\n    }\n    item[childrenKey].forEach(function (n) {\n      if (uncheckableItemValues && !uncheckableItemValues.some(function (v) {\n        return v === n[valueKey];\n      })) {\n        values.push(n[valueKey]);\n      }\n      values = values.concat(getChildrenValue(n));\n    });\n    return values;\n  }, [childrenKey, uncheckableItemValues, valueKey]);\n  var splitValue = (0, _react.useCallback)(function (item, checked, value) {\n    var itemValue = item[valueKey];\n    var childrenValue = getChildrenValue(item);\n    var parents = getParents(item);\n    var nextValue = [].concat(value);\n    var removedValue = [];\n    if (checked) {\n      nextValue.push(itemValue);\n\n      // Delete all values under the current node\n      removedValue = removedValue.concat(removeAllChildrenValue(nextValue, item, {\n        valueKey: valueKey,\n        childrenKey: childrenKey\n      }) || []);\n\n      // Traverse all ancestor nodes of the current node\n      // Then determine whether all the child nodes of these nodes are selected, and then they themselves must be selected\n      var _loop = function _loop(i) {\n        // Whether the parent node can be selected\n        var isCheckableParent = !(uncheckableItemValues !== null && uncheckableItemValues !== void 0 && uncheckableItemValues.some(function (v) {\n          return v === parents[i][valueKey];\n        }));\n        if (isCheckableParent) {\n          var isCheckAll = parents[i][childrenKey]\n          // Filter out options that are marked as not selectable\n          .filter(function (n) {\n            return !(uncheckableItemValues !== null && uncheckableItemValues !== void 0 && uncheckableItemValues.some(function (v) {\n              return v === n[valueKey];\n            }));\n          })\n          // Check if all nodes are selected\n          .every(function (n) {\n            return nextValue.some(function (v) {\n              return v === n[valueKey];\n            });\n          });\n          if (isCheckAll) {\n            // Add parent node value\n            nextValue.push(parents[i][valueKey]);\n\n            // Delete all values under the parent node\n            removedValue = removedValue.concat(removeAllChildrenValue(nextValue, parents[i], {\n              valueKey: valueKey,\n              childrenKey: childrenKey\n            }) || []);\n          }\n        }\n      };\n      for (var i = 0; i < parents.length; i++) {\n        _loop(i);\n      }\n    } else {\n      var tempValue = childrenValue.concat(parents.map(function (item) {\n        return item[valueKey];\n      }));\n      nextValue = nextValue.concat(getOtherItemValuesByUnselectChild(item, nextValue, {\n        valueKey: valueKey,\n        childrenKey: childrenKey\n      }));\n\n      // Delete related child and parent nodes\n      removedValue = (0, _remove.default)(nextValue, function (v) {\n        // Delete yourself\n        if (v === itemValue) {\n          return true;\n        }\n        return tempValue.some(function (n) {\n          return n === v;\n        });\n      });\n    }\n    var uniqValue = (0, _uniq.default)(nextValue);\n    var uniqRemovedValue = (0, _uniq.default)(removedValue);\n    return {\n      value: uniqValue,\n      removedValue: uniqRemovedValue\n    };\n  }, [valueKey, childrenKey, uncheckableItemValues, getChildrenValue]);\n  var transformValue = (0, _react.useCallback)(function (value) {\n    if (value === void 0) {\n      value = [];\n    }\n    if (!cascade) {\n      return value;\n    }\n    var tempRemovedValue = [];\n    var nextValue = [];\n    var _loop2 = function _loop2(i) {\n      // If the value in the current value is already in the deleted list, it will not be processed\n      if (tempRemovedValue.some(function (v) {\n        return v === value[i];\n      })) {\n        return \"continue\";\n      }\n      var item = flattenData.find(function (v) {\n        return v[valueKey] === value[i];\n      });\n      if (!item) {\n        return \"continue\";\n      }\n      var sv = splitValue(item, true, value);\n      tempRemovedValue = (0, _uniq.default)(tempRemovedValue.concat(sv.removedValue));\n\n      // Get all relevant values\n      nextValue = (0, _uniq.default)(nextValue.concat(sv.value));\n    };\n    for (var i = 0; i < value.length; i++) {\n      var _ret = _loop2(i);\n      if (_ret === \"continue\") continue;\n    }\n\n    // Finally traverse all nextValue, and delete if its parent node is also nextValue\n    return nextValue.filter(function (v) {\n      var item = flattenData.find(function (n) {\n        return n[valueKey] === v;\n      });\n      if (item !== null && item !== void 0 && item.parent && nextValue.some(function (v) {\n        return v === item.parent && item.parent[valueKey];\n      })) {\n        return false;\n      }\n      return true;\n    });\n  }, [cascade, flattenData, splitValue, valueKey]);\n  var _useState3 = (0, _react.useState)(transformValue(valueProp) || []),\n    value = _useState3[0],\n    setValue = _useState3[1];\n  (0, _react.useEffect)(function () {\n    // Update value when valueProp is updated.\n    setValue(transformValue(valueProp) || []);\n  }, [transformValue, valueProp]);\n  return {\n    value: value,\n    setValue: setValue,\n    splitValue: splitValue\n  };\n}\n\n//# sourceURL=webpack://rsuite/./src/MultiCascader/utils.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.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 _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _isFunction = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\nvar _utils = __webpack_require__(/*! ../CascadeTree/utils */ \"./src/CascadeTree/utils.ts\");\nvar _utils2 = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _hooks = __webpack_require__(/*! ../MultiCascadeTree/hooks */ \"./src/MultiCascadeTree/hooks/index.ts\");\nvar _TreeView = _interopRequireDefault(__webpack_require__(/*! ../MultiCascadeTree/TreeView */ \"./src/MultiCascadeTree/TreeView.tsx\"));\nvar _SearchView = _interopRequireDefault(__webpack_require__(/*! ../MultiCascadeTree/SearchView */ \"./src/MultiCascadeTree/SearchView.tsx\"));\nvar _useActive2 = _interopRequireDefault(__webpack_require__(/*! ../Cascader/useActive */ \"./src/Cascader/useActive.ts\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/MultiCascader/MultiCascader.tsx\",\n  _this = void 0;\nvar emptyArray = [];\n\n/**\n * The `MultiCascader` component is used to select multiple values from cascading options.\n * @see https://rsuitejs.com/components/multi-cascader/\n */\nvar MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _selectedPaths;\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    defaultValue = props.defaultValue,\n    columnHeight = props.columnHeight,\n    columnWidth = props.columnWidth,\n    _props$childrenKey = props.childrenKey,\n    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,\n    _props$cleanable = props.cleanable,\n    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n    _props$data = props.data,\n    data = _props$data === void 0 ? emptyArray : _props$data,\n    disabled = props.disabled,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,\n    valueProp = props.value,\n    _props$valueKey = props.valueKey,\n    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n    _props$labelKey = props.labelKey,\n    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n    overrideLocale = props.locale,\n    toggleAs = props.toggleAs,\n    style = props.style,\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    placeholder = props.placeholder,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    popupClassName = props.popupClassName,\n    popupStyle = props.popupStyle,\n    _props$searchable = props.searchable,\n    searchable = _props$searchable === void 0 ? true : _props$searchable,\n    _props$uncheckableIte = props.uncheckableItemValues,\n    uncheckableItemValues = _props$uncheckableIte === void 0 ? emptyArray : _props$uncheckableIte,\n    id = props.id,\n    getChildren = props.getChildren,\n    renderValue = props.renderValue,\n    renderExtraFooter = props.renderExtraFooter,\n    renderColumn = props.renderColumn,\n    renderTreeNode = props.renderTreeNode,\n    onEntered = props.onEntered,\n    onExited = props.onExited,\n    onClean = props.onClean,\n    onSearch = props.onSearch,\n    onSelect = props.onSelect,\n    onChange = props.onChange,\n    onOpen = props.onOpen,\n    onClose = props.onClose,\n    onCheck = props.onCheck,\n    DEPRECATED_menuClassName = props.menuClassName,\n    DEPRECATED_menuStyle = props.menuStyle,\n    DEPRECATED_menuWidth = props.menuWidth,\n    DEPRECATED_menuHeight = props.menuHeight,\n    DEPRECATED_renderMenu = props.renderMenu,\n    DEPRECATED_renderMenuItem = props.renderMenuItem,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"appearance\", \"classPrefix\", \"defaultValue\", \"columnHeight\", \"columnWidth\", \"childrenKey\", \"cleanable\", \"data\", \"disabled\", \"disabledItemValues\", \"value\", \"valueKey\", \"labelKey\", \"locale\", \"toggleAs\", \"style\", \"countable\", \"cascade\", \"placeholder\", \"placement\", \"popupClassName\", \"popupStyle\", \"searchable\", \"uncheckableItemValues\", \"id\", \"getChildren\", \"renderValue\", \"renderExtraFooter\", \"renderColumn\", \"renderTreeNode\", \"onEntered\", \"onExited\", \"onClean\", \"onSearch\", \"onSelect\", \"onChange\", \"onOpen\", \"onClose\", \"onCheck\", \"menuClassName\", \"menuStyle\", \"menuWidth\", \"menuHeight\", \"renderMenu\", \"renderMenuItem\"]);\n  var _usePickerRef = (0, _Picker.usePickerRef)(ref),\n    trigger = _usePickerRef.trigger,\n    root = _usePickerRef.root,\n    target = _usePickerRef.target,\n    overlay = _usePickerRef.overlay,\n    searchInput = _usePickerRef.searchInput;\n  var _useCustom = (0, _utils2.useCustom)('Picker', overrideLocale),\n    locale = _useCustom.locale,\n    rtl = _useCustom.rtl;\n  var _useClassNames = (0, _utils2.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var onSelectCallback = (0, _react.useCallback)(function (node, cascadePaths, event) {\n    var _trigger$current, _trigger$current$upda;\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, cascadePaths, event);\n    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$upda = _trigger$current.updatePosition) === null || _trigger$current$upda === void 0 ? void 0 : _trigger$current$upda.call(_trigger$current);\n  }, [onSelect, trigger]);\n  var _useSelect = (0, _hooks.useSelect)({\n      data: data,\n      childrenKey: childrenKey,\n      labelKey: labelKey,\n      valueKey: valueKey,\n      onSelect: onSelectCallback,\n      getChildren: getChildren\n    }),\n    selectedPaths = _useSelect.selectedPaths,\n    flattenData = _useSelect.flattenData,\n    columnData = _useSelect.columnData,\n    setColumnData = _useSelect.setColumnData,\n    setSelectedPaths = _useSelect.setSelectedPaths,\n    handleSelect = _useSelect.handleSelect;\n  var _useControlled = (0, _utils2.useControlled)(valueProp, defaultValue),\n    controlledValue = _useControlled[0];\n  var itemKeys = {\n    childrenKey: childrenKey,\n    labelKey: labelKey,\n    valueKey: valueKey\n  };\n  var cascadeValueProps = (0, _extends2.default)({}, itemKeys, {\n    uncheckableItemValues: uncheckableItemValues,\n    cascade: cascade,\n    value: controlledValue,\n    onCheck: onCheck,\n    onChange: onChange\n  });\n  var _useCascadeValue = (0, _hooks.useCascadeValue)(cascadeValueProps, flattenData),\n    value = _useCascadeValue.value,\n    setValue = _useCascadeValue.setValue,\n    handleCheck = _useCascadeValue.handleCheck;\n  var selectedItems = flattenData.filter(function (item) {\n    return value.some(function (v) {\n      return v === item[valueKey];\n    });\n  }) || [];\n  var onFocusItemCallback = (0, _react.useCallback)(function (value) {\n    var _getColumnsAndPaths = (0, _utils.getColumnsAndPaths)(data, flattenData.find(function (item) {\n        return item[valueKey] === value;\n      }), {\n        getParent: function getParent() {\n          return undefined;\n        },\n        getChildren: function getChildren(item) {\n          return item[childrenKey];\n        }\n      }),\n      columns = _getColumnsAndPaths.columns,\n      path = _getColumnsAndPaths.path;\n    setColumnData(columns);\n    setSelectedPaths(path);\n  }, [childrenKey, data, flattenData, setColumnData, setSelectedPaths, valueKey]);\n\n  // Used to hover the focuse item  when trigger `onKeydown`\n  var _useFocusItemValue = (0, _Picker.useFocusItemValue)(selectedPaths === null || selectedPaths === void 0 ? void 0 : (_selectedPaths = selectedPaths[selectedPaths.length - 1]) === null || _selectedPaths === void 0 ? void 0 : _selectedPaths[valueKey], {\n      rtl: rtl,\n      data: flattenData,\n      valueKey: valueKey,\n      defaultLayer: selectedPaths !== null && selectedPaths !== void 0 && selectedPaths.length ? selectedPaths.length - 1 : 0,\n      target: function target() {\n        return overlay.current;\n      },\n      callback: onFocusItemCallback\n    }),\n    focusItemValue = _useFocusItemValue.focusItemValue,\n    setLayer = _useFocusItemValue.setLayer,\n    setKeys = _useFocusItemValue.setKeys,\n    onFocusItem = _useFocusItemValue.onKeyDown;\n  var onSearchCallback = function onSearchCallback(value, event) {\n    if (value) {\n      setLayer(0);\n    } else if (selectedPaths !== null && selectedPaths !== void 0 && selectedPaths.length) {\n      setLayer(selectedPaths.length - 1);\n    }\n    setKeys([]);\n    onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);\n  };\n  var _useSearch = (0, _hooks.useSearch)({\n      labelKey: labelKey,\n      valueKey: valueKey,\n      childrenKey: childrenKey,\n      flattenedData: flattenData,\n      uncheckableItemValues: uncheckableItemValues,\n      onSearch: onSearchCallback\n    }),\n    items = _useSearch.items,\n    searchKeyword = _useSearch.searchKeyword,\n    setSearchKeyword = _useSearch.setSearchKeyword,\n    handleSearch = _useSearch.handleSearch;\n  var _useActive = (0, _useActive2.default)({\n      onOpen: onOpen,\n      onClose: onClose,\n      onEntered: onEntered,\n      onExited: onExited,\n      target: target,\n      setSearchKeyword: setSearchKeyword\n    }),\n    active = _useActive.active,\n    handleEntered = _useActive.handleEntered,\n    handleExited = _useActive.handleExited;\n  var handleClean = (0, _utils2.useEventCallback)(function (event) {\n    if (disabled || !target.current) {\n      return;\n    }\n    setSelectedPaths([]);\n    setValue([]);\n    setColumnData([data]);\n    onChange === null || onChange === void 0 ? void 0 : onChange([], event);\n  });\n  var handleMenuPressEnter = (0, _utils2.useEventCallback)(function (event) {\n    var _overlay$current;\n    var focusItem = (0, _treeUtils.findNodeOfTree)(data, function (item) {\n      return item[valueKey] === focusItemValue;\n    });\n    var checkbox = (_overlay$current = overlay.current) === null || _overlay$current === void 0 ? void 0 : _overlay$current.querySelector(\"[data-key=\\\"\" + focusItemValue + \"\\\"] [type=\\\"checkbox\\\"]\");\n    if (checkbox) {\n      handleCheck(focusItem, event, (checkbox === null || checkbox === void 0 ? void 0 : checkbox.getAttribute('aria-checked')) !== 'true');\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: onFocusItem,\n    onMenuPressEnter: handleMenuPressEnter\n  }, rest));\n  var renderCascadeColumn = function renderCascadeColumn(childNodes, column) {\n    var items = column.items,\n      parentItem = column.parentItem,\n      layer = column.layer;\n    if (typeof renderColumn === 'function') {\n      return renderColumn(childNodes, column);\n    } else if (typeof DEPRECATED_renderMenu === 'function') {\n      return DEPRECATED_renderMenu(items, childNodes, parentItem, layer);\n    }\n    return childNodes;\n  };\n  var renderCascadeTreeNode = function renderCascadeTreeNode(node, itemData) {\n    var render = typeof renderTreeNode === 'function' ? renderTreeNode : DEPRECATED_renderMenuItem;\n    if (typeof render === 'function') {\n      return render(node, itemData);\n    }\n    return node;\n  };\n  var renderTreeView = function renderTreeView(positionProps, speakerRef) {\n    var _ref = positionProps || {},\n      left = _ref.left,\n      top = _ref.top,\n      className = _ref.className;\n    var styles = (0, _extends2.default)({}, DEPRECATED_menuStyle, popupStyle, {\n      left: left,\n      top: top\n    });\n    var classes = merge(className, DEPRECATED_menuClassName, popupClassName, prefix('popup-multi-cascader'));\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {\n      ref: (0, _utils2.mergeRefs)(overlay, speakerRef),\n      className: classes,\n      style: styles,\n      target: trigger,\n      onKeyDown: onPickerKeyDown,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 360,\n        columnNumber: 9\n      }\n    }, searchable && /*#__PURE__*/_react.default.createElement(_SearchView.default, {\n      data: items,\n      value: value,\n      searchKeyword: searchKeyword,\n      valueKey: valueKey,\n      labelKey: labelKey,\n      childrenKey: childrenKey,\n      disabledItemValues: disabledItemValues,\n      onCheck: handleCheck,\n      onSearch: handleSearch,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 368,\n        columnNumber: 13\n      }\n    }), !searchKeyword && /*#__PURE__*/_react.default.createElement(_TreeView.default, {\n      cascade: cascade,\n      columnWidth: columnWidth !== null && columnWidth !== void 0 ? columnWidth : DEPRECATED_menuWidth,\n      columnHeight: columnHeight !== null && columnHeight !== void 0 ? columnHeight : DEPRECATED_menuHeight,\n      classPrefix: \"cascade-tree\",\n      uncheckableItemValues: uncheckableItemValues,\n      disabledItemValues: disabledItemValues,\n      valueKey: valueKey,\n      labelKey: labelKey,\n      childrenKey: childrenKey,\n      cascadeData: columnData,\n      cascadePaths: selectedPaths,\n      value: value,\n      onSelect: handleSelect,\n      onCheck: handleCheck,\n      renderColumn: renderCascadeColumn,\n      renderTreeNode: renderCascadeTreeNode,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 382,\n        columnNumber: 13\n      }\n    }), renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n  var selectedElement = placeholder;\n  if (selectedItems.length > 0) {\n    selectedElement = /*#__PURE__*/_react.default.createElement(_Picker.SelectedElement, {\n      selectedItems: selectedItems,\n      countable: countable,\n      valueKey: valueKey,\n      labelKey: labelKey,\n      childrenKey: childrenKey,\n      prefix: prefix,\n      cascade: cascade,\n      locale: locale,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 411,\n        columnNumber: 9\n      }\n    });\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 hasValue = selectedItems.length > 0 || Number(valueProp === null || valueProp === void 0 ? void 0 : valueProp.length) > 0 && (0, _isFunction.default)(renderValue);\n  if (hasValue && (0, _isFunction.default)(renderValue)) {\n    selectedElement = renderValue(value.length ? value : valueProp !== null && valueProp !== void 0 ? valueProp : [], selectedItems, selectedElement);\n    // If renderValue returns null or undefined, hasValue is false.\n    if ((0, _isNil.default)(selectedElement)) {\n      hasValue = false;\n    }\n  }\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n      classPrefix: classPrefix,\n      hasValue: hasValue,\n      countable: countable,\n      name: 'cascader',\n      appearance: appearance,\n      cleanable: cleanable\n    })),\n    classes = _usePickerClassName[0],\n    usedClassNamePropKeys = _usePickerClassName[1];\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    id: id,\n    popupType: \"tree\",\n    multiple: true,\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: trigger,\n    placement: placement,\n    onEnter: handleEntered,\n    onExited: handleExited,\n    speaker: renderTreeView,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 454,\n      columnNumber: 7\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: 465,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {\n    as: toggleAs,\n    appearance: appearance,\n    disabled: disabled,\n    ref: target,\n    onClean: (0, _utils2.createChainedFunction)(handleClean, onClean),\n    onKeyDown: onPickerKeyDown,\n    cleanable: cleanable && !disabled,\n    hasValue: hasValue,\n    active: active,\n    placement: placement,\n    inputValue: value,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 466,\n      columnNumber: 11\n    }\n  }), selectedElement || locale.placeholder)));\n});\nMultiCascader.displayName = 'MultiCascader';\nMultiCascader.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {\n  value: _propTypes.default.array,\n  disabledItemValues: _propTypes.default.array,\n  locale: _propTypes.default.any,\n  appearance: (0, _propTypes2.oneOf)(['default', 'subtle']),\n  cascade: _propTypes.default.bool,\n  countable: _propTypes.default.bool,\n  uncheckableItemValues: _propTypes.default.array,\n  searchable: _propTypes.default.bool,\n  onSearch: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onCheck: _propTypes.default.func,\n  inline: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.bool, 'Use `<MultiCascadeTree>` instead.'),\n  renderMenu: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"renderColumn\" property instead.'),\n  renderMenuItem: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"renderTreeNode\" property instead.'),\n  menuWidth: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.number, 'Use \"columnWidth\" property instead.'),\n  menuHeight: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.number, 'Use \"columnHeight\" property instead.')\n});\nvar _default = MultiCascader;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/MultiCascader/MultiCascader.tsx?");
+
+/***/ }),
+
+/***/ "./src/MultiCascader/index.tsx":
+/*!*************************************!*\
+  !*** ./src/MultiCascader/index.tsx ***!
+  \*************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _MultiCascader = _interopRequireDefault(__webpack_require__(/*! ./MultiCascader */ \"./src/MultiCascader/MultiCascader.tsx\"));\nvar _default = _MultiCascader.default;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/MultiCascader/index.tsx?");
 
 /***/ }),
 
@@ -9376,7 +9563,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.useFormClassNames = exports.useToaster = exports.VisuallyHidden = exports.useMediaQuery = exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.Tabs = exports.PanelGroup = exports.Accordion = exports.Panel = exports.CheckTree = exports.Tree = exports.InlineEdit = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.AvatarGroup = exports.Avatar = exports.Badge = exports.Placeholder = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ./Button */ \"./src/Button/index.tsx\"));\nexports.Button = _Button.default;\nvar _IconButton = _interopRequireDefault(__webpack_require__(/*! ./IconButton */ \"./src/IconButton/index.tsx\"));\nexports.IconButton = _IconButton.default;\nvar _ButtonToolbar = _interopRequireDefault(__webpack_require__(/*! ./ButtonToolbar */ \"./src/ButtonToolbar/index.tsx\"));\nexports.ButtonToolbar = _ButtonToolbar.default;\nvar _ButtonGroup = _interopRequireDefault(__webpack_require__(/*! ./ButtonGroup */ \"./src/ButtonGroup/index.tsx\"));\nexports.ButtonGroup = _ButtonGroup.default;\nvar _Whisper = _interopRequireDefault(__webpack_require__(/*! ./Whisper */ \"./src/Whisper/index.tsx\"));\nexports.Whisper = _Whisper.default;\nvar _Tooltip = _interopRequireDefault(__webpack_require__(/*! ./Tooltip */ \"./src/Tooltip/index.tsx\"));\nexports.Tooltip = _Tooltip.default;\nvar _Popover = _interopRequireDefault(__webpack_require__(/*! ./Popover */ \"./src/Popover/index.tsx\"));\nexports.Popover = _Popover.default;\nvar _Modal = _interopRequireDefault(__webpack_require__(/*! ./Modal */ \"./src/Modal/index.tsx\"));\nexports.Modal = _Modal.default;\nvar _Notification = _interopRequireDefault(__webpack_require__(/*! ./Notification */ \"./src/Notification/index.tsx\"));\nexports.Notification = _Notification.default;\nvar _Message = _interopRequireDefault(__webpack_require__(/*! ./Message */ \"./src/Message/index.tsx\"));\nexports.Message = _Message.default;\nvar _Drawer = _interopRequireDefault(__webpack_require__(/*! ./Drawer */ \"./src/Drawer/index.tsx\"));\nexports.Drawer = _Drawer.default;\nvar _Loader = _interopRequireDefault(__webpack_require__(/*! ./Loader */ \"./src/Loader/index.tsx\"));\nexports.Loader = _Loader.default;\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ./SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\nexports.SafeAnchor = _SafeAnchor.default;\nvar _Placeholder = _interopRequireDefault(__webpack_require__(/*! ./Placeholder */ \"./src/Placeholder/index.tsx\"));\nexports.Placeholder = _Placeholder.default;\nvar _Badge = _interopRequireDefault(__webpack_require__(/*! ./Badge */ \"./src/Badge/index.tsx\"));\nexports.Badge = _Badge.default;\nvar _Avatar = _interopRequireDefault(__webpack_require__(/*! ./Avatar */ \"./src/Avatar/index.tsx\"));\nexports.Avatar = _Avatar.default;\nvar _AvatarGroup = _interopRequireDefault(__webpack_require__(/*! ./AvatarGroup */ \"./src/AvatarGroup/index.tsx\"));\nexports.AvatarGroup = _AvatarGroup.default;\nvar _toaster = _interopRequireWildcard(__webpack_require__(/*! ./toaster */ \"./src/toaster/index.tsx\"));\nexports.toaster = _toaster.default;\nexports.useToaster = _toaster.useToaster;\nvar _Dropdown = _interopRequireDefault(__webpack_require__(/*! ./Dropdown */ \"./src/Dropdown/index.tsx\"));\nexports.Dropdown = _Dropdown.default;\nvar _Nav = _interopRequireDefault(__webpack_require__(/*! ./Nav */ \"./src/Nav/index.tsx\"));\nexports.Nav = _Nav.default;\nvar _Navbar = _interopRequireDefault(__webpack_require__(/*! ./Navbar */ \"./src/Navbar/index.tsx\"));\nexports.Navbar = _Navbar.default;\nvar _Sidenav = _interopRequireDefault(__webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/index.tsx\"));\nexports.Sidenav = _Sidenav.default;\nvar _Breadcrumb = _interopRequireDefault(__webpack_require__(/*! ./Breadcrumb */ \"./src/Breadcrumb/index.tsx\"));\nexports.Breadcrumb = _Breadcrumb.default;\nvar _Pagination = _interopRequireDefault(__webpack_require__(/*! ./Pagination */ \"./src/Pagination/index.tsx\"));\nexports.Pagination = _Pagination.default;\nvar _Steps = _interopRequireDefault(__webpack_require__(/*! ./Steps */ \"./src/Steps/index.tsx\"));\nexports.Steps = _Steps.default;\nvar _Toggle = _interopRequireDefault(__webpack_require__(/*! ./Toggle */ \"./src/Toggle/index.tsx\"));\nexports.Toggle = _Toggle.default;\nvar _Form = _interopRequireWildcard(__webpack_require__(/*! ./Form */ \"./src/Form/index.tsx\"));\nexports.Form = _Form.default;\nexports.useFormClassNames = _Form.useFormClassNames;\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ./Input */ \"./src/Input/index.tsx\"));\nexports.Input = _Input.default;\nvar _MaskedInput = _interopRequireDefault(__webpack_require__(/*! ./MaskedInput */ \"./src/MaskedInput/index.tsx\"));\nexports.MaskedInput = _MaskedInput.default;\nvar _InputNumber = _interopRequireDefault(__webpack_require__(/*! ./InputNumber */ \"./src/InputNumber/index.tsx\"));\nexports.InputNumber = _InputNumber.default;\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ./InputGroup */ \"./src/InputGroup/index.tsx\"));\nexports.InputGroup = _InputGroup.default;\nvar _Checkbox = _interopRequireDefault(__webpack_require__(/*! ./Checkbox */ \"./src/Checkbox/index.tsx\"));\nexports.Checkbox = _Checkbox.default;\nvar _CheckboxGroup = _interopRequireDefault(__webpack_require__(/*! ./CheckboxGroup */ \"./src/CheckboxGroup/index.tsx\"));\nexports.CheckboxGroup = _CheckboxGroup.default;\nvar _Radio = _interopRequireDefault(__webpack_require__(/*! ./Radio */ \"./src/Radio/index.tsx\"));\nexports.Radio = _Radio.default;\nvar _RadioGroup = _interopRequireDefault(__webpack_require__(/*! ./RadioGroup */ \"./src/RadioGroup/index.tsx\"));\nexports.RadioGroup = _RadioGroup.default;\nvar _RadioTile = _interopRequireDefault(__webpack_require__(/*! ./RadioTile */ \"./src/RadioTile/index.tsx\"));\nexports.RadioTile = _RadioTile.default;\nvar _RadioTileGroup = _interopRequireDefault(__webpack_require__(/*! ./RadioTileGroup */ \"./src/RadioTileGroup/index.tsx\"));\nexports.RadioTileGroup = _RadioTileGroup.default;\nvar _SelectPicker = _interopRequireDefault(__webpack_require__(/*! ./SelectPicker */ \"./src/SelectPicker/index.tsx\"));\nexports.SelectPicker = _SelectPicker.default;\nvar _CheckPicker = _interopRequireDefault(__webpack_require__(/*! ./CheckPicker */ \"./src/CheckPicker/index.tsx\"));\nexports.CheckPicker = _CheckPicker.default;\nvar _InputPicker = _interopRequireDefault(__webpack_require__(/*! ./InputPicker */ \"./src/InputPicker/index.tsx\"));\nexports.InputPicker = _InputPicker.default;\nvar _TagPicker = _interopRequireDefault(__webpack_require__(/*! ./TagPicker */ \"./src/TagPicker/index.tsx\"));\nexports.TagPicker = _TagPicker.default;\nvar _TagInput = _interopRequireDefault(__webpack_require__(/*! ./TagInput */ \"./src/TagInput/index.tsx\"));\nexports.TagInput = _TagInput.default;\nvar _TreePicker = _interopRequireDefault(__webpack_require__(/*! ./TreePicker */ \"./src/TreePicker/index.tsx\"));\nexports.TreePicker = _TreePicker.default;\nvar _CheckTreePicker = _interopRequireDefault(__webpack_require__(/*! ./CheckTreePicker */ \"./src/CheckTreePicker/index.tsx\"));\nexports.CheckTreePicker = _CheckTreePicker.default;\nvar _Cascader = _interopRequireDefault(__webpack_require__(/*! ./Cascader */ \"./src/Cascader/index.tsx\"));\nexports.Cascader = _Cascader.default;\nvar _MultiCascader = _interopRequireDefault(__webpack_require__(/*! ./MultiCascader */ \"./src/MultiCascader/index.tsx\"));\nexports.MultiCascader = _MultiCascader.default;\nvar _DateInput = _interopRequireDefault(__webpack_require__(/*! ./DateInput */ \"./src/DateInput/index.tsx\"));\nexports.DateInput = _DateInput.default;\nvar _DatePicker = _interopRequireDefault(__webpack_require__(/*! ./DatePicker */ \"./src/DatePicker/index.tsx\"));\nexports.DatePicker = _DatePicker.default;\nvar _DateRangeInput = _interopRequireDefault(__webpack_require__(/*! ./DateRangeInput */ \"./src/DateRangeInput/index.tsx\"));\nexports.DateRangeInput = _DateRangeInput.default;\nvar _DateRangePicker = _interopRequireDefault(__webpack_require__(/*! ./DateRangePicker */ \"./src/DateRangePicker/index.tsx\"));\nexports.DateRangePicker = _DateRangePicker.default;\nvar _AutoComplete = _interopRequireDefault(__webpack_require__(/*! ./AutoComplete */ \"./src/AutoComplete/index.tsx\"));\nexports.AutoComplete = _AutoComplete.default;\nvar _Uploader = _interopRequireDefault(__webpack_require__(/*! ./Uploader */ \"./src/Uploader/index.tsx\"));\nexports.Uploader = _Uploader.default;\nvar _Slider = _interopRequireDefault(__webpack_require__(/*! ./Slider */ \"./src/Slider/index.tsx\"));\nexports.Slider = _Slider.default;\nvar _RangeSlider = _interopRequireDefault(__webpack_require__(/*! ./RangeSlider */ \"./src/RangeSlider/index.tsx\"));\nexports.RangeSlider = _RangeSlider.default;\nvar _Rate = _interopRequireDefault(__webpack_require__(/*! ./Rate */ \"./src/Rate/index.tsx\"));\nexports.Rate = _Rate.default;\nvar _InlineEdit = _interopRequireDefault(__webpack_require__(/*! ./InlineEdit */ \"./src/InlineEdit/index.tsx\"));\nexports.InlineEdit = _InlineEdit.default;\nvar _Tree = _interopRequireDefault(__webpack_require__(/*! ./Tree */ \"./src/Tree/index.tsx\"));\nexports.Tree = _Tree.default;\nvar _CheckTree = _interopRequireDefault(__webpack_require__(/*! ./CheckTree */ \"./src/CheckTree/index.tsx\"));\nexports.CheckTree = _CheckTree.default;\nvar _Panel = _interopRequireDefault(__webpack_require__(/*! ./Panel */ \"./src/Panel/index.tsx\"));\nexports.Panel = _Panel.default;\nvar _Accordion = _interopRequireDefault(__webpack_require__(/*! ./Accordion */ \"./src/Accordion/index.tsx\"));\nexports.Accordion = _Accordion.default;\nvar _PanelGroup = _interopRequireDefault(__webpack_require__(/*! ./PanelGroup */ \"./src/PanelGroup/index.tsx\"));\nexports.PanelGroup = _PanelGroup.default;\nvar _Tabs = _interopRequireDefault(__webpack_require__(/*! ./Tabs */ \"./src/Tabs/index.tsx\"));\nexports.Tabs = _Tabs.default;\nvar _Table = _interopRequireDefault(__webpack_require__(/*! ./Table */ \"./src/Table/index.tsx\"));\nexports.Table = _Table.default;\nvar _Progress = _interopRequireDefault(__webpack_require__(/*! ./Progress */ \"./src/Progress/index.tsx\"));\nexports.Progress = _Progress.default;\nvar _Timeline = _interopRequireDefault(__webpack_require__(/*! ./Timeline */ \"./src/Timeline/index.tsx\"));\nexports.Timeline = _Timeline.default;\nvar _Tag = _interopRequireDefault(__webpack_require__(/*! ./Tag */ \"./src/Tag/index.tsx\"));\nexports.Tag = _Tag.default;\nvar _TagGroup = _interopRequireDefault(__webpack_require__(/*! ./TagGroup */ \"./src/TagGroup/index.tsx\"));\nexports.TagGroup = _TagGroup.default;\nvar _List = _interopRequireDefault(__webpack_require__(/*! ./List */ \"./src/List/index.tsx\"));\nexports.List = _List.default;\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! ./Calendar */ \"./src/Calendar/index.tsx\"));\nexports.Calendar = _Calendar.default;\nvar _Carousel = _interopRequireDefault(__webpack_require__(/*! ./Carousel */ \"./src/Carousel/index.tsx\"));\nexports.Carousel = _Carousel.default;\nvar _Grid = _interopRequireDefault(__webpack_require__(/*! ./Grid */ \"./src/Grid/index.tsx\"));\nexports.Grid = _Grid.default;\nvar _Row = _interopRequireDefault(__webpack_require__(/*! ./Row */ \"./src/Row/index.tsx\"));\nexports.Row = _Row.default;\nvar _Col = _interopRequireDefault(__webpack_require__(/*! ./Col */ \"./src/Col/index.tsx\"));\nexports.Col = _Col.default;\nvar _FlexboxGrid = _interopRequireDefault(__webpack_require__(/*! ./FlexboxGrid */ \"./src/FlexboxGrid/index.tsx\"));\nexports.FlexboxGrid = _FlexboxGrid.default;\nvar _Container = _interopRequireDefault(__webpack_require__(/*! ./Container */ \"./src/Container/index.tsx\"));\nexports.Container = _Container.default;\nvar _Content = _interopRequireDefault(__webpack_require__(/*! ./Content */ \"./src/Content/index.tsx\"));\nexports.Content = _Content.default;\nvar _Header = _interopRequireDefault(__webpack_require__(/*! ./Header */ \"./src/Header/index.tsx\"));\nexports.Header = _Header.default;\nvar _Sidebar = _interopRequireDefault(__webpack_require__(/*! ./Sidebar */ \"./src/Sidebar/index.tsx\"));\nexports.Sidebar = _Sidebar.default;\nvar _Footer = _interopRequireDefault(__webpack_require__(/*! ./Footer */ \"./src/Footer/index.tsx\"));\nexports.Footer = _Footer.default;\nvar _Divider = _interopRequireDefault(__webpack_require__(/*! ./Divider */ \"./src/Divider/index.tsx\"));\nexports.Divider = _Divider.default;\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ./Stack */ \"./src/Stack/index.tsx\"));\nexports.Stack = _Stack.default;\nvar _Schema = _interopRequireDefault(__webpack_require__(/*! ./Schema */ \"./src/Schema/index.ts\"));\nexports.Schema = _Schema.default;\nvar _Animation = _interopRequireDefault(__webpack_require__(/*! ./Animation */ \"./src/Animation/index.tsx\"));\nexports.Animation = _Animation.default;\nvar _DOMHelper = _interopRequireDefault(__webpack_require__(/*! ./DOMHelper */ \"./src/DOMHelper/index.ts\"));\nexports.DOMHelper = _DOMHelper.default;\nvar _Affix = _interopRequireDefault(__webpack_require__(/*! ./Affix */ \"./src/Affix/index.tsx\"));\nexports.Affix = _Affix.default;\nvar _CustomProvider = _interopRequireDefault(__webpack_require__(/*! ./CustomProvider */ \"./src/CustomProvider/index.tsx\"));\nexports.CustomProvider = _CustomProvider.default;\nvar _useMediaQuery = _interopRequireDefault(__webpack_require__(/*! ./useMediaQuery */ \"./src/useMediaQuery/index.ts\"));\nexports.useMediaQuery = _useMediaQuery.default;\nvar _VisuallyHidden = _interopRequireDefault(__webpack_require__(/*! ./VisuallyHidden */ \"./src/VisuallyHidden/index.tsx\"));\nexports.VisuallyHidden = _VisuallyHidden.default;\n\n//# sourceURL=webpack://rsuite/./src/index.tsx?");
+eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.useFormClassNames = exports.VisuallyHidden = exports.useMediaQuery = exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.Tabs = exports.PanelGroup = exports.Accordion = exports.Panel = exports.MultiCascadeTree = exports.CascadeTree = exports.CheckTree = exports.Tree = exports.InlineEdit = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.useToaster = exports.toaster = exports.AvatarGroup = exports.Avatar = exports.Badge = exports.Placeholder = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ./Button */ \"./src/Button/index.tsx\"));\nexports.Button = _Button.default;\nvar _IconButton = _interopRequireDefault(__webpack_require__(/*! ./IconButton */ \"./src/IconButton/index.tsx\"));\nexports.IconButton = _IconButton.default;\nvar _ButtonToolbar = _interopRequireDefault(__webpack_require__(/*! ./ButtonToolbar */ \"./src/ButtonToolbar/index.tsx\"));\nexports.ButtonToolbar = _ButtonToolbar.default;\nvar _ButtonGroup = _interopRequireDefault(__webpack_require__(/*! ./ButtonGroup */ \"./src/ButtonGroup/index.tsx\"));\nexports.ButtonGroup = _ButtonGroup.default;\nvar _Whisper = _interopRequireDefault(__webpack_require__(/*! ./Whisper */ \"./src/Whisper/index.tsx\"));\nexports.Whisper = _Whisper.default;\nvar _Tooltip = _interopRequireDefault(__webpack_require__(/*! ./Tooltip */ \"./src/Tooltip/index.tsx\"));\nexports.Tooltip = _Tooltip.default;\nvar _Popover = _interopRequireDefault(__webpack_require__(/*! ./Popover */ \"./src/Popover/index.tsx\"));\nexports.Popover = _Popover.default;\nvar _Modal = _interopRequireDefault(__webpack_require__(/*! ./Modal */ \"./src/Modal/index.tsx\"));\nexports.Modal = _Modal.default;\nvar _Notification = _interopRequireDefault(__webpack_require__(/*! ./Notification */ \"./src/Notification/index.tsx\"));\nexports.Notification = _Notification.default;\nvar _Message = _interopRequireDefault(__webpack_require__(/*! ./Message */ \"./src/Message/index.tsx\"));\nexports.Message = _Message.default;\nvar _Drawer = _interopRequireDefault(__webpack_require__(/*! ./Drawer */ \"./src/Drawer/index.tsx\"));\nexports.Drawer = _Drawer.default;\nvar _Loader = _interopRequireDefault(__webpack_require__(/*! ./Loader */ \"./src/Loader/index.tsx\"));\nexports.Loader = _Loader.default;\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ./SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\nexports.SafeAnchor = _SafeAnchor.default;\nvar _Placeholder = _interopRequireDefault(__webpack_require__(/*! ./Placeholder */ \"./src/Placeholder/index.tsx\"));\nexports.Placeholder = _Placeholder.default;\nvar _Badge = _interopRequireDefault(__webpack_require__(/*! ./Badge */ \"./src/Badge/index.tsx\"));\nexports.Badge = _Badge.default;\nvar _Avatar = _interopRequireDefault(__webpack_require__(/*! ./Avatar */ \"./src/Avatar/index.tsx\"));\nexports.Avatar = _Avatar.default;\nvar _AvatarGroup = _interopRequireDefault(__webpack_require__(/*! ./AvatarGroup */ \"./src/AvatarGroup/index.tsx\"));\nexports.AvatarGroup = _AvatarGroup.default;\nvar _toaster = _interopRequireDefault(__webpack_require__(/*! ./toaster */ \"./src/toaster/index.tsx\"));\nexports.toaster = _toaster.default;\nvar _useToaster = _interopRequireDefault(__webpack_require__(/*! ./useToaster */ \"./src/useToaster/index.tsx\"));\nexports.useToaster = _useToaster.default;\nvar _Dropdown = _interopRequireDefault(__webpack_require__(/*! ./Dropdown */ \"./src/Dropdown/index.tsx\"));\nexports.Dropdown = _Dropdown.default;\nvar _Nav = _interopRequireDefault(__webpack_require__(/*! ./Nav */ \"./src/Nav/index.tsx\"));\nexports.Nav = _Nav.default;\nvar _Navbar = _interopRequireDefault(__webpack_require__(/*! ./Navbar */ \"./src/Navbar/index.tsx\"));\nexports.Navbar = _Navbar.default;\nvar _Sidenav = _interopRequireDefault(__webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/index.tsx\"));\nexports.Sidenav = _Sidenav.default;\nvar _Breadcrumb = _interopRequireDefault(__webpack_require__(/*! ./Breadcrumb */ \"./src/Breadcrumb/index.tsx\"));\nexports.Breadcrumb = _Breadcrumb.default;\nvar _Pagination = _interopRequireDefault(__webpack_require__(/*! ./Pagination */ \"./src/Pagination/index.tsx\"));\nexports.Pagination = _Pagination.default;\nvar _Steps = _interopRequireDefault(__webpack_require__(/*! ./Steps */ \"./src/Steps/index.tsx\"));\nexports.Steps = _Steps.default;\nvar _Toggle = _interopRequireDefault(__webpack_require__(/*! ./Toggle */ \"./src/Toggle/index.tsx\"));\nexports.Toggle = _Toggle.default;\nvar _Form = _interopRequireWildcard(__webpack_require__(/*! ./Form */ \"./src/Form/index.tsx\"));\nexports.Form = _Form.default;\nexports.useFormClassNames = _Form.useFormClassNames;\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ./Input */ \"./src/Input/index.tsx\"));\nexports.Input = _Input.default;\nvar _MaskedInput = _interopRequireDefault(__webpack_require__(/*! ./MaskedInput */ \"./src/MaskedInput/index.tsx\"));\nexports.MaskedInput = _MaskedInput.default;\nvar _InputNumber = _interopRequireDefault(__webpack_require__(/*! ./InputNumber */ \"./src/InputNumber/index.tsx\"));\nexports.InputNumber = _InputNumber.default;\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ./InputGroup */ \"./src/InputGroup/index.tsx\"));\nexports.InputGroup = _InputGroup.default;\nvar _Checkbox = _interopRequireDefault(__webpack_require__(/*! ./Checkbox */ \"./src/Checkbox/index.tsx\"));\nexports.Checkbox = _Checkbox.default;\nvar _CheckboxGroup = _interopRequireDefault(__webpack_require__(/*! ./CheckboxGroup */ \"./src/CheckboxGroup/index.tsx\"));\nexports.CheckboxGroup = _CheckboxGroup.default;\nvar _Radio = _interopRequireDefault(__webpack_require__(/*! ./Radio */ \"./src/Radio/index.tsx\"));\nexports.Radio = _Radio.default;\nvar _RadioGroup = _interopRequireDefault(__webpack_require__(/*! ./RadioGroup */ \"./src/RadioGroup/index.tsx\"));\nexports.RadioGroup = _RadioGroup.default;\nvar _RadioTile = _interopRequireDefault(__webpack_require__(/*! ./RadioTile */ \"./src/RadioTile/index.tsx\"));\nexports.RadioTile = _RadioTile.default;\nvar _RadioTileGroup = _interopRequireDefault(__webpack_require__(/*! ./RadioTileGroup */ \"./src/RadioTileGroup/index.tsx\"));\nexports.RadioTileGroup = _RadioTileGroup.default;\nvar _SelectPicker = _interopRequireDefault(__webpack_require__(/*! ./SelectPicker */ \"./src/SelectPicker/index.tsx\"));\nexports.SelectPicker = _SelectPicker.default;\nvar _CheckPicker = _interopRequireDefault(__webpack_require__(/*! ./CheckPicker */ \"./src/CheckPicker/index.tsx\"));\nexports.CheckPicker = _CheckPicker.default;\nvar _InputPicker = _interopRequireDefault(__webpack_require__(/*! ./InputPicker */ \"./src/InputPicker/index.tsx\"));\nexports.InputPicker = _InputPicker.default;\nvar _TagPicker = _interopRequireDefault(__webpack_require__(/*! ./TagPicker */ \"./src/TagPicker/index.tsx\"));\nexports.TagPicker = _TagPicker.default;\nvar _TagInput = _interopRequireDefault(__webpack_require__(/*! ./TagInput */ \"./src/TagInput/index.tsx\"));\nexports.TagInput = _TagInput.default;\nvar _TreePicker = _interopRequireDefault(__webpack_require__(/*! ./TreePicker */ \"./src/TreePicker/index.tsx\"));\nexports.TreePicker = _TreePicker.default;\nvar _CheckTreePicker = _interopRequireDefault(__webpack_require__(/*! ./CheckTreePicker */ \"./src/CheckTreePicker/index.tsx\"));\nexports.CheckTreePicker = _CheckTreePicker.default;\nvar _Cascader = _interopRequireDefault(__webpack_require__(/*! ./Cascader */ \"./src/Cascader/index.tsx\"));\nexports.Cascader = _Cascader.default;\nvar _MultiCascader = _interopRequireDefault(__webpack_require__(/*! ./MultiCascader */ \"./src/MultiCascader/index.tsx\"));\nexports.MultiCascader = _MultiCascader.default;\nvar _DateInput = _interopRequireDefault(__webpack_require__(/*! ./DateInput */ \"./src/DateInput/index.tsx\"));\nexports.DateInput = _DateInput.default;\nvar _DatePicker = _interopRequireDefault(__webpack_require__(/*! ./DatePicker */ \"./src/DatePicker/index.tsx\"));\nexports.DatePicker = _DatePicker.default;\nvar _DateRangeInput = _interopRequireDefault(__webpack_require__(/*! ./DateRangeInput */ \"./src/DateRangeInput/index.tsx\"));\nexports.DateRangeInput = _DateRangeInput.default;\nvar _DateRangePicker = _interopRequireDefault(__webpack_require__(/*! ./DateRangePicker */ \"./src/DateRangePicker/index.tsx\"));\nexports.DateRangePicker = _DateRangePicker.default;\nvar _AutoComplete = _interopRequireDefault(__webpack_require__(/*! ./AutoComplete */ \"./src/AutoComplete/index.tsx\"));\nexports.AutoComplete = _AutoComplete.default;\nvar _Uploader = _interopRequireDefault(__webpack_require__(/*! ./Uploader */ \"./src/Uploader/index.tsx\"));\nexports.Uploader = _Uploader.default;\nvar _Slider = _interopRequireDefault(__webpack_require__(/*! ./Slider */ \"./src/Slider/index.tsx\"));\nexports.Slider = _Slider.default;\nvar _RangeSlider = _interopRequireDefault(__webpack_require__(/*! ./RangeSlider */ \"./src/RangeSlider/index.tsx\"));\nexports.RangeSlider = _RangeSlider.default;\nvar _Rate = _interopRequireDefault(__webpack_require__(/*! ./Rate */ \"./src/Rate/index.tsx\"));\nexports.Rate = _Rate.default;\nvar _InlineEdit = _interopRequireDefault(__webpack_require__(/*! ./InlineEdit */ \"./src/InlineEdit/index.tsx\"));\nexports.InlineEdit = _InlineEdit.default;\nvar _Tree = _interopRequireDefault(__webpack_require__(/*! ./Tree */ \"./src/Tree/index.tsx\"));\nexports.Tree = _Tree.default;\nvar _CheckTree = _interopRequireDefault(__webpack_require__(/*! ./CheckTree */ \"./src/CheckTree/index.tsx\"));\nexports.CheckTree = _CheckTree.default;\nvar _CascadeTree = _interopRequireDefault(__webpack_require__(/*! ./CascadeTree */ \"./src/CascadeTree/index.tsx\"));\nexports.CascadeTree = _CascadeTree.default;\nvar _MultiCascadeTree = _interopRequireDefault(__webpack_require__(/*! ./MultiCascadeTree */ \"./src/MultiCascadeTree/index.tsx\"));\nexports.MultiCascadeTree = _MultiCascadeTree.default;\nvar _Panel = _interopRequireDefault(__webpack_require__(/*! ./Panel */ \"./src/Panel/index.tsx\"));\nexports.Panel = _Panel.default;\nvar _Accordion = _interopRequireDefault(__webpack_require__(/*! ./Accordion */ \"./src/Accordion/index.tsx\"));\nexports.Accordion = _Accordion.default;\nvar _PanelGroup = _interopRequireDefault(__webpack_require__(/*! ./PanelGroup */ \"./src/PanelGroup/index.tsx\"));\nexports.PanelGroup = _PanelGroup.default;\nvar _Tabs = _interopRequireDefault(__webpack_require__(/*! ./Tabs */ \"./src/Tabs/index.tsx\"));\nexports.Tabs = _Tabs.default;\nvar _Table = _interopRequireDefault(__webpack_require__(/*! ./Table */ \"./src/Table/index.tsx\"));\nexports.Table = _Table.default;\nvar _Progress = _interopRequireDefault(__webpack_require__(/*! ./Progress */ \"./src/Progress/index.tsx\"));\nexports.Progress = _Progress.default;\nvar _Timeline = _interopRequireDefault(__webpack_require__(/*! ./Timeline */ \"./src/Timeline/index.tsx\"));\nexports.Timeline = _Timeline.default;\nvar _Tag = _interopRequireDefault(__webpack_require__(/*! ./Tag */ \"./src/Tag/index.tsx\"));\nexports.Tag = _Tag.default;\nvar _TagGroup = _interopRequireDefault(__webpack_require__(/*! ./TagGroup */ \"./src/TagGroup/index.tsx\"));\nexports.TagGroup = _TagGroup.default;\nvar _List = _interopRequireDefault(__webpack_require__(/*! ./List */ \"./src/List/index.tsx\"));\nexports.List = _List.default;\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! ./Calendar */ \"./src/Calendar/index.tsx\"));\nexports.Calendar = _Calendar.default;\nvar _Carousel = _interopRequireDefault(__webpack_require__(/*! ./Carousel */ \"./src/Carousel/index.tsx\"));\nexports.Carousel = _Carousel.default;\nvar _Grid = _interopRequireDefault(__webpack_require__(/*! ./Grid */ \"./src/Grid/index.tsx\"));\nexports.Grid = _Grid.default;\nvar _Row = _interopRequireDefault(__webpack_require__(/*! ./Row */ \"./src/Row/index.tsx\"));\nexports.Row = _Row.default;\nvar _Col = _interopRequireDefault(__webpack_require__(/*! ./Col */ \"./src/Col/index.tsx\"));\nexports.Col = _Col.default;\nvar _FlexboxGrid = _interopRequireDefault(__webpack_require__(/*! ./FlexboxGrid */ \"./src/FlexboxGrid/index.tsx\"));\nexports.FlexboxGrid = _FlexboxGrid.default;\nvar _Container = _interopRequireDefault(__webpack_require__(/*! ./Container */ \"./src/Container/index.tsx\"));\nexports.Container = _Container.default;\nvar _Content = _interopRequireDefault(__webpack_require__(/*! ./Content */ \"./src/Content/index.tsx\"));\nexports.Content = _Content.default;\nvar _Header = _interopRequireDefault(__webpack_require__(/*! ./Header */ \"./src/Header/index.tsx\"));\nexports.Header = _Header.default;\nvar _Sidebar = _interopRequireDefault(__webpack_require__(/*! ./Sidebar */ \"./src/Sidebar/index.tsx\"));\nexports.Sidebar = _Sidebar.default;\nvar _Footer = _interopRequireDefault(__webpack_require__(/*! ./Footer */ \"./src/Footer/index.tsx\"));\nexports.Footer = _Footer.default;\nvar _Divider = _interopRequireDefault(__webpack_require__(/*! ./Divider */ \"./src/Divider/index.tsx\"));\nexports.Divider = _Divider.default;\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ./Stack */ \"./src/Stack/index.tsx\"));\nexports.Stack = _Stack.default;\nvar _Schema = _interopRequireDefault(__webpack_require__(/*! ./Schema */ \"./src/Schema/index.ts\"));\nexports.Schema = _Schema.default;\nvar _Animation = _interopRequireDefault(__webpack_require__(/*! ./Animation */ \"./src/Animation/index.tsx\"));\nexports.Animation = _Animation.default;\nvar _DOMHelper = _interopRequireDefault(__webpack_require__(/*! ./DOMHelper */ \"./src/DOMHelper/index.ts\"));\nexports.DOMHelper = _DOMHelper.default;\nvar _Affix = _interopRequireDefault(__webpack_require__(/*! ./Affix */ \"./src/Affix/index.tsx\"));\nexports.Affix = _Affix.default;\nvar _CustomProvider = _interopRequireDefault(__webpack_require__(/*! ./CustomProvider */ \"./src/CustomProvider/index.tsx\"));\nexports.CustomProvider = _CustomProvider.default;\nvar _useMediaQuery = _interopRequireDefault(__webpack_require__(/*! ./useMediaQuery */ \"./src/useMediaQuery/index.ts\"));\nexports.useMediaQuery = _useMediaQuery.default;\nvar _VisuallyHidden = _interopRequireDefault(__webpack_require__(/*! ./VisuallyHidden */ \"./src/VisuallyHidden/index.tsx\"));\nexports.VisuallyHidden = _VisuallyHidden.default;\n\n//# sourceURL=webpack://rsuite/./src/index.tsx?");
 
 /***/ }),
 
@@ -9684,7 +9871,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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.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 _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.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 _ToggleButton = _interopRequireDefault(__webpack_require__(/*! ./ToggleButton */ \"./src/internals/Picker/ToggleButton.tsx\"));\nvar _utils = __webpack_require__(/*! ../../utils */ \"./src/utils/index.ts\");\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/internals/Plaintext/index.tsx\"));\nvar _useToggleCaret = _interopRequireDefault(__webpack_require__(/*! ../../utils/useToggleCaret */ \"./src/utils/useToggleCaret.tsx\"));\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ../../Stack */ \"./src/Stack/index.tsx\"));\nvar _PickerIndicator = _interopRequireDefault(__webpack_require__(/*! ./PickerIndicator */ \"./src/internals/Picker/PickerIndicator.tsx\"));\nvar _PickerLabel = _interopRequireDefault(__webpack_require__(/*! ./PickerLabel */ \"./src/internals/Picker/PickerLabel.tsx\"));\nvar _useCombobox2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useCombobox */ \"./src/internals/Picker/hooks/useCombobox.ts\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/internals/Picker/PickerToggle.tsx\",\n  _this = void 0,\n  _templateObject;\nvar PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var active = props.active,\n    _props$as = props.as,\n    Component = _props$as === void 0 ? _ToggleButton.default : _props$as,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker-toggle' : _props$classPrefix,\n    children = props.children,\n    _props$caret = props.caret,\n    caret = _props$caret === void 0 ? true : _props$caret,\n    className = props.className,\n    disabled = props.disabled,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    hasValue = props.hasValue,\n    _props$loading = props.loading,\n    loading = _props$loading === void 0 ? false : _props$loading,\n    cleanable = props.cleanable,\n    _props$tabIndex = props.tabIndex,\n    tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,\n    inputValueProp = props.inputValue,\n    focusItemValue = props.focusItemValue,\n    onClean = props.onClean,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    caretComponent = props.caretComponent,\n    _props$caretAs = props.caretAs,\n    caretAs = _props$caretAs === void 0 ? caretComponent : _props$caretAs,\n    label = props.label,\n    name = props.name,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"active\", \"as\", \"classPrefix\", \"children\", \"caret\", \"className\", \"disabled\", \"readOnly\", \"plaintext\", \"hasValue\", \"loading\", \"cleanable\", \"tabIndex\", \"inputValue\", \"focusItemValue\", \"onClean\", \"placement\", \"caretComponent\", \"caretAs\", \"label\", \"name\"]);\n  var combobox = (0, _react.useRef)(null);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var _useCombobox = (0, _useCombobox2.default)(),\n    id = _useCombobox.id,\n    labelId = _useCombobox.labelId,\n    popupType = _useCombobox.popupType;\n  var inputValue = (0, _react.useMemo)(function () {\n    if (typeof inputValueProp === 'number' || typeof inputValueProp === 'string') {\n      return inputValueProp;\n    } else if (Array.isArray(inputValueProp)) {\n      return inputValueProp.join(',');\n    }\n    return '';\n  }, [inputValueProp]);\n  var classes = merge(className, withClassPrefix({\n    active: active\n  }));\n  var handleClean = (0, _utils.useEventCallback)(function (event) {\n    var _combobox$current;\n    event.stopPropagation();\n    onClean === null || onClean === void 0 ? void 0 : onClean(event);\n    (_combobox$current = combobox.current) === null || _combobox$current === void 0 ? void 0 : _combobox$current.focus();\n  });\n  var ToggleCaret = (0, _useToggleCaret.default)(placement);\n  var Caret = caretAs !== null && caretAs !== void 0 ? caretAs : ToggleCaret;\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      ref: ref,\n      localeKey: \"notSelected\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 99,\n        columnNumber: 9\n      }\n    }, hasValue ? children : null);\n  }\n  var showCleanButton = cleanable && hasValue && !readOnly;\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"combobox\",\n    id: id,\n    \"aria-haspopup\": popupType,\n    \"aria-expanded\": active,\n    \"aria-disabled\": disabled,\n    \"aria-controls\": id + \"-\" + popupType,\n    \"aria-labelledby\": labelId,\n    \"aria-describedby\": id + \"-describe\",\n    \"aria-activedescendant\": active && focusItemValue ? id + \"-opt-\" + focusItemValue : undefined\n  }, rest, {\n    ref: (0, _utils.mergeRefs)(combobox, ref),\n    disabled: disabled,\n    tabIndex: disabled ? undefined : tabIndex,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 108,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Stack.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 124,\n      columnNumber: 9\n    }\n  }, label && /*#__PURE__*/_react.default.createElement(_Stack.default.Item, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 126,\n      columnNumber: 13\n    }\n  }, /*#__PURE__*/_react.default.createElement(_PickerLabel.default, {\n    as: \"span\",\n    className: prefix('label'),\n    id: labelId,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 127,\n      columnNumber: 15\n    }\n  }, label)), /*#__PURE__*/_react.default.createElement(_Stack.default.Item, {\n    grow: 1,\n    style: {\n      overflow: 'hidden'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 132,\n      columnNumber: 11\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"input\", {\n    readOnly: true,\n    \"aria-hidden\": true,\n    tabIndex: -1,\n    \"data-testid\": \"picker-toggle-input\",\n    name: name,\n    value: inputValue,\n    className: prefix('textbox', 'read-only'),\n    style: {\n      pointerEvents: 'none'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 133,\n      columnNumber: 13\n    }\n  }), children ? /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(hasValue ? 'value' : 'placeholder'),\n    id: id + \"-describe\",\n    \"data-testid\": \"picker-describe\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 144,\n      columnNumber: 15\n    }\n  }, children) : null), /*#__PURE__*/_react.default.createElement(_Stack.default.Item, {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"indicator\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 153,\n      columnNumber: 11\n    }\n  }, /*#__PURE__*/_react.default.createElement(_PickerIndicator.default, {\n    as: _react.default.Fragment,\n    loading: loading,\n    caretAs: caret ? Caret : null,\n    onClose: handleClean,\n    showCleanButton: showCleanButton,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 154,\n      columnNumber: 13\n    }\n  }))));\n});\nPickerToggle.displayName = 'PickerToggle';\nvar _default = PickerToggle;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/internals/Picker/PickerToggle.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.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 _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.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 _ToggleButton = _interopRequireDefault(__webpack_require__(/*! ./ToggleButton */ \"./src/internals/Picker/ToggleButton.tsx\"));\nvar _utils = __webpack_require__(/*! ../../utils */ \"./src/utils/index.ts\");\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/internals/Plaintext/index.tsx\"));\nvar _useToggleCaret = _interopRequireDefault(__webpack_require__(/*! ../../utils/useToggleCaret */ \"./src/utils/useToggleCaret.tsx\"));\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ../../Stack */ \"./src/Stack/index.tsx\"));\nvar _PickerIndicator = _interopRequireDefault(__webpack_require__(/*! ./PickerIndicator */ \"./src/internals/Picker/PickerIndicator.tsx\"));\nvar _PickerLabel = _interopRequireDefault(__webpack_require__(/*! ./PickerLabel */ \"./src/internals/Picker/PickerLabel.tsx\"));\nvar _useCombobox2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useCombobox */ \"./src/internals/Picker/hooks/useCombobox.ts\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/internals/Picker/PickerToggle.tsx\",\n  _this = void 0,\n  _templateObject;\nvar PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var active = props.active,\n    _props$as = props.as,\n    Component = _props$as === void 0 ? _ToggleButton.default : _props$as,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker-toggle' : _props$classPrefix,\n    children = props.children,\n    _props$caret = props.caret,\n    caret = _props$caret === void 0 ? true : _props$caret,\n    className = props.className,\n    disabled = props.disabled,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    hasValue = props.hasValue,\n    _props$loading = props.loading,\n    loading = _props$loading === void 0 ? false : _props$loading,\n    cleanable = props.cleanable,\n    _props$tabIndex = props.tabIndex,\n    tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,\n    inputValueProp = props.inputValue,\n    focusItemValue = props.focusItemValue,\n    onClean = props.onClean,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    caretComponent = props.caretComponent,\n    _props$caretAs = props.caretAs,\n    caretAs = _props$caretAs === void 0 ? caretComponent : _props$caretAs,\n    label = props.label,\n    name = props.name,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"active\", \"as\", \"classPrefix\", \"children\", \"caret\", \"className\", \"disabled\", \"readOnly\", \"plaintext\", \"hasValue\", \"loading\", \"cleanable\", \"tabIndex\", \"inputValue\", \"focusItemValue\", \"onClean\", \"placement\", \"caretComponent\", \"caretAs\", \"label\", \"name\"]);\n  var combobox = (0, _react.useRef)(null);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var _useCombobox = (0, _useCombobox2.default)(),\n    id = _useCombobox.id,\n    labelId = _useCombobox.labelId,\n    popupType = _useCombobox.popupType;\n  var inputValue = (0, _react.useMemo)(function () {\n    if (typeof inputValueProp === 'number' || typeof inputValueProp === 'string') {\n      return inputValueProp;\n    } else if (Array.isArray(inputValueProp)) {\n      return inputValueProp.join(',');\n    }\n    return '';\n  }, [inputValueProp]);\n  var classes = merge(className, withClassPrefix({\n    active: active\n  }));\n  var handleClean = (0, _utils.useEventCallback)(function (event) {\n    var _combobox$current;\n    event.stopPropagation();\n    onClean === null || onClean === void 0 ? void 0 : onClean(event);\n    (_combobox$current = combobox.current) === null || _combobox$current === void 0 ? void 0 : _combobox$current.focus();\n  });\n  var ToggleCaret = (0, _useToggleCaret.default)(placement);\n  var Caret = caretAs !== null && caretAs !== void 0 ? caretAs : ToggleCaret;\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      ref: ref,\n      localeKey: \"notSelected\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 97,\n        columnNumber: 9\n      }\n    }, hasValue ? children : null);\n  }\n  var showCleanButton = cleanable && hasValue && !readOnly;\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"combobox\",\n    id: id,\n    \"aria-haspopup\": popupType,\n    \"aria-expanded\": active,\n    \"aria-disabled\": disabled,\n    \"aria-controls\": id + \"-\" + popupType,\n    \"aria-labelledby\": labelId,\n    \"aria-describedby\": id + \"-describe\",\n    \"aria-activedescendant\": active && focusItemValue ? id + \"-opt-\" + focusItemValue : undefined\n  }, rest, {\n    ref: (0, _utils.mergeRefs)(combobox, ref),\n    disabled: disabled,\n    tabIndex: disabled ? undefined : tabIndex,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 106,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Stack.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 122,\n      columnNumber: 9\n    }\n  }, label && /*#__PURE__*/_react.default.createElement(_Stack.default.Item, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 124,\n      columnNumber: 13\n    }\n  }, /*#__PURE__*/_react.default.createElement(_PickerLabel.default, {\n    as: \"span\",\n    className: prefix('label'),\n    id: labelId,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 125,\n      columnNumber: 15\n    }\n  }, label)), /*#__PURE__*/_react.default.createElement(_Stack.default.Item, {\n    grow: 1,\n    style: {\n      overflow: 'hidden'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 130,\n      columnNumber: 11\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"input\", {\n    readOnly: true,\n    \"aria-hidden\": true,\n    tabIndex: -1,\n    \"data-testid\": \"picker-toggle-input\",\n    name: name,\n    value: inputValue,\n    className: prefix('textbox', 'read-only'),\n    style: {\n      pointerEvents: 'none'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 131,\n      columnNumber: 13\n    }\n  }), children ? /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(hasValue ? 'value' : 'placeholder'),\n    id: id + \"-describe\",\n    \"data-testid\": \"picker-describe\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 142,\n      columnNumber: 15\n    }\n  }, children) : null), /*#__PURE__*/_react.default.createElement(_Stack.default.Item, {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"indicator\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 151,\n      columnNumber: 11\n    }\n  }, /*#__PURE__*/_react.default.createElement(_PickerIndicator.default, {\n    as: _react.default.Fragment,\n    loading: loading,\n    caretAs: caret ? Caret : null,\n    onClose: handleClean,\n    showCleanButton: showCleanButton,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 152,\n      columnNumber: 13\n    }\n  }))));\n});\nPickerToggle.displayName = 'PickerToggle';\nvar _default = PickerToggle;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/internals/Picker/PickerToggle.tsx?");
 
 /***/ }),
 
@@ -10003,7 +10190,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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = exports.toastPlacements = void 0;\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\nvar _Transition = _interopRequireDefault(__webpack_require__(/*! ../Animation/Transition */ \"./src/Animation/Transition.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _ToastContext = _interopRequireDefault(__webpack_require__(/*! ./ToastContext */ \"./src/toaster/ToastContext.ts\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/toaster/ToastContainer.tsx\",\n  _this = void 0;\nvar toastPlacements = ['topCenter', 'bottomCenter', 'topStart', 'topEnd', 'bottomStart', 'bottomEnd'];\nexports.toastPlacements = toastPlacements;\nvar useMessages = function useMessages() {\n  var _useState = (0, _react.useState)([]),\n    messages = _useState[0],\n    setMessages = _useState[1];\n  var getKey = (0, _react.useCallback)(function (key) {\n    if (typeof key === 'undefined' && messages.length) {\n      return messages[messages.length - 1].key;\n    }\n    return key;\n  }, [messages]);\n  var push = (0, _react.useCallback)(function (message, options) {\n    var key = (0, _utils.guid)();\n    setMessages(function (prevMessages) {\n      return [].concat(prevMessages, [(0, _extends2.default)({\n        key: key,\n        visible: true,\n        node: message\n      }, options)]);\n    });\n    return key;\n  }, []);\n  var clear = (0, _react.useCallback)(function () {\n    // Set all existing messages to be invisible.\n    setMessages(messages.map(function (msg) {\n      return (0, _extends2.default)({}, msg, {\n        visible: false\n      });\n    }));\n\n    // Remove all invisible messages after 400ms.\n    // The delay removal here is to preserve the animation.\n    setTimeout(function () {\n      setMessages([]);\n    }, 400);\n  }, [messages]);\n  var remove = (0, _react.useCallback)(function (key) {\n    // Set the message of the specified key to invisible.\n    setMessages(messages.map(function (n) {\n      if (n.key === getKey(key)) {\n        n.visible = false;\n      }\n      return n;\n    }));\n\n    // Remove invisible messages after 400ms.\n    setTimeout(function () {\n      setMessages(messages.filter(function (msg) {\n        return msg.visible;\n      }));\n    }, 400);\n  }, [messages, getKey]);\n  return {\n    messages: messages,\n    push: push,\n    clear: clear,\n    remove: remove\n  };\n};\nvar ToastContainer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var rootRef = (0, _react.useRef)();\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 ? 'toast-container' : _props$classPrefix,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'topCenter' : _props$placement,\n    callback = props.callback,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"placement\", \"callback\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    rootPrefix = _useClassNames.rootPrefix;\n  var classes = merge(className, withClassPrefix((0, _kebabCase.default)(placement)));\n  var _useMessages = useMessages(),\n    push = _useMessages.push,\n    clear = _useMessages.clear,\n    remove = _useMessages.remove,\n    messages = _useMessages.messages;\n  (0, _react.useImperativeHandle)(ref, function () {\n    return {\n      root: rootRef.current,\n      push: push,\n      clear: clear,\n      remove: remove\n    };\n  });\n  var elements = messages.map(function (item) {\n    return /*#__PURE__*/_react.default.createElement(_Transition.default, {\n      key: item.key,\n      in: item.visible,\n      exitedClassName: rootPrefix('toast-fade-exited'),\n      exitingClassName: rootPrefix('toast-fade-exiting'),\n      enteringClassName: rootPrefix('toast-fade-entering'),\n      enteredClassName: rootPrefix('toast-fade-entered'),\n      timeout: 300,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 146,\n        columnNumber: 9\n      }\n    }, function (transitionProps, ref) {\n      var _item$node, _item$node$props, _item$node2, _item$node2$props;\n      var transitionClassName = transitionProps.className,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, [\"className\"]);\n      return /*#__PURE__*/_react.default.cloneElement(item.node, (0, _extends2.default)({}, rest, {\n        ref: ref,\n        duration: item.duration,\n        // Remove the message after the specified time.\n        onClose: (0, _utils.createChainedFunction)((_item$node = item.node) === null || _item$node === void 0 ? void 0 : (_item$node$props = _item$node.props) === null || _item$node$props === void 0 ? void 0 : _item$node$props.onClose, function () {\n          return remove(item.key);\n        }),\n        className: merge(rootPrefix('toast'), (_item$node2 = item.node) === null || _item$node2 === void 0 ? void 0 : (_item$node2$props = _item$node2.props) === null || _item$node2$props === void 0 ? void 0 : _item$node2$props.className, transitionClassName)\n      }));\n    });\n  });\n  return /*#__PURE__*/_react.default.createElement(_ToastContext.default.Provider, {\n    value: {\n      usedToaster: true\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 175,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: function ref(selfRef) {\n      rootRef.current = selfRef;\n      callback === null || callback === void 0 ? void 0 : callback(selfRef);\n    },\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 176,\n      columnNumber: 9\n    }\n  }), elements));\n});\nToastContainer.getInstance = function (props) {\n  var container = props.container,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"container\"]);\n  var containerRef = /*#__PURE__*/_react.default.createRef();\n  var containerElement = (typeof container === 'function' ? container() : container) || document.body;\n  return new Promise(function (resolve) {\n    var renderCallback = function renderCallback() {\n      resolve([containerRef, unmount]);\n    };\n    var _render = (0, _utils.render)( /*#__PURE__*/_react.default.createElement(ToastContainer, (0, _extends2.default)({}, rest, {\n        ref: containerRef,\n        callback: renderCallback,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 204,\n          columnNumber: 7\n        }\n      })), containerElement),\n      unmount = _render.unmount;\n  });\n};\nToastContainer.displayName = 'ToastContainer';\nToastContainer.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  placement: _propTypes.default.elementType,\n  container: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),\n  callback: _propTypes.default.func\n};\nvar _default = ToastContainer;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/toaster/ToastContainer.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = exports.toastPlacements = void 0;\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\nvar _Transition = _interopRequireDefault(__webpack_require__(/*! ../Animation/Transition */ \"./src/Animation/Transition.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _ToastContext = _interopRequireDefault(__webpack_require__(/*! ./ToastContext */ \"./src/toaster/ToastContext.ts\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/toaster/ToastContainer.tsx\",\n  _this = void 0;\nvar toastPlacements = ['topCenter', 'bottomCenter', 'topStart', 'topEnd', 'bottomStart', 'bottomEnd'];\nexports.toastPlacements = toastPlacements;\nvar useMessages = function useMessages() {\n  var _useState = (0, _react.useState)([]),\n    messages = _useState[0],\n    setMessages = _useState[1];\n  var getKey = (0, _react.useCallback)(function (key) {\n    if (typeof key === 'undefined' && messages.length) {\n      return messages[messages.length - 1].key;\n    }\n    return key;\n  }, [messages]);\n  var push = (0, _react.useCallback)(function (message, options) {\n    var key = (0, _utils.guid)();\n    setMessages(function (prevMessages) {\n      return [].concat(prevMessages, [(0, _extends2.default)({\n        key: key,\n        visible: true,\n        node: message\n      }, options)]);\n    });\n    return key;\n  }, []);\n  var clear = (0, _react.useCallback)(function () {\n    // Set all existing messages to be invisible.\n    setMessages(messages.map(function (msg) {\n      return (0, _extends2.default)({}, msg, {\n        visible: false\n      });\n    }));\n\n    // Remove all invisible messages after 400ms.\n    // The delay removal here is to preserve the animation.\n    setTimeout(function () {\n      setMessages([]);\n    }, 400);\n  }, [messages]);\n  var remove = (0, _react.useCallback)(function (key) {\n    // Set the message of the specified key to invisible.\n    setMessages(messages.map(function (n) {\n      if (n.key === getKey(key)) {\n        n.visible = false;\n      }\n      return n;\n    }));\n\n    // Remove invisible messages after 400ms.\n    setTimeout(function () {\n      setMessages(messages.filter(function (msg) {\n        return msg.visible;\n      }));\n    }, 400);\n  }, [messages, getKey]);\n  return {\n    messages: messages,\n    push: push,\n    clear: clear,\n    remove: remove\n  };\n};\nvar ToastContainer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var rootRef = (0, _react.useRef)();\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 ? 'toast-container' : _props$classPrefix,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'topCenter' : _props$placement,\n    callback = props.callback,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"placement\", \"callback\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    rootPrefix = _useClassNames.rootPrefix;\n  var classes = merge(className, withClassPrefix((0, _kebabCase.default)(placement)));\n  var _useMessages = useMessages(),\n    push = _useMessages.push,\n    clear = _useMessages.clear,\n    remove = _useMessages.remove,\n    messages = _useMessages.messages;\n  (0, _react.useImperativeHandle)(ref, function () {\n    return {\n      root: rootRef.current,\n      push: push,\n      clear: clear,\n      remove: remove\n    };\n  });\n  var elements = messages.map(function (item) {\n    return /*#__PURE__*/_react.default.createElement(_Transition.default, {\n      key: item.key,\n      in: item.visible,\n      exitedClassName: rootPrefix('toast-fade-exited'),\n      exitingClassName: rootPrefix('toast-fade-exiting'),\n      enteringClassName: rootPrefix('toast-fade-entering'),\n      enteredClassName: rootPrefix('toast-fade-entered'),\n      timeout: 300,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 153,\n        columnNumber: 9\n      }\n    }, function (transitionProps, ref) {\n      var _item$node, _item$node$props, _item$node2, _item$node2$props;\n      var transitionClassName = transitionProps.className,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, [\"className\"]);\n      return /*#__PURE__*/_react.default.cloneElement(item.node, (0, _extends2.default)({}, rest, {\n        ref: ref,\n        duration: item.duration,\n        // Remove the message after the specified time.\n        onClose: (0, _utils.createChainedFunction)((_item$node = item.node) === null || _item$node === void 0 ? void 0 : (_item$node$props = _item$node.props) === null || _item$node$props === void 0 ? void 0 : _item$node$props.onClose, function () {\n          return remove(item.key);\n        }),\n        className: merge(rootPrefix('toast'), (_item$node2 = item.node) === null || _item$node2 === void 0 ? void 0 : (_item$node2$props = _item$node2.props) === null || _item$node2$props === void 0 ? void 0 : _item$node2$props.className, transitionClassName)\n      }));\n    });\n  });\n  return /*#__PURE__*/_react.default.createElement(_ToastContext.default.Provider, {\n    value: {\n      usedToaster: true\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 182,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: function ref(selfRef) {\n      rootRef.current = selfRef;\n      callback === null || callback === void 0 ? void 0 : callback(selfRef);\n    },\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 183,\n      columnNumber: 9\n    }\n  }), elements));\n});\nToastContainer.getInstance = function (props) {\n  var container = props.container,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"container\"]);\n  var containerRef = /*#__PURE__*/_react.default.createRef();\n  var containerElement = (typeof container === 'function' ? container() : container) || document.body;\n  return new Promise(function (resolve) {\n    var renderCallback = function renderCallback() {\n      resolve([containerRef, unmount]);\n    };\n    var _render = (0, _utils.render)( /*#__PURE__*/_react.default.createElement(ToastContainer, (0, _extends2.default)({}, rest, {\n        ref: containerRef,\n        callback: renderCallback,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 211,\n          columnNumber: 7\n        }\n      })), containerElement),\n      unmount = _render.unmount;\n  });\n};\nToastContainer.displayName = 'ToastContainer';\nToastContainer.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  placement: _propTypes.default.elementType,\n  container: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),\n  callback: _propTypes.default.func\n};\nvar _default = ToastContainer;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/toaster/ToastContainer.tsx?");
 
 /***/ }),
 
@@ -10025,7 +10212,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\"] = exports.useToaster = void 0;\nvar _toaster = _interopRequireDefault(__webpack_require__(/*! ./toaster */ \"./src/toaster/toaster.tsx\"));\nvar _useToaster = _interopRequireDefault(__webpack_require__(/*! ./useToaster */ \"./src/toaster/useToaster.ts\"));\nexports.useToaster = _useToaster.default;\nvar _default = _toaster.default;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/toaster/index.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 _toaster = _interopRequireDefault(__webpack_require__(/*! ./toaster */ \"./src/toaster/toaster.tsx\"));\nvar _default = _toaster.default;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/toaster/index.tsx?");
 
 /***/ }),
 
@@ -10040,17 +10227,6 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
-/***/ "./src/toaster/useToaster.ts":
-/*!***********************************!*\
-  !*** ./src/toaster/useToaster.ts ***!
-  \***********************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _toaster = _interopRequireDefault(__webpack_require__(/*! ./toaster */ \"./src/toaster/toaster.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n/**\n * The 'useToaster' hook is a wrapper for the 'toaster' module.\n * @returns toaster { push, remove, clear }\n *\n * @see https://rsuitejs.com/components/message/\n * @see https://rsuitejs.com/components/notification/\n */\nvar useToaster = function useToaster() {\n  var _useCustom = (0, _utils.useCustom)(),\n    toasters = _useCustom.toasters;\n  return (0, _react.useMemo)(function () {\n    return {\n      /**\n       * Push a toast message.\n       * @param message The message to be displayed.\n       *                eg: `<Message type=\"success\" description=\"Success\" />` or `<Notification type=\"success\" closable>Success</Notification>`\n       * @param options The options of the toast message. (optional)\n       *                eg: `{ placement: 'topCenter', duration: 5000 }`\n       * @returns The key of the toast message.\n       */\n      push: function push(message, options) {\n        var _toasters$current;\n        var customToaster = toasters === null || toasters === void 0 ? void 0 : (_toasters$current = toasters.current) === null || _toasters$current === void 0 ? void 0 : _toasters$current.get((options === null || options === void 0 ? void 0 : options.placement) || 'topCenter');\n        return customToaster ? customToaster.push(message, options) : _toaster.default.push(message, options);\n      },\n      /**\n       * Remove a toast message.\n       * @param key  The key of the toast message.\n       */\n      remove: function remove(key) {\n        toasters ? Array.from(toasters.current).forEach(function (_ref) {\n          var c = _ref[1];\n          return c === null || c === void 0 ? void 0 : c.remove(key);\n        }) : _toaster.default.remove(key);\n      },\n      /**\n       * Clear all toast messages.\n       */\n      clear: function clear() {\n        toasters ? Array.from(toasters.current).forEach(function (_ref2) {\n          var c = _ref2[1];\n          return c === null || c === void 0 ? void 0 : c.clear();\n        }) : _toaster.default.clear();\n      }\n    };\n  }, [toasters]);\n};\nvar _default = useToaster;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/toaster/useToaster.ts?");
-
-/***/ }),
-
 /***/ "./src/useMediaQuery/index.ts":
 /*!************************************!*\
   !*** ./src/useMediaQuery/index.ts ***!
@@ -10073,6 +10249,28 @@ eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/h
 
 /***/ }),
 
+/***/ "./src/useToaster/index.tsx":
+/*!**********************************!*\
+  !*** ./src/useToaster/index.tsx ***!
+  \**********************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _useToaster = _interopRequireDefault(__webpack_require__(/*! ./useToaster */ \"./src/useToaster/useToaster.ts\"));\nvar _default = _useToaster.default;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/useToaster/index.tsx?");
+
+/***/ }),
+
+/***/ "./src/useToaster/useToaster.ts":
+/*!**************************************!*\
+  !*** ./src/useToaster/useToaster.ts ***!
+  \**************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _toaster = _interopRequireDefault(__webpack_require__(/*! ../toaster */ \"./src/toaster/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n/**\n * Toaster display brief, temporary notifications of actions, errors, or other events in an application.\n * It is often used with the Message and Notification components.\n * @returns toaster { push, remove, clear }\n *\n * @see https://rsuitejs.com/components/use-toaster/\n */\nvar useToaster = function useToaster() {\n  var _useCustom = (0, _utils.useCustom)(),\n    toasters = _useCustom.toasters;\n  return (0, _react.useMemo)(function () {\n    return {\n      /**\n       * Push a toast message.\n       * @param message The message to be displayed.\n       *                eg: `<Message type=\"success\" description=\"Success\" />` or `<Notification type=\"success\" closable>Success</Notification>`\n       * @param options The options of the toast message. (optional)\n       *                eg: `{ placement: 'topCenter', duration: 5000 }`\n       * @returns The key of the toast message.\n       */\n      push: function push(message, options) {\n        var _toasters$current;\n        var customToaster = toasters === null || toasters === void 0 ? void 0 : (_toasters$current = toasters.current) === null || _toasters$current === void 0 ? void 0 : _toasters$current.get((options === null || options === void 0 ? void 0 : options.placement) || 'topCenter');\n        return customToaster ? customToaster.push(message, options) : _toaster.default.push(message, options);\n      },\n      /**\n       * Remove a toast message.\n       * @param key  The key of the toast message.\n       */\n      remove: function remove(key) {\n        toasters ? Array.from(toasters.current).forEach(function (_ref) {\n          var c = _ref[1];\n          return c === null || c === void 0 ? void 0 : c.remove(key);\n        }) : _toaster.default.remove(key);\n      },\n      /**\n       * Clear all toast messages.\n       */\n      clear: function clear() {\n        toasters ? Array.from(toasters.current).forEach(function (_ref2) {\n          var c = _ref2[1];\n          return c === null || c === void 0 ? void 0 : c.clear();\n        }) : _toaster.default.clear();\n      }\n    };\n  }, [toasters]);\n};\nvar _default = useToaster;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/useToaster/useToaster.ts?");
+
+/***/ }),
+
 /***/ "./src/utils/BrowserDetection.ts":
 /*!***************************************!*\
   !*** ./src/utils/BrowserDetection.ts ***!
@@ -10300,7 +10498,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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nvar _exportNames = {\n  guid: true,\n  prefix: true,\n  createChainedFunction: true,\n  isOneOf: true,\n  ReactChildren: true,\n  tplTransform: true,\n  ajaxUpload: true,\n  previewFile: true,\n  clone: true,\n  placementPolyfill: true,\n  getDOMNode: true,\n  mergeRefs: true,\n  shallowEqual: true,\n  shallowEqualArray: true,\n  composeFunctions: true,\n  reactToString: true,\n  scrollTopAnimation: true,\n  appendTooltip: true,\n  render: true,\n  safeSetSelection: true,\n  getStringLength: true,\n  useClassNames: true,\n  useEventListener: true,\n  useElementResize: true,\n  useCustom: true,\n  usePortal: true,\n  createComponent: true,\n  useTimeout: true,\n  useControlled: true,\n  useRootClose: true,\n  getSafeRegExpString: true,\n  stringToObject: true,\n  useEventCallback: true,\n  useUpdatedRef: true,\n  useWillUnmount: true,\n  useUpdateEffect: true,\n  useIsMounted: true,\n  useMount: true,\n  useUniqueId: true,\n  useIsomorphicLayoutEffect: true,\n  useInternalId: true,\n  useEnsuredRef: true,\n  defaultClassPrefix: true,\n  getClassNamePrefix: true,\n  globalKey: true,\n  DateUtils: true\n};\nexports.DateUtils = exports.globalKey = exports.getClassNamePrefix = exports.defaultClassPrefix = exports.useEnsuredRef = exports.useInternalId = exports.useIsomorphicLayoutEffect = exports.useUniqueId = exports.useMount = exports.useIsMounted = exports.useUpdateEffect = exports.useWillUnmount = exports.useUpdatedRef = exports.useEventCallback = exports.stringToObject = exports.getSafeRegExpString = exports.useRootClose = exports.useControlled = exports.useTimeout = exports.createComponent = exports.usePortal = exports.useCustom = exports.useElementResize = exports.useEventListener = exports.useClassNames = exports.getStringLength = exports.safeSetSelection = exports.render = exports.appendTooltip = exports.scrollTopAnimation = exports.reactToString = exports.composeFunctions = exports.shallowEqualArray = exports.shallowEqual = exports.mergeRefs = exports.getDOMNode = exports.placementPolyfill = exports.clone = exports.previewFile = exports.ajaxUpload = exports.tplTransform = exports.ReactChildren = exports.isOneOf = exports.createChainedFunction = exports.prefix = exports.guid = void 0;\nvar _BrowserDetection = __webpack_require__(/*! ./BrowserDetection */ \"./src/utils/BrowserDetection.ts\");\nObject.keys(_BrowserDetection).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  if (key in exports && exports[key] === _BrowserDetection[key]) return;\n  exports[key] = _BrowserDetection[key];\n});\nvar _htmlPropsUtils = __webpack_require__(/*! ./htmlPropsUtils */ \"./src/utils/htmlPropsUtils.ts\");\nObject.keys(_htmlPropsUtils).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  if (key in exports && exports[key] === _htmlPropsUtils[key]) return;\n  exports[key] = _htmlPropsUtils[key];\n});\nvar _constants = __webpack_require__(/*! ./constants */ \"./src/utils/constants.ts\");\nObject.keys(_constants).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  if (key in exports && exports[key] === _constants[key]) return;\n  exports[key] = _constants[key];\n});\nvar _DateUtils = _interopRequireWildcard(__webpack_require__(/*! ./dateUtils */ \"./src/utils/dateUtils.ts\"));\nexports.DateUtils = _DateUtils;\nvar _statusIcons = __webpack_require__(/*! ./statusIcons */ \"./src/utils/statusIcons.tsx\");\nObject.keys(_statusIcons).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  if (key in exports && exports[key] === _statusIcons[key]) return;\n  exports[key] = _statusIcons[key];\n});\nvar _guid = _interopRequireDefault(__webpack_require__(/*! ./guid */ \"./src/utils/guid.ts\"));\nexports.guid = _guid.default;\nvar _prefix = _interopRequireWildcard(__webpack_require__(/*! ./prefix */ \"./src/utils/prefix.ts\"));\nexports.prefix = _prefix.default;\nexports.defaultClassPrefix = _prefix.defaultClassPrefix;\nexports.getClassNamePrefix = _prefix.getClassNamePrefix;\nexports.globalKey = _prefix.globalKey;\nvar _createChainedFunction = _interopRequireDefault(__webpack_require__(/*! ./createChainedFunction */ \"./src/utils/createChainedFunction.ts\"));\nexports.createChainedFunction = _createChainedFunction.default;\nvar _isOneOf = _interopRequireDefault(__webpack_require__(/*! ./isOneOf */ \"./src/utils/isOneOf.ts\"));\nexports.isOneOf = _isOneOf.default;\nvar _ReactChildren = _interopRequireDefault(__webpack_require__(/*! ./ReactChildren */ \"./src/utils/ReactChildren.tsx\"));\nexports.ReactChildren = _ReactChildren.default;\nvar _tplTransform = _interopRequireDefault(__webpack_require__(/*! ./tplTransform */ \"./src/utils/tplTransform.tsx\"));\nexports.tplTransform = _tplTransform.default;\nvar _ajaxUpload = _interopRequireDefault(__webpack_require__(/*! ./ajaxUpload */ \"./src/utils/ajaxUpload.ts\"));\nexports.ajaxUpload = _ajaxUpload.default;\nvar _previewFile = _interopRequireDefault(__webpack_require__(/*! ./previewFile */ \"./src/utils/previewFile.ts\"));\nexports.previewFile = _previewFile.default;\nvar _clone = _interopRequireDefault(__webpack_require__(/*! ./clone */ \"./src/utils/clone.ts\"));\nexports.clone = _clone.default;\nvar _placementPolyfill = _interopRequireDefault(__webpack_require__(/*! ./placementPolyfill */ \"./src/utils/placementPolyfill.ts\"));\nexports.placementPolyfill = _placementPolyfill.default;\nvar _getDOMNode = _interopRequireDefault(__webpack_require__(/*! ./getDOMNode */ \"./src/utils/getDOMNode.ts\"));\nexports.getDOMNode = _getDOMNode.default;\nvar _mergeRefs = _interopRequireDefault(__webpack_require__(/*! ./mergeRefs */ \"./src/utils/mergeRefs.ts\"));\nexports.mergeRefs = _mergeRefs.default;\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ./shallowEqual */ \"./src/utils/shallowEqual.ts\"));\nexports.shallowEqual = _shallowEqual.default;\nvar _shallowEqualArray = _interopRequireDefault(__webpack_require__(/*! ./shallowEqualArray */ \"./src/utils/shallowEqualArray.ts\"));\nexports.shallowEqualArray = _shallowEqualArray.default;\nvar _composeFunctions = _interopRequireDefault(__webpack_require__(/*! ./composeFunctions */ \"./src/utils/composeFunctions.ts\"));\nexports.composeFunctions = _composeFunctions.default;\nvar _reactToString = _interopRequireDefault(__webpack_require__(/*! ./reactToString */ \"./src/utils/reactToString.ts\"));\nexports.reactToString = _reactToString.default;\nvar _scrollTopAnimation = _interopRequireDefault(__webpack_require__(/*! ./scrollTopAnimation */ \"./src/utils/scrollTopAnimation.ts\"));\nexports.scrollTopAnimation = _scrollTopAnimation.default;\nvar _appendTooltip = _interopRequireDefault(__webpack_require__(/*! ./appendTooltip */ \"./src/utils/appendTooltip.tsx\"));\nexports.appendTooltip = _appendTooltip.default;\nvar _render = _interopRequireDefault(__webpack_require__(/*! ./render */ \"./src/utils/render.ts\"));\nexports.render = _render.default;\nvar _safeSetSelection = _interopRequireDefault(__webpack_require__(/*! ./safeSetSelection */ \"./src/utils/safeSetSelection.ts\"));\nexports.safeSetSelection = _safeSetSelection.default;\nvar _getStringLength = _interopRequireDefault(__webpack_require__(/*! ./getStringLength */ \"./src/utils/getStringLength.ts\"));\nexports.getStringLength = _getStringLength.default;\nvar _useClassNames = _interopRequireDefault(__webpack_require__(/*! ./useClassNames */ \"./src/utils/useClassNames.ts\"));\nexports.useClassNames = _useClassNames.default;\nvar _useEventListener = _interopRequireDefault(__webpack_require__(/*! ./useEventListener */ \"./src/utils/useEventListener.ts\"));\nexports.useEventListener = _useEventListener.default;\nvar _useElementResize = _interopRequireDefault(__webpack_require__(/*! ./useElementResize */ \"./src/utils/useElementResize.ts\"));\nexports.useElementResize = _useElementResize.default;\nvar _useCustom = _interopRequireDefault(__webpack_require__(/*! ./useCustom */ \"./src/utils/useCustom.ts\"));\nexports.useCustom = _useCustom.default;\nvar _usePortal = _interopRequireDefault(__webpack_require__(/*! ./usePortal */ \"./src/utils/usePortal.tsx\"));\nexports.usePortal = _usePortal.default;\nvar _createComponent = _interopRequireDefault(__webpack_require__(/*! ./createComponent */ \"./src/utils/createComponent.tsx\"));\nexports.createComponent = _createComponent.default;\nvar _useTimeout = _interopRequireDefault(__webpack_require__(/*! ./useTimeout */ \"./src/utils/useTimeout.ts\"));\nexports.useTimeout = _useTimeout.default;\nvar _useControlled = _interopRequireDefault(__webpack_require__(/*! ./useControlled */ \"./src/utils/useControlled.ts\"));\nexports.useControlled = _useControlled.default;\nvar _useRootClose = _interopRequireDefault(__webpack_require__(/*! ./useRootClose */ \"./src/utils/useRootClose.ts\"));\nexports.useRootClose = _useRootClose.default;\nvar _getSafeRegExpString = _interopRequireDefault(__webpack_require__(/*! ./getSafeRegExpString */ \"./src/utils/getSafeRegExpString.ts\"));\nexports.getSafeRegExpString = _getSafeRegExpString.default;\nvar _stringToObject = _interopRequireDefault(__webpack_require__(/*! ./stringToObject */ \"./src/utils/stringToObject.ts\"));\nexports.stringToObject = _stringToObject.default;\nvar _useEventCallback = _interopRequireDefault(__webpack_require__(/*! ./useEventCallback */ \"./src/utils/useEventCallback.ts\"));\nexports.useEventCallback = _useEventCallback.default;\nvar _useUpdatedRef = _interopRequireDefault(__webpack_require__(/*! ./useUpdatedRef */ \"./src/utils/useUpdatedRef.ts\"));\nexports.useUpdatedRef = _useUpdatedRef.default;\nvar _useWillUnmount = _interopRequireDefault(__webpack_require__(/*! ./useWillUnmount */ \"./src/utils/useWillUnmount.ts\"));\nexports.useWillUnmount = _useWillUnmount.default;\nvar _useUpdateEffect = _interopRequireDefault(__webpack_require__(/*! ./useUpdateEffect */ \"./src/utils/useUpdateEffect.ts\"));\nexports.useUpdateEffect = _useUpdateEffect.default;\nvar _useIsMounted = _interopRequireDefault(__webpack_require__(/*! ./useIsMounted */ \"./src/utils/useIsMounted.ts\"));\nexports.useIsMounted = _useIsMounted.default;\nvar _useMount = _interopRequireDefault(__webpack_require__(/*! ./useMount */ \"./src/utils/useMount.ts\"));\nexports.useMount = _useMount.default;\nvar _useUniqueId = _interopRequireDefault(__webpack_require__(/*! ./useUniqueId */ \"./src/utils/useUniqueId.ts\"));\nexports.useUniqueId = _useUniqueId.default;\nvar _useIsomorphicLayoutEffect = _interopRequireDefault(__webpack_require__(/*! ./useIsomorphicLayoutEffect */ \"./src/utils/useIsomorphicLayoutEffect.ts\"));\nexports.useIsomorphicLayoutEffect = _useIsomorphicLayoutEffect.default;\nvar _useInternalId = _interopRequireDefault(__webpack_require__(/*! ./useInternalId */ \"./src/utils/useInternalId.ts\"));\nexports.useInternalId = _useInternalId.default;\nvar _useEnsuredRef = _interopRequireDefault(__webpack_require__(/*! ./useEnsuredRef */ \"./src/utils/useEnsuredRef.ts\"));\nexports.useEnsuredRef = _useEnsuredRef.default;\n\n//# sourceURL=webpack://rsuite/./src/utils/index.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nvar _exportNames = {\n  guid: true,\n  prefix: true,\n  createChainedFunction: true,\n  isOneOf: true,\n  ReactChildren: true,\n  tplTransform: true,\n  ajaxUpload: true,\n  previewFile: true,\n  clone: true,\n  placementPolyfill: true,\n  getDOMNode: true,\n  mergeRefs: true,\n  shallowEqual: true,\n  shallowEqualArray: true,\n  composeFunctions: true,\n  reactToString: true,\n  scrollTopAnimation: true,\n  appendTooltip: true,\n  render: true,\n  safeSetSelection: true,\n  getStringLength: true,\n  useClassNames: true,\n  useEventListener: true,\n  useElementResize: true,\n  useCustom: true,\n  usePortal: true,\n  createComponent: true,\n  useTimeout: true,\n  useControlled: true,\n  useRootClose: true,\n  getSafeRegExpString: true,\n  stringToObject: true,\n  useEventCallback: true,\n  useUpdatedRef: true,\n  useWillUnmount: true,\n  useUpdateEffect: true,\n  useIsMounted: true,\n  useMount: true,\n  useUniqueId: true,\n  useIsomorphicLayoutEffect: true,\n  useInternalId: true,\n  useEnsuredRef: true,\n  defaultClassPrefix: true,\n  getClassNamePrefix: true,\n  globalKey: true,\n  useMap: true,\n  DateUtils: true\n};\nexports.DateUtils = exports.useMap = exports.globalKey = exports.getClassNamePrefix = exports.defaultClassPrefix = exports.useEnsuredRef = exports.useInternalId = exports.useIsomorphicLayoutEffect = exports.useUniqueId = exports.useMount = exports.useIsMounted = exports.useUpdateEffect = exports.useWillUnmount = exports.useUpdatedRef = exports.useEventCallback = exports.stringToObject = exports.getSafeRegExpString = exports.useRootClose = exports.useControlled = exports.useTimeout = exports.createComponent = exports.usePortal = exports.useCustom = exports.useElementResize = exports.useEventListener = exports.useClassNames = exports.getStringLength = exports.safeSetSelection = exports.render = exports.appendTooltip = exports.scrollTopAnimation = exports.reactToString = exports.composeFunctions = exports.shallowEqualArray = exports.shallowEqual = exports.mergeRefs = exports.getDOMNode = exports.placementPolyfill = exports.clone = exports.previewFile = exports.ajaxUpload = exports.tplTransform = exports.ReactChildren = exports.isOneOf = exports.createChainedFunction = exports.prefix = exports.guid = void 0;\nvar _BrowserDetection = __webpack_require__(/*! ./BrowserDetection */ \"./src/utils/BrowserDetection.ts\");\nObject.keys(_BrowserDetection).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  if (key in exports && exports[key] === _BrowserDetection[key]) return;\n  exports[key] = _BrowserDetection[key];\n});\nvar _htmlPropsUtils = __webpack_require__(/*! ./htmlPropsUtils */ \"./src/utils/htmlPropsUtils.ts\");\nObject.keys(_htmlPropsUtils).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  if (key in exports && exports[key] === _htmlPropsUtils[key]) return;\n  exports[key] = _htmlPropsUtils[key];\n});\nvar _constants = __webpack_require__(/*! ./constants */ \"./src/utils/constants.ts\");\nObject.keys(_constants).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  if (key in exports && exports[key] === _constants[key]) return;\n  exports[key] = _constants[key];\n});\nvar _DateUtils = _interopRequireWildcard(__webpack_require__(/*! ./dateUtils */ \"./src/utils/dateUtils.ts\"));\nexports.DateUtils = _DateUtils;\nvar _statusIcons = __webpack_require__(/*! ./statusIcons */ \"./src/utils/statusIcons.tsx\");\nObject.keys(_statusIcons).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  if (key in exports && exports[key] === _statusIcons[key]) return;\n  exports[key] = _statusIcons[key];\n});\nvar _guid = _interopRequireDefault(__webpack_require__(/*! ./guid */ \"./src/utils/guid.ts\"));\nexports.guid = _guid.default;\nvar _prefix = _interopRequireWildcard(__webpack_require__(/*! ./prefix */ \"./src/utils/prefix.ts\"));\nexports.prefix = _prefix.default;\nexports.defaultClassPrefix = _prefix.defaultClassPrefix;\nexports.getClassNamePrefix = _prefix.getClassNamePrefix;\nexports.globalKey = _prefix.globalKey;\nvar _createChainedFunction = _interopRequireDefault(__webpack_require__(/*! ./createChainedFunction */ \"./src/utils/createChainedFunction.ts\"));\nexports.createChainedFunction = _createChainedFunction.default;\nvar _isOneOf = _interopRequireDefault(__webpack_require__(/*! ./isOneOf */ \"./src/utils/isOneOf.ts\"));\nexports.isOneOf = _isOneOf.default;\nvar _ReactChildren = _interopRequireDefault(__webpack_require__(/*! ./ReactChildren */ \"./src/utils/ReactChildren.tsx\"));\nexports.ReactChildren = _ReactChildren.default;\nvar _tplTransform = _interopRequireDefault(__webpack_require__(/*! ./tplTransform */ \"./src/utils/tplTransform.tsx\"));\nexports.tplTransform = _tplTransform.default;\nvar _ajaxUpload = _interopRequireDefault(__webpack_require__(/*! ./ajaxUpload */ \"./src/utils/ajaxUpload.ts\"));\nexports.ajaxUpload = _ajaxUpload.default;\nvar _previewFile = _interopRequireDefault(__webpack_require__(/*! ./previewFile */ \"./src/utils/previewFile.ts\"));\nexports.previewFile = _previewFile.default;\nvar _clone = _interopRequireDefault(__webpack_require__(/*! ./clone */ \"./src/utils/clone.ts\"));\nexports.clone = _clone.default;\nvar _placementPolyfill = _interopRequireDefault(__webpack_require__(/*! ./placementPolyfill */ \"./src/utils/placementPolyfill.ts\"));\nexports.placementPolyfill = _placementPolyfill.default;\nvar _getDOMNode = _interopRequireDefault(__webpack_require__(/*! ./getDOMNode */ \"./src/utils/getDOMNode.ts\"));\nexports.getDOMNode = _getDOMNode.default;\nvar _mergeRefs = _interopRequireDefault(__webpack_require__(/*! ./mergeRefs */ \"./src/utils/mergeRefs.ts\"));\nexports.mergeRefs = _mergeRefs.default;\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ./shallowEqual */ \"./src/utils/shallowEqual.ts\"));\nexports.shallowEqual = _shallowEqual.default;\nvar _shallowEqualArray = _interopRequireDefault(__webpack_require__(/*! ./shallowEqualArray */ \"./src/utils/shallowEqualArray.ts\"));\nexports.shallowEqualArray = _shallowEqualArray.default;\nvar _composeFunctions = _interopRequireDefault(__webpack_require__(/*! ./composeFunctions */ \"./src/utils/composeFunctions.ts\"));\nexports.composeFunctions = _composeFunctions.default;\nvar _reactToString = _interopRequireDefault(__webpack_require__(/*! ./reactToString */ \"./src/utils/reactToString.ts\"));\nexports.reactToString = _reactToString.default;\nvar _scrollTopAnimation = _interopRequireDefault(__webpack_require__(/*! ./scrollTopAnimation */ \"./src/utils/scrollTopAnimation.ts\"));\nexports.scrollTopAnimation = _scrollTopAnimation.default;\nvar _appendTooltip = _interopRequireDefault(__webpack_require__(/*! ./appendTooltip */ \"./src/utils/appendTooltip.tsx\"));\nexports.appendTooltip = _appendTooltip.default;\nvar _render = _interopRequireDefault(__webpack_require__(/*! ./render */ \"./src/utils/render.ts\"));\nexports.render = _render.default;\nvar _safeSetSelection = _interopRequireDefault(__webpack_require__(/*! ./safeSetSelection */ \"./src/utils/safeSetSelection.ts\"));\nexports.safeSetSelection = _safeSetSelection.default;\nvar _getStringLength = _interopRequireDefault(__webpack_require__(/*! ./getStringLength */ \"./src/utils/getStringLength.ts\"));\nexports.getStringLength = _getStringLength.default;\nvar _useClassNames = _interopRequireDefault(__webpack_require__(/*! ./useClassNames */ \"./src/utils/useClassNames.ts\"));\nexports.useClassNames = _useClassNames.default;\nvar _useEventListener = _interopRequireDefault(__webpack_require__(/*! ./useEventListener */ \"./src/utils/useEventListener.ts\"));\nexports.useEventListener = _useEventListener.default;\nvar _useElementResize = _interopRequireDefault(__webpack_require__(/*! ./useElementResize */ \"./src/utils/useElementResize.ts\"));\nexports.useElementResize = _useElementResize.default;\nvar _useCustom = _interopRequireDefault(__webpack_require__(/*! ./useCustom */ \"./src/utils/useCustom.ts\"));\nexports.useCustom = _useCustom.default;\nvar _usePortal = _interopRequireDefault(__webpack_require__(/*! ./usePortal */ \"./src/utils/usePortal.tsx\"));\nexports.usePortal = _usePortal.default;\nvar _createComponent = _interopRequireDefault(__webpack_require__(/*! ./createComponent */ \"./src/utils/createComponent.tsx\"));\nexports.createComponent = _createComponent.default;\nvar _useTimeout = _interopRequireDefault(__webpack_require__(/*! ./useTimeout */ \"./src/utils/useTimeout.ts\"));\nexports.useTimeout = _useTimeout.default;\nvar _useControlled = _interopRequireDefault(__webpack_require__(/*! ./useControlled */ \"./src/utils/useControlled.ts\"));\nexports.useControlled = _useControlled.default;\nvar _useRootClose = _interopRequireDefault(__webpack_require__(/*! ./useRootClose */ \"./src/utils/useRootClose.ts\"));\nexports.useRootClose = _useRootClose.default;\nvar _getSafeRegExpString = _interopRequireDefault(__webpack_require__(/*! ./getSafeRegExpString */ \"./src/utils/getSafeRegExpString.ts\"));\nexports.getSafeRegExpString = _getSafeRegExpString.default;\nvar _stringToObject = _interopRequireDefault(__webpack_require__(/*! ./stringToObject */ \"./src/utils/stringToObject.ts\"));\nexports.stringToObject = _stringToObject.default;\nvar _useEventCallback = _interopRequireDefault(__webpack_require__(/*! ./useEventCallback */ \"./src/utils/useEventCallback.ts\"));\nexports.useEventCallback = _useEventCallback.default;\nvar _useUpdatedRef = _interopRequireDefault(__webpack_require__(/*! ./useUpdatedRef */ \"./src/utils/useUpdatedRef.ts\"));\nexports.useUpdatedRef = _useUpdatedRef.default;\nvar _useWillUnmount = _interopRequireDefault(__webpack_require__(/*! ./useWillUnmount */ \"./src/utils/useWillUnmount.ts\"));\nexports.useWillUnmount = _useWillUnmount.default;\nvar _useUpdateEffect = _interopRequireDefault(__webpack_require__(/*! ./useUpdateEffect */ \"./src/utils/useUpdateEffect.ts\"));\nexports.useUpdateEffect = _useUpdateEffect.default;\nvar _useIsMounted = _interopRequireDefault(__webpack_require__(/*! ./useIsMounted */ \"./src/utils/useIsMounted.ts\"));\nexports.useIsMounted = _useIsMounted.default;\nvar _useMount = _interopRequireDefault(__webpack_require__(/*! ./useMount */ \"./src/utils/useMount.ts\"));\nexports.useMount = _useMount.default;\nvar _useUniqueId = _interopRequireDefault(__webpack_require__(/*! ./useUniqueId */ \"./src/utils/useUniqueId.ts\"));\nexports.useUniqueId = _useUniqueId.default;\nvar _useIsomorphicLayoutEffect = _interopRequireDefault(__webpack_require__(/*! ./useIsomorphicLayoutEffect */ \"./src/utils/useIsomorphicLayoutEffect.ts\"));\nexports.useIsomorphicLayoutEffect = _useIsomorphicLayoutEffect.default;\nvar _useInternalId = _interopRequireDefault(__webpack_require__(/*! ./useInternalId */ \"./src/utils/useInternalId.ts\"));\nexports.useInternalId = _useInternalId.default;\nvar _useEnsuredRef = _interopRequireDefault(__webpack_require__(/*! ./useEnsuredRef */ \"./src/utils/useEnsuredRef.ts\"));\nexports.useEnsuredRef = _useEnsuredRef.default;\nvar _useMap = __webpack_require__(/*! ./useMap */ \"./src/utils/useMap.ts\");\nexports.useMap = _useMap.useMap;\n\n//# sourceURL=webpack://rsuite/./src/utils/index.ts?");
 
 /***/ }),