Allow defining a form-ID

WordPress · Oct 17, 2022 · f1801d7 · f1801d7
1 parent c402479
commit f1801d7
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 6 deletions.
diff --git a/docs/reference-guides/core-blocks.md b/docs/reference-guides/core-blocks.md
@@ -258,7 +258,7 @@ A form. ([Source](https://github.com/WordPress/gutenberg/tree/trunk/packages/blo
 -	**Name:** core/form
 -	**Category:** common
 -	**Supports:** 
--	**Attributes:** action, method
+-	**Attributes:** action, formId, method
 
 ## Classic
 

diff --git a/packages/block-library/src/form/block.json b/packages/block-library/src/form/block.json
@@ -15,6 +15,10 @@
 		"method": {
 			"type": "string",
 			"default": "post"
+		},
+		"formId": {
+			"type": "string",
+			"default": ""
 		}
 	}
 }
diff --git a/packages/block-library/src/form/edit.js b/packages/block-library/src/form/edit.js
@@ -1,7 +1,13 @@
 /**
  * WordPress dependencies
  */
-import { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
+import { __ } from '@wordpress/i18n';
+import {
+	useBlockProps,
+	useInnerBlocksProps,
+	InspectorControls,
+} from '@wordpress/block-editor';
+import { PanelBody, TextControl } from '@wordpress/components';
 
 const ALLOWED_BLOCKS = [
 	'core/paragraph',
@@ -11,13 +17,35 @@ const ALLOWED_BLOCKS = [
 	'core/group',
 ];
 
-const Edit = () => {
+const Edit = ( { attributes, setAttributes } ) => {
+	const { formId } = attributes;
 	const blockProps = useBlockProps();
 
 	const innerBlocksProps = useInnerBlocksProps( blockProps, {
 		allowedBlocks: ALLOWED_BLOCKS,
 	} );
 
-	return <form { ...innerBlocksProps } />;
+	return (
+		<>
+			<InspectorControls>
+				<PanelBody title={ __( 'Form settings' ) }>
+					<TextControl
+						autoComplete="off"
+						label={ __( 'Form ID' ) }
+						value={ formId }
+						onChange={ ( newVal ) => {
+							setAttributes( {
+								formId: newVal,
+							} );
+						} }
+						help={ __(
+							'Unique identifier for this form. This value gets sent along with the form submission.'
+						) }
+					/>
+				</PanelBody>
+			</InspectorControls>
+			<form { ...innerBlocksProps } />;
+		</>
+	);
 };
 export default Edit;
diff --git a/packages/block-library/src/form/index.php b/packages/block-library/src/form/index.php
@@ -47,7 +47,8 @@ function render_block_core_form( $attributes, $content, $block ) {
 	 */
 	$method = apply_filters( 'block_form_method', $method, $attributes, $content, $block );
 
-	$form_hash = md5( json_encode( array( $attributes, $block ) ) );
+	$form_id = empty( $attributes['formId'] ) ? md5( json_encode( array( $attributes, $block ) ) ) : $attributes['formId'];
+
 	return str_replace(
 		array(
 			'<form ',
@@ -59,7 +60,7 @@ function render_block_core_form( $attributes, $content, $block ) {
 				esc_attr( $action ),
 				esc_attr( $method )
 			),
-			'<input type="hidden" name="block-form-hash" value="' . $form_hash . '" /><form>',
+			'<input type="hidden" name="block-form-id" value="' . esc_attr( $form_id ) . '" /><form>',
 		),
 		$content
 	);