@wordpress/block-library 9.48.0 → 9.48.1

package/src/missing/test/edit-integration.native.js

@@ -1,168 +0,0 @@
-/**
- * External dependencies
- */
-import {
-	act,
-	fireEvent,
-	getBlock,
-	initializeEditor,
-	screen,
-	setupCoreBlocks,
-	withFakeTimers,
-	within,
-} from 'test/helpers';
-import { Platform } from 'react-native';
-
-/**
- * WordPress dependencies
- */
-import { unregisterBlockType } from '@wordpress/blocks';
-import { setLocaleData } from '@wordpress/i18n';
-import { requestUnsupportedBlockFallback } from '@wordpress/react-native-bridge';
-
-// Override modal mock to prevent unmounting it when is not visible.
-// This is required to be able to trigger onClose and onDismiss events when
-// the modal is dismissed.
-jest.mock( 'react-native-modal', () => {
-	const mockComponent = require( 'react-native/jest/mockComponent' );
-	return mockComponent( 'react-native-modal' );
-} );
-
-const TABLE_BLOCK_HTML = `<!-- wp:table -->
-<figure class="wp-block-table"><table><tbody><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></tbody></table></figure>
-<!-- /wp:table -->`;
-const MODAL_DISMISS_EVENT = Platform.OS === 'ios' ? 'onDismiss' : 'onModalHide';
-
-setupCoreBlocks();
-
-beforeAll( () => {
-	// For the purpose of this test suite we consider Reusable blocks/Patterns as unsupported.
-	// For this reason we unregister it to force it to be rendered as an unsupported block.
-	unregisterBlockType( 'core/block' );
-} );
-
-describe( 'Unsupported block', () => {
-	describe( 'localized elements', () => {
-		beforeEach( () => {
-			// Mock translations.
-			setLocaleData( {
-				'block title\u0004Table': [ 'Tabla' ],
-				"'%s' is not fully-supported": [
-					'«%s» no es totalmente compatible',
-				],
-			} );
-		} );
-
-		afterEach( () => {
-			// Clean up translations.
-			setLocaleData( {} );
-		} );
-
-		it( 'requests translated block title in block placeholder', async () => {
-			await initializeEditor( {
-				initialHtml: TABLE_BLOCK_HTML,
-			} );
-
-			const missingBlock = getBlock( screen, 'Unsupported' );
-
-			const translatedTableTitle =
-				within( missingBlock ).getByText( 'Tabla' );
-
-			expect( translatedTableTitle ).toBeDefined();
-		} );
-
-		it( 'requests translated block title in bottom sheet', async () => {
-			await initializeEditor( {
-				initialHtml: TABLE_BLOCK_HTML,
-			} );
-
-			const missingBlock = getBlock( screen, 'Unsupported' );
-
-			fireEvent.press( missingBlock );
-
-			const [ helpButton ] =
-				await screen.findAllByLabelText( 'Help button' );
-
-			fireEvent.press( helpButton );
-
-			const bottomSheetTitle = await screen.findByText(
-				'«Tabla» no es totalmente compatible'
-			);
-
-			expect( bottomSheetTitle ).toBeDefined();
-		} );
-	} );
-
-	it( 'requests web editor when UBE is available', async () => {
-		await initializeEditor( {
-			initialHtml: TABLE_BLOCK_HTML,
-			capabilities: {
-				unsupportedBlockEditor: true,
-				canEnableUnsupportedBlockEditor: true,
-			},
-		} );
-
-		const missingBlock = getBlock( screen, 'Unsupported' );
-		fireEvent.press( missingBlock );
-
-		// Tap the block to open the unsupported block details
-		fireEvent.press( within( missingBlock ).getByText( 'Unsupported' ) );
-
-		const actionButton = screen.getByText( 'Edit using web editor' );
-		expect( actionButton ).toBeVisible();
-
-		// UBE is requested after the modal hides and running a timeout
-		await withFakeTimers( async () => {
-			fireEvent.press( actionButton );
-			fireEvent(
-				screen.getByTestId( 'bottom-sheet' ),
-				MODAL_DISMISS_EVENT
-			);
-			act( () => jest.runOnlyPendingTimers() );
-		} );
-		expect( requestUnsupportedBlockFallback ).toHaveBeenCalled();
-	} );
-
-	it( 'does not show web editor option when UBE is not available', async () => {
-		await initializeEditor( {
-			initialHtml: TABLE_BLOCK_HTML,
-			capabilities: {
-				unsupportedBlockEditor: false,
-				canEnableUnsupportedBlockEditor: false,
-			},
-		} );
-
-		const missingBlock = getBlock( screen, 'Unsupported' );
-		fireEvent.press( missingBlock );
-
-		// Tap the block to open the unsupported block details
-		fireEvent.press( within( missingBlock ).getByText( 'Unsupported' ) );
-
-		const actionButton = await screen.queryByText(
-			'Edit using web editor'
-		);
-		expect( actionButton ).toBeNull();
-	} );
-
-	it( 'does not show web editor option when block is incompatible with UBE', async () => {
-		await initializeEditor( {
-			// Reusable blocks/Patterns is a block type unsupported by UBE
-			initialHtml: '<!-- wp:block {"ref":7387} /-->',
-			capabilities: {
-				unsupportedBlockEditor: true,
-				canEnableUnsupportedBlockEditor: true,
-			},
-		} );
-
-		const missingBlock = getBlock( screen, 'Unsupported' );
-		fireEvent.press( missingBlock );
-
-		// Tap the block to open the unsupported block details
-		fireEvent.press( within( missingBlock ).getByText( 'Unsupported' ) );
-
-		const actionButton = await screen.queryByText(
-			'Edit using web editor'
-		);
-		expect( actionButton ).toBeNull();
-	} );
-} );

