rsuite 5.73.1 → 5.74.0-beta.0

package/cjs/Drawer/Drawer.js

@@ -13,6 +13,7 @@ var _Modal = _interopRequireDefault(require("../Modal"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
+var _CustomProvider = require("../CustomProvider");
 var _DrawerBody = _interopRequireDefault(require("./DrawerBody"));
 var _DrawerHeader = _interopRequireDefault(require("./DrawerHeader"));
 var _DrawerActions = _interopRequireDefault(require("./DrawerActions"));
@@ -24,16 +25,18 @@ var _excluded = ["className", "placement", "classPrefix", "animation", "closeBut
  * @see https://rsuitejs.com/components/drawer
  */
 var Drawer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var className = props.className,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'right' : _props$placement,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'drawer' : _props$classPrefix,
-    _props$animation = props.animation,
-    animation = _props$animation === void 0 ? _Slide.default : _props$animation,
-    _props$closeButton = props.closeButton,
-    closeButton = _props$closeButton === void 0 ? true : _props$closeButton,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Drawer', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var className = propsWithDefaults.className,
+    _propsWithDefaults$pl = propsWithDefaults.placement,
+    placement = _propsWithDefaults$pl === void 0 ? 'right' : _propsWithDefaults$pl,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'drawer' : _propsWithDefaults$cl,
+    _propsWithDefaults$an = propsWithDefaults.animation,
+    animation = _propsWithDefaults$an === void 0 ? _Slide.default : _propsWithDefaults$an,
+    _propsWithDefaults$cl2 = propsWithDefaults.closeButton,
+    closeButton = _propsWithDefaults$cl2 === void 0 ? true : _propsWithDefaults$cl2,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;

package/cjs/Dropdown/Dropdown.js

@@ -15,19 +15,19 @@ var _constants = require("../internals/constants");
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
+var _DropdownState = require("./DropdownState");
+var _CustomProvider = require("../CustomProvider");
 var _DropdownItem = _interopRequireDefault(require("./DropdownItem"));
 var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
 var _Menu = _interopRequireDefault(require("../internals/Menu/Menu"));
 var _DropdownToggle = _interopRequireDefault(require("./DropdownToggle"));
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
-var _DropdownState = require("./DropdownState");
 var _Nav = _interopRequireDefault(require("../Nav"));
 var _DropdownSeparator = _interopRequireDefault(require("./DropdownSeparator"));
-var _excluded = ["activeKey", "onSelect"],
-  _excluded2 = ["as", "title", "onClose", "onOpen", "onToggle", "trigger", "placement", "toggleAs", "toggleClassName", "open", "defaultOpen", "classPrefix", "className", "disabled", "children", "menuStyle", "style"],
-  _excluded3 = ["open"],
-  _excluded4 = ["open"];
+var _excluded = ["as", "activeKey", "title", "trigger", "placement", "toggleAs", "toggleClassName", "open", "defaultOpen", "classPrefix", "className", "disabled", "children", "menuStyle", "style", "onClose", "onOpen", "onToggle", "onSelect"],
+  _excluded2 = ["open"],
+  _excluded3 = ["open"];
 function _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); }
 function _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; }
 /**
@@ -39,31 +39,32 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * - Otherwise renders a `<MenuRoot>`
  */
 var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var activeKey = props.activeKey,
