@wordpress/block-library 7.8.0 → 7.11.0

package/src/quote/v2/edit.js

@@ -1,139 +0,0 @@
-/**
- * External dependencies
- */
-import classNames from 'classnames';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import {
-	AlignmentControl,
-	BlockControls,
-	RichText,
-	useBlockProps,
-	useInnerBlocksProps,
-	store as blockEditorStore,
-} from '@wordpress/block-editor';
-import { BlockQuotation } from '@wordpress/components';
-import { useDispatch, useSelect, useRegistry } from '@wordpress/data';
-import { createBlock, getDefaultBlockName } from '@wordpress/blocks';
-import { Platform, useEffect } from '@wordpress/element';
-import deprecated from '@wordpress/deprecated';
-
-/**
- * Internal dependencies
- */
-import { migrateToQuoteV2 } from './deprecated';
-
-const isWebPlatform = Platform.OS === 'web';
-const TEMPLATE = [ [ 'core/paragraph', {} ] ];
-
-/**
- * At the moment, deprecations don't handle create blocks from attributes
- * (like when using CPT templates). For this reason, this hook is necessary
- * to avoid breaking templates using the old quote block format.
- *
- * @param {Object} attributes Block attributes.
- * @param {string} clientId   Block client ID.
- */
-const useMigrateOnLoad = ( attributes, clientId ) => {
-	const registry = useRegistry();
-	const { updateBlockAttributes, replaceInnerBlocks } =
-		useDispatch( blockEditorStore );
-	useEffect( () => {
-		// As soon as the block is loaded, migrate it to the new version.
-
-		if ( ! attributes.value ) {
-			// No need to migrate if it doesn't have the value attribute.
-			return;
-		}
-
-		const [ newAttributes, newInnerBlocks ] =
-			migrateToQuoteV2( attributes );
-
-		deprecated( 'Value attribute on the quote block', {
-			since: '6.0',
-			version: '6.5',
-			alternative: 'inner blocks',
-		} );
-
-		registry.batch( () => {
-			updateBlockAttributes( clientId, newAttributes );
-			replaceInnerBlocks( clientId, newInnerBlocks );
-		} );
-	}, [ attributes.value ] );
-};
-
-export default function QuoteEdit( {
-	attributes,
-	setAttributes,
-	isSelected,
-	insertBlocksAfter,
-	clientId,
-	className,
-	style,
-} ) {
-	const { citation, align } = attributes;
-
-	useMigrateOnLoad( attributes, clientId );
-
-	const isAncestorOfSelectedBlock = useSelect( ( select ) =>
-		select( blockEditorStore ).hasSelectedInnerBlock( clientId )
-	);
-	const hasSelection = isSelected || isAncestorOfSelectedBlock;
-
-	const blockProps = useBlockProps( {
-		className: classNames( className, {
-			[ `has-text-align-${ align }` ]: align,
-		} ),
-		...( ! isWebPlatform && { style } ),
-	} );
-	const innerBlocksProps = useInnerBlocksProps( blockProps, {
-		template: TEMPLATE,
-		templateInsertUpdatesSelection: true,
-	} );
-
-	return (
-		<>
-			<BlockControls group="block">
-				<AlignmentControl
-					value={ align }
-					onChange={ ( nextAlign ) => {
-						setAttributes( { align: nextAlign } );
-					} }
-				/>
-			</BlockControls>
-			<BlockQuotation { ...innerBlocksProps }>
-				{ innerBlocksProps.children }
-				{ ( ! RichText.isEmpty( citation ) || hasSelection ) && (
-					<RichText
-						identifier="citation"
-						tagName={ isWebPlatform ? 'cite' : undefined }
-						style={ { display: 'block' } }
-						value={ citation }
-						onChange={ ( nextCitation ) => {
-							setAttributes( {
-								citation: nextCitation,
-							} );
-						} }
-						__unstableMobileNoFocusOnMount
-						aria-label={ __( 'Quote citation' ) }
-						placeholder={
-							// translators: placeholder text used for the
-							// citation
-							__( 'Add citation' )
-						}
-						className="wp-block-quote__citation"
-						__unstableOnSplitAtEnd={ () =>
-							insertBlocksAfter(
-								createBlock( getDefaultBlockName() )
-							)
-						}
-						{ ...( ! isWebPlatform ? { textAlign: align } : {} ) }
-					/>
-				) }
-			</BlockQuotation>
-		</>
-	);
-}

package/src/quote/v2/index.js

@@ -1,36 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { quote as icon } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import edit from './edit';
-import save from './save';
-import transforms from './transforms';
-import deprecated from './deprecated';
-
-const settings = {
-	icon,
-	example: {
-		attributes: {
-			citation: 'Julio Cortázar',
-		},
-		innerBlocks: [
-			{
-				name: 'core/paragraph',
-				attributes: {
-					content: __( 'In quoting others, we cite ourselves.' ),
-				},
-			},
-		],
-	},
-	transforms,
-	edit,
-	save,
-	deprecated,
-};
-
-export default settings;

package/src/quote/v2/save.js

@@ -1,26 +0,0 @@
-/**
- * External dependencies
- */
-import classNames from 'classnames';
-
-/**
- * WordPress dependencies
- */
-import { InnerBlocks, RichText, useBlockProps } from '@wordpress/block-editor';
-
-export default function save( { attributes } ) {
-	const { align, citation } = attributes;
-	const blockProps = useBlockProps.save( {
-		className: classNames( {
-			[ `has-text-align-${ align }` ]: align,
-		} ),
-	} );
-	return (
-		<blockquote { ...blockProps }>
-			<InnerBlocks.Content />
-			{ ! RichText.isEmpty( citation ) && (
-				<RichText.Content tagName="cite" value={ citation } />
-			) }
-		</blockquote>
-	);
-}

