rsuite 5.76.0 → 6.0.0-canary-20241227

package/cjs/FormControl/FormControl.js

@@ -4,24 +4,18 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
-var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 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 _Input = _interopRequireDefault(require("../Input"));
 var _FormErrorMessage = _interopRequireDefault(require("../FormErrorMessage"));
 var _FormContext = _interopRequireWildcard(require("../Form/FormContext"));
 var _useRegisterModel = _interopRequireDefault(require("./hooks/useRegisterModel"));
-var _useField2 = _interopRequireDefault(require("./hooks/useField"));
+var _useField = _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); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
 /**
  * Props that FormControl passes to its accepter
@@ -31,109 +25,113 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * The `<Form.Control>` component is used to wrap the components that need to be validated.
  * @see https://rsuitejs.com/components/form/
  */
-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,
-    disabledContext = _useContext.disabled,
-    errorFromContext = _useContext.errorFromContext,
-    formError = _useContext.formError,
-    nestedField = _useContext.nestedField,
-    removeFieldValue = _useContext.removeFieldValue,
-    removeFieldError = _useContext.removeFieldError,
-    onFieldChange = _useContext.onFieldChange,
-    contextCheckTrigger = _useContext.checkTrigger,
-    checkFieldForNextValue = _useContext.checkFieldForNextValue,
-    checkFieldAsyncForNextValue = _useContext.checkFieldAsyncForNextValue;
-  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,
-    labelId = _useFormGroup.labelId,
-    errorMessageId = _useFormGroup.errorMessageId;
+const FormControl = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('FormControl', props);
+  const {
+    readOnly: readOnlyContext,
+    plaintext: plaintextContext,
+    disabled: disabledContext,
+    errorFromContext,
+    formError,
+    nestedField,
+    removeFieldValue,
+    removeFieldError,
+    onFieldChange,
+    checkTrigger: contextCheckTrigger,
+    checkFieldForNextValue,
+    checkFieldAsyncForNextValue
+  } = (0, _react.useContext)(_FormContext.default);
+  const {
+    as: Component = 'div',
+    accepter: AccepterComponent = _Input.default,
+    classPrefix = 'form-control',
+    checkAsync,
+    checkTrigger,
+    errorPlacement = 'bottomStart',
+    errorMessage,
+    name,
+    value,
+    readOnly = readOnlyContext,
+    plaintext = plaintextContext,
+    disabled = disabledContext,
+    onChange,
+    onBlur,
+    defaultValue,
+    shouldResetWithUnmount = false,
+    rule,
+    id,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    controlId,
+    helpTextId,
+    labelId,
+    errorMessageId
+  } = (0, _FormGroup.useFormGroup)(id);
   if (!onFieldChange) {
-    throw new Error("\n      <FormControl> must be inside a component decorated with <Form>.\n      And need to update React to 16.6.0 +.\n    ");
+    throw new Error(`
+      <FormControl> must be inside a component decorated with <Form>.
+      And need to update React to 16.6.0 +.
+    `);
   }
   (0, _useRegisterModel.default)(name, rule);
-  (0, _hooks.useWillUnmount)(function () {
+  (0, _hooks.useWillUnmount)(() => {
     if (shouldResetWithUnmount) {
       removeFieldValue === null || removeFieldValue === void 0 || removeFieldValue(name);
       removeFieldError === null || removeFieldError === void 0 || removeFieldError(name);
     }
   });
-  var trigger = checkTrigger || contextCheckTrigger;
-  var formValue = (0, _react.useContext)(_FormContext.FormValueContext);
-  var _useField = (0, _useField2.default)({
-      name: name,
-      errorMessage: errorMessage,
-      formValue: formValue,
-      formError: formError,
-      value: value,
-      nestedField: nestedField,
-      errorFromContext: errorFromContext
-    }),
-    fieldValue = _useField.fieldValue,
-    fieldError = _useField.fieldError,
-    setFieldValue = _useField.setFieldValue;
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    prefix = _useClassNames.prefix;
-  var classes = withClassPrefix('wrapper');
-  var handleFieldChange = (0, _hooks.useEventCallback)(function (value, event) {
+  const trigger = checkTrigger || contextCheckTrigger;
+  const formValue = (0, _react.useContext)(_FormContext.FormValueContext);
+  const {
+    fieldValue,
+    fieldError,
+    setFieldValue
+  } = (0, _useField.default)({
+    name,
+    errorMessage,
+    formValue,
+    formError,
+    value,
+    nestedField,
+    errorFromContext
+  });
+  const {
+    withClassPrefix,
+    prefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = withClassPrefix('wrapper');
+  const handleFieldChange = (0, _hooks.useEventCallback)((value, event) => {
     if (trigger === 'change') {
       handleFieldCheck(value);
     }
     onFieldChange === null || onFieldChange === void 0 || onFieldChange(name, value, event);
     onChange === null || onChange === void 0 || onChange(value, event);
   });
-  var handleFieldBlur = (0, _hooks.useEventCallback)(function (event) {
+  const handleFieldBlur = (0, _hooks.useEventCallback)(event => {
     if (trigger === 'blur') {
       handleFieldCheck(fieldValue);
     }
     onBlur === null || onBlur === void 0 || onBlur(event);
   });
-  var handleFieldCheck = (0, _hooks.useEventCallback)(function (value) {
-    var nextFormValue = setFieldValue(name, value);
+  const handleFieldCheck = (0, _hooks.useEventCallback)(value => {
+    const nextFormValue = setFieldValue(name, value);
     if (checkAsync) {
       checkFieldAsyncForNextValue(name, nextFormValue);
     } else {
       checkFieldForNextValue(name, nextFormValue);
     }
   });
-  var fieldHasError = Boolean(fieldError);
+  const fieldHasError = Boolean(fieldError);
 
   // Toggle component is a special case that uses `checked` and `defaultChecked` instead of `value` and `defaultValue` props.
-  var valueKey = AccepterComponent === _Toggle.default ? 'checked' : 'value';
-  var accepterProps = (_accepterProps = {}, _accepterProps[valueKey] = fieldValue === undefined ? defaultValue : fieldValue, _accepterProps);
+  const valueKey = AccepterComponent === _Toggle.default ? 'checked' : 'value';
+  const accepterProps = {
+    // need to distinguish between undefined and null
+    [valueKey]: fieldValue === undefined ? defaultValue : fieldValue
+  };
   return /*#__PURE__*/_react.default.createElement(Component, {
     className: classes,
     ref: ref,
@@ -156,21 +154,9 @@ var FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     role: "alert",
     "aria-relevant": "all",
     show: fieldHasError,
-    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["message-wrapper"]))),
+    className: prefix`message-wrapper`,
     placement: errorPlacement
   }, fieldError));
 });
 FormControl.displayName = 'FormControl';
-FormControl.propTypes = {
-  name: _propTypes.default.string.isRequired,
-  checkTrigger: (0, _propTypes2.oneOf)(['change', 'blur', 'none']),
-  checkAsync: _propTypes.default.bool,
-  accepter: _propTypes.default.any,
-  onChange: _propTypes.default.func,
-  onBlur: _propTypes.default.func,
-  classPrefix: _propTypes.default.string,
-  errorMessage: _propTypes.default.node,
-  errorPlacement: (0, _propTypes2.oneOf)(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd']),
-  value: _propTypes.default.any
-};
 var _default = exports.default = FormControl;

package/cjs/FormControl/hooks/useField.js

@@ -4,7 +4,6 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
-var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("react");
 var _get = _interopRequireDefault(require("lodash/get"));
 var _set = _interopRequireDefault(require("lodash/set"));
@@ -28,43 +27,49 @@ function getErrorMessage(error) {
   return error === null || error === void 0 ? void 0 : error.errorMessage;
 }
 function useField(props) {
-  var name = props.name,
-    formValue = props.formValue,
-    formError = props.formError,
-    value = props.value,
-    nestedField = props.nestedField,
-    errorMessage = props.errorMessage,
-    errorFromContext = props.errorFromContext;
-  var fieldValue = (0, _react.useMemo)(function () {
+  const {
+    name,
+    formValue,
+    formError,
+    value,
+    nestedField,
+    errorMessage,
+    errorFromContext
+  } = props;
+  const fieldValue = (0, _react.useMemo)(() => {
     if (typeof value !== 'undefined') {
       return value;
     }
     return nestedField ? (0, _get.default)(formValue, name) : formValue === null || formValue === void 0 ? void 0 : formValue[name];
   }, [formValue, name, nestedField, value]);
-  var fieldError = (0, _react.useMemo)(function () {
+  const fieldError = (0, _react.useMemo)(() => {
     if (typeof errorMessage !== 'undefined' || !errorFromContext) {
       return errorMessage;
     }
     if (nestedField) {
       return getErrorMessage((0, _get.default)(formError, (0, _utils.nameToPath)(name)));
     }
-    var fieldError = formError === null || formError === void 0 ? void 0 : formError[name];
+    const fieldError = formError === null || formError === void 0 ? void 0 : formError[name];
     if (typeof fieldError === 'string') {
       return fieldError;
     }
     return getErrorMessage(fieldError);
   }, [errorFromContext, errorMessage, formError, name, nestedField]);
-  var setFieldValue = (0, _react.useCallback)(function (fieldName, fieldValue) {
-    var _extends2;
+  const setFieldValue = (0, _react.useCallback)((fieldName, fieldValue) => {
     if (nestedField) {
-      return (0, _set.default)((0, _extends3.default)({}, formValue), fieldName, fieldValue);
+      return (0, _set.default)({
+        ...formValue
+      }, fieldName, fieldValue);
     }
-    return (0, _extends3.default)({}, formValue, (_extends2 = {}, _extends2[fieldName] = fieldValue, _extends2));
+    return {
+      ...formValue,
+      [fieldName]: fieldValue
+    };
   }, [formValue, nestedField]);
   return {
-    fieldValue: fieldValue,
-    fieldError: fieldError,
-    setFieldValue: setFieldValue
+    fieldValue,
+    fieldError,
+    setFieldValue
   };
 }
 var _default = exports.default = useField;

package/cjs/FormControl/hooks/useRegisterModel.js

@@ -6,14 +6,15 @@ exports.default = void 0;
 var _react = require("react");
 var _FormContext = require("../../Form/FormContext");
 function useRegisterModel(name, rule) {
-  var _ref = (0, _FormContext.useFormContext)() || {},
-    pushFieldRule = _ref.pushFieldRule,
-    removeFieldRule = _ref.removeFieldRule;
-  var refRule = (0, _react.useRef)(rule);
+  const {
+    pushFieldRule,
+    removeFieldRule
+  } = (0, _FormContext.useFormContext)() || {};
+  const refRule = (0, _react.useRef)(rule);
   refRule.current = rule;
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     pushFieldRule === null || pushFieldRule === void 0 || pushFieldRule(name, refRule);
-    return function () {
+    return () => {
       removeFieldRule === null || removeFieldRule === void 0 || removeFieldRule(name);
     };
   }, [name, pushFieldRule, removeFieldRule]);

package/cjs/FormControlLabel/FormControlLabel.js

@@ -5,37 +5,35 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 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 _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 _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;
-  var classes = merge(className, withClassPrefix());
+const FormControlLabel = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('FormControlLabel', props);
+  const {
+    labelId,
+    controlId
+  } = (0, _FormGroup.useFormGroup)();
+  const {
+    as: Component = 'label',
+    classPrefix = 'form-control-label',
+    htmlFor = controlId,
+    className,
+    id = labelId,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    withClassPrefix,
+    merge
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix());
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     id: id,
     htmlFor: htmlFor
@@ -45,9 +43,4 @@ var FormControlLabel = /*#__PURE__*/_react.default.forwardRef(function (props, r
   }));
 });
 FormControlLabel.displayName = 'FormControlLabel';
-FormControlLabel.propTypes = {
-  className: _propTypes.default.string,
-  htmlFor: _propTypes.default.string,
-  classPrefix: _propTypes.default.string
-};
 var _default = exports.default = FormControlLabel;

package/cjs/FormErrorMessage/FormErrorMessage.js

@@ -5,57 +5,47 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 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"];
 /**
  * The `<Form.ErrorMessage>` component is used to display error messages in the form.
  * @see https://rsuitejs.com/components/form/
  */
-var FormErrorMessage = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _prefix;
-  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,
-    merge = _useClassNames.merge;
-  var classes = withClassPrefix('show');
-  var wrapperClasses = merge(className, prefix('wrapper', (_prefix = {}, _prefix["placement-" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = placement, _prefix)));
+const FormErrorMessage = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('FormErrorMessage', props);
+  const {
+    as: Component = 'div',
+    classPrefix = 'form-error-message',
+    className,
+    show,
+    children,
+    placement,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    withClassPrefix,
+    prefix,
+    merge
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = withClassPrefix('show');
+  const wrapperClasses = merge(className, prefix('wrapper', {
+    [`placement-${(0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))}`]: placement
+  }));
   return show ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: wrapperClasses
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: classes
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["arrow"])))
+    className: prefix`arrow`
   }), /*#__PURE__*/_react.default.createElement("span", {
-    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["inner"])))
+    className: prefix`inner`
   }, children))) : null;
 });
 FormErrorMessage.displayName = 'FormErrorMessage';