package/src/missing/test/edit.native.js

@@ -1,81 +0,0 @@
-/**
- * External dependencies
- */
-import { render } from 'test/helpers';
-import { Text } from 'react-native';
-
-/**
- * WordPress dependencies
- */
-import { BottomSheet, Icon as WCIcon } from '@wordpress/components';
-import { help, plugins } from '@wordpress/icons';
-import { storeConfig } from '@wordpress/block-editor';
-jest.mock( '@wordpress/block-editor/src/store/selectors' );
-
-/**
- * Internal dependencies
- */
-import UnsupportedBlockEdit from '../edit.native.js';
-
-const defaultAttributes = {
-	originalName: 'missing/block/title',
-};
-
-const getTestComponentWithContent = ( attributes = defaultAttributes ) => {
-	return render( <UnsupportedBlockEdit attributes={ attributes } /> );
-};
-
-describe( 'Missing block', () => {
-	beforeEach( () => {
-		storeConfig.selectors.getSettings.mockReturnValue( {} );
-	} );
-
-	it( 'renders without crashing', () => {
-		const testInstance = getTestComponentWithContent();
-		const rendered = testInstance.toJSON();
-		expect( rendered ).toMatchSnapshot();
-	} );
-
-	describe( 'help modal', () => {
-		it( 'renders help icon', () => {
-			const testInstance = getTestComponentWithContent();
-			const icons = testInstance.UNSAFE_getAllByType( WCIcon );
-			expect( icons.length ).toBe( 2 );
-			expect( icons[ 0 ].props.icon ).toBe( help );
-		} );
-
-		it( 'renders info icon on modal', () => {
-			const testInstance = getTestComponentWithContent();
-			const bottomSheet = testInstance.UNSAFE_getByType( BottomSheet );
-			const children = bottomSheet.props.children[ 0 ].props.children;
-			expect( children.length ).toBe( 3 ); // 4 children in the bottom sheet: the icon, the "isn't yet supported" title and the "We are working hard..." message.
-			expect( children[ 0 ].props.icon ).toBe( help );
-		} );
-
-		it( 'renders unsupported text on modal', () => {
-			const testInstance = getTestComponentWithContent();
-			const bottomSheet = testInstance.UNSAFE_getByType( BottomSheet );
-			const children = bottomSheet.props.children[ 0 ].props.children;
-			expect( children[ 1 ].props.children ).toBe(
-				"'" +
-					defaultAttributes.originalName +
-					"' is not fully-supported"
-			);
-		} );
-	} );
-
-	it( 'renders admin plugins icon', () => {
-		const testInstance = getTestComponentWithContent();
-		const icons = testInstance.UNSAFE_getAllByType( WCIcon );
-		expect( icons.length ).toBe( 2 );
-		expect( icons[ 1 ].props.icon ).toBe( plugins );
-	} );
-
-	it( 'renders title text without crashing', () => {
-		const testInstance = getTestComponentWithContent();
-		const texts = testInstance.UNSAFE_getAllByType( Text );
-		expect( texts.length ).toBe( 2 );
-		expect( texts[ 0 ].props.children ).toBe( 'missing/block/title' );
-		expect( texts[ 1 ].props.children ).toBe( 'Unsupported' );
-	} );
-} );

