rsuite 5.70.0 → 5.70.2

package/dist/rsuite.css

@@ -2064,9 +2064,25 @@ tbody.rs-anim-collapse.rs-anim-in {
   color: #717273;
   color: var(--rs-text-secondary);
 }
+.rs-breadcrumb ol {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
 .rs-breadcrumb-item {
   -webkit-transition: color 0.3s linear;
   transition: color 0.3s linear;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 .rs-breadcrumb-item:focus {
   outline: 0;

package/dist/rsuite.js

@@ -6142,7 +6142,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 _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 _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _BreadcrumbItem = _interopRequireDefault(__webpack_require__(/*! ./BreadcrumbItem */ \"./src/Breadcrumb/BreadcrumbItem.tsx\"));\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"children\", \"maxItems\", \"separator\", \"locale\", \"onExpand\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Breadcrumb/Breadcrumb.tsx\",\n  _this = void 0,\n  _templateObject;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * The Breadcrumb component is used to indicate the current page location and navigate.\n * @see https://rsuitejs.com/components/breadcrumb\n */\nvar Breadcrumb = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'nav' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'breadcrumb' : _props$classPrefix,\n    children = props.children,\n    _props$maxItems = props.maxItems,\n    maxItems = _props$maxItems === void 0 ? 5 : _props$maxItems,\n    _props$separator = props.separator,\n    separator = _props$separator === void 0 ? '/' : _props$separator,\n    overrideLocale = props.locale,\n    onExpand = props.onExpand,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var _useState = (0, _react.useState)(true),\n    ellipsis = _useState[0],\n    setEllipsis = _useState[1];\n  var _useCustom = (0, _hooks.useCustom)('Breadcrumb', overrideLocale),\n    locale = _useCustom.locale;\n  var renderSeparator = function renderSeparator(key) {\n    return /*#__PURE__*/_react.default.createElement(\"span\", {\n      key: \"breadcrumb-separator-\" + key,\n      \"aria-hidden\": true,\n      className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"separator\"]))),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 53,\n        columnNumber: 7\n      }\n    }, separator);\n  };\n  var handleClickEllipsis = (0, _react.useCallback)(function (event) {\n    setEllipsis(false);\n    onExpand === null || onExpand === void 0 ? void 0 : onExpand(event);\n  }, [onExpand]);\n  var items = [];\n  var count = _react.default.Children.count(children);\n  if (count) {\n    _react.default.Children.forEach(children, function (item, index) {\n      items.push(item);\n      if (index < count - 1) {\n        items.push(renderSeparator(index));\n      }\n    });\n  }\n  var renderCollapseItems = function renderCollapseItems() {\n    if (count > maxItems && count > 2 && ellipsis) {\n      return [].concat(items.slice(0, 2), [[/*#__PURE__*/_react.default.createElement(_BreadcrumbItem.default, {\n        role: \"button\",\n        key: \"ellipsis\",\n        title: locale.expandText,\n        \"aria-label\": locale.expandText,\n        onClick: handleClickEllipsis,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 83,\n          columnNumber: 11\n        }\n      }, /*#__PURE__*/_react.default.createElement(\"span\", {\n        \"aria-hidden\": true,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 90,\n          columnNumber: 13\n        }\n      }, \"...\"))]], items.slice(items.length - 2, items.length));\n    }\n    return items;\n  };\n  var classes = merge(className, withClassPrefix());\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 102,\n      columnNumber: 5\n    }\n  }), renderCollapseItems());\n});\nBreadcrumb.Item = _BreadcrumbItem.default;\nBreadcrumb.displayName = 'Breadcrumb';\nBreadcrumb.propTypes = {\n  separator: _propTypes.default.node,\n  as: _propTypes.default.elementType,\n  children: _propTypes.default.node,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  maxItems: _propTypes.default.number,\n  onExpand: _propTypes.default.func\n};\nvar _default = exports[\"default\"] = Breadcrumb;\n\n//# sourceURL=webpack://rsuite/./src/Breadcrumb/Breadcrumb.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _BreadcrumbItem = _interopRequireDefault(__webpack_require__(/*! ./BreadcrumbItem */ \"./src/Breadcrumb/BreadcrumbItem.tsx\"));\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"children\", \"ellipsis\", \"maxItems\", \"separator\", \"locale\", \"onExpand\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Breadcrumb/Breadcrumb.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nvar Separator = (0, _utils.createComponent)({\n  name: 'BreadcrumbSeparator',\n  componentAs: 'span',\n  'aria-hidden': true\n});\n\n/**\n * The Breadcrumb component is used to indicate the current page location and navigate.\n * @see https://rsuitejs.com/components/breadcrumb\n */\nvar Breadcrumb = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'nav' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'breadcrumb' : _props$classPrefix,\n    children = props.children,\n    _props$ellipsis = props.ellipsis,\n    ellipsis = _props$ellipsis === void 0 ? '...' : _props$ellipsis,\n    _props$maxItems = props.maxItems,\n    maxItems = _props$maxItems === void 0 ? 5 : _props$maxItems,\n    _props$separator = props.separator,\n    separator = _props$separator === void 0 ? '/' : _props$separator,\n    overrideLocale = props.locale,\n    onExpand = props.onExpand,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var _useState = (0, _react.useState)(true),\n    showEllipsis = _useState[0],\n    setShowEllipsis = _useState[1];\n  var _useCustom = (0, _hooks.useCustom)('Breadcrumb', overrideLocale),\n    locale = _useCustom.locale;\n  var handleClickEllipsis = (0, _hooks.useEventCallback)(function (event) {\n    setShowEllipsis(false);\n    onExpand === null || onExpand === void 0 ? void 0 : onExpand(event);\n  });\n  var content = (0, _react.useMemo)(function () {\n    var count = _utils.ReactChildren.count(children);\n    var items = _utils.ReactChildren.mapCloneElement(children, function (item, index) {\n      var isLast = index === count - 1;\n      return (0, _extends2.default)({}, item.props, {\n        separator: isLast ? null : /*#__PURE__*/_react.default.createElement(Separator, {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 81,\n            columnNumber: 36\n          }\n        }, separator)\n      });\n    });\n    if (count > maxItems && count > 2 && showEllipsis) {\n      return [].concat(items.slice(0, 1), [[/*#__PURE__*/_react.default.createElement(_BreadcrumbItem.default, {\n        role: \"button\",\n        key: \"ellipsis\",\n        title: locale.expandText,\n        \"aria-label\": locale.expandText,\n        separator: /*#__PURE__*/_react.default.createElement(Separator, {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 94,\n            columnNumber: 24\n          }\n        }, separator),\n        onClick: handleClickEllipsis,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 89,\n          columnNumber: 11\n        }\n      }, /*#__PURE__*/_react.default.createElement(\"span\", {\n        \"aria-hidden\": true,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 97,\n          columnNumber: 13\n        }\n      }, ellipsis))]], items.slice(items.length - 1, items.length));\n    }\n    return items;\n  }, [children, ellipsis, handleClickEllipsis, locale.expandText, maxItems, separator, showEllipsis]);\n  var classes = merge(className, withClassPrefix());\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 117,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"ol\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 118,\n      columnNumber: 7\n    }\n  }, content));\n});\nBreadcrumb.Item = _BreadcrumbItem.default;\nBreadcrumb.displayName = 'Breadcrumb';\nBreadcrumb.propTypes = {\n  as: _propTypes.default.elementType,\n  children: _propTypes.default.node,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  ellipsis: _propTypes.default.node,\n  separator: _propTypes.default.node,\n  maxItems: _propTypes.default.number,\n  onExpand: _propTypes.default.func\n};\nvar _default = exports[\"default\"] = Breadcrumb;\n\n//# sourceURL=webpack://rsuite/./src/Breadcrumb/Breadcrumb.tsx?");
 
 /***/ }),
 
@@ -6153,7 +6153,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 _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _excluded = [\"as\", \"href\", \"classPrefix\", \"title\", \"target\", \"className\", \"style\", \"active\", \"children\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Breadcrumb/BreadcrumbItem.tsx\",\n  _this = void 0;\n/**\n * The `<Breadcrumb.Item>` component is used to specify each section of the Breadcrumb.\n * @see https://rsuitejs.com/components/breadcrumb\n */\nvar BreadcrumbItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? props.href ? _SafeAnchor.default : 'span' : _props$as,\n    href = props.href,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'breadcrumb-item' : _props$classPrefix,\n    title = props.title,\n    target = props.target,\n    className = props.className,\n    style = props.style,\n    active = props.active,\n    children = props.children,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix({\n    active: active\n  }));\n  if (active) {\n    return /*#__PURE__*/_react.default.createElement(\"span\", (0, _extends2.default)({\n      ref: ref\n    }, rest, {\n      style: style,\n      className: classes,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 45,\n        columnNumber: 9\n      }\n    }), children);\n  }\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    href: href,\n    title: title,\n    target: target,\n    ref: ref,\n    style: style,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 52,\n      columnNumber: 7\n    }\n  }), children);\n});\nBreadcrumbItem.displayName = 'BreadcrumbItem';\nBreadcrumbItem.propTypes = {\n  active: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  style: _propTypes.default.object,\n  href: _propTypes.default.string,\n  title: _propTypes.default.string,\n  target: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  as: _propTypes.default.elementType\n};\nvar _default = exports[\"default\"] = BreadcrumbItem;\n\n//# sourceURL=webpack://rsuite/./src/Breadcrumb/BreadcrumbItem.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 _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _excluded = [\"wrapperAs\", \"href\", \"as\", \"classPrefix\", \"title\", \"target\", \"className\", \"style\", \"active\", \"children\", \"separator\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Breadcrumb/BreadcrumbItem.tsx\",\n  _this = void 0;\n/**\n * The `<Breadcrumb.Item>` component is used to specify each section of the Breadcrumb.\n * @see https://rsuitejs.com/components/breadcrumb\n */\nvar BreadcrumbItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$wrapperAs = props.wrapperAs,\n    WrapperComponent = _props$wrapperAs === void 0 ? 'li' : _props$wrapperAs,\n    href = props.href,\n    _props$as = props.as,\n    Component = _props$as === void 0 ? href ? _SafeAnchor.default : 'span' : _props$as,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'breadcrumb-item' : _props$classPrefix,\n    title = props.title,\n    target = props.target,\n    className = props.className,\n    style = props.style,\n    active = props.active,\n    children = props.children,\n    separator = props.separator,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix({\n    active: active\n  }));\n  return /*#__PURE__*/_react.default.createElement(WrapperComponent, (0, _extends2.default)({\n    style: style,\n    className: classes,\n    ref: ref\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 64,\n      columnNumber: 7\n    }\n  }), active ? /*#__PURE__*/_react.default.createElement(\"span\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 66,\n      columnNumber: 11\n    }\n  }, children) : /*#__PURE__*/_react.default.createElement(Component, {\n    href: href,\n    title: title,\n    target: target,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 68,\n      columnNumber: 11\n    }\n  }, children), separator);\n});\nBreadcrumbItem.displayName = 'BreadcrumbItem';\nBreadcrumbItem.propTypes = {\n  active: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  style: _propTypes.default.object,\n  href: _propTypes.default.string,\n  title: _propTypes.default.string,\n  target: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  as: _propTypes.default.elementType\n};\nvar _default = exports[\"default\"] = BreadcrumbItem;\n\n//# sourceURL=webpack://rsuite/./src/Breadcrumb/BreadcrumbItem.tsx?");
 
 /***/ }),
 
