rsuite 5.73.0 → 5.74.0-beta.0

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/FormControl/hooks/useField.js

@@ -22,6 +22,9 @@ function getErrorMessage(error) {
   if (error !== null && error !== void 0 && error.array && ((_error$array = error.array) === null || _error$array === void 0 ? void 0 : _error$array.length) > 0) {
     return error.array[0].errorMessage;
   }
+  if ( /*#__PURE__*/(0, _react.isValidElement)(error)) {
+    return error;
+  }
   return error === null || error === void 0 ? void 0 : error.errorMessage;
 }
 function useField(props) {

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;

package/cjs/FormHelpText/FormHelpText.js

@@ -8,11 +8,12 @@ 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 _HelpOutline = _interopRequireDefault(require("@rsuite/icons/HelpOutline"));
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _Whisper = _interopRequireDefault(require("../Whisper"));
 var _hooks = require("../internals/hooks");
 var _FormGroup = require("../FormGroup");
-var _HelpOutline = _interopRequireDefault(require("@rsuite/icons/HelpOutline"));
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "classPrefix", "className", "tooltip", "children", "id"];
 /**
  * The `<Form.HelpText>` component is used to display help information in the form.
@@ -21,16 +22,18 @@ var _excluded = ["as", "classPrefix", "className", "tooltip", "children", "id"];
 var FormHelpText = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _useFormGroup = (0, _FormGroup.useFormGroup)(),
     helpTextId = _useFormGroup.helpTextId;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'span' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'form-help-text' : _props$classPrefix,
-    className = props.className,
-    tooltip = props.tooltip,
-    children = props.children,
-    _props$id = props.id,
-    id = _props$id === void 0 ? helpTextId : _props$id,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('FormHelpText', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'span' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'form-help-text' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    tooltip = propsWithDefaults.tooltip,
+    children = propsWithDefaults.children,
+    _propsWithDefaults$id = propsWithDefaults.id,
+    id = _propsWithDefaults$id === void 0 ? helpTextId : _propsWithDefaults$id,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/cjs/Grid/Grid.js

@@ -9,19 +9,22 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "classPrefix", "className", "fluid"];
 /**
  * The Grid component is used to specify the layout of child elements in rows and columns.
  * @see https://rsuitejs.com/components/grid
  */
 var Grid = /*#__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 ? 'grid-container' : _props$classPrefix,
-    className = props.className,
-    fluid = props.fluid,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Grid', 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 ? 'grid-container' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    fluid = propsWithDefaults.fluid,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix,

package/cjs/Heading/Heading.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "classPrefix", "className", "level"];
 /**
  *
@@ -17,13 +18,15 @@ var _excluded = ["as", "classPrefix", "className", "level"];
  * @see https://rsuitejs.com/components/heading
  */
 var Heading = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var as = props.as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'heading' : _props$classPrefix,
-    className = props.className,
-    _props$level = props.level,
-    level = _props$level === void 0 ? 3 : _props$level,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Heading', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var as = propsWithDefaults.as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'heading' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$le = propsWithDefaults.level,
+    level = _propsWithDefaults$le === void 0 ? 3 : _propsWithDefaults$le,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/cjs/Highlight/Highlight.js

@@ -11,6 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
 var _highlightText = require("./utils/highlightText");
 var _utils = require("../internals/utils");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "classPrefix", "className", "children", "query", "renderMark"];
 function defaultRenderMark(match, index) {
   return /*#__PURE__*/_react.default.createElement("mark", {
@@ -26,16 +27,18 @@ function defaultRenderMark(match, index) {
  * @see https://rsuitejs.com/components/highlight
  */
 var Highlight = /*#__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 ? 'highlight' : _props$classPrefix,
-    className = props.className,
-    children = props.children,
-    query = props.query,
-    _props$renderMark = props.renderMark,
-    renderMark = _props$renderMark === void 0 ? defaultRenderMark : _props$renderMark,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Highlight', 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 ? 'highlight' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    query = propsWithDefaults.query,
+    _propsWithDefaults$re = propsWithDefaults.renderMark,
+    renderMark = _propsWithDefaults$re === void 0 ? defaultRenderMark : _propsWithDefaults$re,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/cjs/IconButton/IconButton.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
+import Button, { ButtonProps } from '../Button';
 import { IconProps } from '@rsuite/icons/Icon';
 import { RsRefForwardingComponent } from '../internals/types';
-import Button, { ButtonProps } from '../Button';
 export interface IconButtonProps extends ButtonProps {
     /** Set the icon */
     icon?: React.ReactElement<IconProps>;

package/cjs/IconButton/IconButton.js

@@ -8,24 +8,27 @@ 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 _Button = _interopRequireDefault(require("../Button"));
 var _propTypes2 = require("../internals/propTypes");
 var _hooks = require("../internals/hooks");
-var _Button = _interopRequireDefault(require("../Button"));
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["icon", "placement", "children", "circle", "classPrefix", "className"];
 /**
  * The `IconButton` component is used to specify a button with icon.
  * @see https://rsuitejs.com/components/button
  */
 var IconButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var icon = props.icon,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'left' : _props$placement,
-    children = props.children,
-    circle = props.circle,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'btn-icon' : _props$classPrefix,
-    className = props.className,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('IconButton', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var icon = propsWithDefaults.icon,
+    _propsWithDefaults$pl = propsWithDefaults.placement,
+    placement = _propsWithDefaults$pl === void 0 ? 'left' : _propsWithDefaults$pl,
+    children = propsWithDefaults.children,
+    circle = propsWithDefaults.circle,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'btn-icon' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;

package/cjs/InlineEdit/InlineEdit.js

@@ -15,23 +15,26 @@ var _EditableControls = _interopRequireDefault(require("./EditableControls"));
 var _useFocusEvent2 = _interopRequireDefault(require("./useFocusEvent"));
 var _useEditState2 = _interopRequireDefault(require("./useEditState"));
 var _renderChildren = require("./renderChildren");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "children", "classPrefix", "className", "disabled", "size", "showControls", "stateOnBlur", "placeholder"];
 var InlineEdit = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$children = props.children,
-    children = _props$children === void 0 ? _renderChildren.defaultRenderInput : _props$children,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'inline-edit' : _props$classPrefix,
-    className = props.className,
-    disabled = props.disabled,
-    size = props.size,
-    _props$showControls = props.showControls,
-    showControls = _props$showControls === void 0 ? true : _props$showControls,
-    _props$stateOnBlur = props.stateOnBlur,
-    stateOnBlur = _props$stateOnBlur === void 0 ? 'save' : _props$stateOnBlur,
-    placeholder = props.placeholder,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('InlineEdit', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$ch = propsWithDefaults.children,
+    children = _propsWithDefaults$ch === void 0 ? _renderChildren.defaultRenderInput : _propsWithDefaults$ch,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'inline-edit' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    disabled = propsWithDefaults.disabled,
+    size = propsWithDefaults.size,
+    _propsWithDefaults$sh = propsWithDefaults.showControls,
+    showControls = _propsWithDefaults$sh === void 0 ? true : _propsWithDefaults$sh,
+    _propsWithDefaults$st = propsWithDefaults.stateOnBlur,
+    stateOnBlur = _propsWithDefaults$st === void 0 ? 'save' : _propsWithDefaults$st,
+    placeholder = propsWithDefaults.placeholder,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge,