@wordpress/block-library 9.48.0 → 9.48.1

package/src/index.native.js

@@ -1,274 +0,0 @@
-/**
- * External dependencies
- */
-import { Platform } from 'react-native';
-
-/**
- * WordPress dependencies
- */
-import {
-	hasBlockSupport,
-	registerBlockType,
-	setDefaultBlockName,
-	setFreeformContentHandlerName,
-	setUnregisteredTypeHandlerName,
-	setGroupingBlockName,
-} from '@wordpress/blocks';
-import { addFilter } from '@wordpress/hooks';
-
-/**
- * Internal dependencies
- */
-import * as paragraph from './paragraph';
-import * as image from './image';
-import * as heading from './heading';
-import * as quote from './quote';
-import * as gallery from './gallery';
-import * as archives from './archives';
-import * as audio from './audio';
-import * as button from './button';
-import * as calendar from './calendar';
-import * as categories from './categories';
-import * as code from './code';
-import * as columns from './columns';
-import * as column from './column';
-import * as cover from './cover';
-import * as embed from './embed';
-import * as file from './file';
-import * as html from './html';
-import * as mediaText from './media-text';
-import * as latestComments from './latest-comments';
-import * as latestPosts from './latest-posts';
-import * as list from './list';
-import * as listItem from './list-item';
-import * as missing from './missing';
-import * as more from './more';
-import * as nextpage from './nextpage';
-import * as preformatted from './preformatted';
-import * as pullquote from './pullquote';
-import * as reusableBlock from './block';
-import * as rss from './rss';
-import * as search from './search';
-import * as separator from './separator';
-import * as shortcode from './shortcode';
-import * as spacer from './spacer';
-import * as table from './table';
-import * as textColumns from './text-columns';
-import * as verse from './verse';
-import * as video from './video';
-import * as tagCloud from './tag-cloud';
-import * as classic from './freeform';
-import * as group from './group';
-import * as buttons from './buttons';
-import * as socialLink from './social-link';
-import * as socialLinks from './social-links';
-
-import { transformationCategory } from './utils/transformation-categories';
-
-export const coreBlocks = [
-	// Common blocks are grouped at the top to prioritize their display
-	// in various contexts — like the inserter and auto-complete components.
-	paragraph,
-	image,
-	heading,
-	gallery,
-	list,
-	listItem,
-	quote,
-
-	// Register all remaining core blocks.
-	shortcode,
-	archives,
-	audio,
-	button,
-	calendar,
-	categories,
-	code,
-	columns,
-	column,
-	cover,
-	embed,
-	group,
-	file,
-	html,
-	mediaText,
-	latestComments,
-	latestPosts,
-	missing,
-	more,
-	nextpage,
-	preformatted,
-	pullquote,
-	rss,
-	search,
-	separator,
-	reusableBlock,
-	spacer,
-	table,
-	tagCloud,
-	textColumns,
-	verse,
-	video,
-	classic,
-	buttons,
-	socialLink,
-	socialLinks,
-].reduce( ( accumulator, block ) => {
-	accumulator[ block.name ] = block;
-	return accumulator;
-}, {} );
-
-/**
- * Function to register a block variations e.g. social icons different types.
- *
- * @param {Object} block The block which variations will be registered.
- */
-const registerBlockVariations = ( block ) => {
-	const { metadata, settings, name } = block;
-
-	if ( ! settings.variations ) {
-		return;
-	}
-
-	[ ...settings.variations ]
-		.sort( ( a, b ) => a.title.localeCompare( b.title ) )
-		.forEach( ( v ) => {
-			registerBlockType( `${ name }-${ v.name }`, {
-				...metadata,
-				name: `${ name }-${ v.name }`,
-				...settings,
-				icon: v.icon(),
-				title: v.title,
-				variations: [],
-			} );
-		} );
-};
-
-// Only enable code block for development
-// eslint-disable-next-line no-undef
-const devOnly = ( block ) => ( !! __DEV__ ? block : null );
-
-// eslint-disable-next-line no-unused-vars
-const iOSOnly = ( block ) =>
-	Platform.OS === 'ios' ? block : devOnly( block );
-
-// Hide the Classic block and SocialLink block
-addFilter(
-	'blocks.registerBlockType',
-	'core/react-native-editor',
-	( settings, name ) => {
-		const hiddenBlocks = [ 'core/freeform', 'core/social-link' ];
-		if (
-			hiddenBlocks.includes( name ) &&
-			hasBlockSupport( settings, 'inserter', true )
-		) {
-			settings.supports = {
-				...settings.supports,
-				inserter: false,
-			};
-		}
-
-		return settings;
-	}
-);
-
-addFilter(
-	'blocks.registerBlockType',
-	'core/react-native-editor',
-	( settings, name ) => {
-		if ( ! settings.transforms ) {
-			return settings;
-		}
-
-		if ( ! settings.transforms.supportedMobileTransforms ) {
-			return {
-				...settings,
-				transforms: {
-					...settings.transforms,
-					supportedMobileTransforms: transformationCategory( name ),
-				},
-			};
-		}
-
-		return settings;
-	}
-);
-
-/**
- * Function to register core blocks provided by the block editor.
- *
- * @example
- * ```js
- * import { registerCoreBlocks } from '@wordpress/block-library';
- *
- * registerCoreBlocks();
- * ```
- */
-export const registerCoreBlocks = () => {
-	// When adding new blocks to this list please also consider updating /src/block-support/supported-blocks.json in the Gutenberg-Mobile repo
-	[
-		paragraph,
-		heading,
-		devOnly( code ),
-		missing,
-		more,
-		image,
-		video,
-		nextpage,
-		separator,
-		list,
-		listItem,
-		quote,
-		mediaText,
-		preformatted,
-		gallery,
-		columns,
-		column,
-		group,
-		classic,
-		button,
-		spacer,
-		shortcode,
-		buttons,
-		latestPosts,
-		verse,
-		cover,
-		socialLink,
-		socialLinks,
-		pullquote,
-		file,
-		audio,
-		reusableBlock,
-		search,
-		embed,
-	]
-		.filter( Boolean )
-		.forEach( ( { init } ) => init() );
-
-	registerBlockVariations( socialLink );
-	setDefaultBlockName( paragraph.name );
-	setFreeformContentHandlerName( classic.name );
-	setUnregisteredTypeHandlerName( missing.name );
-	if ( group ) {
-		setGroupingBlockName( group.name );
-	}
-};
-
-/**
- * Dictates which block types are considered "new." For each of the block types
- * below, if the native host app does not already have an impression count set,
- * an initial count will be set. When a block type's impression count is greater
- * than 0, a "new" badge is displayed on the block type within the block
- * inserter.
- *
- * With the below example, the Audio block will be displayed as "new" until its
- * impression count reaches 0, which occurs by various actions decrementing
- * the impression count.
- *
- * {
- * 	[ audio.name ]: 40
- * }
- *
- * @constant {{ string, number }}
- */
-export const NEW_BLOCK_TYPES = {};