@@ -6175,7 +6175,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 _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 _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../internals/Ripple */ \"./src/internals/Ripple/index.tsx\"));\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _ButtonGroup = __webpack_require__(/*! ../ButtonGroup */ \"./src/ButtonGroup/index.tsx\");\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _excluded = [\"as\", \"active\", \"appearance\", \"block\", \"className\", \"children\", \"classPrefix\", \"color\", \"disabled\", \"loading\", \"ripple\", \"size\", \"startIcon\", \"endIcon\", \"type\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Button/Button.tsx\",\n  _this = void 0,\n  _templateObject,\n  _templateObject2,\n  _templateObject3;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * The Button component is used to trigger a custom action.\n * @see https://rsuitejs.com/components/button\n */\nvar Button = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var as = props.as,\n    active = props.active,\n    _props$appearance = props.appearance,\n    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n    block = props.block,\n    className = props.className,\n    children = props.children,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'btn' : _props$classPrefix,\n    color = props.color,\n    disabled = props.disabled,\n    loading = props.loading,\n    _props$ripple = props.ripple,\n    ripple = _props$ripple === void 0 ? true : _props$ripple,\n    sizeProp = props.size,\n    startIcon = props.startIcon,\n    endIcon = props.endIcon,\n    typeProp = props.type,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var buttonGroup = (0, _react.useContext)(_ButtonGroup.ButtonGroupContext);\n  var size = sizeProp !== null && sizeProp !== void 0 ? sizeProp : buttonGroup === null || buttonGroup === void 0 ? void 0 : buttonGroup.size;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix(appearance, color, size, {\n    active: active,\n    disabled: disabled,\n    loading: loading,\n    block: block\n  }));\n  var renderButtonContent = (0, _react.useCallback)(function () {\n    var spin = /*#__PURE__*/_react.default.createElement(\"span\", {\n      className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"spin\"]))),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 88,\n        columnNumber: 20\n      }\n    });\n    var rippleElement = ripple && !(0, _utils.isOneOf)(appearance, ['link', 'ghost']) ? /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 89,\n        columnNumber: 81\n      }\n    }) : null;\n    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, loading && spin, startIcon ? /*#__PURE__*/_react.default.createElement(\"span\", {\n      className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"start-icon\"]))),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 94,\n        columnNumber: 24\n      }\n    }, startIcon) : null, children, endIcon ? /*#__PURE__*/_react.default.createElement(\"span\", {\n      className: prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)([\"end-icon\"]))),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 96,\n        columnNumber: 22\n      }\n    }, endIcon) : null, rippleElement);\n  }, [appearance, children, endIcon, loading, prefix, ripple, startIcon]);\n  if (rest.href) {\n    return /*#__PURE__*/_react.default.createElement(_SafeAnchor.default, (0, _extends2.default)({}, rest, {\n      as: as,\n      ref: ref,\n      \"aria-disabled\": disabled,\n      disabled: disabled,\n      className: classes,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 104,\n        columnNumber: 9\n      }\n    }), renderButtonContent());\n  }\n  var Component = as || 'button';\n  var type = typeProp || (Component === 'button' ? 'button' : undefined);\n  var role = rest.role || (Component !== 'button' ? 'button' : undefined);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    role: role,\n    type: type,\n    ref: ref,\n    disabled: disabled,\n    \"aria-disabled\": disabled,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 122,\n      columnNumber: 7\n    }\n  }), renderButtonContent());\n});\nButton.displayName = 'Button';\nButton.propTypes = {\n  as: _propTypes.default.elementType,\n  active: _propTypes.default.bool,\n  appearance: (0, _propTypes2.oneOf)(['default', 'primary', 'link', 'subtle', 'ghost']),\n  block: _propTypes.default.bool,\n  children: _propTypes.default.node,\n  color: (0, _propTypes2.oneOf)(['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'violet']),\n  disabled: _propTypes.default.bool,\n  href: _propTypes.default.string,\n  loading: _propTypes.default.bool,\n  ripple: _propTypes.default.bool,\n  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs']),\n  type: (0, _propTypes2.oneOf)(['button', 'reset', 'submit'])\n};\nvar _default = exports[\"default\"] = Button;\n\n//# sourceURL=webpack://rsuite/./src/Button/Button.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 _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 _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../internals/Ripple */ \"./src/internals/Ripple/index.tsx\"));\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _ButtonGroup = __webpack_require__(/*! ../ButtonGroup */ \"./src/ButtonGroup/index.tsx\");\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _excluded = [\"as\", \"active\", \"appearance\", \"block\", \"className\", \"children\", \"classPrefix\", \"color\", \"disabled\", \"loading\", \"ripple\", \"size\", \"startIcon\", \"endIcon\", \"type\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Button/Button.tsx\",\n  _this = void 0,\n  _templateObject,\n  _templateObject2,\n  _templateObject3;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\n/**\n * The Button component is used to trigger a custom action.\n * @see https://rsuitejs.com/components/button\n */\nvar Button = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var as = props.as,\n    active = props.active,\n    _props$appearance = props.appearance,\n    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n    block = props.block,\n    className = props.className,\n    children = props.children,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'btn' : _props$classPrefix,\n    color = props.color,\n    disabled = props.disabled,\n    loading = props.loading,\n    _props$ripple = props.ripple,\n    ripple = _props$ripple === void 0 ? true : _props$ripple,\n    sizeProp = props.size,\n    startIcon = props.startIcon,\n    endIcon = props.endIcon,\n    typeProp = props.type,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var buttonGroup = (0, _react.useContext)(_ButtonGroup.ButtonGroupContext);\n  var size = sizeProp !== null && sizeProp !== void 0 ? sizeProp : buttonGroup === null || buttonGroup === void 0 ? void 0 : buttonGroup.size;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix(appearance, color, size, {\n    active: active,\n    disabled: disabled,\n    loading: loading,\n    block: block\n  }));\n  var buttonContent = (0, _react.useMemo)(function () {\n    var spin = /*#__PURE__*/_react.default.createElement(\"span\", {\n      className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"spin\"]))),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 88,\n        columnNumber: 20\n      }\n    });\n    var rippleElement = ripple && !(0, _utils.isOneOf)(appearance, ['link', 'ghost']) ? /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 89,\n        columnNumber: 81\n      }\n    }) : null;\n    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, loading && spin, startIcon ? /*#__PURE__*/_react.default.createElement(\"span\", {\n      className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"start-icon\"]))),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 94,\n        columnNumber: 24\n      }\n    }, startIcon) : null, children, endIcon ? /*#__PURE__*/_react.default.createElement(\"span\", {\n      className: prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)([\"end-icon\"]))),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 96,\n        columnNumber: 22\n      }\n    }, endIcon) : null, rippleElement);\n  }, [appearance, children, endIcon, loading, prefix, ripple, startIcon]);\n  if (rest.href) {\n    return /*#__PURE__*/_react.default.createElement(_SafeAnchor.default, (0, _extends2.default)({}, rest, {\n      as: as,\n      ref: ref,\n      \"aria-disabled\": disabled,\n      disabled: disabled,\n      className: classes,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 104,\n        columnNumber: 9\n      }\n    }), buttonContent);\n  }\n  var Component = as || 'button';\n  var type = typeProp || (Component === 'button' ? 'button' : undefined);\n  var role = rest.role || (Component !== 'button' ? 'button' : undefined);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    role: role,\n    type: type,\n    ref: ref,\n    disabled: disabled,\n    \"aria-disabled\": disabled,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 122,\n      columnNumber: 7\n    }\n  }), buttonContent);\n});\nButton.displayName = 'Button';\nButton.propTypes = {\n  as: _propTypes.default.elementType,\n  active: _propTypes.default.bool,\n  appearance: (0, _propTypes2.oneOf)(['default', 'primary', 'link', 'subtle', 'ghost']),\n  block: _propTypes.default.bool,\n  children: _propTypes.default.node,\n  color: (0, _propTypes2.oneOf)(['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'violet']),\n  disabled: _propTypes.default.bool,\n  href: _propTypes.default.string,\n  loading: _propTypes.default.bool,\n  ripple: _propTypes.default.bool,\n  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs']),\n  type: (0, _propTypes2.oneOf)(['button', 'reset', 'submit'])\n};\nvar _default = exports[\"default\"] = Button;\n\n//# sourceURL=webpack://rsuite/./src/Button/Button.tsx?");
 
 /***/ }),
 
