@wordpress/block-library 10.6.1-next.v.202609031004.0 → 11.0.0

package/src/form/edit.jsx

@@ -1,169 +0,0 @@
-import { __ } from '@wordpress/i18n';
-import {
-	InnerBlocks,
-	useBlockProps,
-	useInnerBlocksProps,
-	InspectorControls,
-	store as blockEditorStore,
-} from '@wordpress/block-editor';
-import {
-	SelectControl,
-	TextControl,
-	__experimentalToolsPanel as ToolsPanel,
-	__experimentalToolsPanelItem as ToolsPanelItem,
-} from '@wordpress/components';
-import { useSelect } from '@wordpress/data';
-import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
-
-const Edit = ( { attributes, setAttributes, clientId } ) => {
-	const dropdownMenuProps = useToolsPanelDropdownMenuProps();
-
-	const resetAllSettings = () => {
-		setAttributes( {
-			submissionMethod: 'email',
-			email: undefined,
-			action: undefined,
-			method: 'post',
-		} );
-	};
-
-	const { action, method, email, submissionMethod } = attributes;
-	const blockProps = useBlockProps();
-
-	const { hasInnerBlocks } = useSelect(
-		( select ) => {
-			const { getBlock } = select( blockEditorStore );
-			const block = getBlock( clientId );
-			return {
-				hasInnerBlocks: !! ( block && block.innerBlocks.length ),
-			};
-		},
-		[ clientId ]
-	);
-
-	const innerBlocksProps = useInnerBlocksProps( blockProps, {
-		renderAppender: hasInnerBlocks
-			? undefined
-			: InnerBlocks.ButtonBlockAppender,
-	} );
-
-	return (
-		<>
-			<InspectorControls>
-				<ToolsPanel
-					dropdownMenuProps={ dropdownMenuProps }
-					label={ __( 'Settings' ) }
-					resetAll={ resetAllSettings }
-				>
-					<ToolsPanelItem
-						hasValue={ () => submissionMethod !== 'email' }
-						label={ __( 'Submissions method' ) }
-						onDeselect={ () =>
-							setAttributes( {
-								submissionMethod: 'email',
-							} )
-						}
-						isShownByDefault
-					>
-						<SelectControl
-							label={ __( 'Submissions method' ) }
-							options={ [
-								// TODO: Allow plugins to add their own submission methods.
-								{
-									label: __( 'Send email' ),
-									value: 'email',
-								},
-								{
-									label: __( '- Custom -' ),
-									value: 'custom',
-								},
-							] }
-							value={ submissionMethod }
-							onChange={ ( value ) =>
-								setAttributes( { submissionMethod: value } )
-							}
-							help={
-								submissionMethod === 'custom'
-									? __(
-											'Select the method to use for form submissions. Additional options for the "custom" mode can be found in the "Advanced" section.'
-									  )
-									: __(
-											'Select the method to use for form submissions.'
-									  )
-							}
-						/>
-					</ToolsPanelItem>
-					{ submissionMethod === 'email' && (
-						<ToolsPanelItem
-							hasValue={ () => !! email }
-							label={ __( 'Email for form submissions' ) }
-							onDeselect={ () =>
-								setAttributes( {
-									email: undefined,
-									action: undefined,
-									method: 'post',
-								} )
-							}
-							isShownByDefault
-						>
-							<TextControl
-								autoComplete="off"
-								label={ __( 'Email for form submissions' ) }
-								value={ email || '' }
-								required
-								onChange={ ( value ) => {
-									setAttributes( { email: value } );
-									setAttributes( {
-										action: `mailto:${ value }`,
-									} );
-									setAttributes( { method: 'post' } );
-								} }
-								help={ __(
-									'The email address where form submissions will be sent. Separate multiple email addresses with a comma.'
-								) }
-								type="email"
-							/>
-						</ToolsPanelItem>
-					) }
-				</ToolsPanel>
-			</InspectorControls>
-			{ submissionMethod !== 'email' && (
-				<InspectorControls group="advanced">
-					<SelectControl
-						label={ __( 'Method' ) }
-						options={ [
-							{ label: 'Get', value: 'get' },
-							{ label: 'Post', value: 'post' },
-						] }
-						value={ method }
-						onChange={ ( value ) =>
-							setAttributes( { method: value } )
-						}
-						help={ __(
-							'Select the method to use for form submissions.'
-						) }
-					/>
-					<TextControl
-						autoComplete="off"
-						label={ __( 'Form action' ) }
-						value={ action }
-						onChange={ ( newVal ) => {
-							setAttributes( {
-								action: newVal,
-							} );
-						} }
-						help={ __(
-							'The URL where the form should be submitted.'
-						) }
-						type="url"
-					/>
-				</InspectorControls>
-			) }
-			<form
-				{ ...innerBlocksProps }
-				encType={ submissionMethod === 'email' ? 'text/plain' : null }
-			/>
-		</>
-	);
-};
-export default Edit;

package/src/form/icons.jsx

@@ -1,7 +0,0 @@
-import { SVG, Path } from '@wordpress/primitives';
-
-export const icon = (
-	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-		<Path d="M18 16H6c-1.1 0-2 .9-2 2s.9 2 2 2h12c1.1 0 2-.9 2-2s-.9-2-2-2Zm0 2.5H6c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h12c.3 0 .5.2.5.5s-.2.5-.5.5ZM13 13H4v1.5h9V13Zm-7-2h12c1.1 0 2-.9 2-2s-.9-2-2-2H6c-1.1 0-2 .9-2 2s.9 2 2 2Zm0-2.5h12c.3 0 .5.2.5.5s-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5s.2-.5.5-.5ZM13 4H4v1.5h9V4Z" />
-	</SVG>
-);

package/src/form/index.js

@@ -1,91 +0,0 @@
-import { addFilter } from '@wordpress/hooks';
-import { __ } from '@wordpress/i18n';
-import initBlock from '../utils/init-block';
-import edit from './edit';
-import metadata from './block.json';
-import save from './save';
-import variations from './variations';
-import deprecated from './deprecated';
-import { icon } from './icons';
-import {
-	formSubmissionNotificationSuccess,
-	formSubmissionNotificationError,
-} from './utils';
-
-const { name } = metadata;
-
-export { metadata, name };
-
-const TEMPLATE = [
-	formSubmissionNotificationSuccess,
-	formSubmissionNotificationError,
-	[
-		'core/form-input',
-		{
-			type: 'text',
-			label: __( 'Name' ),
-			required: true,
-		},
-	],
-	[
-		'core/form-input',
-		{
-			type: 'email',
-			label: __( 'Email' ),
-			required: true,
-		},
-	],
-	[
-		'core/form-input',
-		{
-			type: 'textarea',
-			label: __( 'Comment' ),
-			required: true,
-		},
-	],
-	[ 'core/form-submit-button', {} ],
-];
-
-export const settings = {
-	icon,
-	template: TEMPLATE,
-	edit,
-	save,
-	deprecated,
-	variations,
-	example: {},
-};
-
-export const init = () => {
-	// Prevent adding forms inside forms.
-	const DISALLOWED_PARENTS = [ 'core/form' ];
-	addFilter(
-		'blockEditor.__unstableCanInsertBlockType',
-		'core/block-library/preventInsertingFormIntoAnotherForm',
-		(
-			canInsert,
-			blockType,
-			rootClientId,
-			{ getBlock, getBlockParentsByBlockName }
-		) => {
-			if ( blockType.name !== 'core/form' ) {
-				return canInsert;
-			}
-
-			for ( const disallowedParentType of DISALLOWED_PARENTS ) {
-				const hasDisallowedParent =
-					getBlock( rootClientId )?.name === disallowedParentType ||
-					getBlockParentsByBlockName(
-						rootClientId,
-						disallowedParentType
-					).length;
-				if ( hasDisallowedParent ) {
-					return false;
-				}
-			}
-			return true;
-		}
-	);
-
-	return initBlock( { name, metadata, settings } );
-};