-FormErrorMessage.propTypes = {
-  show: _propTypes.default.bool,
-  classPrefix: _propTypes.default.string,
-  children: _propTypes.default.node,
-  className: _propTypes.default.string,
-  placement: (0, _propTypes2.oneOf)(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
-};
 var _default = exports.default = FormErrorMessage;

package/cjs/FormGroup/FormGroup.js

@@ -5,22 +5,19 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.useFormGroup = exports.default = void 0;
 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 _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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-var FormGroupContext = /*#__PURE__*/_react.default.createContext({});
-var useFormGroup = exports.useFormGroup = function useFormGroup(controlId) {
-  var context = _react.default.useContext(FormGroupContext);
-  var fallbackId = (0, _hooks.useUniqueId)('rs-');
-  var id = controlId || context.controlId || fallbackId;
-  var helpTextId = id + "-help-text";
-  var labelId = id + "-label";
-  var errorMessageId = id + "-error-message";
+const FormGroupContext = /*#__PURE__*/_react.default.createContext({});
+const useFormGroup = controlId => {
+  const context = _react.default.useContext(FormGroupContext);
+  const fallbackId = (0, _hooks.useUniqueId)('rs-');
+  const id = controlId || context.controlId || fallbackId;
+  const helpTextId = `${id}-help-text`;
+  const labelId = `${id}-label`;
+  const errorMessageId = `${id}-error-message`;
   return {
     /**
      * The `id` of the `<Form.Control>` component.
@@ -29,15 +26,15 @@ var useFormGroup = exports.useFormGroup = function useFormGroup(controlId) {
     /**
      * The `id` of the `<Form.HelpText>` component.
      */
-    helpTextId: helpTextId,
+    helpTextId,
     /**
      * The `id` of the `<Form.ControlLabel>` component.
      */
-    labelId: labelId,
+    labelId,
     /**
      * The `id` of the `<Form.ErrorMessage>` component.
      */
-    errorMessageId: errorMessageId
+    errorMessageId
   };
 };
 
@@ -45,26 +42,27 @@ var useFormGroup = exports.useFormGroup = function useFormGroup(controlId) {
  * The `<Form.Group>` component is the easiest way to add some structure to forms.
  * @see https://rsuitejs.com/components/form/
  */
-var FormGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  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;
-  var classes = merge(className, withClassPrefix());
-  var controlId = (0, _hooks.useUniqueId)('rs-', controlIdProp);
-  var contextValue = (0, _react.useMemo)(function () {
-    return {
-      controlId: controlId
-    };
-  }, [controlId]);
+exports.useFormGroup = useFormGroup;
+const FormGroup = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('FormGroup', props);
+  const {
+    as: Component = 'div',
+    classPrefix = 'form-group',
+    controlId: controlIdProp,
+    className,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    withClassPrefix,
+    merge
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix());
+  const controlId = (0, _hooks.useUniqueId)('rs-', controlIdProp);
+  const contextValue = (0, _react.useMemo)(() => ({
+    controlId
+  }), [controlId]);
   return /*#__PURE__*/_react.default.createElement(FormGroupContext.Provider, {
     value: contextValue
   }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
@@ -74,9 +72,4 @@ var FormGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   })));
 });
 FormGroup.displayName = 'FormGroup';
-FormGroup.propTypes = {
-  controlId: _propTypes.default.string,
-  className: _propTypes.default.string,
-  classPrefix: _propTypes.default.string
-};
 var _default = exports.default = FormGroup;

package/cjs/FormGroup/index.js

@@ -5,6 +5,6 @@ exports.__esModule = true;
 exports.useFormGroup = exports.default = void 0;
 var _FormGroup = _interopRequireWildcard(require("./FormGroup"));
 exports.useFormGroup = _FormGroup.useFormGroup;
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
 var _default = exports.default = _FormGroup.default;