-    onSelect = props.onSelect,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _rest$as = rest.as,
-    Component = _rest$as === void 0 ? 'div' : _rest$as,
-    title = rest.title,
-    onClose = rest.onClose,
-    onOpen = rest.onOpen,
-    onToggle = rest.onToggle,
-    _rest$trigger = rest.trigger,
-    trigger = _rest$trigger === void 0 ? 'click' : _rest$trigger,
-    _rest$placement = rest.placement,
-    placement = _rest$placement === void 0 ? 'bottomStart' : _rest$placement,
-    toggleAs = rest.toggleAs,
-    toggleClassName = rest.toggleClassName,
-    open = rest.open,
-    defaultOpen = rest.defaultOpen,
-    _rest$classPrefix = rest.classPrefix,
-    classPrefix = _rest$classPrefix === void 0 ? 'dropdown' : _rest$classPrefix,
-    className = rest.className,
-    disabled = rest.disabled,
-    children = rest.children,
-    menuStyle = rest.menuStyle,
-    style = rest.style,
-    toggleProps = (0, _objectWithoutPropertiesLoose2.default)(rest, _excluded2);
+  var _useCustom = (0, _CustomProvider.useCustom)('Dropdown', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    activeKey = propsWithDefaults.activeKey,
+    title = propsWithDefaults.title,
+    _propsWithDefaults$tr = propsWithDefaults.trigger,
+    trigger = _propsWithDefaults$tr === void 0 ? 'click' : _propsWithDefaults$tr,
+    _propsWithDefaults$pl = propsWithDefaults.placement,
+    placement = _propsWithDefaults$pl === void 0 ? 'bottomStart' : _propsWithDefaults$pl,
+    toggleAs = propsWithDefaults.toggleAs,
+    toggleClassName = propsWithDefaults.toggleClassName,
+    open = propsWithDefaults.open,
+    defaultOpen = propsWithDefaults.defaultOpen,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'dropdown' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    disabled = propsWithDefaults.disabled,
+    children = propsWithDefaults.children,
+    menuStyle = propsWithDefaults.menuStyle,
+    style = propsWithDefaults.style,
+    onClose = propsWithDefaults.onClose,
+    onOpen = propsWithDefaults.onOpen,
+    onToggle = propsWithDefaults.onToggle,
+    onSelect = propsWithDefaults.onSelect,
+    toggleProps = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var nav = (0, _react.useContext)(_NavContext.default);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
@@ -132,7 +133,7 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     openMenuOn: menuButtonTriggers,
     renderMenuPopup: function renderMenuPopup(_ref, popupRef) {
       var open = _ref.open,
-        popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded3);
+        popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded2);
       var menuClassName = mergeMenuClassName(className, withMenuClassPrefix({}));
       return /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({
         ref: popupRef,
@@ -152,7 +153,7 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, function (_ref2, menuContainerRef) {
     var _withClassPrefix;
     var open = _ref2.open,
-      menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref2, _excluded4);
+      menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref2, _excluded3);
     var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix["placement-" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = !!placement, _withClassPrefix.disabled = disabled, _withClassPrefix.open = open, _withClassPrefix['selected-within'] = hasSelectedItem, _withClassPrefix)));
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
       ref: (0, _utils.mergeRefs)(ref, menuContainerRef),