package/src/form/index.php

@@ -1,197 +0,0 @@
-<?php
-/**
- * Server-side rendering of the `core/form` block.
- *
- * @package WordPress
- */
-
-/**
- * Renders the `core/form` block on server.
- *
- * @param array  $attributes The block attributes.
- * @param string $content The saved content.
- *
- * @return string The content of the block being rendered.
- */
-function render_block_core_form( $attributes, $content ) {
-	wp_enqueue_script_module( '@wordpress/block-library/form/view' );
-
-	$processed_content = new WP_HTML_Tag_Processor( $content );
-	$processed_content->next_tag( 'form' );
-
-	// Get the action for this form.
-	$action      = '';
-	$form_action = $attributes['action'] ?? null;
-	if ( is_string( $form_action ) ) {
-		$action = str_replace(
-			array( '{SITE_URL}', '{ADMIN_URL}' ),
-			array( site_url(), admin_url() ),
-			$form_action
-		);
-	}
-	$processed_content->set_attribute( 'action', esc_attr( $action ) );
-
-	// Add the method attribute. If it is not set, default to `post`.
-	$method = empty( $attributes['method'] ) ? 'post' : $attributes['method'];
-	$processed_content->set_attribute( 'method', $method );
-
-	$extra_fields = apply_filters( 'render_block_core_form_extra_fields', '', $attributes );
-
-	return str_replace(
-		'</form>',
-		$extra_fields . '</form>',
-		$processed_content->get_updated_html()
-	);
-}
-
-/**
- * Adds extra fields to the form.
- *
- * If the form is a comment form, adds the post ID as a hidden field,
- * to allow the comment to be associated with the post.
- *
- * @param string $extra_fields The extra fields.
- * @param array  $attributes   The block attributes.
- *
- * @return string The extra fields.
- */
-function block_core_form_extra_fields_comment_form( $extra_fields, $attributes ) {
-	$form_action = $attributes['action'] ?? null;
-	if ( ! empty( $form_action ) && is_string( $form_action ) && str_ends_with( $form_action, '/wp-comments-post.php' ) ) {
-		$extra_fields .= '<input type="hidden" name="comment_post_ID" value="' . get_the_ID() . '" id="comment_post_ID">';
-	}
-	return $extra_fields;
-}
-add_filter( 'render_block_core_form_extra_fields', 'block_core_form_extra_fields_comment_form', 10, 2 );
-
-/**
- * Sends an email if the form is a contact form.
- */
-function block_core_form_send_email() {
-	check_ajax_referer( 'wp-block-form' );
-
-	// Get the POST data.
-	$params = wp_unslash( $_POST );
-	// Start building the email content.
-	$content = sprintf(
-		/* translators: %s: The request URI. */
-		__( 'Form submission from %1$s' ) . '</br>',
-		'<a href="' . esc_url( get_site_url( null, $params['_wp_http_referer'] ) ) . '">' . get_bloginfo( 'name' ) . '</a>'
-	);
-
-	$skip_fields = array( 'formAction', '_ajax_nonce', 'action', '_wp_http_referer' );
-	foreach ( $params as $key => $value ) {
-		if ( in_array( $key, $skip_fields, true ) ) {
-			continue;
-		}
-		$content .= sanitize_key( $key ) . ': ' . wp_kses_post( $value ) . '</br>';
-	}
-
-	// Filter the email content.
-	$content = apply_filters( 'render_block_core_form_email_content', $content, $params );
-
-	// Send the email.
-	$result = wp_mail(
-		str_replace( 'mailto:', '', $params['formAction'] ),
-		__( 'Form submission' ),
-		$content
-	);
-
-	if ( ! $result ) {
-		wp_send_json_error( $result );
-	}
-	wp_send_json_success( $result );
-}
-add_action( 'wp_ajax_wp_block_form_email_submit', 'block_core_form_send_email' );
-add_action( 'wp_ajax_nopriv_wp_block_form_email_submit', 'block_core_form_send_email' );
-
-/**
- * Send the data export/remove request if the form is a privacy-request form.
- */
-function block_core_form_privacy_form() {
-	// Get the POST data.
-	$params = wp_unslash( $_POST );
-
-	// Bail early if not a form submission, or if the nonce is not valid.
-	if ( empty( $params['wp-action'] )
-		|| 'wp_privacy_send_request' !== $params['wp-action']
-		|| empty( $params['wp-privacy-request'] )
-		|| '1' !== $params['wp-privacy-request']
-		|| empty( $params['email'] )
-	) {
-		return;
-	}
-
-	// Get the request types.
-	$request_types  = _wp_privacy_action_request_types();
-	$requests_found = array();
-	foreach ( $request_types as $request_type ) {
-		if ( ! empty( $params[ $request_type ] ) ) {
-			$requests_found[] = $request_type;
-		}
-	}
-
-	// Bail early if no requests were found.
-	if ( empty( $requests_found ) ) {
-		return;
-	}
-
-	// Process the requests.
-	$actions_errored   = array();
-	$actions_performed = array();
-	foreach ( $requests_found as $action_name ) {
-		// Get the request ID.
-		$request_id = wp_create_user_request( $params['email'], $action_name );
-
-		// Bail early if the request ID is invalid.
-		if ( is_wp_error( $request_id ) ) {
-			$actions_errored[] = $action_name;
-			continue;
-		}
-
-		// Send the request email.
-		wp_send_user_request( $request_id );
-		$actions_performed[] = $action_name;
-	}
-
-	/**
-	 * Determine whether the core/form-submission-notification block should be shown.
-	 *
-	 * @param bool   $show       Whether to show the core/form-submission-notification block.
-	 * @param array  $attributes The block attributes.
-	 *
-	 * @return bool Whether to show the core/form-submission-notification block.
-	 */
-	$show_notification = static function ( $show, $attributes ) use ( $actions_performed, $actions_errored ) {
-		switch ( $attributes['type'] ) {
-			case 'success':
-				return ! empty( $actions_performed ) && empty( $actions_errored );
-
-			case 'error':
-				return ! empty( $actions_errored );
-
-			default:
-				return $show;
-		}
-	};
-
-	// Add filter to show the core/form-submission-notification block.
-	add_filter( 'show_form_submission_notification_block', $show_notification, 10, 2 );
-}
-add_action( 'wp', 'block_core_form_privacy_form' );
-
-/**
- * Registers the `core/form` block on server.
- */
-function register_block_core_form() {
-	if ( ! gutenberg_is_experiment_enabled( 'gutenberg-form-blocks' ) ) {
-		return;
-	}
-	register_block_type_from_metadata(
-		__DIR__ . '/form',
-		array(
-			'render_callback' => 'render_block_core_form',
-		)
-	);
-}
-add_action( 'init', 'register_block_core_form' );

