@wordpress/block-library 6.0.2 → 6.0.3

package/src/navigation/placeholder.js

@@ -1,154 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { createBlock } from '@wordpress/blocks';
-import {
-	Placeholder,
-	Button,
-	DropdownMenu,
-	MenuGroup,
-	MenuItem,
-	Spinner,
-} from '@wordpress/components';
-
-import {
-	forwardRef,
-	useCallback,
-	useState,
-	useEffect,
-} from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-import { navigation, chevronDown, Icon } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import useNavigationEntities from './use-navigation-entities';
-import PlaceholderPreview from './placeholder-preview';
-import menuItemsToBlocks from './menu-items-to-blocks';
-
-function NavigationPlaceholder( { onCreate }, ref ) {
-	const [ selectedMenu, setSelectedMenu ] = useState();
-
-	const [ isCreatingFromMenu, setIsCreatingFromMenu ] = useState( false );
-
-	const {
-		isResolvingPages,
-		menus,
-		isResolvingMenus,
-		menuItems,
-		hasResolvedMenuItems,
-		hasPages,
-		hasMenus,
-	} = useNavigationEntities( selectedMenu );
-
-	const isLoading = isResolvingPages || isResolvingMenus;
-
-	const createFromMenu = useCallback( () => {
-		const { innerBlocks: blocks } = menuItemsToBlocks( menuItems );
-		const selectNavigationBlock = true;
-		onCreate( blocks, selectNavigationBlock );
-	}, [ menuItems, menuItemsToBlocks, onCreate ] );
-
-	const onCreateFromMenu = () => {
-		// If we have menu items, create the block right away.
-		if ( hasResolvedMenuItems ) {
-			createFromMenu();
-			return;
-		}
-
-		// Otherwise, create the block when resolution finishes.
-		setIsCreatingFromMenu( true );
-	};
-
-	const onCreateEmptyMenu = () => {
-		onCreate( [] );
-	};
-
-	const onCreateAllPages = () => {
-		const block = [ createBlock( 'core/page-list' ) ];
-		const selectNavigationBlock = true;
-		onCreate( block, selectNavigationBlock );
-	};
-
-	useEffect( () => {
-		// If the user selected a menu but we had to wait for menu items to
-		// finish resolving, then create the block once resolution finishes.
-		if ( isCreatingFromMenu && hasResolvedMenuItems ) {
-			createFromMenu();
-			setIsCreatingFromMenu( false );
-		}
-	}, [ isCreatingFromMenu, hasResolvedMenuItems ] );
-
-	const toggleProps = {
-		variant: 'primary',
-		className: 'wp-block-navigation-placeholder__actions__dropdown',
-	};
-	return (
-		<Placeholder className="wp-block-navigation-placeholder">
-			<PlaceholderPreview />
-
-			<div className="wp-block-navigation-placeholder__controls">
-				{ isLoading && (
-					<div ref={ ref }>
-						<Spinner />
-					</div>
-				) }
-				{ ! isLoading && (
-					<div
-						ref={ ref }
-						className="wp-block-navigation-placeholder__actions"
-					>
-						<div className="wp-block-navigation-placeholder__actions__indicator">
-							<Icon icon={ navigation } /> { __( 'Navigation' ) }
-						</div>
-						{ hasMenus ? (
-							<DropdownMenu
-								text={ __( 'Add existing menu' ) }
-								icon={ chevronDown }
-								toggleProps={ toggleProps }
-							>
-								{ ( { onClose } ) => (
-									<MenuGroup>
-										{ menus.map( ( menu ) => {
-											return (
-												<MenuItem
-													onClick={ () => {
-														setSelectedMenu(
-															menu.id
-														);
-														onCreateFromMenu();
-													} }
-													onClose={ onClose }
-													key={ menu.id }
-												>
-													{ menu.name }
-												</MenuItem>
-											);
-										} ) }
-									</MenuGroup>
-								) }
-							</DropdownMenu>
-						) : undefined }
-						{ hasPages ? (
-							<Button
-								variant={ hasMenus ? 'tertiary' : 'primary' }
-								onClick={ onCreateAllPages }
-							>
-								{ __( 'Add all pages' ) }
-							</Button>
-						) : undefined }
-						<Button
-							variant="tertiary"
-							onClick={ onCreateEmptyMenu }
-						>
-							{ __( 'Start empty' ) }
-						</Button>
-					</div>
-				) }
-			</div>
-		</Placeholder>
-	);
-}
-
-export default forwardRef( NavigationPlaceholder );

