@wordpress/block-library 6.0.17-next.33ec3857e2.0 → 6.0.20

package/src/comment-template/style.scss

@@ -1,17 +0,0 @@
-.wp-block-comment-template {
-	margin-bottom: 0;
-	max-width: 100%;
-	list-style: none;
-	padding: 0;
-
-	li {
-		clear: both;
-	}
-
-	ol {
-		margin-bottom: 0;
-		max-width: 100%;
-		list-style: none;
-		padding-left: 2rem;
-	}
-}

package/src/comment-template/test/index.js

@@ -1,45 +0,0 @@
-/**
- * Internal dependencies
- */
-import { convertToTree } from '../util';
-
-describe( 'Convert to tree', () => {
-	it( 'Empty comments', () => {
-		const comments = convertToTree( [] );
-
-		expect( comments ).toEqual( [] );
-	} );
-
-	it( 'Handle comments', () => {
-		const comments = convertToTree( [
-			{ id: 1, parent: 0 },
-			{ id: 2, parent: 0 },
-			{ id: 3, parent: 2 },
-			{ id: 4, parent: 2 },
-			{ id: 5, parent: 4 },
-			{ id: 6, parent: 1 },
-		] );
-
-		expect( comments ).toEqual( [
-			{
-				commentId: 1,
-				children: [
-					{
-						commentId: 6,
-						children: [],
-					},
-				],
-			},
-			{
-				commentId: 2,
-				children: [
-					{ commentId: 3, children: [] },
-					{
-						commentId: 4,
-						children: [ { commentId: 5, children: [] } ],
-					},
-				],
-			},
-		] );
-	} );
-} );

package/src/comment-template/util.js

@@ -1,56 +0,0 @@
-/**
- *
- * This function converts a flat list of comment objects with a `parent` property
- * to a nested list of comment objects with a `children` property. The `children`
- * property is itself a list of comment objects.
- *
- * @example
- * ```
- * const comments = [
- * 	{ id: 1, parent: 0 },
- * 	{ id: 2, parent: 1 },
- * 	{ id: 3, parent: 2 },
- * 	{ id: 4, parent: 1 },
- * ];
- * expect( convertToTree( comments ) ).toEqual( [
- * 	{
- * 		commentId: 1,
- * 		children: [
- * 			{ commentId: 2, children: [ { commentId: 3, children: [] } ] },
- * 			{ commentId: 4, children: [] },
- * 		],
- * 	},
- * ] );
- * ```
- * @typedef {{id: number, parent: number}} Comment
- * @param {Comment[]} data - List of comment objects.
- *
- * @return {Object[]} Nested list of comment objects with a `children` property.
- */
-export const convertToTree = ( data ) => {
-	const table = {};
-	if ( ! data ) return [];
-
-	// First create a hash table of { [id]: { ...comment, children: [] }}
-	data.forEach( ( item ) => {
-		table[ item.id ] = { commentId: item.id, children: [] };
-	} );
-
-	const tree = [];
-
-	// Iterate over the original comments again
-	data.forEach( ( item ) => {
-		if ( item.parent ) {
-			// If the comment has a "parent", then find that parent in the table that
-			// we have created above and push the current comment to the array of its
-			// children.
-			table[ item.parent ].children.push( table[ item.id ] );
-		} else {
-			// Otherwise, if the comment has no parent (also works if parent is 0)
-			// that means that it's a top-level comment so we can find it in the table
-			// and push it to the final tree.
-			tree.push( table[ item.id ] );
-		}
-	} );
-	return tree;
-};

package/src/comments-pagination/block.json

@@ -1,37 +0,0 @@
-{
-	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"apiVersion": 2,
-	"name": "core/comments-pagination",
-	"title": "Comments Pagination",
-	"category": "design",
-	"parent": [ "core/comments-query-loop" ],
-	"description": "Displays a paginated navigation to next/previous set of comments, when applicable.",
-	"textdomain": "default",
-	"attributes": {
-		"paginationArrow": {
-			"type": "string",
-			"default": "none"
-		}
-	},
-	"providesContext": {
-		"paginationArrow": "paginationArrow"
-	},
-	"supports": {
-		"align": true,
-		"reusable": false,
-		"html": false,
-		"color": {
-			"gradients": true,
-			"link": true
-		},
-		"__experimentalLayout": {
-			"allowSwitching": false,
-			"allowInheriting": false,
-			"default": {
-				"type": "flex"
-			}
-		}
-	},
-	"editorStyle": "wp-block-comments-pagination-editor",
-	"style": "wp-block-comments-pagination"
-}

package/src/comments-pagination/comments-pagination-arrow-controls.js