@@ -6362,7 +6362,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _constants = __webpack_require__(/*! ../internals/constants */ \"./src/internals/constants/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\nvar _TableCell = _interopRequireDefault(__webpack_require__(/*! ./TableCell */ \"./src/Calendar/TableCell.tsx\"));\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"weekendDate\", \"rowIndex\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/TableRow.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nvar TableRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar-table' : _props$classPrefix,\n    _props$weekendDate = props.weekendDate,\n    weekendDate = _props$weekendDate === void 0 ? new Date() : _props$weekendDate,\n    rowIndex = props.rowIndex,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),\n    _useCalendarContext$d = _useCalendarContext.date,\n    selected = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,\n    dateRange = _useCalendarContext.dateRange,\n    hoverRangeValue = _useCalendarContext.hoverRangeValue,\n    isoWeek = _useCalendarContext.isoWeek,\n    weekStart = _useCalendarContext.weekStart,\n    showWeekNumbers = _useCalendarContext.showWeekNumbers,\n    locale = _useCalendarContext.locale,\n    inSameMonth = _useCalendarContext.inSameMonth,\n    disabledDate = _useCalendarContext.disabledDate,\n    onSelect = _useCalendarContext.onSelect;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var handleSelect = (0, _react.useCallback)(function (date, disabled, event) {\n    if (disabled) {\n      return;\n    }\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);\n  }, [onSelect]);\n  var renderDays = function renderDays() {\n    var days = [];\n    var _ref = dateRange || [],\n      selectedStartDate = _ref[0],\n      selectedEndDate = _ref[1];\n    var _ref2 = hoverRangeValue !== null && hoverRangeValue !== void 0 ? hoverRangeValue : [],\n      hoverStartDate = _ref2[0],\n      hoverEndDate = _ref2[1];\n    var isRangeSelectionMode = typeof dateRange !== 'undefined';\n    for (var i = 0; i < 7; i += 1) {\n      var thisDate = (0, _date.addDays)(weekendDate, i);\n      var disabled = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(thisDate, dateRange, _constants.DATERANGE_DISABLED_TARGET.CALENDAR);\n      var unSameMonth = !(inSameMonth !== null && inSameMonth !== void 0 && inSameMonth(thisDate));\n      var rangeStart = !unSameMonth && selectedStartDate && (0, _date.isSameDay)(thisDate, selectedStartDate);\n      var rangeEnd = !unSameMonth && selectedEndDate && (0, _date.isSameDay)(thisDate, selectedEndDate);\n      var isSelected = isRangeSelectionMode ? rangeStart || rangeEnd : (0, _date.isSameDay)(thisDate, selected);\n\n      // TODO-Doma Move those logic that's for DatePicker/DateRangePicker to a separate component\n      //           Calendar is not supposed to be reused this way\n      var inRange = false;\n      // for Selected\n      if (selectedStartDate && selectedEndDate) {\n        if ((0, _date.isBefore)(thisDate, selectedEndDate) && (0, _date.isAfter)(thisDate, selectedStartDate)) {\n          inRange = true;\n        }\n        if ((0, _date.isBefore)(thisDate, selectedStartDate) && (0, _date.isAfter)(thisDate, selectedEndDate)) {\n          inRange = true;\n        }\n      }\n\n      // for Hovering\n      if (!isSelected && hoverStartDate && hoverEndDate) {\n        if (!(0, _date.isAfter)(thisDate, hoverEndDate) && !(0, _date.isBefore)(thisDate, hoverStartDate)) {\n          inRange = true;\n        }\n        if (!(0, _date.isAfter)(thisDate, hoverStartDate) && !(0, _date.isBefore)(thisDate, hoverEndDate)) {\n          inRange = true;\n        }\n      }\n      days.push( /*#__PURE__*/_react.default.createElement(_TableCell.default, {\n        key: (0, _date.format)(thisDate, 'yyyy-MM-dd'),\n        date: thisDate,\n        disabled: disabled,\n        selected: isSelected,\n        onSelect: handleSelect,\n        unSameMonth: unSameMonth,\n        rangeStart: rangeStart,\n        rangeEnd: rangeEnd,\n        inRange: inRange,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 91,\n          columnNumber: 11\n        }\n      }));\n    }\n    return days;\n  };\n  var classes = merge(className, prefix('row'));\n  var week = (0, _date.format)(weekendDate, isoWeek ? 'I' : 'w', {\n    locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale,\n    firstWeekContainsDate: 4,\n    weekStartsOn: weekStart\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    role: \"row\",\n    \"aria-rowindex\": rowIndex,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 115,\n      columnNumber: 7\n    }\n  }), showWeekNumbers && /*#__PURE__*/_react.default.createElement(\"div\", {\n    role: \"rowheader\",\n    \"aria-label\": \"Week \" + week,\n    className: prefix('cell-week-number'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 117,\n      columnNumber: 11\n    }\n  }, week), renderDays());\n});\nTableRow.displayName = 'CalendarTableRow';\nvar _default = exports[\"default\"] = TableRow;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/TableRow.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _date = __webpack_require__(/*! ../internals/utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _constants = __webpack_require__(/*! ../internals/constants */ \"./src/internals/constants/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\nvar _TableCell = _interopRequireDefault(__webpack_require__(/*! ./TableCell */ \"./src/Calendar/TableCell.tsx\"));\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"weekendDate\", \"rowIndex\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/TableRow.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nvar TableRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _locale$dateLocale$op, _locale$dateLocale;\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 ? 'calendar-table' : _props$classPrefix,\n    _props$weekendDate = props.weekendDate,\n    weekendDate = _props$weekendDate === void 0 ? new Date() : _props$weekendDate,\n    rowIndex = props.rowIndex,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),\n    _useCalendarContext$d = _useCalendarContext.date,\n    selected = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,\n    dateRange = _useCalendarContext.dateRange,\n    hoverRangeValue = _useCalendarContext.hoverRangeValue,\n    isoWeek = _useCalendarContext.isoWeek,\n    weekStart = _useCalendarContext.weekStart,\n    showWeekNumbers = _useCalendarContext.showWeekNumbers,\n    locale = _useCalendarContext.locale,\n    inSameMonth = _useCalendarContext.inSameMonth,\n    disabledDate = _useCalendarContext.disabledDate,\n    onSelect = _useCalendarContext.onSelect;\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var handleSelect = (0, _react.useCallback)(function (date, disabled, event) {\n    if (disabled) {\n      return;\n    }\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);\n  }, [onSelect]);\n  var renderDays = function renderDays() {\n    var days = [];\n    var _ref = dateRange || [],\n      selectedStartDate = _ref[0],\n      selectedEndDate = _ref[1];\n    var _ref2 = hoverRangeValue !== null && hoverRangeValue !== void 0 ? hoverRangeValue : [],\n      hoverStartDate = _ref2[0],\n      hoverEndDate = _ref2[1];\n    var isRangeSelectionMode = typeof dateRange !== 'undefined';\n    for (var i = 0; i < 7; i += 1) {\n      var thisDate = (0, _date.addDays)(weekendDate, i);\n      var disabled = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(thisDate, dateRange, _constants.DATERANGE_DISABLED_TARGET.CALENDAR);\n      var unSameMonth = !(inSameMonth !== null && inSameMonth !== void 0 && inSameMonth(thisDate));\n      var rangeStart = !unSameMonth && selectedStartDate && (0, _date.isSameDay)(thisDate, selectedStartDate);\n      var rangeEnd = !unSameMonth && selectedEndDate && (0, _date.isSameDay)(thisDate, selectedEndDate);\n      var isSelected = isRangeSelectionMode ? rangeStart || rangeEnd : (0, _date.isSameDay)(thisDate, selected);\n\n      // TODO-Doma Move those logic that's for DatePicker/DateRangePicker to a separate component\n      //           Calendar is not supposed to be reused this way\n      var inRange = false;\n      // for Selected\n      if (selectedStartDate && selectedEndDate) {\n        if ((0, _date.isBefore)(thisDate, selectedEndDate) && (0, _date.isAfter)(thisDate, selectedStartDate)) {\n          inRange = true;\n        }\n        if ((0, _date.isBefore)(thisDate, selectedStartDate) && (0, _date.isAfter)(thisDate, selectedEndDate)) {\n          inRange = true;\n        }\n      }\n\n      // for Hovering\n      if (!isSelected && hoverStartDate && hoverEndDate) {\n        if (!(0, _date.isAfter)(thisDate, hoverEndDate) && !(0, _date.isBefore)(thisDate, hoverStartDate)) {\n          inRange = true;\n        }\n        if (!(0, _date.isAfter)(thisDate, hoverStartDate) && !(0, _date.isBefore)(thisDate, hoverEndDate)) {\n          inRange = true;\n        }\n      }\n      days.push( /*#__PURE__*/_react.default.createElement(_TableCell.default, {\n        key: (0, _date.format)(thisDate, 'yyyy-MM-dd'),\n        date: thisDate,\n        disabled: disabled,\n        selected: isSelected,\n        onSelect: handleSelect,\n        unSameMonth: unSameMonth,\n        rangeStart: rangeStart,\n        rangeEnd: rangeEnd,\n        inRange: inRange,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 91,\n          columnNumber: 11\n        }\n      }));\n    }\n    return days;\n  };\n  var classes = merge(className, prefix('row'));\n  var _ref3 = (_locale$dateLocale$op = locale === null || locale === void 0 ? void 0 : (_locale$dateLocale = locale.dateLocale) === null || _locale$dateLocale === void 0 ? void 0 : _locale$dateLocale.options) !== null && _locale$dateLocale$op !== void 0 ? _locale$dateLocale$op : {},\n    firstWeekContainsDate = _ref3.firstWeekContainsDate,\n    weekStartsOn = _ref3.weekStartsOn;\n  var week = (0, _date.format)(weekendDate, isoWeek ? 'I' : 'w', {\n    locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale,\n    firstWeekContainsDate: firstWeekContainsDate,\n    weekStartsOn: weekStart || weekStartsOn\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    role: \"row\",\n    \"aria-rowindex\": rowIndex,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 117,\n      columnNumber: 7\n    }\n  }), showWeekNumbers && /*#__PURE__*/_react.default.createElement(\"div\", {\n    role: \"rowheader\",\n    \"aria-label\": \"Week \" + week,\n    className: prefix('cell-week-number'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 119,\n      columnNumber: 11\n    }\n  }, week), renderDays());\n});\nTableRow.displayName = 'CalendarTableRow';\nvar _default = exports[\"default\"] = TableRow;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/TableRow.tsx?");
 
 /***/ }),
 
@@ -6846,7 +6846,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.CustomContext = 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 _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _prefix = __webpack_require__(/*! ../internals/utils/prefix */ \"./src/internals/utils/prefix.ts\");\nvar _DOMHelper = __webpack_require__(/*! ../DOMHelper */ \"./src/DOMHelper/index.ts\");\nvar _ToastContainer = _interopRequireWildcard(__webpack_require__(/*! ../toaster/ToastContainer */ \"./src/toaster/ToastContainer.tsx\"));\nvar _excluded = [\"children\", \"classPrefix\", \"theme\", \"toastContainer\", \"disableRipple\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CustomProvider/CustomProvider.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nvar CustomContext = exports.CustomContext = /*#__PURE__*/_react.default.createContext({});\nvar themes = ['light', 'dark', 'high-contrast'];\n\n/**\n * CustomProvider is used to provide global configuration, such as language, theme, etc.\n *\n * @see https://rsuitejs.com/components/custom-provider\n */\nvar CustomProvider = function CustomProvider(props) {\n  var children = props.children,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? (0, _prefix.getClassNamePrefix)() : _props$classPrefix,\n    theme = props.theme,\n    container = props.toastContainer,\n    disableRipple = props.disableRipple,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var toasters = _react.default.useRef(new Map());\n  var _usePortal = (0, _hooks.usePortal)({\n      container: container,\n      waitMount: true\n    }),\n    Portal = _usePortal.Portal;\n  var value = _react.default.useMemo(function () {\n    return (0, _extends2.default)({\n      classPrefix: classPrefix,\n      theme: theme,\n      toasters: toasters,\n      disableRipple: disableRipple\n    }, rest);\n  }, [classPrefix, theme, disableRipple, rest]);\n  (0, _hooks.useIsomorphicLayoutEffect)(function () {\n    if (_DOMHelper.canUseDOM && theme) {\n      (0, _DOMHelper.addClass)(document.body, (0, _prefix.prefix)(classPrefix, \"theme-\" + theme));\n\n      // Remove the className that will cause style conflicts\n      themes.forEach(function (t) {\n        if (t !== theme) {\n          (0, _DOMHelper.removeClass)(document.body, (0, _prefix.prefix)(classPrefix, \"theme-\" + t));\n        }\n      });\n    }\n  }, [classPrefix, theme]);\n  return /*#__PURE__*/_react.default.createElement(CustomContext.Provider, {\n    value: value,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 121,\n      columnNumber: 5\n    }\n  }, children, /*#__PURE__*/_react.default.createElement(Portal, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 123,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: \"rs-toast-provider\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 124,\n      columnNumber: 9\n    }\n  }, _ToastContainer.toastPlacements.map(function (placement) {\n    return /*#__PURE__*/_react.default.createElement(_ToastContainer.default, {\n      key: placement,\n      placement: placement,\n      ref: function ref(_ref) {\n        toasters.current.set(placement, _ref);\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 126,\n        columnNumber: 13\n      }\n    });\n  }))));\n};\nvar _default = exports[\"default\"] = CustomProvider;\n\n//# sourceURL=webpack://rsuite/./src/CustomProvider/CustomProvider.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = exports.CustomContext = 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 _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _prefix = __webpack_require__(/*! ../internals/utils/prefix */ \"./src/internals/utils/prefix.ts\");\nvar _DOMHelper = __webpack_require__(/*! ../DOMHelper */ \"./src/DOMHelper/index.ts\");\nvar _ToastContainer = _interopRequireWildcard(__webpack_require__(/*! ../toaster/ToastContainer */ \"./src/toaster/ToastContainer.tsx\"));\nvar _excluded = [\"children\", \"classPrefix\", \"theme\", \"toastContainer\", \"disableRipple\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CustomProvider/CustomProvider.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nvar CustomContext = exports.CustomContext = /*#__PURE__*/_react.default.createContext({});\nvar themes = ['light', 'dark', 'high-contrast'];\n\n/**\n * CustomProvider is used to provide global configuration, such as language, theme, etc.\n *\n * @see https://rsuitejs.com/components/custom-provider\n */\nvar CustomProvider = function CustomProvider(props) {\n  var children = props.children,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? (0, _prefix.getClassNamePrefix)() : _props$classPrefix,\n    theme = props.theme,\n    container = props.toastContainer,\n    disableRipple = props.disableRipple,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var toasters = _react.default.useRef(new Map());\n  var _usePortal = (0, _hooks.usePortal)({\n      container: container,\n      waitMount: true\n    }),\n    Portal = _usePortal.Portal;\n  var value = _react.default.useMemo(function () {\n    return (0, _extends2.default)({\n      classPrefix: classPrefix,\n      theme: theme,\n      toasters: toasters,\n      disableRipple: disableRipple\n    }, rest);\n  }, [classPrefix, theme, disableRipple, rest]);\n  (0, _hooks.useIsomorphicLayoutEffect)(function () {\n    if (_DOMHelper.canUseDOM && theme) {\n      (0, _DOMHelper.addClass)(document.body, (0, _prefix.prefix)(classPrefix, \"theme-\" + theme));\n\n      // Remove the className that will cause style conflicts\n      themes.forEach(function (t) {\n        if (t !== theme) {\n          (0, _DOMHelper.removeClass)(document.body, (0, _prefix.prefix)(classPrefix, \"theme-\" + t));\n        }\n      });\n    }\n  }, [classPrefix, theme]);\n  return /*#__PURE__*/_react.default.createElement(CustomContext.Provider, {\n    value: value,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 177,\n      columnNumber: 5\n    }\n  }, children, /*#__PURE__*/_react.default.createElement(Portal, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 179,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: \"rs-toast-provider\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 180,\n      columnNumber: 9\n    }\n  }, _ToastContainer.toastPlacements.map(function (placement) {\n    return /*#__PURE__*/_react.default.createElement(_ToastContainer.default, {\n      key: placement,\n      placement: placement,\n      ref: function ref(_ref) {\n        toasters.current.set(placement, _ref);\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 182,\n        columnNumber: 13\n      }\n    });\n  }))));\n};\nvar _default = exports[\"default\"] = CustomProvider;\n\n//# sourceURL=webpack://rsuite/./src/CustomProvider/CustomProvider.tsx?");
 
 /***/ }),
 