package/src/navigation/use-block-navigator.js

@@ -1,46 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useState } from '@wordpress/element';
-import { ToolbarButton, Modal } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { listView } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import BlockNavigationList from './block-navigation-list';
-
-export default function useBlockNavigator( clientId, __experimentalFeatures ) {
-	const [ isNavigationListOpen, setIsNavigationListOpen ] = useState( false );
-
-	const navigatorToolbarButton = (
-		<ToolbarButton
-			className="components-toolbar__control"
-			label={ __( 'Open block navigation' ) }
-			onClick={ () => setIsNavigationListOpen( true ) }
-			icon={ listView }
-		/>
-	);
-
-	const navigatorModal = isNavigationListOpen && (
-		<Modal
-			title={ __( 'Navigation' ) }
-			closeLabel={ __( 'Close' ) }
-			onRequestClose={ () => {
-				setIsNavigationListOpen( false );
-			} }
-			shouldCloseOnClickOutside={ false }
-		>
-			<BlockNavigationList
-				clientId={ clientId }
-				__experimentalFeatures={ __experimentalFeatures }
-			/>
-		</Modal>
-	);
-
-	return {
-		navigatorToolbarButton,
-		navigatorModal,
-	};
-}

package/src/navigation/variations.js

@@ -1,23 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-
-const variations = [
-	{
-		name: 'horizontal',
-		title: __( 'Navigation (horizontal)' ),
-		description: __( 'Links shown in a row.' ),
-		attributes: { orientation: 'horizontal' },
-		scope: [ 'transform' ],
-	},
-	{
-		name: 'vertical',
-		title: __( 'Navigation (vertical)' ),
-		description: __( 'Links shown in a column.' ),
-		attributes: { orientation: 'vertical' },
-		scope: [ 'transform' ],
-	},
-];
-
-export default variations;

package/src/post-comment-author/edit.js

@@ -1,77 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { useSelect } from '@wordpress/data';
-import { InspectorControls, useBlockProps } from '@wordpress/block-editor';
-import { store as coreStore } from '@wordpress/core-data';
-import { PanelBody, ToggleControl } from '@wordpress/components';
-
-/**
- * Renders the `core/post-comment-author` block on the editor.
- *
- * @param {Object} props               React props.
- * @param {Object} props.setAttributes Callback for updating block attributes.
- * @param {Object} props.attributes    Block attributes.
- * @param {Object} props.context       Inherited context.
- *
- * @return {JSX.Element} React element.
- */
-export default function Edit( { attributes, context, setAttributes } ) {
-	const { className, isLink, linkTarget } = attributes;
-	const { commentId } = context;
-	const blockProps = useBlockProps( { className } );
-
-	const displayName = useSelect(
-		( select ) => {
-			const { getEntityRecord } = select( coreStore );
-
-			const comment = getEntityRecord( 'root', 'comment', commentId );
-			const authorName = comment?.author_name; // eslint-disable-line camelcase
-
-			if ( comment && ! authorName ) {
-				const user = getEntityRecord( 'root', 'user', comment.author );
-				return user?.name ?? __( 'Anonymous' );
-			}
-			return authorName ?? '';
-		},
-		[ commentId ]
-	);
-
-	const displayAuthor = isLink ? (
-		<a
-			href="#comment-author-pseudo-link"
-			onClick={ ( event ) => event.preventDefault() }
-		>
-			{ displayName }
-		</a>
-	) : (
-		<p>{ displayName }</p>
-	);
-
-	return (
-		<>
-			<InspectorControls>
-				<PanelBody title={ __( 'Link settings' ) }>
-					<ToggleControl
-						label={ __( 'Link to authors URL' ) }
-						onChange={ () => setAttributes( { isLink: ! isLink } ) }
-						checked={ isLink }
-					/>
-					{ isLink && (
-						<ToggleControl
-							label={ __( 'Open in new tab' ) }
-							onChange={ ( value ) =>
-								setAttributes( {
-									linkTarget: value ? '_blank' : '_self',
-								} )
-							}
-							checked={ linkTarget === '_blank' }
-						/>
-					) }
-				</PanelBody>
-			</InspectorControls>
-			<div { ...blockProps }>{ displayAuthor }</div>
-		</>
-	);
-}

