rsuite 5.40.0 → 5.42.0

package/esm/Form/Form.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useMemo, useCallback, useImperativeHandle, useRef } from 'react';
@@ -15,36 +16,34 @@ import useSchemaModel from './useSchemaModel';
 import { useControlled } from '../utils';
 var Form = /*#__PURE__*/React.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 ? 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 = _objectWithoutPropertiesLoose(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 ? 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 = _objectWithoutPropertiesLoose(props, ["checkTrigger", "classPrefix", "errorFromContext", "formDefaultValue", "formValue", "formError", "fluid", "layout", "model", "readOnly", "plaintext", "className", "children", "disabled", "onSubmit", "onCheck", "onError", "onChange"]);
   var _useSchemaModel = useSchemaModel(formModel),
-      getCombinedModel = _useSchemaModel.getCombinedModel,
-      pushFieldRule = _useSchemaModel.pushFieldRule,
-      removeFieldRule = _useSchemaModel.removeFieldRule;
-
+    getCombinedModel = _useSchemaModel.getCombinedModel,
+    pushFieldRule = _useSchemaModel.pushFieldRule,
+    removeFieldRule = _useSchemaModel.removeFieldRule;
   var classes = useFormClassNames({
     classPrefix: classPrefix,
     className: className,
@@ -54,25 +53,22 @@ var Form = /*#__PURE__*/React.forwardRef(function (props, ref) {
     plaintext: plaintext,
     disabled: disabled
   });
-
   var _useControlled = useControlled(formValue, formDefaultValue),
-      realFormValue = _useControlled[0],
-      setFormValue = _useControlled[1];
-
+    realFormValue = _useControlled[0],
+    setFormValue = _useControlled[1];
   var _useControlled2 = useControlled(formError, {}),
-      realFormError = _useControlled2[0],
-      setFormError = _useControlled2[1];
-
+    realFormError = _useControlled2[0],
+    setFormError = _useControlled2[1];
   var realFormValueRef = useRef(realFormValue);
   realFormValueRef.current = realFormValue;
   var realFormErrorRef = 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 = useCallback(function (callback) {
     var formValue = realFormValue || {};
     var formError = {};
@@ -80,7 +76,6 @@ var Form = /*#__PURE__*/React.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;
@@ -89,43 +84,36 @@ var Form = /*#__PURE__*/React.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 = useCallback(function (fieldName, callback) {
     var _extends2;
-
     var formValue = realFormValue || {};
     var model = getCombinedModel();
     var checkResult = model.checkForField(fieldName, formValue);
-
     var formError = _extends({}, realFormError, (_extends2 = {}, _extends2[fieldName] = (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult, _extends2));
-
     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 = useCallback(function () {
     var formValue = realFormValue || {};
     var promises = [];
@@ -138,47 +126,39 @@ var Form = /*#__PURE__*/React.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 = useCallback(function (fieldName) {
     var formValue = realFormValue || {};
     var model = getCombinedModel();
     return model.checkForFieldAsync(fieldName, formValue).then(function (checkResult) {
       var _extends3;
-
       var formError = _extends({}, 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]);
@@ -192,7 +172,6 @@ var Form = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (formError === void 0) {
       formError = {};
     }
-
     setFormError(formError);
   }, [setFormError]);
   useImperativeHandle(ref, function () {
@@ -231,7 +210,6 @@ var Form = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (disabled || readOnly || plaintext) {
       return;
     }
-
     event.preventDefault();
     event.stopPropagation();
     var checkStatus = check();
@@ -239,9 +217,7 @@ var Form = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [disabled, readOnly, plaintext, check, onSubmit]);
   var handleFieldError = useCallback(function (name, errorMessage) {
     var _extends4;
-
     var formError = _extends({}, realFormError, (_extends4 = {}, _extends4[name] = errorMessage, _extends4));
-
     setFormError(formError);
     onError === null || onError === void 0 ? void 0 : onError(formError);
     onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);
@@ -251,11 +227,8 @@ var Form = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [removeFieldError]);
   var handleFieldChange = useCallback(function (name, value, event) {
     var _extends5;
-
     var formValue = realFormValue;
-
     var nextFormValue = _extends({}, formValue, (_extends5 = {}, _extends5[name] = value, _extends5));
-
     setFormValue(nextFormValue);
     onChange === null || onChange === void 0 ? void 0 : onChange(nextFormValue, event);
   }, [realFormValue, setFormValue, onChange]);
@@ -264,7 +237,6 @@ var Form = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return {
       getCombinedModel: getCombinedModel,
       checkTrigger: checkTrigger,
-      formDefaultValue: formDefaultValue,
       errorFromContext: errorFromContext,
       readOnly: readOnly,
       plaintext: plaintext,
@@ -278,7 +250,7 @@ var Form = /*#__PURE__*/React.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.createElement("form", _extends({}, rest, {
     ref: rootRef,
     onSubmit: handleSubmit,
@@ -286,7 +258,7 @@ var Form = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: formContextValue
   }, /*#__PURE__*/React.createElement(FormValueContext.Provider, {
-    value: formValue
+    value: realFormValue
   }, children)));
 });
 Form.Control = FormControl;

package/esm/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/esm/Form/FormContext.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 export var FormContext = /*#__PURE__*/React.createContext({});
 export var FormValueContext = /*#__PURE__*/React.createContext({});

package/esm/Form/index.js

@@ -1,3 +1,4 @@
+'use client';
 import Form from './Form';
 export * from './useFormClassNames';
 export default Form;

package/esm/Form/useFormClassNames.js

@@ -1,23 +1,21 @@
+'use client';
 import { useClassNames } from '../utils';
-
 /**
  * Take <Form> props and return className for <Form> styles
  */
 export 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 = 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/esm/Form/useSchemaModel.js

@@ -1,6 +1,6 @@
+'use client';
 import { SchemaModel } from 'schema-typed';
 import { useRef, useCallback } from 'react';
-
 function useSchemaModel(formModel) {
   var subRulesRef = useRef([]);
   var pushFieldRule = useCallback(function (name, fieldRule) {
@@ -21,9 +21,8 @@ function useSchemaModel(formModel) {
     });
     return SchemaModel.combine(formModel, 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);
@@ -35,5 +34,4 @@ function useSchemaModel(formModel) {
     removeFieldRule: removeFieldRule
   };
 }
-
 export default useSchemaModel;

package/esm/FormControl/FormControl.js

@@ -1,9 +1,8 @@
+'use client';
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-
 var _templateObject;
-
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import isUndefined from 'lodash/isUndefined';
@@ -15,65 +14,59 @@ import { FormGroupContext } from '../FormGroup/FormGroup';
 import { useWillUnmount } from '../utils';
 import useRegisterModel from './useRegisterModel';
 import Toggle from '../Toggle';
+
 /**
  * Props that FormControl passes to its accepter
  */
 
 var FormControl = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _accepterProps;
-
   var _useContext = useContext(FormContext),
-      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 : _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 = _objectWithoutPropertiesLoose(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 : _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 = _objectWithoutPropertiesLoose(props, ["as", "accepter", "classPrefix", "checkAsync", "checkTrigger", "errorPlacement", "errorMessage", "name", "value", "readOnly", "plaintext", "disabled", "onChange", "onBlur", "defaultValue", "shouldResetWithUnmount", "rule"]);
   var _useContext2 = useContext(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    ");
   }
-
   useRegisterModel(name, pushFieldRule, removeFieldRule, rule);
   useWillUnmount(function () {
     if (shouldResetWithUnmount) {
@@ -84,27 +77,21 @@ var FormControl = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var trigger = checkTrigger || contextCheckTrigger;
   var formValue = useContext(FormValueContext);
   var val = isUndefined(value) ? formValue === null || formValue === void 0 ? void 0 : formValue[name] : value;
-
   var _useClassNames = 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) {
@@ -114,47 +101,36 @@ var FormControl = /*#__PURE__*/React.forwardRef(function (props, ref) {
           onFieldSuccess === null || onFieldSuccess === void 0 ? void 0 : onFieldSuccess(name);
         }
       }
-
       return checkResult;
     };
-
     var nextFormValue = _extends({}, 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 (!isUndefined(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) {
     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.createElement(Component, {
     className: classes,
     ref: ref

package/esm/FormControl/index.js

@@ -1,2 +1,3 @@
+'use client';
 import FormControl from './FormControl';
 export default FormControl;

package/esm/FormControl/useRegisterModel.js

@@ -1,5 +1,5 @@
+'use client';
 import { useRef, useEffect } from 'react';
-
 function useRegisterModel(name, pushFieldRule, removeFieldRule, rule) {
   var refRule = useRef(rule);
   refRule.current = rule;
@@ -10,5 +10,4 @@ function useRegisterModel(name, pushFieldRule, removeFieldRule, rule) {
     };
   }, [name, pushFieldRule, removeFieldRule]);
 }
-
 export default useRegisterModel;

package/esm/FormControlLabel/FormControlLabel.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useContext } from 'react';
@@ -6,20 +7,17 @@ import { useClassNames } from '../utils';
 import { FormGroupContext } from '../FormGroup/FormGroup';
 var FormControlLabel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   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,
-      htmlFor = props.htmlFor,
-      className = props.className,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "htmlFor", "className"]);
-
+    Component = _props$as === void 0 ? 'label' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'form-control-label' : _props$classPrefix,
+    htmlFor = props.htmlFor,
+    className = props.className,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "htmlFor", "className"]);
   var _useContext = useContext(FormGroupContext),
-      controlId = _useContext.controlId;
-
+    controlId = _useContext.controlId;
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix());
   return /*#__PURE__*/React.createElement(Component, _extends({
     id: controlId ? controlId + "-control-label" : null,

package/esm/FormControlLabel/index.js

@@ -1,2 +1,3 @@
+'use client';
 import FormControlLabel from './FormControlLabel';
 export default FormControlLabel;