@@ -7473,7 +7473,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 _schemaTyped = __webpack_require__(/*! schema-typed */ \"./node_modules/schema-typed/es/index.js\");\nvar _FormContext = __webpack_require__(/*! ./FormContext */ \"./src/Form/FormContext.tsx\");\nvar _FormControl = _interopRequireDefault(__webpack_require__(/*! ../FormControl */ \"./src/FormControl/index.tsx\"));\nvar _FormControlLabel = _interopRequireDefault(__webpack_require__(/*! ../FormControlLabel */ \"./src/FormControlLabel/index.tsx\"));\nvar _FormErrorMessage = _interopRequireDefault(__webpack_require__(/*! ../FormErrorMessage */ \"./src/FormErrorMessage/index.tsx\"));\nvar _FormGroup = _interopRequireDefault(__webpack_require__(/*! ../FormGroup */ \"./src/FormGroup/index.tsx\"));\nvar _FormHelpText = _interopRequireDefault(__webpack_require__(/*! ../FormHelpText */ \"./src/FormHelpText/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _useSchemaModel2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useSchemaModel */ \"./src/Form/hooks/useSchemaModel.ts\"));\nvar _useFormValidate2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFormValidate */ \"./src/Form/hooks/useFormValidate.ts\"));\nvar _useFormValue2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFormValue */ \"./src/Form/hooks/useFormValue.ts\"));\nvar _useFormClassNames = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFormClassNames */ \"./src/Form/hooks/useFormClassNames.ts\"));\nvar _useFormRef = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFormRef */ \"./src/Form/hooks/useFormRef.ts\"));\nvar _excluded = [\"checkTrigger\", \"classPrefix\", \"errorFromContext\", \"formDefaultValue\", \"formValue\", \"formError\", \"fluid\", \"nestedField\", \"layout\", \"model\", \"readOnly\", \"plaintext\", \"className\", \"children\", \"disabled\", \"onSubmit\", \"onReset\", \"onCheck\", \"onError\", \"onChange\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Form/Form.tsx\",\n  _this = void 0;\nvar defaultSchema = (0, _schemaTyped.SchemaModel)({});\n\n/**\n * The `Form` component is a form interface for collecting and validating user input.\n * @see https://rsuitejs.com/components/form\n */\nvar Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$checkTrigger = props.checkTrigger,\n    checkTrigger = _props$checkTrigger === void 0 ? 'change' : _props$checkTrigger,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'form' : _props$classPrefix,\n    _props$errorFromConte = props.errorFromContext,\n    errorFromContext = _props$errorFromConte === void 0 ? true : _props$errorFromConte,\n    _props$formDefaultVal = props.formDefaultValue,\n    formDefaultValue = _props$formDefaultVal === void 0 ? {} : _props$formDefaultVal,\n    controlledFormValue = props.formValue,\n    controlledFormError = props.formError,\n    fluid = props.fluid,\n    _props$nestedField = props.nestedField,\n    nestedField = _props$nestedField === void 0 ? false : _props$nestedField,\n    _props$layout = props.layout,\n    layout = _props$layout === void 0 ? 'vertical' : _props$layout,\n    _props$model = props.model,\n    formModel = _props$model === void 0 ? defaultSchema : _props$model,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    className = props.className,\n    children = props.children,\n    disabled = props.disabled,\n    onSubmit = props.onSubmit,\n    onReset = props.onReset,\n    onCheck = props.onCheck,\n    onError = props.onError,\n    onChange = props.onChange,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useSchemaModel = (0, _useSchemaModel2.default)(formModel),\n    getCombinedModel = _useSchemaModel.getCombinedModel,\n    pushFieldRule = _useSchemaModel.pushFieldRule,\n    removeFieldRule = _useSchemaModel.removeFieldRule;\n  var _useFormValue = (0, _useFormValue2.default)(controlledFormValue, {\n      formDefaultValue: formDefaultValue,\n      nestedField: nestedField\n    }),\n    formValue = _useFormValue.formValue,\n    onRemoveValue = _useFormValue.onRemoveValue,\n    setFieldValue = _useFormValue.setFieldValue,\n    resetFormValue = _useFormValue.resetFormValue;\n  var formValidateProps = {\n    formValue: formValue,\n    getCombinedModel: getCombinedModel,\n    onCheck: onCheck,\n    onError: onError,\n    nestedField: nestedField\n  };\n  var _useFormValidate = (0, _useFormValidate2.default)(controlledFormError, formValidateProps),\n    formError = _useFormValidate.formError,\n    onRemoveError = _useFormValidate.onRemoveError,\n    check = _useFormValidate.check,\n    checkAsync = _useFormValidate.checkAsync,\n    checkForField = _useFormValidate.checkForField,\n    checkFieldForNextValue = _useFormValidate.checkFieldForNextValue,\n    checkForFieldAsync = _useFormValidate.checkForFieldAsync,\n    checkFieldAsyncForNextValue = _useFormValidate.checkFieldAsyncForNextValue,\n    cleanErrors = _useFormValidate.cleanErrors,\n    resetErrors = _useFormValidate.resetErrors,\n    cleanErrorForField = _useFormValidate.cleanErrorForField;\n  var classes = (0, _useFormClassNames.default)({\n    classPrefix: classPrefix,\n    className: className,\n    fluid: fluid,\n    layout: layout,\n    readOnly: readOnly,\n    plaintext: plaintext,\n    disabled: disabled\n  });\n  var submit = (0, _hooks.useEventCallback)(function (event) {\n    // Check the form before submitting\n    if (check()) {\n      onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(formValue, event);\n    }\n  });\n  var reset = (0, _hooks.useEventCallback)(function (event) {\n    resetErrors();\n    onReset === null || onReset === void 0 ? void 0 : onReset(resetFormValue(), event);\n  });\n  var handleSubmit = (0, _hooks.useEventCallback)(function (event) {\n    var _event$preventDefault, _event$stopPropagatio;\n    event === null || event === void 0 ? void 0 : (_event$preventDefault = event.preventDefault) === null || _event$preventDefault === void 0 ? void 0 : _event$preventDefault.call(event);\n    event === null || event === void 0 ? void 0 : (_event$stopPropagatio = event.stopPropagation) === null || _event$stopPropagatio === void 0 ? void 0 : _event$stopPropagatio.call(event);\n\n    // Prevent submission when the form is disabled, readOnly, or plaintext\n    if (disabled || readOnly || plaintext) {\n      return;\n    }\n    submit();\n  });\n  var handleReset = (0, _hooks.useEventCallback)(function (event) {\n    var _event$preventDefault2, _event$stopPropagatio2;\n    event === null || event === void 0 ? void 0 : (_event$preventDefault2 = event.preventDefault) === null || _event$preventDefault2 === void 0 ? void 0 : _event$preventDefault2.call(event);\n    event === null || event === void 0 ? void 0 : (_event$stopPropagatio2 = event.stopPropagation) === null || _event$stopPropagatio2 === void 0 ? void 0 : _event$stopPropagatio2.call(event);\n\n    // Prevent reset when the form is disabled, readOnly, or plaintext\n    if (disabled || readOnly || plaintext) {\n      return;\n    }\n    reset(event);\n  });\n  var imperativeMethods = {\n    check: check,\n    checkForField: checkForField,\n    checkAsync: checkAsync,\n    checkForFieldAsync: checkForFieldAsync,\n    cleanErrors: cleanErrors,\n    cleanErrorForField: cleanErrorForField,\n    reset: reset,\n    resetErrors: resetErrors,\n    submit: submit\n  };\n  var formRef = (0, _useFormRef.default)(ref, {\n    imperativeMethods: imperativeMethods\n  });\n  var removeFieldValue = (0, _hooks.useEventCallback)(function (name) {\n    var formValue = onRemoveValue(name);\n    onChange === null || onChange === void 0 ? void 0 : onChange(formValue);\n  });\n  var removeFieldError = (0, _hooks.useEventCallback)(function (name) {\n    onRemoveError(name);\n  });\n  var onFieldChange = (0, _hooks.useEventCallback)(function (name, value, event) {\n    var nextFormValue = setFieldValue(name, value);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextFormValue, event);\n  });\n  var formContextValue = {\n    errorFromContext: errorFromContext,\n    checkTrigger: checkTrigger,\n    plaintext: plaintext,\n    readOnly: readOnly,\n    disabled: disabled,\n    formError: formError,\n    nestedField: nestedField,\n    pushFieldRule: pushFieldRule,\n    removeFieldValue: removeFieldValue,\n    removeFieldError: removeFieldError,\n    removeFieldRule: removeFieldRule,\n    onFieldChange: onFieldChange,\n    checkFieldForNextValue: checkFieldForNextValue,\n    checkFieldAsyncForNextValue: checkFieldAsyncForNextValue\n  };\n  return /*#__PURE__*/_react.default.createElement(\"form\", (0, _extends2.default)({}, rest, {\n    ref: formRef,\n    onSubmit: handleSubmit,\n    onReset: handleReset,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 285,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(_FormContext.FormProvider, {\n    value: formContextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 286,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_FormContext.FormValueProvider, {\n    value: formValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 287,\n      columnNumber: 9\n    }\n  }, children)));\n});\nForm.Control = _FormControl.default;\nForm.ControlLabel = _FormControlLabel.default;\nForm.ErrorMessage = _FormErrorMessage.default;\nForm.Group = _FormGroup.default;\nForm.HelpText = _FormHelpText.default;\nForm.displayName = 'Form';\nForm.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node,\n  errorFromContext: _propTypes.default.bool,\n  layout: (0, _propTypes2.oneOf)(['horizontal', 'vertical', 'inline']),\n  fluid: _propTypes.default.bool,\n  formValue: _propTypes.default.object,\n  formDefaultValue: _propTypes.default.object,\n  formError: _propTypes.default.object,\n  checkTrigger: (0, _propTypes2.oneOf)(['change', 'blur', 'none']),\n  onChange: _propTypes.default.func,\n  onError: _propTypes.default.func,\n  onCheck: _propTypes.default.func,\n  onSubmit: _propTypes.default.func,\n  model: _propTypes.default.any,\n  readOnly: _propTypes.default.bool,\n  plaintext: _propTypes.default.bool,\n  disabled: _propTypes.default.bool\n};\nvar _default = exports[\"default\"] = Form;\n\n//# sourceURL=webpack://rsuite/./src/Form/Form.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 _schemaTyped = __webpack_require__(/*! schema-typed */ \"./node_modules/schema-typed/es/index.js\");\nvar _FormContext = __webpack_require__(/*! ./FormContext */ \"./src/Form/FormContext.tsx\");\nvar _FormControl = _interopRequireDefault(__webpack_require__(/*! ../FormControl */ \"./src/FormControl/index.tsx\"));\nvar _FormControlLabel = _interopRequireDefault(__webpack_require__(/*! ../FormControlLabel */ \"./src/FormControlLabel/index.tsx\"));\nvar _FormErrorMessage = _interopRequireDefault(__webpack_require__(/*! ../FormErrorMessage */ \"./src/FormErrorMessage/index.tsx\"));\nvar _FormGroup = _interopRequireDefault(__webpack_require__(/*! ../FormGroup */ \"./src/FormGroup/index.tsx\"));\nvar _FormHelpText = _interopRequireDefault(__webpack_require__(/*! ../FormHelpText */ \"./src/FormHelpText/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _useSchemaModel2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useSchemaModel */ \"./src/Form/hooks/useSchemaModel.ts\"));\nvar _useFormValidate2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFormValidate */ \"./src/Form/hooks/useFormValidate.ts\"));\nvar _useFormValue2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFormValue */ \"./src/Form/hooks/useFormValue.ts\"));\nvar _useFormClassNames = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFormClassNames */ \"./src/Form/hooks/useFormClassNames.ts\"));\nvar _useFormRef = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFormRef */ \"./src/Form/hooks/useFormRef.ts\"));\nvar _excluded = [\"checkTrigger\", \"classPrefix\", \"errorFromContext\", \"formDefaultValue\", \"formValue\", \"formError\", \"fluid\", \"nestedField\", \"layout\", \"model\", \"readOnly\", \"plaintext\", \"className\", \"children\", \"disabled\", \"onSubmit\", \"onReset\", \"onCheck\", \"onError\", \"onChange\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Form/Form.tsx\",\n  _this = void 0;\nvar defaultSchema = (0, _schemaTyped.SchemaModel)({});\n\n/**\n * The `Form` component is a form interface for collecting and validating user input.\n * @see https://rsuitejs.com/components/form\n */\nvar Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$checkTrigger = props.checkTrigger,\n    checkTrigger = _props$checkTrigger === void 0 ? 'change' : _props$checkTrigger,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'form' : _props$classPrefix,\n    _props$errorFromConte = props.errorFromContext,\n    errorFromContext = _props$errorFromConte === void 0 ? true : _props$errorFromConte,\n    _props$formDefaultVal = props.formDefaultValue,\n    formDefaultValue = _props$formDefaultVal === void 0 ? {} : _props$formDefaultVal,\n    controlledFormValue = props.formValue,\n    controlledFormError = props.formError,\n    fluid = props.fluid,\n    _props$nestedField = props.nestedField,\n    nestedField = _props$nestedField === void 0 ? false : _props$nestedField,\n    _props$layout = props.layout,\n    layout = _props$layout === void 0 ? 'vertical' : _props$layout,\n    _props$model = props.model,\n    formModel = _props$model === void 0 ? defaultSchema : _props$model,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    className = props.className,\n    children = props.children,\n    disabled = props.disabled,\n    onSubmit = props.onSubmit,\n    onReset = props.onReset,\n    onCheck = props.onCheck,\n    onError = props.onError,\n    onChange = props.onChange,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useSchemaModel = (0, _useSchemaModel2.default)(formModel, nestedField),\n    getCombinedModel = _useSchemaModel.getCombinedModel,\n    pushFieldRule = _useSchemaModel.pushFieldRule,\n    removeFieldRule = _useSchemaModel.removeFieldRule;\n  var _useFormValue = (0, _useFormValue2.default)(controlledFormValue, {\n      formDefaultValue: formDefaultValue,\n      nestedField: nestedField\n    }),\n    formValue = _useFormValue.formValue,\n    onRemoveValue = _useFormValue.onRemoveValue,\n    setFieldValue = _useFormValue.setFieldValue,\n    resetFormValue = _useFormValue.resetFormValue;\n  var formValidateProps = {\n    formValue: formValue,\n    getCombinedModel: getCombinedModel,\n    onCheck: onCheck,\n    onError: onError,\n    nestedField: nestedField\n  };\n  var _useFormValidate = (0, _useFormValidate2.default)(controlledFormError, formValidateProps),\n    formError = _useFormValidate.formError,\n    onRemoveError = _useFormValidate.onRemoveError,\n    check = _useFormValidate.check,\n    checkAsync = _useFormValidate.checkAsync,\n    checkForField = _useFormValidate.checkForField,\n    checkFieldForNextValue = _useFormValidate.checkFieldForNextValue,\n    checkForFieldAsync = _useFormValidate.checkForFieldAsync,\n    checkFieldAsyncForNextValue = _useFormValidate.checkFieldAsyncForNextValue,\n    cleanErrors = _useFormValidate.cleanErrors,\n    resetErrors = _useFormValidate.resetErrors,\n    cleanErrorForField = _useFormValidate.cleanErrorForField;\n  var classes = (0, _useFormClassNames.default)({\n    classPrefix: classPrefix,\n    className: className,\n    fluid: fluid,\n    layout: layout,\n    readOnly: readOnly,\n    plaintext: plaintext,\n    disabled: disabled\n  });\n  var submit = (0, _hooks.useEventCallback)(function (event) {\n    // Check the form before submitting\n    if (check()) {\n      onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(formValue, event);\n    }\n  });\n  var reset = (0, _hooks.useEventCallback)(function (event) {\n    resetErrors();\n    onReset === null || onReset === void 0 ? void 0 : onReset(resetFormValue(), event);\n  });\n  var handleSubmit = (0, _hooks.useEventCallback)(function (event) {\n    var _event$preventDefault, _event$stopPropagatio;\n    event === null || event === void 0 ? void 0 : (_event$preventDefault = event.preventDefault) === null || _event$preventDefault === void 0 ? void 0 : _event$preventDefault.call(event);\n    event === null || event === void 0 ? void 0 : (_event$stopPropagatio = event.stopPropagation) === null || _event$stopPropagatio === void 0 ? void 0 : _event$stopPropagatio.call(event);\n\n    // Prevent submission when the form is disabled, readOnly, or plaintext\n    if (disabled || readOnly || plaintext) {\n      return;\n    }\n    submit();\n  });\n  var handleReset = (0, _hooks.useEventCallback)(function (event) {\n    var _event$preventDefault2, _event$stopPropagatio2;\n    event === null || event === void 0 ? void 0 : (_event$preventDefault2 = event.preventDefault) === null || _event$preventDefault2 === void 0 ? void 0 : _event$preventDefault2.call(event);\n    event === null || event === void 0 ? void 0 : (_event$stopPropagatio2 = event.stopPropagation) === null || _event$stopPropagatio2 === void 0 ? void 0 : _event$stopPropagatio2.call(event);\n\n    // Prevent reset when the form is disabled, readOnly, or plaintext\n    if (disabled || readOnly || plaintext) {\n      return;\n    }\n    reset(event);\n  });\n  var imperativeMethods = {\n    check: check,\n    checkForField: checkForField,\n    checkAsync: checkAsync,\n    checkForFieldAsync: checkForFieldAsync,\n    cleanErrors: cleanErrors,\n    cleanErrorForField: cleanErrorForField,\n    reset: reset,\n    resetErrors: resetErrors,\n    submit: submit\n  };\n  var formRef = (0, _useFormRef.default)(ref, {\n    imperativeMethods: imperativeMethods\n  });\n  var removeFieldValue = (0, _hooks.useEventCallback)(function (name) {\n    var formValue = onRemoveValue(name);\n    onChange === null || onChange === void 0 ? void 0 : onChange(formValue);\n  });\n  var removeFieldError = (0, _hooks.useEventCallback)(function (name) {\n    onRemoveError(name);\n  });\n  var onFieldChange = (0, _hooks.useEventCallback)(function (name, value, event) {\n    var nextFormValue = setFieldValue(name, value);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextFormValue, event);\n  });\n  var formContextValue = {\n    errorFromContext: errorFromContext,\n    checkTrigger: checkTrigger,\n    plaintext: plaintext,\n    readOnly: readOnly,\n    disabled: disabled,\n    formError: formError,\n    nestedField: nestedField,\n    pushFieldRule: pushFieldRule,\n    removeFieldValue: removeFieldValue,\n    removeFieldError: removeFieldError,\n    removeFieldRule: removeFieldRule,\n    onFieldChange: onFieldChange,\n    checkFieldForNextValue: checkFieldForNextValue,\n    checkFieldAsyncForNextValue: checkFieldAsyncForNextValue\n  };\n  return /*#__PURE__*/_react.default.createElement(\"form\", (0, _extends2.default)({}, rest, {\n    ref: formRef,\n    onSubmit: handleSubmit,\n    onReset: handleReset,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 288,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(_FormContext.FormProvider, {\n    value: formContextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 289,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_FormContext.FormValueProvider, {\n    value: formValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 290,\n      columnNumber: 9\n    }\n  }, children)));\n});\nForm.Control = _FormControl.default;\nForm.ControlLabel = _FormControlLabel.default;\nForm.ErrorMessage = _FormErrorMessage.default;\nForm.Group = _FormGroup.default;\nForm.HelpText = _FormHelpText.default;\nForm.displayName = 'Form';\nForm.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node,\n  errorFromContext: _propTypes.default.bool,\n  layout: (0, _propTypes2.oneOf)(['horizontal', 'vertical', 'inline']),\n  fluid: _propTypes.default.bool,\n  formValue: _propTypes.default.object,\n  formDefaultValue: _propTypes.default.object,\n  formError: _propTypes.default.object,\n  checkTrigger: (0, _propTypes2.oneOf)(['change', 'blur', 'none']),\n  onChange: _propTypes.default.func,\n  onError: _propTypes.default.func,\n  onCheck: _propTypes.default.func,\n  onSubmit: _propTypes.default.func,\n  model: _propTypes.default.any,\n  readOnly: _propTypes.default.bool,\n  plaintext: _propTypes.default.bool,\n  disabled: _propTypes.default.bool\n};\nvar _default = exports[\"default\"] = Form;\n\n//# sourceURL=webpack://rsuite/./src/Form/Form.tsx?");
 
 /***/ }),
 
