@rjsf/core 6.0.0-beta.14 → 6.0.0-beta.15

package/dist/core.umd.js

@@ -327,8 +327,8 @@
     };
     /** Callback handler used to change the value for a checkbox */
     onSelectChange = (value) => {
-      const { name, onChange, idSchema } = this.props;
-      onChange(value, [name], void 0, idSchema && idSchema.$id);
+      const { onChange, idSchema } = this.props;
+      onChange(value, [], void 0, idSchema && idSchema.$id);
     };
     /** Helper method to compute item UI schema for both normal and fixed arrays
      * Handles both static object and dynamic function cases
@@ -3916,8 +3916,10 @@
     getSnapshotBeforeUpdate(prevProps, prevState) {
       if (!utils.deepEquals(this.props, prevProps)) {
         const formDataChangedFields = utils.getChangedFields(this.props.formData, prevProps.formData);
+        const stateDataChangedFields = utils.getChangedFields(this.props.formData, this.state.formData);
         const isSchemaChanged = !utils.deepEquals(prevProps.schema, this.props.schema);
         const isFormDataChanged = formDataChangedFields.length > 0 || !utils.deepEquals(prevProps.formData, this.props.formData);
+        const isStateDataChanged = stateDataChangedFields.length > 0 || !utils.deepEquals(this.state.formData, this.props.formData);
         const nextState = this.getStateFromProps(
           this.props,
           this.props.formData,
@@ -3926,7 +3928,9 @@
           //  match one of the subSchemas, the retrieved schema must be updated.
           isSchemaChanged || isFormDataChanged ? void 0 : this.state.retrievedSchema,
           isSchemaChanged,
-          formDataChangedFields
+          formDataChangedFields,
+          // Skip live validation for this request if no form data has changed from the last state
+          !isStateDataChanged
         );
         const shouldUpdate = !utils.deepEquals(nextState, prevState);
         return { nextState, shouldUpdate };
@@ -3965,14 +3969,14 @@
      * @param formDataChangedFields - The changed fields of `formData`
      * @returns - The new state for the `Form`
      */
-    getStateFromProps(props, inputFormData, retrievedSchema, isSchemaChanged = false, formDataChangedFields = []) {
+    getStateFromProps(props, inputFormData, retrievedSchema, isSchemaChanged = false, formDataChangedFields = [], skipLiveValidate = false) {
       const state = this.state || {};
       const schema = "schema" in props ? props.schema : this.props.schema;
       const validator = "validator" in props ? props.validator : this.props.validator;
       const uiSchema = ("uiSchema" in props ? props.uiSchema : this.props.uiSchema) || {};
       const edit = typeof inputFormData !== "undefined";
       const liveValidate = "liveValidate" in props ? props.liveValidate : this.props.liveValidate;
-      const mustValidate = edit && !props.noValidate && liveValidate;
+      const mustValidate = edit && !props.noValidate && liveValidate && !skipLiveValidate;
       const experimental_defaultFormStateBehavior = "experimental_defaultFormStateBehavior" in props ? props.experimental_defaultFormStateBehavior : this.props.experimental_defaultFormStateBehavior;
       const experimental_customMergeAllOf = "experimental_customMergeAllOf" in props ? props.experimental_customMergeAllOf : this.props.experimental_customMergeAllOf;
       let schemaUtils = state.schemaUtils;
@@ -4264,7 +4268,7 @@
         if (!isRootPath) {
           set(formData, path, newValue);
         }
-        const newState = this.getStateFromProps(this.props, formData);
+        const newState = this.getStateFromProps(this.props, formData, void 0, void 0, void 0, true);
         formData = newState.formData;
         retrievedSchema = newState.retrievedSchema;
       }
@@ -4282,7 +4286,7 @@
         set(errorSchemaCopy, path, newErrorSchema);
         newErrorSchema = errorSchemaCopy;
       }