package/src/more/edit.native.js

@@ -1,36 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { withPreferredColorScheme } from '@wordpress/compose';
-import { HorizontalRule } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import styles from './editor.scss';
-
-function MoreEdit( { attributes, getStylesFromColorScheme } ) {
-	const { customText } = attributes;
-
-	const textStyle = getStylesFromColorScheme(
-		styles.moreText,
-		styles.moreTextDark
-	);
-	const lineStyle = getStylesFromColorScheme(
-		styles.moreLine,
-		styles.moreLineDark
-	);
-
-	return (
-		<HorizontalRule
-			text={ customText || __( 'Read more' ) }
-			marginLeft={ 0 }
-			marginRight={ 0 }
-			textStyle={ textStyle }
-			lineStyle={ lineStyle }
-		/>
-	);
-}
-
-export default withPreferredColorScheme( MoreEdit );

package/src/more/editor.native.scss

@@ -1,21 +0,0 @@
-// @format
-
-.moreLine {
-	background-color: $gray-lighten-20;
-	height: 2;
-}
-
-.moreLineDark {
-	background-color: $gray-50;
-}
-
-.moreText {
-	color: $gray;
-	text-decoration-style: solid;
-	text-transform: uppercase;
-}
-
-.moreTextDark {
-	color: $gray-20;
-}
-

package/src/more/test/__snapshots__/edit.native.js.snap

@@ -1,7 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`More block inserts block 1`] = `
-"<!-- wp:more -->
-<!--more-->
-<!-- /wp:more -->"
-`;

package/src/more/test/__snapshots__/transforms.native.js.snap

@@ -1,19 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`More block transforms to Columns block 1`] = `
-"<!-- wp:columns -->
-<div class="wp-block-columns"><!-- wp:column {"width":"100%"} -->
-<div class="wp-block-column" style="flex-basis:100%"><!-- wp:more -->
-<!--more-->
-<!-- /wp:more --></div>
-<!-- /wp:column --></div>
-<!-- /wp:columns -->"
-`;
-
-exports[`More block transforms to Group block 1`] = `
-"<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:more -->
-<!--more-->
-<!-- /wp:more --></div>
-<!-- /wp:group -->"
-`;

package/src/more/test/edit.native.js

@@ -1,41 +0,0 @@
-/**
- * External dependencies
- */
-import {
-	addBlock,
-	getEditorHtml,
-	initializeEditor,
-	getBlock,
-} from 'test/helpers';
-
-/**
- * WordPress dependencies
- */
-import { getBlockTypes, unregisterBlockType } from '@wordpress/blocks';
-import { registerCoreBlocks } from '@wordpress/block-library';
-
-beforeAll( () => {
-	// Register all core blocks
-	registerCoreBlocks();
-} );
-
-afterAll( () => {
-	// Clean up registered blocks
-	getBlockTypes().forEach( ( block ) => {
-		unregisterBlockType( block.name );
-	} );
-} );
-
-describe( 'More block', () => {
-	it( 'inserts block', async () => {
-		const screen = await initializeEditor();
-
-		// Add block
-		await addBlock( screen, 'More' );
-
-		// Get block
-		const moreBlock = await getBlock( screen, 'More' );
-		expect( moreBlock ).toBeVisible();
-		expect( getEditorHtml() ).toMatchSnapshot();
-	} );
-} );

