rsuite 5.40.0 → 5.42.0

package/cjs/Form/Form.js

@@ -1,74 +1,55 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends6 = _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 _omit = _interopRequireDefault(require("lodash/omit"));
-
 var _schemaTyped = require("schema-typed");
-
 var _FormContext = _interopRequireWildcard(require("./FormContext"));
-
 var _FormControl = _interopRequireDefault(require("../FormControl"));
-
 var _FormControlLabel = _interopRequireDefault(require("../FormControlLabel"));
-
 var _FormErrorMessage = _interopRequireDefault(require("../FormErrorMessage"));
-
 var _FormGroup = _interopRequireDefault(require("../FormGroup"));
-
 var _FormHelpText = _interopRequireDefault(require("../FormHelpText"));
-
 var _useFormClassNames = require("./useFormClassNames");
-
 var _useSchemaModel2 = _interopRequireDefault(require("./useSchemaModel"));
-
 var _utils = require("../utils");
-
 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,
-      formValue = props.formValue,
-      formError = props.formError,
-      fluid = props.fluid,
-      _props$layout = props.layout,
-      layout = _props$layout === void 0 ? 'vertical' : _props$layout,
-      _props$model = props.model,
-      formModel = _props$model === void 0 ? (0, _schemaTyped.SchemaModel)({}) : _props$model,
-      readOnly = props.readOnly,
-      plaintext = props.plaintext,
-      className = props.className,
-      children = props.children,
-      disabled = props.disabled,
-      onSubmit = props.onSubmit,
-      onCheck = props.onCheck,
-      onError = props.onError,
-      onChange = props.onChange,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["checkTrigger", "classPrefix", "errorFromContext", "formDefaultValue", "formValue", "formError", "fluid", "layout", "model", "readOnly", "plaintext", "className", "children", "disabled", "onSubmit", "onCheck", "onError", "onChange"]);
-
+    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,
+    formValue = props.formValue,
+    formError = props.formError,
+    fluid = props.fluid,
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? 'vertical' : _props$layout,
+    _props$model = props.model,
+    formModel = _props$model === void 0 ? (0, _schemaTyped.SchemaModel)({}) : _props$model,
+    readOnly = props.readOnly,
+    plaintext = props.plaintext,
+    className = props.className,
+    children = props.children,
+    disabled = props.disabled,
+    onSubmit = props.onSubmit,
+    onCheck = props.onCheck,
+    onError = props.onError,
+    onChange = props.onChange,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["checkTrigger", "classPrefix", "errorFromContext", "formDefaultValue", "formValue", "formError", "fluid", "layout", "model", "readOnly", "plaintext", "className", "children", "disabled", "onSubmit", "onCheck", "onError", "onChange"]);
   var _useSchemaModel = (0, _useSchemaModel2.default)(formModel),
-      getCombinedModel = _useSchemaModel.getCombinedModel,
-      pushFieldRule = _useSchemaModel.pushFieldRule,
-      removeFieldRule = _useSchemaModel.removeFieldRule;
-
+    getCombinedModel = _useSchemaModel.getCombinedModel,
+    pushFieldRule = _useSchemaModel.pushFieldRule,
+    removeFieldRule = _useSchemaModel.removeFieldRule;
   var classes = (0, _useFormClassNames.useFormClassNames)({
     classPrefix: classPrefix,
     className: className,
@@ -78,25 +59,22 @@ var Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     plaintext: plaintext,
     disabled: disabled
   });
-
   var _useControlled = (0, _utils.useControlled)(formValue, formDefaultValue),
-      realFormValue = _useControlled[0],
-      setFormValue = _useControlled[1];
-
+    realFormValue = _useControlled[0],
+    setFormValue = _useControlled[1];
   var _useControlled2 = (0, _utils.useControlled)(formError, {}),
-      realFormError = _useControlled2[0],
-      setFormError = _useControlled2[1];
-
+    realFormError = _useControlled2[0],
+    setFormError = _useControlled2[1];
   var realFormValueRef = (0, _react.useRef)(realFormValue);
   realFormValueRef.current = realFormValue;
   var realFormErrorRef = (0, _react.useRef)(realFormError);
   realFormErrorRef.current = realFormError;
+
   /**
    * Validate the form data and return a boolean.
    * The error message after verification is returned in the callback.
    * @param callback
    */