package/src/form/init.js

@@ -1,3 +0,0 @@
-import { init } from './';
-
-export default init();

package/src/form/save.jsx

@@ -1,15 +0,0 @@
-import { InnerBlocks, useBlockProps } from '@wordpress/block-editor';
-
-export default function save( { attributes } ) {
-	const blockProps = useBlockProps.save();
-	const { submissionMethod } = attributes;
-
-	return (
-		<form
-			{ ...blockProps }
-			encType={ submissionMethod === 'email' ? 'text/plain' : null }
-		>
-			<InnerBlocks.Content />
-		</form>
-	);
-}

package/src/form/utils.js

@@ -1,36 +0,0 @@
-import { __ } from '@wordpress/i18n';
-
-export const formSubmissionNotificationSuccess = [
-	'core/form-submission-notification',
-	{
-		type: 'success',
-	},
-	[
-		[
-			'core/paragraph',
-			{
-				content:
-					'<mark style="background-color:rgba(0, 0, 0, 0);color:#345C00" class="has-inline-color">' +
-					__( 'Your form has been submitted successfully' ) +
-					'</mark>',
-			},
-		],
-	],
-];
-export const formSubmissionNotificationError = [
-	'core/form-submission-notification',
-	{
-		type: 'error',
-	},
-	[
-		[
-			'core/paragraph',
-			{
-				content:
-					'<mark style="background-color:rgba(0, 0, 0, 0);color:#CF2E2E" class="has-inline-color">' +
-					__( 'There was an error submitting your form.' ) +
-					'</mark>',
-			},
-		],
-	],
-];

