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

package/src/form-submission-notification/index.js

@@ -1,33 +0,0 @@
-import { group as icon } from '@wordpress/icons';
-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';
-
-const { name } = metadata;
-
-export { metadata, name };
-
-const TEMPLATE = [
-	[
-		'core/paragraph',
-		{
-			content: __(
-				"Enter the message you wish displayed for form submission error/success, and select the type of the message (success/error) from the block's options."
-			),
-		},
-	],
-];
-
-export const settings = {
-	icon,
-	template: TEMPLATE,
-	edit,
-	save,
-	variations,
-	example: {},
-};
-
-export const init = () => initBlock( { name, metadata, settings } );

package/src/form-submission-notification/index.php

@@ -1,48 +0,0 @@
-<?php
-/**
- * Server-side rendering of the `core/form-submission-notification` block.
- *
- * @package WordPress
- */
-
-/**
- * Renders the `core/form-submission-notification` 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_submission_notification( $attributes, $content ) {
-	$show = isset( $_GET['wp-form-result'] ) && sanitize_text_field( wp_unslash( $_GET['wp-form-result'] ) ) === $attributes['type'];
-	/**
-	 * Filters whether to show the form submission notification block.
-	 *
-	 * @param bool   $show       Whether to show the form submission notification block.
-	 * @param array  $attributes The block attributes.
-	 * @param string $content    The saved content.
-	 *
-	 * @return bool Whether to show the form submission notification block.
-	 */
-	$show = apply_filters( 'show_form_submission_notification_block', $show, $attributes, $content );
-	if ( ! $show ) {
-		return '';
-	}
-	return $content;
-}
-
-/**
- * Registers the `core/form-submission-notification` block on server.
- */
-function register_block_core_form_submission_notification() {
-	if ( ! gutenberg_is_experiment_enabled( 'gutenberg-form-blocks' ) ) {
-		return;
-	}
-	register_block_type_from_metadata(
-		__DIR__ . '/form-submission-notification',
-		array(
-			'render_callback' => 'render_block_core_form_submission_notification',
-		)
-	);
-}
-add_action( 'init', 'register_block_core_form_submission_notification' );

package/src/form-submission-notification/init.js

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

package/src/form-submission-notification/save.jsx