package/src/more/test/transforms.native.js

@@ -1,42 +0,0 @@
-/**
- * External dependencies
- */
-import {
-	getEditorHtml,
-	initializeEditor,
-	setupCoreBlocks,
-	transformBlock,
-	getBlockTransformOptions,
-} from 'test/helpers';
-
-const block = 'More';
-const initialHtml = `
-<!-- wp:more -->
-<!--more-->
-<!-- /wp:more -->`;
-
-const transformsWithInnerBlocks = [ 'Columns', 'Group' ];
-const blockTransforms = [ ...transformsWithInnerBlocks ];
-
-setupCoreBlocks();
-
-describe( `${ block } block transforms`, () => {
-	test.each( blockTransforms )( 'to %s block', async ( blockTransform ) => {
-		const screen = await initializeEditor( { initialHtml } );
-		const newBlock = await transformBlock( screen, block, blockTransform, {
-			hasInnerBlocks:
-				transformsWithInnerBlocks.includes( blockTransform ),
-		} );
-		expect( newBlock ).toBeVisible();
-		expect( getEditorHtml() ).toMatchSnapshot();
-	} );
-
-	it( 'matches expected transformation options', async () => {
-		const screen = await initializeEditor( { initialHtml } );
-		const transformOptions = await getBlockTransformOptions(
-			screen,
-			block
-		);
-		expect( transformOptions ).toHaveLength( blockTransforms.length );
-	} );
-} );

package/src/more/transforms.native.js

@@ -1,12 +0,0 @@
-/**
- * Internal dependencies
- */
-import webTransforms from './transforms.js';
-import transformationCategories from '../utils/transformation-categories';
-
-const transforms = {
-	...webTransforms,
-	supportedMobileTransforms: transformationCategories.other,
-};
-
-export default transforms;

package/src/navigation-link/shared/build-css-font-sizes.php

@@ -1,43 +0,0 @@
-<?php
-/**
- * Shared helper function for building CSS font sizes in navigation blocks.
- *
- * @package WordPress
- */
-
-/**
- * Build an array with CSS classes and inline styles defining the font sizes
- * which will be applied to the navigation markup in the front-end.
- *
- * @since 7.1.0
- *
- * @param  array $context Navigation block context.
- * @return array Font size CSS classes and inline styles.
- */
-function block_core_shared_navigation_build_css_font_sizes( $context ) {
-	// CSS classes.
-	$font_sizes = array(
-		'css_classes'   => array(),
-		'inline_styles' => '',
-	);
-
-	$has_named_font_size  = array_key_exists( 'fontSize', $context );
-	$has_custom_font_size = isset( $context['style']['typography']['fontSize'] );
-
-	if ( $has_named_font_size ) {
-		// Add the font size class.
-		$font_sizes['css_classes'][] = sprintf( 'has-%s-font-size', $context['fontSize'] );
-	} elseif ( $has_custom_font_size ) {
-		// Add the custom font size inline style.
-		$font_sizes['inline_styles'] = sprintf(
-			'font-size: %s;',
-			wp_get_typography_font_size_value(
-				array(
-					'size' => $context['style']['typography']['fontSize'],
-				)
-			)
-		);
-	}
-
-	return $font_sizes;
-}

package/src/nextpage/edit.native.js