@@ -7517,7 +7517,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\"] = useFormValidate;\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 = __webpack_require__(/*! react */ \"react\");\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _set = _interopRequireDefault(__webpack_require__(/*! lodash/set */ \"./node_modules/lodash/set.js\"));\nvar _hooks = __webpack_require__(/*! ../../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../../FormControl/utils */ \"./src/FormControl/utils.ts\");\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction useFormValidate(formError, props) {\n  var formValue = props.formValue,\n    getCombinedModel = props.getCombinedModel,\n    onCheck = props.onCheck,\n    onError = props.onError,\n    nestedField = props.nestedField;\n  var _useControlled = (0, _hooks.useControlled)(formError, {}),\n    realFormError = _useControlled[0],\n    setFormError = _useControlled[1];\n  var checkOptions = {\n    nestedObject: nestedField\n  };\n  var realFormErrorRef = (0, _react.useRef)(realFormError);\n  realFormErrorRef.current = realFormError;\n\n  /**\n   * Validate the form data and return a boolean.\n   * The error message after verification is returned in the callback.\n   * @param callback\n   */\n  var check = (0, _hooks.useEventCallback)(function (callback) {\n    var formError = {};\n    var errorCount = 0;\n    var model = getCombinedModel();\n    Object.keys(model.getSchemaSpec()).forEach(function (key) {\n      var checkResult = model.checkForField(key, formValue || {}, checkOptions);\n      if (checkResult.hasError === true) {\n        errorCount += 1;\n        formError[key] = (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult;\n      }\n    });\n    setFormError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n    callback === null || callback === void 0 ? void 0 : callback(formError);\n    if (errorCount > 0) {\n      onError === null || onError === void 0 ? void 0 : onError(formError);\n      return false;\n    }\n    return true;\n  });\n  var checkFieldForNextValue = (0, _hooks.useEventCallback)(function (fieldName, nextValue, callback) {\n    var model = getCombinedModel();\n    var resultOfCurrentField = model.checkForField(fieldName, nextValue, checkOptions);\n    var nextFormError = (0, _extends2.default)({}, formError);\n    /**\n     * when using proxy of schema-typed, we need to use getCheckResult to get all errors,\n     * but if nestedField is used, it is impossible to distinguish whether the nested object has an error here,\n     * so nestedField does not support proxy here\n     */\n    if (nestedField) {\n      nextFormError = (0, _set.default)(nextFormError, (0, _utils.nameToPath)(fieldName), resultOfCurrentField);\n      setFormError(nextFormError);\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);\n      callback === null || callback === void 0 ? void 0 : callback(resultOfCurrentField);\n      if (resultOfCurrentField.hasError) {\n        onError === null || onError === void 0 ? void 0 : onError(nextFormError);\n      }\n      return !resultOfCurrentField.hasError;\n    } else {\n      var allResults = model.getCheckResult();\n      var hasError = false;\n      Object.keys(allResults).forEach(function (key) {\n        var currentResult = allResults[key];\n        if (currentResult.hasError) {\n          nextFormError[key] = currentResult.errorMessage || currentResult;\n          hasError = true;\n        } else {\n          // eslint-disable-next-line @typescript-eslint/no-unused-vars\n          var _nextFormError = nextFormError,\n            _ = _nextFormError[key],\n            rest = (0, _objectWithoutPropertiesLoose2.default)(_nextFormError, [key].map(_toPropertyKey));\n          nextFormError = rest;\n        }\n      });\n      setFormError(nextFormError);\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);\n      callback === null || callback === void 0 ? void 0 : callback(resultOfCurrentField);\n      if (hasError) {\n        onError === null || onError === void 0 ? void 0 : onError(nextFormError);\n      }\n      return !hasError;\n    }\n  });\n  /**\n   * Check the data field\n   * @param fieldName\n   * @param callback\n   */\n  var checkForField = (0, _hooks.useEventCallback)(function (fieldName, callback) {\n    return checkFieldForNextValue(fieldName, formValue || {}, callback);\n  });\n\n  /**\n   * Check form data asynchronously and return a Promise\n   */\n  var checkAsync = (0, _hooks.useEventCallback)(function () {\n    var promises = [];\n    var keys = [];\n    var model = getCombinedModel();\n    Object.keys(model.getSchemaSpec()).forEach(function (key) {\n      keys.push(key);\n      promises.push(model.checkForFieldAsync(key, formValue || {}, checkOptions));\n    });\n    return Promise.all(promises).then(function (values) {\n      var formError = {};\n      var errorCount = 0;\n      for (var i = 0; i < values.length; i++) {\n        if (values[i].hasError) {\n          errorCount += 1;\n          formError[keys[i]] = values[i].errorMessage;\n        }\n      }\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n      setFormError(formError);\n      if (errorCount > 0) {\n        onError === null || onError === void 0 ? void 0 : onError(formError);\n      }\n      return {\n        hasError: errorCount > 0,\n        formError: formError\n      };\n    });\n  });\n  var checkFieldAsyncForNextValue = (0, _hooks.useEventCallback)(function (fieldName, nextValue) {\n    var model = getCombinedModel();\n    return model.checkForFieldAsync(fieldName, nextValue, checkOptions).then(function (resultOfCurrentField) {\n      var nextFormError = (0, _extends2.default)({}, formError);\n      /**\n       * when using proxy of schema-typed, we need to use getCheckResult to get all errors,\n       * but if nestedField is used, it is impossible to distinguish whether the nested object has an error here,\n       * so nestedField does not support proxy here\n       */\n\n      if (nestedField) {\n        nextFormError = (0, _set.default)(nextFormError, (0, _utils.nameToPath)(fieldName), resultOfCurrentField);\n        onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);\n        setFormError(nextFormError);\n        if (resultOfCurrentField.hasError) {\n          onError === null || onError === void 0 ? void 0 : onError(nextFormError);\n        }\n        return resultOfCurrentField;\n      } else {\n        var allResults = model.getCheckResult();\n        var hasError = false;\n        Object.keys(allResults).forEach(function (key) {\n          var currentResult = allResults[key];\n          if (currentResult.hasError) {\n            nextFormError[key] = currentResult.errorMessage || currentResult;\n            hasError = true;\n          } else {\n            // eslint-disable-next-line @typescript-eslint/no-unused-vars\n            var _nextFormError2 = nextFormError,\n              _ = _nextFormError2[key],\n              rest = (0, _objectWithoutPropertiesLoose2.default)(_nextFormError2, [key].map(_toPropertyKey));\n            nextFormError = rest;\n          }\n        });\n        setFormError(nextFormError);\n        onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);\n        if (hasError) {\n          onError === null || onError === void 0 ? void 0 : onError(nextFormError);\n        }\n        return resultOfCurrentField;\n      }\n    });\n  });\n\n  /**\n   * Asynchronously check form fields and return Promise\n   * @param fieldName\n   */\n  var checkForFieldAsync = (0, _hooks.useEventCallback)(function (fieldName) {\n    return checkFieldAsyncForNextValue(fieldName, formValue || {});\n  });\n  var onRemoveError = (0, _react.useCallback)(function (name) {\n    /**\n     * when this function is called when the children component is unmount,\n     * it's an old render frame so use Ref to get future error\n     */\n    var formError = (0, _omit.default)(realFormErrorRef.current, [nestedField ? (0, _utils.nameToPath)(name) : name]);\n    realFormErrorRef.current = formError;\n    setFormError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n    return formError;\n  }, [nestedField, onCheck, setFormError]);\n  var cleanErrors = (0, _hooks.useEventCallback)(function () {\n    setFormError({});\n  });\n  var resetErrors = (0, _hooks.useEventCallback)(function (formError) {\n    if (formError === void 0) {\n      formError = {};\n    }\n    setFormError(formError);\n  });\n  var cleanErrorForField = (0, _hooks.useEventCallback)(function (fieldName) {\n    setFormError((0, _omit.default)(formError, [nestedField ? (0, _utils.nameToPath)(fieldName) : fieldName]));\n  });\n  return {\n    formError: realFormError,\n    check: check,\n    checkForField: checkForField,\n    checkFieldForNextValue: checkFieldForNextValue,\n    checkAsync: checkAsync,\n    checkForFieldAsync: checkForFieldAsync,\n    checkFieldAsyncForNextValue: checkFieldAsyncForNextValue,\n    cleanErrors: cleanErrors,\n    resetErrors: resetErrors,\n    cleanErrorForField: cleanErrorForField,\n    onRemoveError: onRemoveError\n  };\n}\n\n//# sourceURL=webpack://rsuite/./src/Form/hooks/useFormValidate.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = useFormValidate;\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 = __webpack_require__(/*! react */ \"react\");\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _set = _interopRequireDefault(__webpack_require__(/*! lodash/set */ \"./node_modules/lodash/set.js\"));\nvar _hooks = __webpack_require__(/*! ../../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../../FormControl/utils */ \"./src/FormControl/utils.ts\");\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction useFormValidate(formError, props) {\n  var formValue = props.formValue,\n    getCombinedModel = props.getCombinedModel,\n    onCheck = props.onCheck,\n    onError = props.onError,\n    nestedField = props.nestedField;\n  var _useControlled = (0, _hooks.useControlled)(formError, {}),\n    realFormError = _useControlled[0],\n    setFormError = _useControlled[1];\n  var checkOptions = {\n    nestedObject: nestedField\n  };\n  var realFormErrorRef = (0, _react.useRef)(realFormError);\n  realFormErrorRef.current = realFormError;\n\n  /**\n   * Validate the form data and return a boolean.\n   * The error message after verification is returned in the callback.\n   * @param callback\n   */\n  var check = (0, _hooks.useEventCallback)(function (callback) {\n    var formError = {};\n    var errorCount = 0;\n    var model = getCombinedModel();\n    var checkField = function checkField(key, type, value, formErrorObj) {\n      var checkResult = type.check(value);\n      if (checkResult.hasError === true) {\n        errorCount += 1;\n        formErrorObj[key] = (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult;\n      }\n\n      // Check nested object\n      if (type !== null && type !== void 0 && type.objectTypeSchemaSpec) {\n        Object.entries(type.objectTypeSchemaSpec).forEach(function (_ref) {\n          var nestedKey = _ref[0],\n            nestedType = _ref[1];\n          formErrorObj[key] = formErrorObj[key] || {\n            object: {}\n          };\n          checkField(nestedKey, nestedType, value === null || value === void 0 ? void 0 : value[nestedKey], formErrorObj[key].object);\n        });\n      }\n    };\n    Object.entries(model.getSchemaSpec()).forEach(function (_ref2) {\n      var key = _ref2[0],\n        type = _ref2[1];\n      checkField(key, type, formValue[key], formError);\n    });\n    setFormError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n    callback === null || callback === void 0 ? void 0 : callback(formError);\n    if (errorCount > 0) {\n      onError === null || onError === void 0 ? void 0 : onError(formError);\n      return false;\n    }\n    return true;\n  });\n  var checkFieldForNextValue = (0, _hooks.useEventCallback)(function (fieldName, nextValue, callback) {\n    var model = getCombinedModel();\n    var resultOfCurrentField = model.checkForField(fieldName, nextValue, checkOptions);\n    var nextFormError = (0, _extends2.default)({}, formError);\n    /**\n     * when using proxy of schema-typed, we need to use getCheckResult to get all errors,\n     * but if nestedField is used, it is impossible to distinguish whether the nested object has an error here,\n     * so nestedField does not support proxy here\n     */\n    if (nestedField) {\n      nextFormError = (0, _set.default)(nextFormError, (0, _utils.nameToPath)(fieldName), resultOfCurrentField);\n      setFormError(nextFormError);\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);\n      callback === null || callback === void 0 ? void 0 : callback(resultOfCurrentField);\n      if (resultOfCurrentField.hasError) {\n        onError === null || onError === void 0 ? void 0 : onError(nextFormError);\n      }\n      return !resultOfCurrentField.hasError;\n    } else {\n      var allResults = model.getCheckResult();\n      var hasError = false;\n      Object.keys(allResults).forEach(function (key) {\n        var currentResult = allResults[key];\n        if (currentResult.hasError) {\n          nextFormError[key] = currentResult.errorMessage || currentResult;\n          hasError = true;\n        } else {\n          // eslint-disable-next-line @typescript-eslint/no-unused-vars\n          var _nextFormError = nextFormError,\n            _ = _nextFormError[key],\n            rest = (0, _objectWithoutPropertiesLoose2.default)(_nextFormError, [key].map(_toPropertyKey));\n          nextFormError = rest;\n        }\n      });\n      setFormError(nextFormError);\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);\n      callback === null || callback === void 0 ? void 0 : callback(resultOfCurrentField);\n      if (hasError) {\n        onError === null || onError === void 0 ? void 0 : onError(nextFormError);\n      }\n      return !hasError;\n    }\n  });\n  /**\n   * Check the data field\n   * @param fieldName\n   * @param callback\n   */\n  var checkForField = (0, _hooks.useEventCallback)(function (fieldName, callback) {\n    return checkFieldForNextValue(fieldName, formValue || {}, callback);\n  });\n\n  /**\n   * Check form data asynchronously and return a Promise\n   */\n  var checkAsync = (0, _hooks.useEventCallback)(function () {\n    var promises = [];\n    var keys = [];\n    var model = getCombinedModel();\n    Object.keys(model.getSchemaSpec()).forEach(function (key) {\n      keys.push(key);\n      promises.push(model.checkForFieldAsync(key, formValue || {}, checkOptions));\n    });\n    return Promise.all(promises).then(function (values) {\n      var formError = {};\n      var errorCount = 0;\n      for (var i = 0; i < values.length; i++) {\n        if (values[i].hasError) {\n          errorCount += 1;\n          formError[keys[i]] = values[i].errorMessage;\n        }\n      }\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n      setFormError(formError);\n      if (errorCount > 0) {\n        onError === null || onError === void 0 ? void 0 : onError(formError);\n      }\n      return {\n        hasError: errorCount > 0,\n        formError: formError\n      };\n    });\n  });\n  var checkFieldAsyncForNextValue = (0, _hooks.useEventCallback)(function (fieldName, nextValue) {\n    var model = getCombinedModel();\n    return model.checkForFieldAsync(fieldName, nextValue, checkOptions).then(function (resultOfCurrentField) {\n      var nextFormError = (0, _extends2.default)({}, formError);\n      /**\n       * when using proxy of schema-typed, we need to use getCheckResult to get all errors,\n       * but if nestedField is used, it is impossible to distinguish whether the nested object has an error here,\n       * so nestedField does not support proxy here\n       */\n\n      if (nestedField) {\n        nextFormError = (0, _set.default)(nextFormError, (0, _utils.nameToPath)(fieldName), resultOfCurrentField);\n        onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);\n        setFormError(nextFormError);\n        if (resultOfCurrentField.hasError) {\n          onError === null || onError === void 0 ? void 0 : onError(nextFormError);\n        }\n        return resultOfCurrentField;\n      } else {\n        var allResults = model.getCheckResult();\n        var hasError = false;\n        Object.keys(allResults).forEach(function (key) {\n          var currentResult = allResults[key];\n          if (currentResult.hasError) {\n            nextFormError[key] = currentResult.errorMessage || currentResult;\n            hasError = true;\n          } else {\n            // eslint-disable-next-line @typescript-eslint/no-unused-vars\n            var _nextFormError2 = nextFormError,\n              _ = _nextFormError2[key],\n              rest = (0, _objectWithoutPropertiesLoose2.default)(_nextFormError2, [key].map(_toPropertyKey));\n            nextFormError = rest;\n          }\n        });\n        setFormError(nextFormError);\n        onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);\n        if (hasError) {\n          onError === null || onError === void 0 ? void 0 : onError(nextFormError);\n        }\n        return resultOfCurrentField;\n      }\n    });\n  });\n\n  /**\n   * Asynchronously check form fields and return Promise\n   * @param fieldName\n   */\n  var checkForFieldAsync = (0, _hooks.useEventCallback)(function (fieldName) {\n    return checkFieldAsyncForNextValue(fieldName, formValue || {});\n  });\n  var onRemoveError = (0, _react.useCallback)(function (name) {\n    /**\n     * when this function is called when the children component is unmount,\n     * it's an old render frame so use Ref to get future error\n     */\n    var formError = (0, _omit.default)(realFormErrorRef.current, [nestedField ? (0, _utils.nameToPath)(name) : name]);\n    realFormErrorRef.current = formError;\n    setFormError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n    return formError;\n  }, [nestedField, onCheck, setFormError]);\n  var cleanErrors = (0, _hooks.useEventCallback)(function () {\n    setFormError({});\n  });\n  var resetErrors = (0, _hooks.useEventCallback)(function (formError) {\n    if (formError === void 0) {\n      formError = {};\n    }\n    setFormError(formError);\n  });\n  var cleanErrorForField = (0, _hooks.useEventCallback)(function (fieldName) {\n    setFormError((0, _omit.default)(formError, [nestedField ? (0, _utils.nameToPath)(fieldName) : fieldName]));\n  });\n  return {\n    formError: realFormError,\n    check: check,\n    checkForField: checkForField,\n    checkFieldForNextValue: checkFieldForNextValue,\n    checkAsync: checkAsync,\n    checkForFieldAsync: checkForFieldAsync,\n    checkFieldAsyncForNextValue: checkFieldAsyncForNextValue,\n    cleanErrors: cleanErrors,\n    resetErrors: resetErrors,\n    cleanErrorForField: cleanErrorForField,\n    onRemoveError: onRemoveError\n  };\n}\n\n//# sourceURL=webpack://rsuite/./src/Form/hooks/useFormValidate.ts?");
 
 /***/ }),
 