@@ -1,44 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __, _x } from '@wordpress/i18n';
-import {
-	__experimentalToggleGroupControl as ToggleGroupControl,
-	__experimentalToggleGroupControlOption as ToggleGroupControlOption,
-} from '@wordpress/components';
-
-export function CommentsPaginationArrowControls( { value, onChange } ) {
-	return (
-		<ToggleGroupControl
-			label={ __( 'Arrow' ) }
-			value={ value }
-			onChange={ onChange }
-			help={ __(
-				'A decorative arrow appended to the next and previous comments link.'
-			) }
-			isBlock
-		>
-			<ToggleGroupControlOption
-				value="none"
-				label={ _x(
-					'None',
-					'Arrow option for Comments Pagination Next/Previous blocks'
-				) }
-			/>
-			<ToggleGroupControlOption
-				value="arrow"
-				label={ _x(
-					'Arrow',
-					'Arrow option for Comments Pagination Next/Previous blocks'
-				) }
-			/>
-			<ToggleGroupControlOption
-				value="chevron"
-				label={ _x(
-					'Chevron',
-					'Arrow option for Comments Pagination Next/Previous blocks'
-				) }
-			/>
-		</ToggleGroupControl>
-	);
-}

package/src/comments-pagination/edit.js

@@ -1,78 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import {
-	InspectorControls,
-	useBlockProps,
-	useInnerBlocksProps,
-	store as blockEditorStore,
-} from '@wordpress/block-editor';
-import { useSelect } from '@wordpress/data';
-import { getBlockSupport } from '@wordpress/blocks';
-import { PanelBody } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import { CommentsPaginationArrowControls } from './comments-pagination-arrow-controls';
-
-// TODO: add pagination-previous/next blocks once they are implemented.
-const TEMPLATE = [ [ 'core/comments-pagination-numbers' ] ];
-
-const getDefaultBlockLayout = ( blockTypeOrName ) => {
-	const layoutBlockSupportConfig = getBlockSupport(
-		blockTypeOrName,
-		'__experimentalLayout'
-	);
-	return layoutBlockSupportConfig?.default;
-};
-
-export default function QueryPaginationEdit( {
-	attributes: { paginationArrow, layout },
-	setAttributes,
-	clientId,
-	name,
-} ) {
-	const usedLayout = layout || getDefaultBlockLayout( name );
-	const hasNextPreviousBlocks = useSelect( ( select ) => {
-		const { getBlocks } = select( blockEditorStore );
-		const innerBlocks = getBlocks( clientId );
-		/**
-		 * Show the `paginationArrow` control only if a
-		 * `QueryPaginationNext/Previous` block exists.
-		 */
-		return innerBlocks?.find( ( innerBlock ) => {
-			return [
-				'core/query-pagination-next',
-				'core/query-pagination-previous',
-			].includes( innerBlock.name );
-		} );
-	}, [] );
-	const blockProps = useBlockProps();
-	const innerBlocksProps = useInnerBlocksProps( blockProps, {
-		template: TEMPLATE,
-		allowedBlocks: [
-			// TODO: add pagination-previous/next blocks once they are implemented.
-			'core/comments-pagination-numbers',
-		],
-		__experimentalLayout: usedLayout,
-	} );
-	return (
-		<>
-			{ hasNextPreviousBlocks && (
-				<InspectorControls>
-					<PanelBody title={ __( 'Settings' ) }>
-						<CommentsPaginationArrowControls
-							value={ paginationArrow }
-							onChange={ ( value ) => {
-								setAttributes( { paginationArrow: value } );
-							} }
-						/>
-					</PanelBody>
-				</InspectorControls>
-			) }
-			<div { ...innerBlocksProps } />
-		</>
-	);
-}

package/src/comments-pagination/editor.scss

@@ -1,34 +0,0 @@
-$pagination-margin: 0.5em;
-
-// Center flex items. This has an equivalent in style.scss.
-.wp-block[data-align="center"] > .wp-block-comments-pagination {
-	justify-content: center;
-}
-
-.editor-styles-wrapper {
-	.wp-block-comments-pagination {
-		max-width: 100%;
-		&.block-editor-block-list__layout {
-			margin: 0;
-		}
-	}
-}
-
-.wp-block-comments-pagination {
-	> .wp-block-comments-pagination-next,
-	> .wp-block-comments-pagination-previous,
-	> .wp-block-comments-pagination-numbers {
-		// Override editor auto block margins.
-		margin-left: 0;
-		margin-top: $pagination-margin;
-
-		/*rtl:ignore*/
-		margin-right: $pagination-margin;
-		margin-bottom: $pagination-margin;
-
-		&:last-child {
-			/*rtl:ignore*/
-			margin-right: 0;
-		}
-	}
-}