@@ -1,18 +0,0 @@
-import { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';
-import clsx from 'clsx';
-
-export default function save( { attributes } ) {
-	const { type } = attributes;
-
-	return (
-		<div
-			{ ...useInnerBlocksProps.save(
-				useBlockProps.save( {
-					className: clsx( 'wp-block-form-submission-notification', {
-						[ `form-notification-type-${ type }` ]: type,
-					} ),
-				} )
-			) }
-		/>
-	);
-}

package/src/form-submission-notification/variations.js

@@ -1,56 +0,0 @@
-import { __ } from '@wordpress/i18n';
-
-const variations = [
-	{
-		name: 'form-submission-success',
-		title: __( 'Form Submission Success' ),
-		description: __( 'Success message for form submissions.' ),
-		attributes: {
-			type: 'success',
-		},
-		isDefault: true,
-		innerBlocks: [
-			[
-				'core/paragraph',
-				{
-					content: __( 'Your form has been submitted successfully.' ),
-					backgroundColor: '#00D084',
-					textColor: '#000000',
-					style: {
-						elements: { link: { color: { text: '#000000' } } },
-					},
-				},
-			],
-		],
-		scope: [ 'inserter', 'transform' ],
-		isActive: ( blockAttributes ) =>
-			! blockAttributes?.type || blockAttributes?.type === 'success',
-	},
-	{
-		name: 'form-submission-error',
-		title: __( 'Form Submission Error' ),
-		description: __( 'Error/failure message for form submissions.' ),
-		attributes: {
-			type: 'error',
-		},
-		isDefault: false,
-		innerBlocks: [
-			[
-				'core/paragraph',
-				{
-					content: __( 'There was an error submitting your form.' ),
-					backgroundColor: '#CF2E2E',
-					textColor: '#FFFFFF',
-					style: {
-						elements: { link: { color: { text: '#FFFFFF' } } },
-					},
-				},
-			],
-		],
-		scope: [ 'inserter', 'transform' ],
-		isActive: ( blockAttributes ) =>
-			! blockAttributes?.type || blockAttributes?.type === 'error',
-	},
-];
-
-export default variations;

package/src/form-submit-button/README.md

@@ -1,54 +0,0 @@
-# Form Submit Button
-
-<!-- START TOKEN(Autogenerated block API docs) -->
-<div class="callout callout-warning">This block is <strong>experimental</strong> and may change or be removed without notice.</div>
-
-A submission button for forms.
-
-- **Name:** `core/form-submit-button`
-- **Category:** [widgets](https://developer.wordpress.org/block-editor/reference-guides/core-blocks/core-blocks-widgets/)
-- **API Version:** [3](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-api-versions/)
-- **Block Type:** [Static](https://developer.wordpress.org/block-editor/getting-started/fundamentals/static-dynamic-rendering/) (saved in post content)
-- **Keywords:** `submit`, `button`, `form`
-
-## Block Relationships
-
-**[Ancestor](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/#ancestor) blocks:**
-- [`core/form`](https://developer.wordpress.org/block-editor/reference-guides/core-blocks/core-blocks-widgets/core-block-form/)
-
-**[Allowed](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/#allowed-blocks) inner blocks:**
-- [`core/buttons`](https://developer.wordpress.org/block-editor/reference-guides/core-blocks/core-blocks-design/core-block-buttons/)
-- [`core/button`](https://developer.wordpress.org/block-editor/reference-guides/core-blocks/core-blocks-design/core-block-button/)
-
-## Attributes
-
-_Defined via the [`attributes`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/) property in block.json._
-
-_This block has no custom attributes._
-
-## Supports
-
-_Defined via the [`supports`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/) property in block.json._
-
-_This block does not declare explicit supports._
-
-## Block Markup
-
-This is a [**static block**](https://developer.wordpress.org/block-editor/getting-started/fundamentals/static-dynamic-rendering/). The markup is saved directly in the post content.
-
-```html
-<!-- wp:form-submit-button -->
-<div class="wp-block-form-submit-button"><!-- wp:buttons -->
-<div class="wp-block-buttons"><!-- wp:button {"tagName":"button","type":"submit"} -->
-<div class="wp-block-button"><button type="submit" class="wp-block-button__link wp-element-button">Submit</button></div>
-<!-- /wp:button --></div>
-<!-- /wp:buttons --></div>
-<!-- /wp:form-submit-button -->
-```
-
-## Source
-
-- [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/form-submit-button/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/form-submit-button/) — browse the `edit` and `save` source files, `index.php`, and more.
-
-<!-- END TOKEN(Autogenerated block API docs) -->

package/src/form-submit-button/block.json

@@ -1,15 +0,0 @@
-{
-	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"apiVersion": 3,
-	"__experimental": true,
-	"name": "core/form-submit-button",
-	"title": "Form Submit Button",
-	"category": "widgets",
-	"icon": "button",
-	"ancestor": [ "core/form" ],
-	"allowedBlocks": [ "core/buttons", "core/button" ],
-	"description": "A submission button for forms.",
-	"keywords": [ "submit", "button", "form" ],
-	"textdomain": "default",
-	"style": [ "wp-block-form-submit-button" ]
-}

package/src/form-submit-button/edit.jsx

@@ -1,12 +0,0 @@
-import { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
-
-const Edit = () => {
-	const blockProps = useBlockProps();
-	const innerBlocksProps = useInnerBlocksProps( blockProps, {
-		templateLock: 'all',
-	} );
-	return (
-		<div className="wp-block-form-submit-wrapper" { ...innerBlocksProps } />
-	);
-};
-export default Edit;

package/src/form-submit-button/index.js

@@ -1,35 +0,0 @@
-import { __ } from '@wordpress/i18n';
-import initBlock from '../utils/init-block';
-import edit from './edit';
-import metadata from './block.json';
-import save from './save';
-
-const { name } = metadata;
-
-export { metadata, name };
-
-const TEMPLATE = [
-	[
-		'core/buttons',
-		{},
-		[
-			[
-				'core/button',
-				{
-					text: __( 'Submit' ),
-					tagName: 'button',
-					type: 'submit',
-				},
-			],
-		],
-	],
-];
-
-export const settings = {
-	template: TEMPLATE,
-	edit,
-	save,
-	example: {},
-};
-
-export const init = () => initBlock( { name, metadata, settings } );

package/src/form-submit-button/init.js

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

package/src/form-submit-button/save.jsx

@@ -1,10 +0,0 @@
-import { useBlockProps, InnerBlocks } from '@wordpress/block-editor';
-
-export default function save() {
-	const blockProps = useBlockProps.save();
-	return (
-		<div className="wp-block-form-submit-wrapper" { ...blockProps }>
-			<InnerBlocks.Content />
-		</div>
-	);
-}

package/src/form-submit-button/style.scss

@@ -1,3 +0,0 @@
-.wp-block-form-submit-wrapper {
-	margin-bottom: 0.5em;
-}

package/src/list-item/hooks/use-indent-list-item.js

@@ -1,73 +0,0 @@
-import { useCallback } from '@wordpress/element';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-import { createBlock, cloneBlock } from '@wordpress/blocks';
-
-export default function useIndentListItem( clientId ) {
-	const { replaceBlocks, selectionChange, multiSelect } =
-		useDispatch( blockEditorStore );
-	const {
-		getBlock,
-		getPreviousBlockClientId,
-		getSelectionStart,
-		getSelectionEnd,
-		hasMultiSelection,
-		getMultiSelectedBlockClientIds,
-		getBlockRootClientId,
-		getBlockAttributes,
-	} = useSelect( blockEditorStore );
-	return useCallback( () => {
-		const _hasMultiSelection = hasMultiSelection();
-		const clientIds = _hasMultiSelection
-			? getMultiSelectedBlockClientIds()
-			: [ clientId ];
-		const clonedBlocks = clientIds.map( ( _clientId ) =>
-			cloneBlock( getBlock( _clientId ) )
-		);
-		const previousSiblingId = getPreviousBlockClientId( clientId );
-		const newListItem = cloneBlock( getBlock( previousSiblingId ) );
-		// Get the parent list's attributes to inherit the ordered property
-		const parentListId = getBlockRootClientId( clientId );
-		const parentListAttributes = getBlockAttributes( parentListId );
-		// If the sibling has no innerBlocks, create a new `list` block.
-		if ( ! newListItem.innerBlocks?.length ) {
-			newListItem.innerBlocks = [
-				createBlock( 'core/list', {
-					ordered: parentListAttributes.ordered,
-				} ),
-			];
-		}
-		// A list item usually has one `list`, but it's possible to have
-		// more. So we need to preserve the previous `list` blocks and
-		// merge the new blocks to the last `list`.
-		newListItem.innerBlocks[
-			newListItem.innerBlocks.length - 1
-		].innerBlocks.push( ...clonedBlocks );
-
-		// We get the selection start/end here, because when
-		// we replace blocks, the selection is updated too.
-		const selectionStart = getSelectionStart();
-		const selectionEnd = getSelectionEnd();
-		// Replace the previous sibling of the block being indented and the indented blocks,
-		// with a new block whose attributes are equal to the ones of the previous sibling and
-		// whose descendants are the children of the previous sibling, followed by the indented blocks.
-		replaceBlocks( [ previousSiblingId, ...clientIds ], [ newListItem ] );
-		if ( ! _hasMultiSelection ) {
-			selectionChange(
-				clonedBlocks[ 0 ].clientId,
-				selectionEnd.attributeKey,
-				selectionEnd.clientId === selectionStart.clientId
-					? selectionStart.offset
-					: selectionEnd.offset,
-				selectionEnd.offset
-			);
-		} else {
-			multiSelect(
-				clonedBlocks[ 0 ].clientId,
-				clonedBlocks[ clonedBlocks.length - 1 ].clientId
-			);
-		}
-
-		return true;
-	}, [ clientId ] );
-}

package/src/list-item/hooks/use-outdent-list-item.js

@@ -1,100 +0,0 @@
-import { useCallback } from '@wordpress/element';
-import { useSelect, useDispatch, useRegistry } from '@wordpress/data';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-import { cloneBlock } from '@wordpress/blocks';
-
-export default function useOutdentListItem() {
-	const registry = useRegistry();
-	const { moveBlocksToPosition, removeBlock, removeBlocks, insertBlock } =
-		useDispatch( blockEditorStore );
-	const {
-		getBlockRootClientId,
-		getBlockName,
-		getBlockOrder,
-		getBlockIndex,
-		getSelectedBlockClientIds,
-		getBlock,
-	} = useSelect( blockEditorStore );
-
-	function getParentListItemId( id ) {
-		const listId = getBlockRootClientId( id );
-		const parentListItemId = getBlockRootClientId( listId );
-		if ( ! parentListItemId ) {
-			return;
-		}
-		if ( getBlockName( parentListItemId ) !== 'core/list-item' ) {
-			return;
-		}
-		return parentListItemId;
-	}
-
-	return useCallback( ( clientIds = getSelectedBlockClientIds() ) => {
-		if ( ! Array.isArray( clientIds ) ) {
-			clientIds = [ clientIds ];
-		}
-
-		if ( ! clientIds.length ) {
-			return;
-		}
-
-		const firstClientId = clientIds[ 0 ];
-
-		// Can't outdent if it's not a list item.
-		if ( getBlockName( firstClientId ) !== 'core/list-item' ) {
-			return;
-		}
-
-		const parentListItemId = getParentListItemId( firstClientId );
-
-		// Can't outdent if it's at the top level.
-		if ( ! parentListItemId ) {
-			return;
-		}
-
-		const parentListId = getBlockRootClientId( firstClientId );
-		const lastClientId = clientIds[ clientIds.length - 1 ];
-		const order = getBlockOrder( parentListId );
-		const followingListItems = order.slice(
-			getBlockIndex( lastClientId ) + 1
-		);
-
-		registry.batch( () => {
-			if ( followingListItems.length ) {
-				const nestedListId = getBlockOrder( firstClientId )[ 0 ];
-
-				if ( nestedListId ) {
-					moveBlocksToPosition(
-						followingListItems,
-						parentListId,
-						nestedListId
-					);
-				} else {
-					// Insert the list with the items already inside: an
-					// empty list would be scaffolded with the list block
-					// type's template at insertion. Removing the items
-					// first frees them to be reinserted with their client
-					// IDs kept.
-					const nestedListBlock = cloneBlock(
-						getBlock( parentListId ),
-						{},
-						followingListItems.map( ( id ) => getBlock( id ) )
-					);
-					removeBlocks( followingListItems, false );
-					insertBlock( nestedListBlock, 0, firstClientId, false );
-				}
-			}
-			moveBlocksToPosition(
-				clientIds,
-				parentListId,
-				getBlockRootClientId( parentListItemId ),
-				getBlockIndex( parentListItemId ) + 1
-			);
-			if ( ! getBlockOrder( parentListId ).length ) {
-				const shouldSelectParent = false;
-				removeBlock( parentListId, shouldSelectParent );
-			}
-		} );
-
-		return true;
-	}, [] );
-}

package/src/list-item/hooks/use-space.js

@@ -1,66 +0,0 @@
-import { useRefEffect } from '@wordpress/compose';
-import { privateApis as richTextPrivateApis } from '@wordpress/rich-text';
-import { SPACE, TAB } from '@wordpress/keycodes';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-import { useSelect } from '@wordpress/data';
-import useIndentListItem from './use-indent-list-item';
-import useOutdentListItem from './use-outdent-list-item';
-import { unlock } from '../../lock-unlock';
-
-const { subscribeOwnedListener } = unlock( richTextPrivateApis );
-
-export default function useSpace( clientId ) {
-	const { getSelectionStart, getSelectionEnd, getBlockIndex } =
-		useSelect( blockEditorStore );
-	const indentListItem = useIndentListItem( clientId );
-	const outdentListItem = useOutdentListItem();
-
-	return useRefEffect(
-		( element ) => {
-			function onKeyDown( event ) {
-				const { keyCode, shiftKey, altKey, metaKey, ctrlKey } = event;
-
-				if (
-					event.defaultPrevented ||
-					( keyCode !== SPACE && keyCode !== TAB ) ||
-					// Only override when no modifiers are pressed.
-					altKey ||
-					metaKey ||
-					ctrlKey
-				) {
-					return;
-				}
-
-				const selectionStart = getSelectionStart();
-				const selectionEnd = getSelectionEnd();
-				if (
-					selectionStart.offset === 0 &&
-					selectionEnd.offset === 0
-				) {
-					if ( shiftKey ) {
-						// Note that backspace behaviour in defined in onMerge.
-						if ( keyCode === TAB ) {
-							if ( outdentListItem() ) {
-								event.preventDefault();
-							}
-						}
-					} else if ( getBlockIndex( clientId ) !== 0 ) {
-						if ( indentListItem() ) {
-							event.preventDefault();
-						}
-					}
-				}
-			}
-
-			// Capture phase so we run before writing-flow's ancestor-bubble
-			// keydown handlers that gate on `event.defaultPrevented`.
-			return subscribeOwnedListener(
-				element,
-				'keydown',
-				onKeyDown,
-				true
-			);
-		},
-		[ clientId, indentListItem ]
-	);
-}

package/src/query/edit/enhanced-pagination-modal.jsx

@@ -1,77 +0,0 @@
-import {
-	Button,
-	Modal,
-	__experimentalVStack as VStack,
-} from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { useState, useEffect } from '@wordpress/element';
-import { useDispatch } from '@wordpress/data';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-import { useUnsupportedBlocks } from '../utils';
-
-const modalDescriptionId =
-	'wp-block-query-enhanced-pagination-modal__description';
-
-export default function EnhancedPaginationModal( {
-	clientId,
-	attributes: { enhancedPagination },
-	setAttributes,
-} ) {
-	const [ isOpen, setOpen ] = useState( false );
-	const hasUnsupportedBlocks = useUnsupportedBlocks( clientId );
-	const { __unstableMarkNextChangeAsNotPersistent } =
-		useDispatch( blockEditorStore );
-
-	useEffect( () => {
-		if ( enhancedPagination && hasUnsupportedBlocks ) {
-			__unstableMarkNextChangeAsNotPersistent();
-			setAttributes( { enhancedPagination: false } );
-			setOpen( true );
-		}
-	}, [
-		enhancedPagination,
-		hasUnsupportedBlocks,
-		setAttributes,
-		__unstableMarkNextChangeAsNotPersistent,
-	] );
-
-	const closeModal = () => {
-		setOpen( false );
-	};
-
-	const notice =
-		__(
-			'Currently, avoiding full page reloads is not possible when non-interactive or non-client Navigation compatible blocks from plugins are present inside the Query block.'
-		) +
-		' ' +
-		__(
-			'If you still want to prevent full page reloads, remove that block, then disable "Reload full page" again in the Query Block settings.'
-		);
-
-	return (
-		isOpen && (
-			<Modal
-				title={ __( 'Query block: Reload full page enabled' ) }
-				className="wp-block-query__enhanced-pagination-modal"
-				aria={ {
-					describedby: modalDescriptionId,
-				} }
-				role="alertdialog"
-				focusOnMount="firstElement"
-				isDismissible={ false }
-				onRequestClose={ closeModal }
-			>
-				<VStack alignment="right" spacing={ 5 }>
-					<span id={ modalDescriptionId }>{ notice }</span>
-					<Button
-						__next40pxDefaultSize
-						variant="primary"
-						onClick={ closeModal }
-					>
-						{ __( 'OK' ) }
-					</Button>
-				</VStack>
-			</Modal>
-		)
-	);
-}