@@ -7539,7 +7539,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _schemaTyped = __webpack_require__(/*! schema-typed */ \"./node_modules/schema-typed/es/index.js\");\nvar _react = __webpack_require__(/*! react */ \"react\");\nfunction useSchemaModel(formModel) {\n  var subRulesRef = (0, _react.useRef)([]);\n  var pushFieldRule = (0, _react.useCallback)(function (name, fieldRule) {\n    subRulesRef.current.push({\n      name: name,\n      fieldRule: fieldRule\n    });\n  }, []);\n  var removeFieldRule = (0, _react.useCallback)(function (name) {\n    var index = subRulesRef.current.findIndex(function (v) {\n      return v.name === name;\n    });\n    subRulesRef.current.splice(index, 1);\n  }, []);\n  var getCombinedModel = (0, _react.useCallback)(function () {\n    var realSubRules = subRulesRef.current.filter(function (v) {\n      return Boolean(v.fieldRule.current);\n    });\n\n    // If there is no sub rule, return the original form model\n    if (realSubRules.length === 0) {\n      return formModel;\n    }\n    return _schemaTyped.SchemaModel.combine(formModel, (0, _schemaTyped.SchemaModel)(realSubRules.map(function (_ref) {\n      var _ref2;\n      var name = _ref.name,\n        fieldRule = _ref.fieldRule;\n      return _ref2 = {}, _ref2[name] = fieldRule.current, _ref2;\n    }).reduce(function (a, b) {\n      return Object.assign(a, b);\n    }, {})));\n  }, [formModel]);\n  return {\n    getCombinedModel: getCombinedModel,\n    pushFieldRule: pushFieldRule,\n    removeFieldRule: removeFieldRule\n  };\n}\nvar _default = exports[\"default\"] = useSchemaModel;\n\n//# sourceURL=webpack://rsuite/./src/Form/hooks/useSchemaModel.ts?");
+eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _schemaTyped = __webpack_require__(/*! schema-typed */ \"./node_modules/schema-typed/es/index.js\");\nvar _react = __webpack_require__(/*! react */ \"react\");\n/**\n * Convert a flat schema object to a nested schema object\n *\n * @example\n *\n * ```js\n * const schema = {\n *  'address.city': StringType().isRequired('City is required'),\n *  'address.street': StringType().isRequired('Street is required')\n * };\n *\n * const result = unflattenSchemaObject(schema);\n *\n * // result\n * {\n *    address: ObjectType().shape({\n *      city: StringType().isRequired('City is required'),\n *      street: StringType().isRequired('Street is required')\n *    })\n * }\n * ```\n */\nfunction unflattenSchemaObject(schema) {\n  var result = {};\n  var $type = Symbol('schema-type');\n  Object.keys(schema).forEach(function (key) {\n    if (key.includes('.')) {\n      var keys = key.split('.');\n      var lastKey = keys.pop() || '';\n      var current = result;\n      keys.forEach(function (subKey) {\n        var _ref;\n        current[subKey] = current[subKey] || (_ref = {}, _ref[$type] = 'object-type', _ref);\n        current = current[subKey];\n      });\n      current[lastKey] = schema[key];\n    } else {\n      result[key] = schema[key];\n    }\n  });\n  function convertToShape(obj) {\n    Object.keys(obj).forEach(function (key) {\n      var _obj$key;\n      if (((_obj$key = obj[key]) === null || _obj$key === void 0 ? void 0 : _obj$key[$type]) === 'object-type') {\n        delete obj[key][$type];\n        obj[key] = (0, _schemaTyped.ObjectType)().shape(convertToShape(obj[key]));\n      }\n    });\n    return obj;\n  }\n  return convertToShape(result);\n}\nfunction useSchemaModel(formModel, nestedField) {\n  var subRulesRef = (0, _react.useRef)([]);\n  var pushFieldRule = (0, _react.useCallback)(function (name, fieldRule) {\n    subRulesRef.current.push({\n      name: name,\n      fieldRule: fieldRule\n    });\n  }, []);\n  var removeFieldRule = (0, _react.useCallback)(function (name) {\n    var index = subRulesRef.current.findIndex(function (v) {\n      return v.name === name;\n    });\n    subRulesRef.current.splice(index, 1);\n  }, []);\n  var getCombinedModel = (0, _react.useCallback)(function () {\n    var realSubRules = subRulesRef.current.filter(function (v) {\n      return Boolean(v.fieldRule.current);\n    });\n\n    // If there is no sub rule, return the original form model\n    if (realSubRules.length === 0) {\n      return formModel;\n    }\n    var subRuleObject = realSubRules.map(function (_ref2) {\n      var _ref3;\n      var name = _ref2.name,\n        fieldRule = _ref2.fieldRule;\n      return _ref3 = {}, _ref3[name] = fieldRule.current, _ref3;\n    }).reduce(function (a, b) {\n      return Object.assign(a, b);\n    }, {});\n    return _schemaTyped.SchemaModel.combine(formModel, (0, _schemaTyped.SchemaModel)(nestedField ? unflattenSchemaObject(subRuleObject) : subRuleObject));\n  }, [formModel, nestedField]);\n  return {\n    getCombinedModel: getCombinedModel,\n    pushFieldRule: pushFieldRule,\n    removeFieldRule: removeFieldRule\n  };\n}\nvar _default = exports[\"default\"] = useSchemaModel;\n\n//# sourceURL=webpack://rsuite/./src/Form/hooks/useSchemaModel.ts?");
 
 /***/ }),
 