package/src/comments-pagination/index.js

@@ -1,20 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { queryPagination as icon } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import metadata from './block.json';
-import edit from './edit';
-import save from './save';
-
-const { name } = metadata;
-export { metadata, name };
-
-export const settings = {
-	icon,
-	edit,
-	save,
-};

package/src/comments-pagination/index.php

@@ -1,39 +0,0 @@
-<?php
-/**
- * Server-side rendering of the `core/comments-pagination` block.
- *
- * @package WordPress
- */
-
-/**
- * Renders the `core/comments-pagination` block on the server.
- *
- * @param array  $attributes Block attributes.
- * @param string $content    Block default content.
- *
- * @return string Returns the wrapper for the Comments pagination.
- */
-function render_block_core_comments_pagination( $attributes, $content ) {
-	if ( empty( trim( $content ) ) ) {
-		return '';
-	}
-
-	return sprintf(
-		'<div %1$s>%2$s</div>',
-		get_block_wrapper_attributes(),
-		$content
-	);
-}
-
-/**
- * Registers the `core/comments-pagination` block on the server.
- */
-function register_block_core_comments_pagination() {
-	register_block_type_from_metadata(
-		__DIR__ . '/comments-pagination',
-		array(
-			'render_callback' => 'render_block_core_comments_pagination',
-		)
-	);
-}
-add_action( 'init', 'register_block_core_comments_pagination' );

package/src/comments-pagination/save.js

@@ -1,8 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { InnerBlocks } from '@wordpress/block-editor';
-
-export default function save() {
-	return <InnerBlocks.Content />;
-}

package/src/comments-pagination/style.scss

@@ -1,38 +0,0 @@
-$pagination-margin: 0.5em;
-.wp-block-comments-pagination {
-	// Increased specificity to override blocks default margin.
-	> .wp-block-comments-pagination-next,
-	> .wp-block-comments-pagination-previous,
-	> .wp-block-comments-pagination-numbers {
-		/*rtl:ignore*/
-		margin-right: $pagination-margin;
-		margin-bottom: $pagination-margin;
-
-		&:last-child {
-			/*rtl:ignore*/
-			margin-right: 0;
-		}
-	}
-	.wp-block-comments-pagination-previous-arrow {
-		margin-right: 1ch;
-		display: inline-block; // Needed so that the transform works.
-		// chevron(`»`) symbol doesn't need the mirroring by us.
-		&:not(.is-arrow-chevron) {
-			// Flip for RTL.
-			transform: scaleX(1) #{"/*rtl:scaleX(-1);*/"}; // This points the arrow right for LTR and left for RTL.
-		}
-	}
-	.wp-block-comments-pagination-next-arrow {
-		margin-left: 1ch;
-		display: inline-block; // Needed so that the transform works.
-		// chevron(`»`) symbol doesn't need the mirroring by us.
-		&:not(.is-arrow-chevron) {
-			// Flip for RTL.
-			transform: scaleX(1) #{"/*rtl:scaleX(-1);*/"}; // This points the arrow right for LTR and left for RTL.
-		}
-	}
-
-	&.aligncenter {
-		justify-content: center;
-	}
-}

package/src/comments-pagination-numbers/block.json

@@ -1,16 +0,0 @@
-{
-	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"apiVersion": 2,
-	"name": "core/comments-pagination-numbers",
-	"title": "Comments Pagination Numbers",
-	"category": "theme",
-	"parent": [ "core/comments-pagination" ],
-	"description": "Displays a list of page numbers for comments pagination.",
-	"textdomain": "default",
-	"usesContext": [ "comments/perPage", "postId" ],
-	"supports": {
-		"reusable": false,
-		"html": false
-	},
-	"editorStyle": "comments-pagination-numbers-editor"
-}

package/src/comments-pagination-numbers/edit.js

@@ -1,22 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useBlockProps } from '@wordpress/block-editor';
-
-const PaginationItem = ( { content, tag: Tag = 'a', extraClass = '' } ) => (
-	<Tag className={ `page-numbers ${ extraClass }` }>{ content }</Tag>
-);
-
-export default function CommentsPaginationNumbersEdit() {
-	return (
-		<div { ...useBlockProps() }>
-			<PaginationItem content="1" />
-			<PaginationItem content="2" />
-			<PaginationItem content="3" tag="span" extraClass="current" />
-			<PaginationItem content="4" />
-			<PaginationItem content="5" />
-			<PaginationItem content="..." tag="span" extraClass="dots" />
-			<PaginationItem content="8" />
-		</div>
-	);
-}