package/src/quote/v2/transforms.js

@@ -1,155 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	createBlock,
-	parseWithAttributeSchema,
-	rawHandler,
-	serialize,
-} from '@wordpress/blocks';
-
-const transforms = {
-	from: [
-		{
-			type: 'block',
-			blocks: [ 'core/pullquote' ],
-			transform: ( { value, citation, anchor, fontSize, style } ) => {
-				return createBlock(
-					'core/quote',
-					{
-						citation,
-						anchor,
-						fontSize,
-						style,
-					},
-					parseWithAttributeSchema( value, {
-						type: 'array',
-						source: 'query',
-						selector: 'p',
-						query: {
-							content: {
-								type: 'string',
-								source: 'html',
-							},
-						},
-					} ).map( ( { content } ) =>
-						createBlock( 'core/paragraph', { content } )
-					)
-				);
-			},
-		},
-		{
-			type: 'block',
-			blocks: [ 'core/group' ],
-			transform: ( { anchor }, innerBlocks ) =>
-				createBlock( 'core/quote', { anchor }, innerBlocks ),
-		},
-		{
-			type: 'prefix',
-			prefix: '>',
-			transform: ( content ) =>
-				createBlock( 'core/quote', {}, [
-					createBlock( 'core/paragraph', { content } ),
-				] ),
-		},
-		{
-			type: 'raw',
-			schema: () => ( {
-				blockquote: {
-					children: '*',
-				},
-			} ),
-			selector: 'blockquote',
-			transform: ( node ) => {
-				return createBlock(
-					'core/quote',
-					// Don't try to parse any `cite` out of this content.
-					// * There may be more than one cite.
-					// * There may be more attribution text than just the cite.
-					// * If the cite is nested in the quoted text, it's wrong to
-					//   remove it.
-					{},
-					rawHandler( {
-						HTML: node.innerHTML,
-						mode: 'BLOCKS',
-					} )
-				);
-			},
-		},
-		{
-			type: 'block',
-			isMultiBlock: true,
-			blocks: [ '*' ],
-			isMatch: ( {}, blocks ) => {
-				return ! blocks.some( ( { name } ) => name === 'core/quote' );
-			},
-			__experimentalConvert: ( blocks ) =>
-				createBlock(
-					'core/quote',
-					{},
-					blocks.map( ( block ) =>
-						createBlock(
-							block.name,
-							block.attributes,
-							block.innerBlocks
-						)
-					)
-				),
-		},
-	],
-	to: [
-		{
-			type: 'block',
-			blocks: [ 'core/pullquote' ],
-			isMatch: ( {}, block ) => {
-				return block.innerBlocks.every(
-					( { name } ) => name === 'core/paragraph'
-				);
-			},
-			transform: (
-				{ citation, anchor, fontSize, style },
-				innerBlocks
-			) => {
-				return createBlock( 'core/pullquote', {
-					value: serialize( innerBlocks ),
-					citation,
-					anchor,
-					fontSize,
-					style,
-				} );
-			},
-		},
-		{
-			type: 'block',
-			blocks: [ 'core/group' ],
-			transform: ( { citation, anchor }, innerBlocks ) =>
-				createBlock(
-					'core/group',
-					{ anchor },
-					citation
-						? [
-								...innerBlocks,
-								createBlock( 'core/paragraph', {
-									content: citation,
-								} ),
-						  ]
-						: innerBlocks
-				),
-		},
-		{
-			type: 'block',
-			blocks: [ '*' ],
-			transform: ( { citation }, innerBlocks ) =>
-				citation
-					? [
-							...innerBlocks,
-							createBlock( 'core/paragraph', {
-								content: citation,
-							} ),
-					  ]
-					: innerBlocks,
-		},
-	],
-};
-
-export default transforms;

package/src/template-part/fallback-variations.js

@@ -1,51 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { header as headerIcon, footer as footerIcon } from '@wordpress/icons';
-import { store as coreDataStore } from '@wordpress/core-data';
-import { select } from '@wordpress/data';
-
-const fallbackVariations = [
-	{
-		name: 'header',
-		icon: headerIcon,
-		title: __( 'Header' ),
-		description: __(
-			'The Header template defines a page area that typically contains a title, logo, and main navigation.'
-		),
-		attributes: { area: 'header' },
-		scope: [ 'inserter' ],
-	},
-	{
-		name: 'footer',
-		icon: footerIcon,
-		title: __( 'Footer' ),
-		description: __(
-			'The Footer template defines a page area that typically contains site credits, social links, or any other combination of blocks.'
-		),
-		attributes: { area: 'footer' },
-		scope: [ 'inserter' ],
-	},
-];
-
-fallbackVariations.forEach( ( variation ) => {
-	if ( variation.isActive ) return;
-	variation.isActive = ( blockAttributes, variationAttributes ) => {
-		const { area, theme, slug } = blockAttributes;
-		// We first check the `area` block attribute which is set during insertion.
-		// This property is removed on the creation of a template part.
-		if ( area ) return area === variationAttributes.area;
-		// Find a matching variation from the created template part
-		// by checking the entity's `area` property.
-		if ( ! slug ) return false;
-		const entity = select( coreDataStore ).getEntityRecord(
-			'postType',
-			'wp_template_part',
-			`${ theme }//${ slug }`
-		);
-		return entity?.area === variationAttributes.area;
-	};
-} );
-
-export default fallbackVariations;