@@ -7572,7 +7572,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _get = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\nvar _set = _interopRequireDefault(__webpack_require__(/*! lodash/set */ \"./node_modules/lodash/set.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/FormControl/utils.ts\");\nfunction getErrorMessage(error) {\n  var _error$array;\n  /**\n   * When using some components as the field, such as TagInput, and using `ArrayType().of` as the validation rule,\n   * the error object won't contain the errorMessage directly. @see https://github.com/rsuite/rsuite/issues/3866\n   */\n  if (error !== null && error !== void 0 && error.array && ((_error$array = error.array) === null || _error$array === void 0 ? void 0 : _error$array.length) > 0) {\n    return error.array[0].errorMessage;\n  }\n  return error === null || error === void 0 ? void 0 : error.errorMessage;\n}\nfunction useField(props) {\n  var name = props.name,\n    formValue = props.formValue,\n    formError = props.formError,\n    value = props.value,\n    nestedField = props.nestedField,\n    errorMessage = props.errorMessage,\n    errorFromContext = props.errorFromContext;\n  var fieldValue = (0, _react.useMemo)(function () {\n    if (typeof value !== 'undefined') {\n      return value;\n    }\n    return nestedField ? (0, _get.default)(formValue, name) : formValue === null || formValue === void 0 ? void 0 : formValue[name];\n  }, [formValue, name, nestedField, value]);\n  var fieldError = (0, _react.useMemo)(function () {\n    if (typeof errorMessage !== 'undefined' || !errorFromContext) {\n      return errorMessage;\n    }\n    if (nestedField) {\n      return getErrorMessage((0, _get.default)(formError, (0, _utils.nameToPath)(name)));\n    }\n    var fieldError = formError === null || formError === void 0 ? void 0 : formError[name];\n    if (typeof fieldError === 'string') {\n      return fieldError;\n    }\n    return getErrorMessage(fieldError);\n  }, [errorFromContext, errorMessage, formError, name, nestedField]);\n  var setFieldValue = (0, _react.useCallback)(function (fieldName, fieldValue) {\n    var _extends2;\n    if (nestedField) {\n      return (0, _set.default)((0, _extends3.default)({}, formValue), fieldName, fieldValue);\n    }\n    return (0, _extends3.default)({}, formValue, (_extends2 = {}, _extends2[fieldName] = fieldValue, _extends2));\n  }, [formValue, nestedField]);\n  return {\n    fieldValue: fieldValue,\n    fieldError: fieldError,\n    setFieldValue: setFieldValue\n  };\n}\nvar _default = exports[\"default\"] = useField;\n\n//# sourceURL=webpack://rsuite/./src/FormControl/hooks/useField.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _get = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\nvar _set = _interopRequireDefault(__webpack_require__(/*! lodash/set */ \"./node_modules/lodash/set.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/FormControl/utils.ts\");\nfunction getErrorMessage(error) {\n  var _error$array;\n  if (typeof error === 'string') {\n    return error;\n  }\n\n  /**\n   * When using some components as the field, such as TagInput, and using `ArrayType().of` as the validation rule,\n   * the error object won't contain the errorMessage directly. @see https://github.com/rsuite/rsuite/issues/3866\n   */\n  if (error !== null && error !== void 0 && error.array && ((_error$array = error.array) === null || _error$array === void 0 ? void 0 : _error$array.length) > 0) {\n    return error.array[0].errorMessage;\n  }\n  return error === null || error === void 0 ? void 0 : error.errorMessage;\n}\nfunction useField(props) {\n  var name = props.name,\n    formValue = props.formValue,\n    formError = props.formError,\n    value = props.value,\n    nestedField = props.nestedField,\n    errorMessage = props.errorMessage,\n    errorFromContext = props.errorFromContext;\n  var fieldValue = (0, _react.useMemo)(function () {\n    if (typeof value !== 'undefined') {\n      return value;\n    }\n    return nestedField ? (0, _get.default)(formValue, name) : formValue === null || formValue === void 0 ? void 0 : formValue[name];\n  }, [formValue, name, nestedField, value]);\n  var fieldError = (0, _react.useMemo)(function () {\n    if (typeof errorMessage !== 'undefined' || !errorFromContext) {\n      return errorMessage;\n    }\n    if (nestedField) {\n      return getErrorMessage((0, _get.default)(formError, (0, _utils.nameToPath)(name)));\n    }\n    var fieldError = formError === null || formError === void 0 ? void 0 : formError[name];\n    if (typeof fieldError === 'string') {\n      return fieldError;\n    }\n    return getErrorMessage(fieldError);\n  }, [errorFromContext, errorMessage, formError, name, nestedField]);\n  var setFieldValue = (0, _react.useCallback)(function (fieldName, fieldValue) {\n    var _extends2;\n    if (nestedField) {\n      return (0, _set.default)((0, _extends3.default)({}, formValue), fieldName, fieldValue);\n    }\n    return (0, _extends3.default)({}, formValue, (_extends2 = {}, _extends2[fieldName] = fieldValue, _extends2));\n  }, [formValue, nestedField]);\n  return {\n    fieldValue: fieldValue,\n    fieldError: fieldError,\n    setFieldValue: setFieldValue\n  };\n}\nvar _default = exports[\"default\"] = useField;\n\n//# sourceURL=webpack://rsuite/./src/FormControl/hooks/useField.ts?");
 
 /***/ }),
 