package/cjs/Dropdown/DropdownMenu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { StandardProps } from '../internals/types';
-import { IconProps } from '@rsuite/icons/Icon';
+import type { StandardProps } from '../internals/types';
+import type { IconProps } from '@rsuite/icons/Icon';
 export interface DropdownMenuProps<T = string> extends StandardProps {
     /** Define the title as a submenu */
     title?: React.ReactNode;

package/cjs/Dropdown/DropdownMenu.js

@@ -8,19 +8,20 @@ var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtim
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _omit2 = _interopRequireDefault(require("lodash/omit"));
 var _Menu = _interopRequireDefault(require("../internals/Menu/Menu"));
 var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
 var _Menubar = _interopRequireDefault(require("../internals/Menu/Menubar"));
-var _propTypes = require("../internals/propTypes");
-var _hooks = require("../internals/hooks");
-var _utils = require("../internals/utils");
-var _propTypes2 = _interopRequireDefault(require("prop-types"));
 var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/PagePrevious"));
 var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
 var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
 var _Nav = _interopRequireDefault(require("../Nav"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
+var _propTypes2 = require("../internals/propTypes");
+var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
+var _utils = require("../internals/utils");
 var _templateObject, _templateObject2;
 var _excluded = ["onToggle", "eventKey", "title", "activeKey", "onSelect", "classPrefix", "className", "children"],
   _excluded2 = ["icon", "disabled"],
@@ -61,7 +62,7 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var nav = (0, _react.useContext)(_NavContext.default);
   var dropdown = (0, _react.useContext)(_DropdownContext.default);
-  var _useCustom = (0, _hooks.useCustom)('DropdownMenu'),
+  var _useCustom = (0, _CustomProvider.useCustom)(),
     rtl = _useCustom.rtl;
   var handleToggleSubmenu = (0, _react.useCallback)(function (_, event) {
     onToggle === null || onToggle === void 0 ? void 0 : onToggle(eventKey, event);
@@ -173,20 +174,20 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
 });
 DropdownMenu.displayName = 'Dropdown.Menu';
 DropdownMenu.propTypes = {
-  active: _propTypes2.default.bool,
-  activeKey: _propTypes2.default.any,
-  className: _propTypes2.default.string,
-  children: _propTypes2.default.node,
-  icon: _propTypes2.default.any,
-  classPrefix: _propTypes2.default.string,
-  pullLeft: _propTypes2.default.bool,
-  title: _propTypes2.default.node,
-  open: _propTypes2.default.bool,
-  trigger: (0, _propTypes.oneOf)(['click', 'hover']),
-  eventKey: _propTypes2.default.any,
-  expanded: _propTypes2.default.bool,
-  collapsible: _propTypes2.default.bool,
-  onSelect: _propTypes2.default.func,
-  onToggle: _propTypes2.default.func
+  active: _propTypes.default.bool,
+  activeKey: _propTypes.default.any,
+  className: _propTypes.default.string,
+  children: _propTypes.default.node,
+  icon: _propTypes.default.any,
+  classPrefix: _propTypes.default.string,
+  pullLeft: _propTypes.default.bool,
+  title: _propTypes.default.node,
+  open: _propTypes.default.bool,
+  trigger: (0, _propTypes2.oneOf)(['click', 'hover']),
+  eventKey: _propTypes.default.any,
+  expanded: _propTypes.default.bool,
+  collapsible: _propTypes.default.bool,
+  onSelect: _propTypes.default.func,
+  onToggle: _propTypes.default.func
 };
 var _default = exports.default = DropdownMenu;

package/cjs/FlexboxGrid/FlexboxGrid.js

@@ -8,25 +8,28 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _hooks = require("../internals/hooks");
 var _FlexboxGridItem = _interopRequireDefault(require("./FlexboxGridItem"));
+var _hooks = require("../internals/hooks");
 var _propTypes2 = require("../internals/propTypes");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "className", "classPrefix", "align", "justify"];
 /**
  * The FlexboxGrid component is a box that can be used to layout other components.
  * @see https://rsuitejs.com/components/flexbox-grid
  */
 var FlexboxGrid = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'flex-box-grid' : _props$classPrefix,
-    _props$align = props.align,
-    align = _props$align === void 0 ? 'top' : _props$align,
-    _props$justify = props.justify,
-    justify = _props$justify === void 0 ? 'start' : _props$justify,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('FlexboxGrid', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'flex-box-grid' : _propsWithDefaults$cl,
+    _propsWithDefaults$al = propsWithDefaults.align,
+    align = _propsWithDefaults$al === void 0 ? 'top' : _propsWithDefaults$al,
+    _propsWithDefaults$ju = propsWithDefaults.justify,
+    justify = _propsWithDefaults$ju === void 0 ? 'start' : _propsWithDefaults$ju,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;

package/cjs/Form/Form.js

@@ -9,7 +9,6 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _schemaTyped = require("schema-typed");
-var _FormContext = require("./FormContext");
 var _FormControl = _interopRequireDefault(require("../FormControl"));
 var _FormControlLabel = _interopRequireDefault(require("../FormControlLabel"));
 var _FormErrorMessage = _interopRequireDefault(require("../FormErrorMessage"));
@@ -17,6 +16,8 @@ var _FormGroup = _interopRequireDefault(require("../FormGroup"));
 var _FormHelpText = _interopRequireDefault(require("../FormHelpText"));
 var _hooks = require("../internals/hooks");
 var _propTypes2 = require("../internals/propTypes");
+var _FormContext = require("./FormContext");
+var _CustomProvider = require("../CustomProvider");
 var _useSchemaModel2 = _interopRequireDefault(require("./hooks/useSchemaModel"));
 var _useFormValidate2 = _interopRequireDefault(require("./hooks/useFormValidate"));
 var _useFormValue2 = _interopRequireDefault(require("./hooks/useFormValue"));
@@ -30,34 +31,36 @@ var defaultSchema = (0, _schemaTyped.SchemaModel)({});
  * @see https://rsuitejs.com/components/form
  */
 var Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$checkTrigger = props.checkTrigger,
-    checkTrigger = _props$checkTrigger === void 0 ? 'change' : _props$checkTrigger,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'form' : _props$classPrefix,
-    _props$errorFromConte = props.errorFromContext,
-    errorFromContext = _props$errorFromConte === void 0 ? true : _props$errorFromConte,
-    _props$formDefaultVal = props.formDefaultValue,
-    formDefaultValue = _props$formDefaultVal === void 0 ? {} : _props$formDefaultVal,
-    controlledFormValue = props.formValue,
-    controlledFormError = props.formError,
-    fluid = props.fluid,
-    _props$nestedField = props.nestedField,
-    nestedField = _props$nestedField === void 0 ? false : _props$nestedField,
-    _props$layout = props.layout,
-    layout = _props$layout === void 0 ? 'vertical' : _props$layout,
-    _props$model = props.model,
-    formModel = _props$model === void 0 ? defaultSchema : _props$model,
-    readOnly = props.readOnly,
-    plaintext = props.plaintext,
-    className = props.className,
-    children = props.children,
-    disabled = props.disabled,
-    onSubmit = props.onSubmit,
-    onReset = props.onReset,
-    onCheck = props.onCheck,
-    onError = props.onError,
-    onChange = props.onChange,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Form', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$ch = propsWithDefaults.checkTrigger,
+    checkTrigger = _propsWithDefaults$ch === void 0 ? 'change' : _propsWithDefaults$ch,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'form' : _propsWithDefaults$cl,
+    _propsWithDefaults$er = propsWithDefaults.errorFromContext,
+    errorFromContext = _propsWithDefaults$er === void 0 ? true : _propsWithDefaults$er,
+    _propsWithDefaults$fo = propsWithDefaults.formDefaultValue,
+    formDefaultValue = _propsWithDefaults$fo === void 0 ? {} : _propsWithDefaults$fo,
+    controlledFormValue = propsWithDefaults.formValue,
+    controlledFormError = propsWithDefaults.formError,
+    fluid = propsWithDefaults.fluid,
+    _propsWithDefaults$ne = propsWithDefaults.nestedField,
+    nestedField = _propsWithDefaults$ne === void 0 ? false : _propsWithDefaults$ne,
+    _propsWithDefaults$la = propsWithDefaults.layout,
+    layout = _propsWithDefaults$la === void 0 ? 'vertical' : _propsWithDefaults$la,
+    _propsWithDefaults$mo = propsWithDefaults.model,
+    formModel = _propsWithDefaults$mo === void 0 ? defaultSchema : _propsWithDefaults$mo,
+    readOnly = propsWithDefaults.readOnly,
+    plaintext = propsWithDefaults.plaintext,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    disabled = propsWithDefaults.disabled,
+    onSubmit = propsWithDefaults.onSubmit,
+    onReset = propsWithDefaults.onReset,
+    onCheck = propsWithDefaults.onCheck,
+    onError = propsWithDefaults.onError,
+    onChange = propsWithDefaults.onChange,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useSchemaModel = (0, _useSchemaModel2.default)(formModel, nestedField),
     getCombinedModel = _useSchemaModel.getCombinedModel,
     pushFieldRule = _useSchemaModel.pushFieldRule,

package/cjs/FormControl/FormControl.js

@@ -11,13 +11,14 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Input = _interopRequireDefault(require("../Input"));
 var _FormErrorMessage = _interopRequireDefault(require("../FormErrorMessage"));
-var _hooks = require("../internals/hooks");
 var _FormContext = _interopRequireWildcard(require("../Form/FormContext"));
-var _FormGroup = require("../FormGroup");
-var _propTypes2 = require("../internals/propTypes");
 var _useRegisterModel = _interopRequireDefault(require("./hooks/useRegisterModel"));
 var _useField2 = _interopRequireDefault(require("./hooks/useField"));
 var _Toggle = _interopRequireDefault(require("../Toggle"));
+var _hooks = require("../internals/hooks");
+var _FormGroup = require("../FormGroup");
+var _propTypes2 = require("../internals/propTypes");
+var _CustomProvider = require("../CustomProvider");
 var _templateObject;
 var _excluded = ["as", "accepter", "classPrefix", "checkAsync", "checkTrigger", "errorPlacement", "errorMessage", "name", "value", "readOnly", "plaintext", "disabled", "onChange", "onBlur", "defaultValue", "shouldResetWithUnmount", "rule", "id"];
 function _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); }
@@ -32,6 +33,8 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  */
 var FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _accepterProps;
+  var _useCustom = (0, _CustomProvider.useCustom)('FormControl', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
   var _useContext = (0, _react.useContext)(_FormContext.default),
     readOnlyContext = _useContext.readOnly,
     plaintextContext = _useContext.plaintext,
@@ -45,33 +48,33 @@ var FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     contextCheckTrigger = _useContext.checkTrigger,
     checkFieldForNextValue = _useContext.checkFieldForNextValue,
     checkFieldAsyncForNextValue = _useContext.checkFieldAsyncForNextValue;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$accepter = props.accepter,
-    AccepterComponent = _props$accepter === void 0 ? _Input.default : _props$accepter,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'form-control' : _props$classPrefix,
-    checkAsync = props.checkAsync,
-    checkTrigger = props.checkTrigger,
-    _props$errorPlacement = props.errorPlacement,
-    errorPlacement = _props$errorPlacement === void 0 ? 'bottomStart' : _props$errorPlacement,
-    errorMessage = props.errorMessage,
-    name = props.name,
-    value = props.value,
-    _props$readOnly = props.readOnly,
-    readOnly = _props$readOnly === void 0 ? readOnlyContext : _props$readOnly,
-    _props$plaintext = props.plaintext,
-    plaintext = _props$plaintext === void 0 ? plaintextContext : _props$plaintext,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? disabledContext : _props$disabled,
-    onChange = props.onChange,
-    onBlur = props.onBlur,
-    defaultValue = props.defaultValue,
-    _props$shouldResetWit = props.shouldResetWithUnmount,
-    shouldResetWithUnmount = _props$shouldResetWit === void 0 ? false : _props$shouldResetWit,
-    rule = props.rule,
-    id = props.id,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$ac = propsWithDefaults.accepter,
+    AccepterComponent = _propsWithDefaults$ac === void 0 ? _Input.default : _propsWithDefaults$ac,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'form-control' : _propsWithDefaults$cl,
+    checkAsync = propsWithDefaults.checkAsync,
+    checkTrigger = propsWithDefaults.checkTrigger,
+    _propsWithDefaults$er = propsWithDefaults.errorPlacement,
+    errorPlacement = _propsWithDefaults$er === void 0 ? 'bottomStart' : _propsWithDefaults$er,
+    errorMessage = propsWithDefaults.errorMessage,
+    name = propsWithDefaults.name,
+    value = propsWithDefaults.value,
+    _propsWithDefaults$re = propsWithDefaults.readOnly,
+    readOnly = _propsWithDefaults$re === void 0 ? readOnlyContext : _propsWithDefaults$re,
+    _propsWithDefaults$pl = propsWithDefaults.plaintext,
+    plaintext = _propsWithDefaults$pl === void 0 ? plaintextContext : _propsWithDefaults$pl,
+    _propsWithDefaults$di = propsWithDefaults.disabled,
+    disabled = _propsWithDefaults$di === void 0 ? disabledContext : _propsWithDefaults$di,
+    onChange = propsWithDefaults.onChange,
+    onBlur = propsWithDefaults.onBlur,
+    defaultValue = propsWithDefaults.defaultValue,
+    _propsWithDefaults$sh = propsWithDefaults.shouldResetWithUnmount,
+    shouldResetWithUnmount = _propsWithDefaults$sh === void 0 ? false : _propsWithDefaults$sh,
+    rule = propsWithDefaults.rule,
+    id = propsWithDefaults.id,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useFormGroup = (0, _FormGroup.useFormGroup)(id),
     controlId = _useFormGroup.controlId,
     helpTextId = _useFormGroup.helpTextId,

package/cjs/FormControlLabel/FormControlLabel.js

@@ -10,25 +10,28 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
 var _FormGroup = require("../FormGroup");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "classPrefix", "htmlFor", "className", "id"];
 /**
  * The `<Form.ControlLabel>` component renders a label with required indicator, for form controls.
  * @see https://rsuitejs.com/components/form/
  */
 var FormControlLabel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _useCustom = (0, _CustomProvider.useCustom)('FormControlLabel', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
   var _useFormGroup = (0, _FormGroup.useFormGroup)(),
     labelId = _useFormGroup.labelId,
     controlId = _useFormGroup.controlId;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'label' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'form-control-label' : _props$classPrefix,
-    _props$htmlFor = props.htmlFor,
-    htmlFor = _props$htmlFor === void 0 ? controlId : _props$htmlFor,
-    className = props.className,
-    _props$id = props.id,
-    id = _props$id === void 0 ? labelId : _props$id,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'label' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'form-control-label' : _propsWithDefaults$cl,
+    _propsWithDefaults$ht = propsWithDefaults.htmlFor,
+    htmlFor = _propsWithDefaults$ht === void 0 ? controlId : _propsWithDefaults$ht,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$id = propsWithDefaults.id,
+    id = _propsWithDefaults$id === void 0 ? labelId : _propsWithDefaults$id,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/cjs/FormErrorMessage/FormErrorMessage.js

@@ -13,6 +13,7 @@ var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
+var _CustomProvider = require("../CustomProvider");
 var _templateObject, _templateObject2;
 var _excluded = ["as", "classPrefix", "className", "show", "children", "placement"];
 /**
@@ -21,15 +22,17 @@ var _excluded = ["as", "classPrefix", "className", "show", "children", "placemen
  */
 var FormErrorMessage = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _prefix;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'form-error-message' : _props$classPrefix,
-    className = props.className,
-    show = props.show,
-    children = props.children,
-    placement = props.placement,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('FormErrorMessage', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'form-error-message' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    show = propsWithDefaults.show,
+    children = propsWithDefaults.children,
+    placement = propsWithDefaults.placement,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix,

package/cjs/FormGroup/FormGroup.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "classPrefix", "controlId", "className"];
 function _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); }
 function _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; }
@@ -45,13 +46,15 @@ var useFormGroup = exports.useFormGroup = function useFormGroup(controlId) {
  * @see https://rsuitejs.com/components/form/
  */
 var FormGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'form-group' : _props$classPrefix,
-    controlIdProp = props.controlId,
-    className = props.className,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('FormGroup', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'form-group' : _propsWithDefaults$cl,
+    controlIdProp = propsWithDefaults.controlId,
+    className = propsWithDefaults.className,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;