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

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 ]
-	);
-}