-      if (mustValidate) {
+      if (mustValidate && this.pendingChanges.length === 1) {
         const schemaValidation = this.validate(newFormData, schema, schemaUtils, retrievedSchema);
         let errors = schemaValidation.errors;
         let errorSchema2 = schemaValidation.errorSchema;

package/dist/index.esm.js

@@ -372,8 +372,8 @@ var ArrayField = class extends Component {
   };
   /** Callback handler used to change the value for a checkbox */
   onSelectChange = (value) => {
-    const { name, onChange, idSchema } = this.props;
-    onChange(value, [name], void 0, idSchema && idSchema.$id);
+    const { onChange, idSchema } = this.props;
+    onChange(value, [], void 0, idSchema && idSchema.$id);
   };
   /** Helper method to compute item UI schema for both normal and fixed arrays
    * Handles both static object and dynamic function cases
@@ -4378,8 +4378,10 @@ var Form = class extends Component5 {
   getSnapshotBeforeUpdate(prevProps, prevState) {
     if (!deepEquals2(this.props, prevProps)) {
       const formDataChangedFields = getChangedFields(this.props.formData, prevProps.formData);
+      const stateDataChangedFields = getChangedFields(this.props.formData, this.state.formData);
       const isSchemaChanged = !deepEquals2(prevProps.schema, this.props.schema);
       const isFormDataChanged = formDataChangedFields.length > 0 || !deepEquals2(prevProps.formData, this.props.formData);
+      const isStateDataChanged = stateDataChangedFields.length > 0 || !deepEquals2(this.state.formData, this.props.formData);
       const nextState = this.getStateFromProps(
         this.props,
         this.props.formData,
@@ -4388,7 +4390,9 @@ var Form = class extends Component5 {
         //  match one of the subSchemas, the retrieved schema must be updated.
         isSchemaChanged || isFormDataChanged ? void 0 : this.state.retrievedSchema,
         isSchemaChanged,
-        formDataChangedFields
+        formDataChangedFields,
+        // Skip live validation for this request if no form data has changed from the last state
+        !isStateDataChanged
       );
       const shouldUpdate = !deepEquals2(nextState, prevState);
       return { nextState, shouldUpdate };
@@ -4427,14 +4431,14 @@ var Form = class extends Component5 {
    * @param formDataChangedFields - The changed fields of `formData`
    * @returns - The new state for the `Form`
    */
-  getStateFromProps(props, inputFormData, retrievedSchema, isSchemaChanged = false, formDataChangedFields = []) {
+  getStateFromProps(props, inputFormData, retrievedSchema, isSchemaChanged = false, formDataChangedFields = [], skipLiveValidate = false) {
     const state = this.state || {};
     const schema = "schema" in props ? props.schema : this.props.schema;
     const validator = "validator" in props ? props.validator : this.props.validator;
     const uiSchema = ("uiSchema" in props ? props.uiSchema : this.props.uiSchema) || {};
     const edit = typeof inputFormData !== "undefined";
     const liveValidate = "liveValidate" in props ? props.liveValidate : this.props.liveValidate;
-    const mustValidate = edit && !props.noValidate && liveValidate;
+    const mustValidate = edit && !props.noValidate && liveValidate && !skipLiveValidate;
     const experimental_defaultFormStateBehavior = "experimental_defaultFormStateBehavior" in props ? props.experimental_defaultFormStateBehavior : this.props.experimental_defaultFormStateBehavior;
     const experimental_customMergeAllOf = "experimental_customMergeAllOf" in props ? props.experimental_customMergeAllOf : this.props.experimental_customMergeAllOf;
     let schemaUtils = state.schemaUtils;
@@ -4726,7 +4730,7 @@ var Form = class extends Component5 {
       if (!isRootPath) {
         _set(formData, path, newValue);
       }
-      const newState = this.getStateFromProps(this.props, formData);
+      const newState = this.getStateFromProps(this.props, formData, void 0, void 0, void 0, true);
       formData = newState.formData;
       retrievedSchema = newState.retrievedSchema;
     }
@@ -4744,7 +4748,7 @@ var Form = class extends Component5 {
       _set(errorSchemaCopy, path, newErrorSchema);
       newErrorSchema = errorSchemaCopy;
     }
-    if (mustValidate) {
+    if (mustValidate && this.pendingChanges.length === 1) {
       const schemaValidation = this.validate(newFormData, schema, schemaUtils, retrievedSchema);
       let errors = schemaValidation.errors;
       let errorSchema2 = schemaValidation.errorSchema;