Add support for formdata change in modal form.

plone · Dec 19, 2024 · 988b47e · 988b47e
1 parent 1df0a8e
commit 988b47e
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 1 deletion.
diff --git a/packages/volto/src/components/manage/Form/ModalForm.jsx b/packages/volto/src/components/manage/Form/ModalForm.jsx
@@ -219,6 +219,20 @@ class ModalForm extends Component {
         this.props.onChangeFormData(this.state.formData);
       }
     }
+    if (!isEqual(prevProps.formData, this.props.formData)) {
+      let newFormData = {};
+      map(keys(this.props.formData), (field) => {
+        if (!isEqual(prevProps.formData[field], this.props.formData[field])) {
+          newFormData[field] = this.props.formData[field];
+        }
+      });
+      this.setState({
+        formData: {
+          ...this.state.formData,
+          ...newFormData,
+        },
+      });
+    }
   }
 
   /**

diff --git a/packages/volto/src/components/manage/Widgets/SchemaWidget.jsx b/packages/volto/src/components/manage/Widgets/SchemaWidget.jsx
@@ -455,6 +455,7 @@ map(['Email', 'label_email'], (factory) => {
     method: (intl) => ({
       type: 'string',
       widget: 'email',
+      id: 'email',
       factory,
     }),
   });
@@ -1002,7 +1003,7 @@ class SchemaWidget extends Component {
       values.factory === 'label_multi_choice_field';
 
     const initialData = utility.method
-      ? utility.method(this.props.intl)
+      ? omit(utility.method(this.props.intl), ['id'])
       : {
           type: 'string',
           factory: values.factory,
@@ -1613,6 +1614,13 @@ class SchemaWidget extends Component {
         'generated',
       );
 
+    const utility = config.getUtility({
+      name: this.state.addField,
+      type: 'fieldFactoryInitialData',
+    });
+
+    const id = utility?.method ? utility.method(this.props.intl).id : undefined;
+
     return (
       <div>
         <Segment.Group
@@ -1759,6 +1767,7 @@ class SchemaWidget extends Component {
             formData={{
               factory:
                 find(choices, { value: 'label_text_field' }) || undefined,
+              id,
             }}
             schema={schemaField(
               this.state.addField,