package/src/post-comment-author/index.php

@@ -1,47 +0,0 @@
-<?php
-/**
- * Server-side rendering of the `core/post-comment-author` block.
- *
- * @package WordPress
- */
-
-/**
- * Renders the `core/post-comment-author` block on the server.
- *
- * @param array    $attributes Block attributes.
- * @param string   $content    Block default content.
- * @param WP_Block $block      Block instance.
- * @return string Return the post comment's author.
- */
-function render_block_core_post_comment_author( $attributes, $content, $block ) {
-	if ( ! isset( $block->context['commentId'] ) ) {
-		return '';
-	}
-
-	$wrapper_attributes = get_block_wrapper_attributes();
-	$comment_author     = get_comment_author( $block->context['commentId'] );
-	$link               = get_comment_author_url( $block->context['commentId'] );
-
-	if ( ! empty( $attributes['isLink'] ) && ! empty( $attributes['linkTarget'] ) ) {
-		$comment_author = sprintf( '<a rel="external nofollow ugc" href="%1s" target="%2s" >%3s</a>', $link, $attributes['linkTarget'], $comment_author );
-	}
-
-	return sprintf(
-		'<div %1$s>%2$s</div>',
-		$wrapper_attributes,
-		$comment_author
-	);
-}
-
-/**
- * Registers the `core/post-comment-author` block on the server.
- */
-function register_block_core_post_comment_author() {
-	register_block_type_from_metadata(
-		__DIR__ . '/post-comment-author',
-		array(
-			'render_callback' => 'render_block_core_post_comment_author',
-		)
-	);
-}
-add_action( 'init', 'register_block_core_post_comment_author' );

package/src/post-comment-date/edit.js

@@ -1,77 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useEntityProp } from '@wordpress/core-data';
-import { __experimentalGetSettings, dateI18n } from '@wordpress/date';
-import { InspectorControls, useBlockProps } from '@wordpress/block-editor';
-import {
-	PanelBody,
-	CustomSelectControl,
-	ToggleControl,
-} from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-
-export default function Edit( { attributes, context, setAttributes } ) {
-	const { className, format, isLink } = attributes;
-	const { commentId } = context;
-
-	const settings = __experimentalGetSettings();
-	const [ siteDateFormat ] = useEntityProp( 'root', 'site', 'date_format' );
-	const [ date ] = useEntityProp( 'root', 'comment', 'date', commentId );
-
-	const formatOptions = Object.values( settings.formats ).map(
-		( formatOption ) => ( {
-			key: formatOption,
-			name: dateI18n( formatOption, date ),
-		} )
-	);
-	const resolvedFormat = format || siteDateFormat || settings.formats.date;
-	const blockProps = useBlockProps( { className } );
-
-	let commentDate = (
-		<time dateTime={ dateI18n( 'c', date ) }>
-			{ dateI18n( resolvedFormat, date ) }
-		</time>
-	);
-
-	if ( isLink ) {
-		commentDate = (
-			<a
-				href="#comment-date-pseudo-link"
-				onClick={ ( event ) => event.preventDefault() }
-			>
-				{ commentDate }
-			</a>
-		);
-	}
-
-	return (
-		<>
-			<InspectorControls>
-				<PanelBody title={ __( 'Format settings' ) }>
-					<CustomSelectControl
-						hideLabelFromVision
-						label={ __( 'Date Format' ) }
-						options={ formatOptions }
-						onChange={ ( { selectedItem } ) =>
-							setAttributes( {
-								format: selectedItem.key,
-							} )
-						}
-						value={ formatOptions.find(
-							( option ) => option.key === resolvedFormat
-						) }
-					/>
-				</PanelBody>
-				<PanelBody title={ __( 'Link settings' ) }>
-					<ToggleControl
-						label={ __( 'Link to comment' ) }
-						onChange={ () => setAttributes( { isLink: ! isLink } ) }
-						checked={ isLink }
-					/>
-				</PanelBody>
-			</InspectorControls>
-			<div { ...blockProps }>{ commentDate }</div>
-		</>
-	);
-}