package/src/comments-pagination-numbers/editor.scss

@@ -1,12 +0,0 @@
-.wp-block-comments-pagination-numbers {
-	a {
-		text-decoration: underline;
-	}
-	.page-numbers {
-		margin-right: 2px;
-		&:last-child {
-			/*rtl:ignore*/
-			margin-right: 0;
-		}
-	}
-}

package/src/comments-pagination-numbers/index.js

@@ -1,18 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { queryPaginationNumbers as icon } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import metadata from './block.json';
-import edit from './edit';
-
-const { name } = metadata;
-export { metadata, name };
-
-export const settings = {
-	icon,
-	edit,
-};

package/src/comments-pagination-numbers/index.php

@@ -1,69 +0,0 @@
-<?php
-/**
- * Server-side rendering of the `core/comments-pagination-numbers` block.
- *
- * @package WordPress
- */
-
-/**
- * Renders the `core/comments-pagination-numbers` block on the server.
- *
- * @param array    $attributes Block attributes.
- * @param string   $content    Block default content.
- * @param WP_Block $block      Block instance.
- *
- * @return string Returns the pagination numbers for the comments.
- */
-function render_block_core_comments_pagination_numbers( $attributes, $content, $block ) {
-	// Bail out early if the post ID is not set for some reason.
-	if ( empty( $block->context['postId'] ) ) {
-		return '';
-	}
-
-	$comments_query = new WP_Comment_Query(
-		build_comment_query_vars_from_block( $block )
-	);
-	$total          = $comments_query->max_num_pages;
-
-	// Get the current comment page from the URL.
-	$current = get_query_var( 'cpage' );
-	if ( ! $current ) {
-		// Get the number of the default page.
-		$current = 'newest' === get_option( 'default_comments_page' ) ? $total : 1;
-	}
-
-	// Render links.
-	$content = paginate_comments_links(
-		array(
-			'total'     => $total,
-			'current'   => $current,
-			'prev_next' => false,
-			'echo'      => false,
-		)
-	);
-
-	if ( empty( $content ) ) {
-		return '';
-	}
-
-	$wrapper_attributes = get_block_wrapper_attributes();
-
-	return sprintf(
-		'<div %1$s>%2$s</div>',
-		$wrapper_attributes,
-		$content
-	);
-}
-
-/**
- * Registers the `core/comments-pagination-numbers` block on the server.
- */
-function register_block_core_comments_pagination_numbers() {
-	register_block_type_from_metadata(
-		__DIR__ . '/comments-pagination-numbers',
-		array(
-			'render_callback' => 'render_block_core_comments_pagination_numbers',
-		)
-	);
-}
-add_action( 'init', 'register_block_core_comments_pagination_numbers' );

package/src/embed/embed-controls.native.js

@@ -1,65 +0,0 @@
-/**
- * Internal dependencies
- */
-import EmbedLinkSettings from './embed-link-settings';
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { PanelBody, ToggleControl } from '@wordpress/components';
-import { InspectorControls } from '@wordpress/block-editor';
-import { useDispatch } from '@wordpress/data';
-import { store as editPostStore } from '@wordpress/edit-post';
-
-function getResponsiveHelp( checked ) {
-	return checked
-		? __(
-				'This embed will preserve its aspect ratio when the browser is resized.'
-		  )
-		: __(
-				'This embed may not preserve its aspect ratio when the browser is resized.'
-		  );
-}
-
-const EmbedControls = ( {
-	blockSupportsResponsive,
-	themeSupportsResponsive,
-	allowResponsive,
-	toggleResponsive,
-	url,
-	linkLabel,
-	onEditURL,
-} ) => {
-	const { closeGeneralSidebar: closeSettingsBottomSheet } = useDispatch(
-		editPostStore
-	);
-
-	return (
-		<>
-			<InspectorControls>
-				{ themeSupportsResponsive && blockSupportsResponsive && (
-					<PanelBody title={ __( 'Media settings' ) }>
-						<ToggleControl
-							label={ __( 'Resize for smaller devices' ) }
-							checked={ allowResponsive }
-							help={ getResponsiveHelp }
-							onChange={ toggleResponsive }
-						/>
-					</PanelBody>
-				) }
-				<PanelBody title={ __( 'Link settings' ) }>
-					<EmbedLinkSettings
-						value={ url }
-						label={ linkLabel }
-						onSubmit={ ( value ) => {
-							closeSettingsBottomSheet();
-							onEditURL( value );
-						} }
-					/>
-				</PanelBody>
-			</InspectorControls>
-		</>
-	);
-};
-
-export default EmbedControls;