package/src/latest-posts/edit.native.js

@@ -1,294 +0,0 @@
-/**
- * External dependencies
- */
-import { TouchableWithoutFeedback, View, Text } from 'react-native';
-
-/**
- * WordPress dependencies
- */
-import { Component } from '@wordpress/element';
-import { compose, withPreferredColorScheme } from '@wordpress/compose';
-import { withDispatch, withSelect } from '@wordpress/data';
-import { __ } from '@wordpress/i18n';
-import { postList as icon } from '@wordpress/icons';
-import {
-	InspectorControls,
-	BlockAlignmentControl,
-} from '@wordpress/block-editor';
-import apiFetch from '@wordpress/api-fetch';
-import {
-	Icon as WCIcon,
-	PanelBody,
-	ToggleControl,
-	RangeControl,
-	QueryControls,
-} from '@wordpress/components';
-import { store as blocksStore } from '@wordpress/blocks';
-
-/**
- * Internal dependencies
- */
-import styles from './style.scss';
-import { MIN_EXCERPT_LENGTH, MAX_EXCERPT_LENGTH } from './constants';
-
-class LatestPostsEdit extends Component {
-	constructor() {
-		super( ...arguments );
-		this.state = {
-			categoriesList: [],
-		};
-		this.onSetDisplayPostContent =
-			this.onSetDisplayPostContent.bind( this );
-		this.onSetDisplayPostContentRadio =
-			this.onSetDisplayPostContentRadio.bind( this );
-		this.onSetExcerptLength = this.onSetExcerptLength.bind( this );
-		this.onSetDisplayPostDate = this.onSetDisplayPostDate.bind( this );
-		this.onSetDisplayFeaturedImage =
-			this.onSetDisplayFeaturedImage.bind( this );
-		this.onSetFeaturedImageAlign =
-			this.onSetFeaturedImageAlign.bind( this );
-		this.onSetAddLinkToFeaturedImage =
-			this.onSetAddLinkToFeaturedImage.bind( this );
-		this.onSetOrder = this.onSetOrder.bind( this );
-		this.onSetOrderBy = this.onSetOrderBy.bind( this );
-		this.onSetPostsToShow = this.onSetPostsToShow.bind( this );
-		this.onSetCategories = this.onSetCategories.bind( this );
-		this.getInspectorControls = this.getInspectorControls.bind( this );
-	}
-
-	componentDidMount() {
-		this.isStillMounted = true;
-		this.fetchRequest = apiFetch( { path: '/wp/v2/categories' } )
-			.then( ( categoriesList ) => {
-				if ( this.isStillMounted ) {
-					this.setState( {
-						categoriesList,
-					} );
-				}
-			} )
-			.catch( () => {
-				if ( this.isStillMounted ) {
-					this.setState( { categoriesList: [] } );
-				}
-			} );
-	}
-
-	componentWillUnmount() {
-		this.isStillMounted = false;
-	}
-
-	onSetDisplayPostContent( value ) {
-		const { setAttributes } = this.props;
-		setAttributes( { displayPostContent: value } );
-	}
-
-	onSetDisplayPostContentRadio( value ) {
-		const { setAttributes } = this.props;
-		setAttributes( {
-			displayPostContentRadio: value ? 'excerpt' : 'full_post',
-		} );
-	}
-
-	onSetExcerptLength( value ) {
-		const { setAttributes } = this.props;
-		setAttributes( { excerptLength: value } );
-	}
-
-	onSetDisplayPostDate( value ) {
-		const { setAttributes } = this.props;
-		setAttributes( { displayPostDate: value } );
-	}
-
-	onSetDisplayFeaturedImage( value ) {
-		const { setAttributes } = this.props;
-		setAttributes( { displayFeaturedImage: value } );
-	}
-
-	onSetAddLinkToFeaturedImage( value ) {
-		const { setAttributes } = this.props;
-		setAttributes( { addLinkToFeaturedImage: value } );
-	}
-
-	onSetFeaturedImageAlign( value ) {
-		const { setAttributes } = this.props;
-		setAttributes( { featuredImageAlign: value } );
-	}
-
-	onSetOrder( value ) {
-		const { setAttributes } = this.props;
-		setAttributes( { order: value } );
-	}
-
-	onSetOrderBy( value ) {
-		const { setAttributes } = this.props;
-		setAttributes( { orderBy: value } );
-	}
-
-	onSetPostsToShow( value ) {
-		const { setAttributes } = this.props;
-		setAttributes( { postsToShow: value } );
-	}
-
-	onSetCategories( value ) {
-		const { setAttributes } = this.props;
-		setAttributes( {
-			categories: '' !== value ? value.toString() : undefined,
-		} );
-	}
-
-	getInspectorControls() {
-		const { attributes } = this.props;
-		const {
-			displayPostContent,
-			displayPostContentRadio,
-			excerptLength,
-			displayPostDate,
-			displayFeaturedImage,
-			featuredImageAlign,
-			addLinkToFeaturedImage,
-			order,
-			orderBy,
-			postsToShow,
-			categories,
-		} = attributes;
-
-		const { categoriesList } = this.state;
-		const displayExcerptPostContent = displayPostContentRadio === 'excerpt';
-
-		return (
-			<InspectorControls>
-				<PanelBody title={ __( 'Post content' ) }>
-					<ToggleControl
-						label={ __( 'Show post content' ) }
-						checked={ displayPostContent }
-						onChange={ this.onSetDisplayPostContent }
-					/>
-					{ displayPostContent && (
-						<ToggleControl
-							label={ __( 'Only show excerpt' ) }
-							checked={ displayExcerptPostContent }
-							onChange={ this.onSetDisplayPostContentRadio }
-						/>
-					) }
-					{ displayPostContent && displayExcerptPostContent && (
-						<RangeControl
-							label={ __( 'Excerpt length (words)' ) }
-							value={ excerptLength }
-							onChange={ this.onSetExcerptLength }
-							min={ MIN_EXCERPT_LENGTH }
-							max={ MAX_EXCERPT_LENGTH }
-						/>
-					) }
-				</PanelBody>
-
-				<PanelBody title={ __( 'Post meta' ) }>
-					<ToggleControl
-						label={ __( 'Display post date' ) }
-						checked={ displayPostDate }
-						onChange={ this.onSetDisplayPostDate }
-					/>
-				</PanelBody>
-
-				<PanelBody title={ __( 'Featured image' ) }>
-					<ToggleControl
-						label={ __( 'Display featured image' ) }
-						checked={ displayFeaturedImage }
-						onChange={ this.onSetDisplayFeaturedImage }
-					/>
-					{ displayFeaturedImage && (
-						<>
-							<BlockAlignmentControl
-								value={ featuredImageAlign }
-								onChange={ this.onSetFeaturedImageAlign }
-								controls={ [ 'left', 'center', 'right' ] }
-								isBottomSheetControl
-							/>
-							<ToggleControl
-								label={ __( 'Add link to featured image' ) }
-								checked={ addLinkToFeaturedImage }
-								onChange={ this.onSetAddLinkToFeaturedImage }
-								separatorType="topFullWidth"
-							/>
-						</>
-					) }
-				</PanelBody>
-
-				<PanelBody title={ __( 'Sorting and filtering' ) }>
-					<QueryControls
-						{ ...{ order, orderBy } }
-						numberOfItems={ postsToShow }
-						categoriesList={ categoriesList }
-						selectedCategoryId={
-							undefined !== categories ? Number( categories ) : ''
-						}
-						onOrderChange={ this.onSetOrder }
-						onOrderByChange={ this.onSetOrderBy }
-						onCategoryChange={
-							// eslint-disable-next-line no-undef
-							__DEV__ ? this.onSetCategories : undefined
-						}
-						onNumberOfItemsChange={ this.onSetPostsToShow }
-					/>
-				</PanelBody>
-			</InspectorControls>
-		);
-	}
-
-	render() {
-		const {
-			blockTitle,
-			getStylesFromColorScheme,
-			openGeneralSidebar,
-			isSelected,
-		} = this.props;
-
-		const blockStyle = getStylesFromColorScheme(
-			styles.latestPostBlock,
-			styles.latestPostBlockDark
-		);
-
-		const iconStyle = getStylesFromColorScheme(
-			styles.latestPostBlockIcon,
-			styles.latestPostBlockIconDark
-		);
-
-		const titleStyle = getStylesFromColorScheme(
-			styles.latestPostBlockMessage,
-			styles.latestPostBlockMessageDark
-		);
-
-		return (
-			<TouchableWithoutFeedback
-				accessible={ ! isSelected }
-				disabled={ ! isSelected }
-				onPress={ openGeneralSidebar }
-			>
-				<View style={ blockStyle }>
-					{ isSelected && this.getInspectorControls() }
-					<WCIcon icon={ icon } { ...iconStyle } />
-					<Text style={ titleStyle }>{ blockTitle }</Text>
-					<Text style={ styles.latestPostBlockSubtitle }>
-						{ __( 'CUSTOMIZE' ) }
-					</Text>
-				</View>
-			</TouchableWithoutFeedback>
-		);
-	}
-}
-
-export default compose( [
-	withSelect( ( select, { name } ) => {
-		const blockType = select( blocksStore ).getBlockType( name );
-		return {
-			blockTitle: blockType?.title || name,
-		};
-	} ),
-	withDispatch( ( dispatch ) => {
-		const { openGeneralSidebar } = dispatch( 'core/edit-post' );
-
-		return {
-			openGeneralSidebar: () => openGeneralSidebar( 'edit-post/block' ),
-		};
-	} ),
-	withPreferredColorScheme,
-] )( LatestPostsEdit );

