@wordpress/block-library 10.5.2-next.v.202608281122.0 → 11.0.0

package/src/form/deprecated.jsx

@@ -1,93 +0,0 @@
-import {
-	InnerBlocks,
-	useBlockProps,
-	getTypographyClassesAndStyles,
-	__experimentalGetColorClassesAndStyles as getColorClassesAndStyles,
-	__experimentalGetSpacingClassesAndStyles as getSpacingClassesAndStyles,
-} from '@wordpress/block-editor';
-
-const v1 = {
-	// The block supports here are deliberately empty despite this
-	// deprecated version of the block having adopted block supports.
-	// The attributes added by these supports have been manually
-	// added to this deprecated version's attributes definition so
-	// that the data isn't lost on migration. All this is so that the
-	// automatic application of block support classes doesn't occur
-	// as this version of the block had a bug that overrode those
-	// classes. If those block support classes are applied during the
-	// deprecation process, this deprecation doesn't match and won't
-	// run.
-	// @see https://github.com/WordPress/gutenberg/pull/55755
-	supports: {},
-	attributes: {
-		submissionMethod: {
-			type: 'string',
-			default: 'email',
-		},
-		method: {
-			type: 'string',
-			default: 'post',
-		},
-		action: {
-			type: 'string',
-		},
-		email: {
-			type: 'string',
-		},
-		// The following attributes have been added to match the block
-		// supports at the time of the deprecation. See above for details.
-		anchor: {
-			type: 'string',
-			source: 'attribute',
-			attribute: 'id',
-			selector: '*',
-		},
-		backgroundColor: {
-			type: 'string',
-		},
-		textColor: {
-			type: 'string',
-		},
-		gradient: {
-			type: 'string',
-		},
-		style: {
-			type: 'object',
-		},
-		fontFamily: {
-			type: 'string',
-		},
-		fontSize: {
-			type: 'string',
-		},
-	},
-	save( { attributes } ) {
-		const { submissionMethod } = attributes;
-		const colorProps = getColorClassesAndStyles( attributes );
-		const typographyProps = getTypographyClassesAndStyles( attributes );
-		const spacingProps = getSpacingClassesAndStyles( attributes );
-		const blockProps = useBlockProps.save( {
-			// In this deprecated version, the block support is deliberately empty.
-			// As a result, the useBlockProps.save() does not output style or id attributes,
-			// so we apply them explicitly here.
-			style: {
-				...colorProps.style,
-				...typographyProps.style,
-				...spacingProps.style,
-			},
-			id: attributes.anchor,
-		} );
-
-		return (
-			<form
-				{ ...blockProps }
-				className="wp-block-form"
-				encType={ submissionMethod === 'email' ? 'text/plain' : null }
-			>
-				<InnerBlocks.Content />
-			</form>
-		);
-	},
-};
-
-export default [ v1 ];

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>',
-			},
-		],
-	],
-];