package/src/form/variations.js

@@ -1,133 +0,0 @@
-import { __ } from '@wordpress/i18n';
-import {
-	formSubmissionNotificationSuccess,
-	formSubmissionNotificationError,
-} from './utils.js';
-
-const variations = [
-	{
-		name: 'comment-form',
-		title: __( 'Experimental Comment form' ),
-		description: __( 'A comment form for posts and pages.' ),
-		attributes: {
-			submissionMethod: 'custom',
-			action: '{SITE_URL}/wp-comments-post.php',
-			method: 'post',
-			anchor: 'comment-form',
-		},
-		isDefault: false,
-		innerBlocks: [
-			[
-				'core/form-input',
-				{
-					type: 'text',
-					name: 'author',
-					label: __( 'Name' ),
-					required: true,
-					visibilityPermissions: 'logged-out',
-				},
-			],
-			[
-				'core/form-input',
-				{
-					type: 'email',
-					name: 'email',
-					label: __( 'Email' ),
-					required: true,
-					visibilityPermissions: 'logged-out',
-				},
-			],
-			[
-				'core/form-input',
-				{
-					type: 'textarea',
-					name: 'comment',
-					label: __( 'Comment' ),
-					required: true,
-					visibilityPermissions: 'all',
-				},
-			],
-			[ 'core/form-submit-button', {} ],
-		],
-		scope: [ 'inserter', 'transform' ],
-		isActive: ( blockAttributes ) =>
-			! blockAttributes?.type || blockAttributes?.type === 'text',
-	},
-	{
-		name: 'wp-privacy-form',
-		title: __( 'Experimental Privacy Request Form' ),
-		keywords: [ 'GDPR' ],
-		description: __( 'A form to request data exports and/or deletion.' ),
-		attributes: {
-			submissionMethod: 'custom',
-			action: '',
-			method: 'post',
-			anchor: 'gdpr-form',
-		},
-		isDefault: false,
-		innerBlocks: [
-			formSubmissionNotificationSuccess,
-			formSubmissionNotificationError,
-			[
-				'core/paragraph',
-				{
-					content: __(
-						'To request an export or deletion of your personal data on this site, please fill-in the form below. You can define the type of request you wish to perform, and your email address. Once the form is submitted, you will receive a confirmation email with instructions on the next steps.'
-					),
-				},
-			],
-			[
-				'core/form-input',
-				{
-					type: 'email',
-					name: 'email',
-					label: __( 'Enter your email address.' ),
-					required: true,
-					visibilityPermissions: 'all',
-				},
-			],
-			[
-				'core/form-input',
-				{
-					type: 'checkbox',
-					name: 'export_personal_data',
-					label: __( 'Request data export' ),
-					required: false,
-					visibilityPermissions: 'all',
-				},
-			],
-			[
-				'core/form-input',
-				{
-					type: 'checkbox',
-					name: 'remove_personal_data',
-					label: __( 'Request data deletion' ),
-					required: false,
-					visibilityPermissions: 'all',
-				},
-			],
-			[ 'core/form-submit-button', {} ],
-			[
-				'core/form-input',
-				{
-					type: 'hidden',
-					name: 'wp-action',
-					value: 'wp_privacy_send_request',
-				},
-			],
-			[
-				'core/form-input',
-				{
-					type: 'hidden',
-					name: 'wp-privacy-request',
-					value: '1',
-				},
-			],
-		],
-		scope: [ 'inserter', 'transform' ],
-		isActive: ( blockAttributes ) =>
-			! blockAttributes?.type || blockAttributes?.type === 'text',
-	},
-];
-
-export default variations;