-
   var check = (0, _react.useCallback)(function (callback) {
     var formValue = realFormValue || {};
     var formError = {};
@@ -104,7 +82,6 @@ var Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var model = getCombinedModel();
     Object.keys(model.spec).forEach(function (key) {
       var checkResult = model.checkForField(key, formValue);
-
       if (checkResult.hasError === true) {
         errorCount += 1;
         formError[key] = (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult;
@@ -113,23 +90,20 @@ var Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     setFormError(formError);
     onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);
     callback === null || callback === void 0 ? void 0 : callback(formError);
-
     if (errorCount > 0) {
       onError === null || onError === void 0 ? void 0 : onError(formError);
       return false;
     }
-
     return true;
   }, [realFormValue, getCombinedModel, setFormError, onCheck, onError]);
+
   /**
    * Check the data field
    * @param fieldName
    * @param callback
    */
-
   var checkForField = (0, _react.useCallback)(function (fieldName, callback) {
     var _extends2;
-
     var formValue = realFormValue || {};
     var model = getCombinedModel();
     var checkResult = model.checkForField(fieldName, formValue);
@@ -137,17 +111,15 @@ var Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     setFormError(formError);
     onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);
     callback === null || callback === void 0 ? void 0 : callback(checkResult);
-
     if (checkResult.hasError) {
       onError === null || onError === void 0 ? void 0 : onError(formError);
     }
-
     return !checkResult.hasError;
   }, [realFormValue, getCombinedModel, realFormError, setFormError, onCheck, onError]);
+
   /**
    * Check form data asynchronously and return a Promise
    */
-
   var checkAsync = (0, _react.useCallback)(function () {
     var formValue = realFormValue || {};
     var promises = [];
@@ -160,46 +132,39 @@ var Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     return Promise.all(promises).then(function (values) {
       var formError = {};
       var errorCount = 0;
-
       for (var i = 0; i < values.length; i++) {
         if (values[i].hasError) {
           errorCount += 1;
           formError[keys[i]] = values[i].errorMessage;
         }
       }
-
       onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);
       setFormError(formError);
-
       if (errorCount > 0) {
         onError === null || onError === void 0 ? void 0 : onError(formError);
       }
-
       return {
         hasError: errorCount > 0,
         formError: formError
       };
     });
   }, [realFormValue, getCombinedModel, onCheck, setFormError, onError]);
+
   /**
    * Asynchronously check form fields and return Promise
    * @param fieldName
    */
-
   var checkForFieldAsync = (0, _react.useCallback)(function (fieldName) {
     var formValue = realFormValue || {};
     var model = getCombinedModel();
     return model.checkForFieldAsync(fieldName, formValue).then(function (checkResult) {
       var _extends3;
-
       var formError = (0, _extends6.default)({}, realFormError, (_extends3 = {}, _extends3[fieldName] = checkResult.errorMessage, _extends3));
       onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);
       setFormError(formError);
-
       if (checkResult.hasError) {
         onError === null || onError === void 0 ? void 0 : onError(formError);
       }
-
       return checkResult;
     });
   }, [realFormValue, getCombinedModel, realFormError, onCheck, setFormError, onError]);
@@ -213,7 +178,6 @@ var Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     if (formError === void 0) {
       formError = {};
     }
-
     setFormError(formError);
   }, [setFormError]);
   (0, _react.useImperativeHandle)(ref, function () {
@@ -252,7 +216,6 @@ var Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     if (disabled || readOnly || plaintext) {
       return;
     }
-
     event.preventDefault();
     event.stopPropagation();
     var checkStatus = check();
@@ -260,7 +223,6 @@ var Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, [disabled, readOnly, plaintext, check, onSubmit]);
   var handleFieldError = (0, _react.useCallback)(function (name, errorMessage) {
     var _extends4;
-
     var formError = (0, _extends6.default)({}, realFormError, (_extends4 = {}, _extends4[name] = errorMessage, _extends4));
     setFormError(formError);
     onError === null || onError === void 0 ? void 0 : onError(formError);
@@ -271,7 +233,6 @@ var Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, [removeFieldError]);
   var handleFieldChange = (0, _react.useCallback)(function (name, value, event) {
     var _extends5;
-
     var formValue = realFormValue;
     var nextFormValue = (0, _extends6.default)({}, formValue, (_extends5 = {}, _extends5[name] = value, _extends5));
     setFormValue(nextFormValue);
@@ -282,7 +243,6 @@ var Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     return {
       getCombinedModel: getCombinedModel,
       checkTrigger: checkTrigger,
-      formDefaultValue: formDefaultValue,
       errorFromContext: errorFromContext,
       readOnly: readOnly,
       plaintext: plaintext,
@@ -296,7 +256,7 @@ var Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       onFieldError: handleFieldError,
       onFieldSuccess: handleFieldSuccess
     };
-  }, [getCombinedModel, checkTrigger, formDefaultValue, errorFromContext, readOnly, plaintext, disabled, realFormError, removeFieldValue, removeFieldError, pushFieldRule, removeFieldRule, handleFieldChange, handleFieldError, handleFieldSuccess]);
+  }, [getCombinedModel, checkTrigger, errorFromContext, readOnly, plaintext, disabled, realFormError, removeFieldValue, removeFieldError, pushFieldRule, removeFieldRule, handleFieldChange, handleFieldError, handleFieldSuccess]);
   return /*#__PURE__*/_react.default.createElement("form", (0, _extends6.default)({}, rest, {
     ref: rootRef,
     onSubmit: handleSubmit,
@@ -304,10 +264,9 @@ var Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }), /*#__PURE__*/_react.default.createElement(_FormContext.default.Provider, {
     value: formContextValue
   }, /*#__PURE__*/_react.default.createElement(_FormContext.FormValueContext.Provider, {
-    value: formValue
+    value: realFormValue
   }, children)));
 });