@@ -1,58 +0,0 @@
-/**
- * External dependencies
- */
-import { View } from 'react-native';
-
-/**
- * WordPress dependencies
- */
-import { __, sprintf } from '@wordpress/i18n';
-import { withPreferredColorScheme } from '@wordpress/compose';
-import { HorizontalRule } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import styles from './editor.scss';
-
-export function NextPageEdit( {
-	attributes,
-	isSelected,
-	onFocus,
-	getStylesFromColorScheme,
-} ) {
-	const { customText = __( 'Page break' ) } = attributes;
-	const accessibilityTitle = attributes.customText || '';
-	const accessibilityState = isSelected ? [ 'selected' ] : [];
-	const textStyle = getStylesFromColorScheme(
-		styles.nextpageText,
-		styles.nextpageTextDark
-	);
-	const lineStyle = getStylesFromColorScheme(
-		styles.nextpageLine,
-		styles.nextpageLineDark
-	);
-
-	return (
-		<View
-			accessible
-			accessibilityLabel={ sprintf(
-				/* translators: accessibility text. %s: Page break text. */
-				__( 'Page break block. %s' ),
-				accessibilityTitle
-			) }
-			accessibilityStates={ accessibilityState }
-			onAccessibilityTap={ onFocus }
-		>
-			<HorizontalRule
-				text={ customText }
-				marginLeft={ 0 }
-				marginRight={ 0 }
-				textStyle={ textStyle }
-				lineStyle={ lineStyle }
-			/>
-		</View>
-	);
-}
-
-export default withPreferredColorScheme( NextPageEdit );

package/src/nextpage/editor.native.scss

@@ -1,21 +0,0 @@
-// @format
-
-.nextpageLine {
-	background-color: $gray-lighten-20;
-	height: 2;
-}
-
-.nextpageLineDark {
-	background-color: $gray-50;
-}
-
-.nextpageText {
-	color: $gray;
-	text-decoration-style: solid;
-	text-transform: uppercase;
-}
-
-.nextpageTextDark {
-	color: $gray-20;
-}
-

package/src/nextpage/test/__snapshots__/transforms.native.js.snap

@@ -1,19 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Page Break block transforms to Columns block 1`] = `
-"<!-- wp:columns -->
-<div class="wp-block-columns"><!-- wp:column {"width":"100%"} -->
-<div class="wp-block-column" style="flex-basis:100%"><!-- wp:nextpage -->
-<!--nextpage-->
-<!-- /wp:nextpage --></div>
-<!-- /wp:column --></div>
-<!-- /wp:columns -->"
-`;
-
-exports[`Page Break block transforms to Group block 1`] = `
-"<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:nextpage -->
-<!--nextpage-->
-<!-- /wp:nextpage --></div>
-<!-- /wp:group -->"
-`;

package/src/nextpage/test/transforms.native.js

@@ -1,42 +0,0 @@
-/**
- * External dependencies
- */
-import {
-	getEditorHtml,
-	initializeEditor,
-	setupCoreBlocks,
-	transformBlock,
-	getBlockTransformOptions,
-} from 'test/helpers';
-
-const block = 'Page Break';
-const initialHtml = `
-<!-- wp:nextpage -->
-<!--nextpage-->
-<!-- /wp:nextpage -->`;
-
-const transformsWithInnerBlocks = [ 'Columns', 'Group' ];
-const blockTransforms = [ ...transformsWithInnerBlocks ];
-
-setupCoreBlocks();
-
-describe( `${ block } block transforms`, () => {
-	test.each( blockTransforms )( 'to %s block', async ( blockTransform ) => {
-		const screen = await initializeEditor( { initialHtml } );
-		const newBlock = await transformBlock( screen, block, blockTransform, {
-			hasInnerBlocks:
-				transformsWithInnerBlocks.includes( blockTransform ),
-		} );
-		expect( newBlock ).toBeVisible();
-		expect( getEditorHtml() ).toMatchSnapshot();
-	} );
-
-	it( 'matches expected transformation options', async () => {
-		const screen = await initializeEditor( { initialHtml } );
-		const transformOptions = await getBlockTransformOptions(
-			screen,
-			block
-		);
-		expect( transformOptions ).toHaveLength( blockTransforms.length );
-	} );
-} );

package/src/nextpage/transforms.native.js

@@ -1,12 +0,0 @@
-/**
- * Internal dependencies
- */
-import webTransforms from './transforms.js';
-import transformationCategories from '../utils/transformation-categories';
-
-const transforms = {
-	...webTransforms,
-	supportedMobileTransforms: transformationCategories.other,
-};
-
-export default transforms;