@@ -11433,7 +11433,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.ReactChildren = void 0;\nexports.count = count;\nexports[\"default\"] = void 0;\nexports.find = find;\nexports.isFragment = isFragment;\nexports.map = map;\nexports.mapCloneElement = mapCloneElement;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n/**\n * Returns the type of the given object.\n * @param object - The object to check.\n * @returns The type of the object.\n */\nfunction typeOf(object) {\n  if (typeof object === 'object' && object !== null) {\n    return object.type || object.$$typeof;\n  }\n}\n\n/**\n * Checks if the given children is a React fragment.\n * @param children - The children to check.\n * @returns True if the children is a React fragment, false otherwise.\n */\nfunction isFragment(children) {\n  return _react.default.Children.count(children) === 1 && typeOf(children) === Symbol.for('react.fragment');\n}\n\n/**\n * Flattens the given children into an array.\n * @param children - The children to flatten.\n * @returns The flattened array of children.\n */\nfunction flatChildren(children) {\n  return _react.default.Children.toArray(_react.default.Children.map(children, function (child) {\n    if (isFragment(child)) {\n      var _child$props;\n      return _react.default.Children.toArray(((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.children) || []);\n    }\n    return child;\n  }));\n}\n\n/**\n * Finds the first child that satisfies the given condition.\n * @param children - The children to search.\n * @param func - The condition function.\n * @param context - The context to use for the condition function.\n * @returns The first child that satisfies the condition, or undefined if no child is found.\n */\nfunction find(children, func, context) {\n  var index = 0;\n  var result;\n  _react.default.Children.forEach(flatChildren(children), function (child) {\n    if (result) {\n      return;\n    }\n    index += 1;\n    if (func.call(context, child, index)) {\n      result = child;\n    }\n  });\n  return result;\n}\n\n/**\n * Maps over the children and applies the given function to each child.\n * @param children - The children to map over.\n * @param func - The function to apply to each child.\n * @param context - The context to use for the function.\n * @returns An array of the results of applying the function to each child.\n */\nfunction map(children, func, context) {\n  var index = 0;\n  return _react.default.Children.map(flatChildren(children), function (child) {\n    if (! /*#__PURE__*/_react.default.isValidElement(child)) {\n      return child;\n    }\n    var handle = func.call(context, child, index);\n    index += 1;\n    return handle;\n  });\n}\n\n/**\n * Maps over the children and clones each child element with the provided props.\n * @param children - The children to clone and map over.\n * @param func - The function to apply to each child element.\n * @param context - The context to use for the function.\n * @returns An array of the cloned and modified child elements.\n */\nfunction mapCloneElement(children, func, context) {\n  return map(children, function (child, index) {\n    return /*#__PURE__*/_react.default.cloneElement(child, (0, _extends2.default)({\n      key: index\n    }, func(child, index)));\n  }, context);\n}\n\n/**\n * Returns the number of children.\n * @param children - The children to count.\n * @returns The number of children.\n */\nfunction count(children) {\n  return _react.default.Children.count(flatChildren(children));\n}\n\n/**\n * Checks if any child satisfies the given condition.\n * @param children - The children to check.\n * @param func - The condition function.\n * @param context - The context to use for the condition function.\n * @returns True if any child satisfies the condition, false otherwise.\n */\nfunction some(children, func, context) {\n  var index = 0;\n  var result = false;\n  _react.default.Children.forEach(flatChildren(children), function (child) {\n    if (result) {\n      return;\n    }\n    if (! /*#__PURE__*/_react.default.isValidElement(child)) {\n      return;\n    }\n\n    /* eslint-disable */\n    if (func.call(context, child, index += 1)) {\n      result = true;\n    }\n  });\n  return result;\n}\n\n/**\n * Utility functions for working with React children.\n */\nvar ReactChildren = exports.ReactChildren = {\n  /**\n   * Maps over the children and clones each child element with the provided props.\n   */\n  mapCloneElement: mapCloneElement,\n  /**\n   * Returns the number of children.\n   */\n  count: count,\n  /**\n   * Checks if any child satisfies the given condition.\n   */\n  some: some,\n  /**\n   * Maps over the children and applies the given function to each child.\n   */\n  map: map,\n  /**\n   * Finds the first child that satisfies the given condition.\n   */\n  find: find\n};\nvar _default = exports[\"default\"] = ReactChildren;\n\n//# sourceURL=webpack://rsuite/./src/internals/utils/ReactChildren.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.ReactChildren = void 0;\nexports.count = count;\nexports[\"default\"] = void 0;\nexports.find = find;\nexports.forEach = forEach;\nexports.isFragment = isFragment;\nexports.map = map;\nexports.mapCloneElement = mapCloneElement;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n/**\n * Returns the type of the given object.\n * @param object - The object to check.\n * @returns The type of the object.\n */\nfunction typeOf(object) {\n  if (typeof object === 'object' && object !== null) {\n    return object.type || object.$$typeof;\n  }\n}\n\n/**\n * Checks if the given children is a React fragment.\n * @param children - The children to check.\n * @returns True if the children is a React fragment, false otherwise.\n */\nfunction isFragment(children) {\n  return _react.default.Children.count(children) === 1 && typeOf(children) === Symbol.for('react.fragment');\n}\n\n/**\n * Flattens the given children into an array.\n * @param children - The children to flatten.\n * @returns The flattened array of children.\n */\nfunction flatChildren(children) {\n  return _react.default.Children.toArray(_react.default.Children.map(children, function (child) {\n    if (isFragment(child)) {\n      var _child$props;\n      return _react.default.Children.toArray(((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.children) || []);\n    }\n    return child;\n  }));\n}\n\n/**\n * Finds the first child that satisfies the given condition.\n * @param children - The children to search.\n * @param func - The condition function.\n * @param context - The context to use for the condition function.\n * @returns The first child that satisfies the condition, or undefined if no child is found.\n */\nfunction find(children, func, context) {\n  var index = 0;\n  var result;\n  _react.default.Children.forEach(flatChildren(children), function (child) {\n    if (result) {\n      return;\n    }\n    index += 1;\n    if (func.call(context, child, index)) {\n      result = child;\n    }\n  });\n  return result;\n}\n\n/**\n * Maps over the children and applies the given function to each child.\n * @param children - The children to map over.\n * @param func - The function to apply to each child.\n * @param context - The context to use for the function.\n * @returns An array of the results of applying the function to each child.\n */\nfunction map(children, func, context) {\n  var index = 0;\n  return _react.default.Children.map(flatChildren(children), function (child) {\n    if (! /*#__PURE__*/_react.default.isValidElement(child)) {\n      return child;\n    }\n    var handle = func.call(context, child, index);\n    index += 1;\n    return handle;\n  });\n}\n\n/**\n * Maps over the children and clones each child element with the provided props.\n * @param children - The children to clone and map over.\n * @param func - The function to apply to each child element.\n * @param context - The context to use for the function.\n * @returns An array of the cloned and modified child elements.\n */\nfunction mapCloneElement(children, func, context) {\n  return map(children, function (child, index) {\n    return /*#__PURE__*/_react.default.cloneElement(child, (0, _extends2.default)({\n      key: index\n    }, func(child, index)));\n  }, context);\n}\n\n/**\n * Iterates over children that are in flat array form.\n * @param children\n * @param func\n * @param context\n */\nfunction forEach(children, func, context) {\n  var index = 0;\n  _react.default.Children.forEach(flatChildren(children), function (child) {\n    if (! /*#__PURE__*/_react.default.isValidElement(child)) {\n      return;\n    }\n    func.call(context, child, index);\n    index += 1;\n  });\n}\n\n/**\n * Returns the number of children.\n * @param children - The children to count.\n * @returns The number of children.\n */\nfunction count(children) {\n  return _react.default.Children.count(flatChildren(children));\n}\n\n/**\n * Checks if any child satisfies the given condition.\n * @param children - The children to check.\n * @param func - The condition function.\n * @param context - The context to use for the condition function.\n * @returns True if any child satisfies the condition, false otherwise.\n */\nfunction some(children, func, context) {\n  var index = 0;\n  var result = false;\n  _react.default.Children.forEach(flatChildren(children), function (child) {\n    if (result) {\n      return;\n    }\n    if (! /*#__PURE__*/_react.default.isValidElement(child)) {\n      return;\n    }\n\n    /* eslint-disable */\n    if (func.call(context, child, index += 1)) {\n      result = true;\n    }\n  });\n  return result;\n}\n\n/**\n * Utility functions for working with React children.\n */\nvar ReactChildren = exports.ReactChildren = {\n  /**\n   * Maps over the children and clones each child element with the provided props.\n   */\n  mapCloneElement: mapCloneElement,\n  /**\n   * Returns the number of children.\n   */\n  count: count,\n  /**\n   * Checks if any child satisfies the given condition.\n   */\n  some: some,\n  /**\n   * Maps over the children and applies the given function to each child.\n   */\n  map: map,\n  /**\n   * Iterates over children that are in flat array form.\n   */\n  forEach: forEach,\n  /**\n   * Finds the first child that satisfies the given condition.\n   */\n  find: find\n};\nvar _default = exports[\"default\"] = ReactChildren;\n\n//# sourceURL=webpack://rsuite/./src/internals/utils/ReactChildren.tsx?");
 
 /***/ }),