-
 Form.Control = _FormControl.default;
 Form.ControlLabel = _FormControlLabel.default;
 Form.ErrorMessage = _FormErrorMessage.default;

package/cjs/Form/FormContext.d.ts

@@ -15,16 +15,15 @@ interface TrulyFormContextValue<T = Record<string, any>, errorMsgType = any, E =
     onFieldError: (name: string, errorMessage: string) => void;
     onFieldSuccess: (name: string) => void;
 }
-declare type ExternalPropsContextValue<T> = {
+declare type ExternalPropsContextValue = {
     checkTrigger?: TypeAttributes.CheckTrigger;
-    formDefaultValue?: T;
     errorFromContext?: boolean;
     readOnly?: boolean;
     plaintext?: boolean;
     disabled?: boolean;
 };
 declare type InitialContextType = Partial<Record<keyof TrulyFormContextValue, undefined>>;
-export declare type FormContextValue<T = Record<string, any>, errorMsgType = any> = (TrulyFormContextValue<T, errorMsgType> | InitialContextType) & ExternalPropsContextValue<T>;
+export declare type FormContextValue<T = Record<string, any>, errorMsgType = any> = (TrulyFormContextValue<T, errorMsgType> | InitialContextType) & ExternalPropsContextValue;
 export declare const FormContext: React.Context<FormContextValue<Record<string, any>, any>>;
 export declare const FormValueContext: React.Context<Record<string, any> | undefined>;
 export declare const FormPlaintextContext: React.Context<boolean>;

package/cjs/Form/FormContext.js

@@ -1,22 +1,15 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = exports.FormPlaintextContext = exports.FormValueContext = exports.FormContext = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var FormContext = /*#__PURE__*/_react.default.createContext({});
-
 exports.FormContext = FormContext;
-
 var FormValueContext = /*#__PURE__*/_react.default.createContext({});
-
 exports.FormValueContext = FormValueContext;
-
 var FormPlaintextContext = /*#__PURE__*/_react.default.createContext(false);
-
 exports.FormPlaintextContext = FormPlaintextContext;
 var _default = FormContext;
 exports.default = _default;

package/cjs/Form/index.js

@@ -1,15 +1,12 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 var _exportNames = {};
 exports.default = void 0;
-
 var _Form = _interopRequireDefault(require("./Form"));
-
 var _useFormClassNames = require("./useFormClassNames");
-
 Object.keys(_useFormClassNames).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;

package/cjs/Form/useFormClassNames.js

@@ -1,28 +1,25 @@
+'use client';
 "use strict";
 
 exports.__esModule = true;
 exports.useFormClassNames = useFormClassNames;
-
 var _utils = require("../utils");
-
 /**
  * Take <Form> props and return className for <Form> styles
  */
 function useFormClassNames(_ref) {
   var _ref$classPrefix = _ref.classPrefix,
-      classPrefix = _ref$classPrefix === void 0 ? 'form' : _ref$classPrefix,
-      className = _ref.className,
-      fluid = _ref.fluid,
-      _ref$layout = _ref.layout,
-      layout = _ref$layout === void 0 ? 'vertical' : _ref$layout,
-      readOnly = _ref.readOnly,
-      plaintext = _ref.plaintext,
-      disabled = _ref.disabled;
-
+    classPrefix = _ref$classPrefix === void 0 ? 'form' : _ref$classPrefix,
+    className = _ref.className,
+    fluid = _ref.fluid,
+    _ref$layout = _ref.layout,
+    layout = _ref$layout === void 0 ? 'vertical' : _ref$layout,
+    readOnly = _ref.readOnly,
+    plaintext = _ref.plaintext,
+    disabled = _ref.disabled;
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   return merge(className, withClassPrefix(layout, fluid && layout === 'vertical' ? 'fluid' : 'fixed-width', {
     readonly: readOnly,
     disabled: disabled,

package/cjs/Form/useSchemaModel.js

@@ -1,12 +1,10 @@
+'use client';
 "use strict";
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _schemaTyped = require("schema-typed");
-
 var _react = require("react");
-
 function useSchemaModel(formModel) {
   var subRulesRef = (0, _react.useRef)([]);
   var pushFieldRule = (0, _react.useCallback)(function (name, fieldRule) {
@@ -27,9 +25,8 @@ function useSchemaModel(formModel) {
     });
     return _schemaTyped.SchemaModel.combine(formModel, (0, _schemaTyped.SchemaModel)(realSubRules.map(function (_ref) {
       var _ref2;
-
       var name = _ref.name,
-          fieldRule = _ref.fieldRule;
+        fieldRule = _ref.fieldRule;
       return _ref2 = {}, _ref2[name] = fieldRule.current, _ref2;
     }).reduce(function (a, b) {
       return Object.assign(a, b);
@@ -41,6 +38,5 @@ function useSchemaModel(formModel) {
     removeFieldRule: removeFieldRule
   };
 }
-
 var _default = useSchemaModel;
 exports.default = _default;

package/cjs/FormControl/FormControl.js

@@ -1,95 +1,76 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-
 var _extends3 = _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 _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
-
 var _Input = _interopRequireDefault(require("../Input"));
-
 var _FormErrorMessage = _interopRequireDefault(require("../FormErrorMessage"));
-
 var _utils = require("../utils");
-
 var _FormContext = _interopRequireWildcard(require("../Form/FormContext"));
-
 var _FormGroup = require("../FormGroup/FormGroup");
-
 var _useRegisterModel = _interopRequireDefault(require("./useRegisterModel"));
-
 var _Toggle = _interopRequireDefault(require("../Toggle"));
-
 var _templateObject;
+/**
+ * Props that FormControl passes to its accepter
+ */
 
 var FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _accepterProps;
-
   var _useContext = (0, _react.useContext)(_FormContext.default),
-      readOnlyContext = _useContext.readOnly,
-      plaintextContext = _useContext.plaintext,
-      disabledContext = _useContext.disabled,
-      errorFromContext = _useContext.errorFromContext,
-      _useContext$formDefau = _useContext.formDefaultValue,
-      formDefaultValue = _useContext$formDefau === void 0 ? {} : _useContext$formDefau,
-      formError = _useContext.formError,
-      removeFieldValue = _useContext.removeFieldValue,
-      removeFieldError = _useContext.removeFieldError,
-      pushFieldRule = _useContext.pushFieldRule,
-      removeFieldRule = _useContext.removeFieldRule,
-      onFieldChange = _useContext.onFieldChange,
-      onFieldError = _useContext.onFieldError,
-      onFieldSuccess = _useContext.onFieldSuccess,
-      getCombinedModel = _useContext.getCombinedModel,
-      contextCheckTrigger = _useContext.checkTrigger;
-
+    readOnlyContext = _useContext.readOnly,
+    plaintextContext = _useContext.plaintext,
+    disabledContext = _useContext.disabled,
+    errorFromContext = _useContext.errorFromContext,
+    formError = _useContext.formError,
+    removeFieldValue = _useContext.removeFieldValue,
+    removeFieldError = _useContext.removeFieldError,
+    pushFieldRule = _useContext.pushFieldRule,
+    removeFieldRule = _useContext.removeFieldRule,
+    onFieldChange = _useContext.onFieldChange,
+    onFieldError = _useContext.onFieldError,
+    onFieldSuccess = _useContext.onFieldSuccess,
+    getCombinedModel = _useContext.getCombinedModel,
+    contextCheckTrigger = _useContext.checkTrigger;
   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,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "accepter", "classPrefix", "checkAsync", "checkTrigger", "errorPlacement", "errorMessage", "name", "value", "readOnly", "plaintext", "disabled", "onChange", "onBlur", "defaultValue", "shouldResetWithUnmount", "rule"]);
-
+    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,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "accepter", "classPrefix", "checkAsync", "checkTrigger", "errorPlacement", "errorMessage", "name", "value", "readOnly", "plaintext", "disabled", "onChange", "onBlur", "defaultValue", "shouldResetWithUnmount", "rule"]);
   var _useContext2 = (0, _react.useContext)(_FormGroup.FormGroupContext),
-      controlId = _useContext2.controlId;
-
+    controlId = _useContext2.controlId;
   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    ");
   }
-
   (0, _useRegisterModel.default)(name, pushFieldRule, removeFieldRule, rule);
   (0, _utils.useWillUnmount)(function () {
     if (shouldResetWithUnmount) {
@@ -100,27 +81,21 @@ var FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var trigger = checkTrigger || contextCheckTrigger;
   var formValue = (0, _react.useContext)(_FormContext.FormValueContext);
   var val = (0, _isUndefined.default)(value) ? formValue === null || formValue === void 0 ? void 0 : formValue[name] : value;
-
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix;
   var classes = withClassPrefix('wrapper');
-
   var handleFieldChange = function handleFieldChange(value, event) {
     handleFieldCheck(value, trigger === 'change');
     onFieldChange === null || onFieldChange === void 0 ? void 0 : onFieldChange(name, value, event);
     onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
   };
-
   var handleFieldBlur = function handleFieldBlur(event) {
     handleFieldCheck(val, trigger === 'blur');
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
   };
-
   var handleFieldCheck = function handleFieldCheck(value, isCheckTrigger) {
     var _extends2;
-
     var callbackEvents = function callbackEvents(checkResult) {
       // The relevant event is triggered only when the inspection is allowed.
       if (isCheckTrigger) {
@@ -130,46 +105,36 @@ var FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
           onFieldSuccess === null || onFieldSuccess === void 0 ? void 0 : onFieldSuccess(name);
         }
       }
-
       return checkResult;
     };
-
     var nextFormValue = (0, _extends3.default)({}, formValue, (_extends2 = {}, _extends2[name] = value, _extends2));
     var model = getCombinedModel();
-
     if (checkAsync) {
       return model === null || model === void 0 ? void 0 : model.checkForFieldAsync(name, nextFormValue).then(function (checkResult) {
         return callbackEvents(checkResult);
       });
     }
-
     return Promise.resolve(callbackEvents(model === null || model === void 0 ? void 0 : model.checkForField(name, nextFormValue)));
   };
-
   var messageNode = null;
-
   if (!(0, _isUndefined.default)(errorMessage)) {
     messageNode = errorMessage;
   } else if (errorFromContext) {
     var fieldError = formError === null || formError === void 0 ? void 0 : formError[name];
-
     if (typeof fieldError === 'string' || !(fieldError !== null && fieldError !== void 0 && fieldError.array) && !(fieldError !== null && fieldError !== void 0 && fieldError.object) && fieldError !== null && fieldError !== void 0 && fieldError.hasError) {
       messageNode = fieldError;
     }
   }
-
   var ariaDescribedby = controlId ? controlId + "-help-text" : null;
   var fieldHasError = Boolean(messageNode);
   var ariaErrormessage = fieldHasError && controlId ? controlId + "-error-message" : undefined;
   var valueKey = 'value';
-  var defaultValueKey = 'defaultValue'; // Toggle component is a special case that uses `checked` and `defaultChecked` instead of `value` and `defaultValue` props.
 
+  // Toggle component is a special case that uses `checked` and `defaultChecked` instead of `value` and `defaultValue` props.
   if (AccepterComponent === _Toggle.default) {
     valueKey = 'checked';
-    defaultValueKey = 'defaultChecked';
   }
-
-  var accepterProps = (_accepterProps = {}, _accepterProps[valueKey] = val, _accepterProps[defaultValueKey] = defaultValue !== null && defaultValue !== void 0 ? defaultValue : formDefaultValue[name], _accepterProps);
+  var accepterProps = (_accepterProps = {}, _accepterProps[valueKey] = val !== null && val !== void 0 ? val : defaultValue, _accepterProps);
   return /*#__PURE__*/_react.default.createElement(Component, {
     className: classes,
     ref: ref
@@ -195,7 +160,6 @@ var FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     placement: errorPlacement
   }, messageNode));
 });
-
 FormControl.displayName = 'FormControl';
 FormControl.propTypes = {
   name: _propTypes.default.string.isRequired,

package/cjs/FormControl/index.js

@@ -1,11 +1,9 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _FormControl = _interopRequireDefault(require("./FormControl"));
-
 var _default = _FormControl.default;
 exports.default = _default;