package/src/latest-posts/style.native.scss

@@ -1,47 +0,0 @@
-.latestPostBlock {
-	height: 142;
-	background-color: $gray-lighten-30;
-	padding-top: 12;
-	padding-bottom: 12;
-	padding-left: 12;
-	padding-right: 12;
-	border-top-left-radius: 4;
-	border-top-right-radius: 4;
-	border-bottom-left-radius: 4;
-	border-bottom-right-radius: 4;
-	align-items: center;
-	justify-content: center;
-}
-
-.latestPostBlockDark {
-	background-color: $background-dark-secondary;
-}
-
-.latestPostBlockIcon {
-	fill: $gray-dark;
-	width: 24px;
-	height: 24px;
-}
-
-.latestPostBlockIconDark {
-	fill: $white;
-}
-
-.latestPostBlockMessage {
-	text-align: center;
-	margin-top: 8;
-	font-size: 14;
-	color: $gray-dark;
-}
-
-.latestPostBlockMessageDark {
-	color: $white;
-}
-
-.latestPostBlockSubtitle {
-	margin-top: 10;
-	text-align: center;
-	font-size: 14;
-	font-weight: 500;
-	color: $blue-wordpress;
-}

package/src/latest-posts/test/__snapshots__/edit.native.js.snap

@@ -1,3 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Latest Posts block inserts block 1`] = `"<!-- wp:latest-posts /-->"`;

package/src/latest-posts/test/__snapshots__/transforms.native.js.snap

@@ -1,15 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Latest Posts 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:latest-posts {"displayPostContent":true,"displayPostDate":true} /--></div>
-<!-- /wp:column --></div>
-<!-- /wp:columns -->"
-`;
-
-exports[`Latest Posts block transforms to Group block 1`] = `
-"<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:latest-posts {"displayPostContent":true,"displayPostDate":true} /--></div>
-<!-- /wp:group -->"
-`;

package/src/latest-posts/test/edit.native.js

@@ -1,49 +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';
-import apiFetch from '@wordpress/api-fetch';
-
-beforeAll( () => {
-	// Register all core blocks
-	registerCoreBlocks();
-} );
-
-afterAll( () => {
-	// Clean up registered blocks
-	getBlockTypes().forEach( ( block ) => {
-		unregisterBlockType( block.name );
-	} );
-} );
-
-describe( 'Latest Posts block', () => {
-	afterEach( () => {
-		apiFetch.mockReset();
-	} );
-
-	it( 'inserts block', async () => {
-		const screen = await initializeEditor();
-
-		// Mock return value for categories
-		apiFetch.mockReturnValueOnce( Promise.resolve( [] ) );
-
-		// Add block
-		await addBlock( screen, 'Latest Posts' );
-
-		// Get block
-		const latestPostsBlock = await getBlock( screen, 'Latest Posts' );
-		expect( latestPostsBlock ).toBeVisible();
-		expect( getEditorHtml() ).toMatchSnapshot();
-	} );
-} );