@wordpress/block-library 8.17.1 → 8.18.1-next.5a1d1283.0

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

@@ -64,7 +64,7 @@ exports[`File block renders file error state without crashing 1`] = `
           ]
         }
       >
-        <RCTAztecView
+        <View
           accessibilityState={
             {
               "busy": undefined,
@@ -74,59 +74,73 @@ exports[`File block renders file error state without crashing 1`] = `
               "selected": undefined,
             }
           }
-          accessible={true}
-          activeFormats={[]}
-          blockType={
+          accessibilityValue={
             {
-              "tag": "p",
+              "max": undefined,
+              "min": undefined,
+              "now": undefined,
+              "text": undefined,
             }
           }
-          deleteEnter={true}
-          disableEditingMenu={false}
+          accessible={false}
+          collapsable={false}
           focusable={true}
-          fontFamily="serif"
-          fontSize={16}
-          isMultiline={false}
-          maxImagesWidth={200}
-          onBackspace={[Function]}
           onBlur={[Function]}
-          onChange={[Function]}
           onClick={[Function]}
-          onContentSizeChange={[Function]}
-          onEnter={[Function]}
           onFocus={[Function]}
-          onHTMLContentWithCursor={[Function]}
-          onKeyDown={[Function]}
-          onPaste={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
           onResponderRelease={[Function]}
           onResponderTerminate={[Function]}
           onResponderTerminationRequest={[Function]}
-          onSelectionChange={[Function]}
           onStartShouldSetResponder={[Function]}
-          placeholder="File name"
-          placeholderTextColor="gray"
-          selectionColor="black"
-          style={
-            {
-              "backgroundColor": undefined,
-              "maxWidth": undefined,
-              "minHeight": 0,
+        >
+          <RCTAztecView
+            activeFormats={[]}
+            blockType={
+              {
+                "tag": "p",
+              }
             }
-          }
-          text={
-            {
-              "eventCount": undefined,
-              "linkTextColor": undefined,
-              "selection": null,
-              "tag": "p",
-              "text": "<p>File name</p>",
+            deleteEnter={true}
+            disableEditingMenu={false}
+            fontFamily="serif"
+            fontSize={16}
+            isMultiline={false}
+            maxImagesWidth={200}
+            onBackspace={[Function]}
+            onBlur={[Function]}
+            onChange={[Function]}
+            onContentSizeChange={[Function]}
+            onEnter={[Function]}
+            onFocus={[Function]}
+            onHTMLContentWithCursor={[Function]}
+            onKeyDown={[Function]}
+            onPaste={[Function]}
+            onSelectionChange={[Function]}
+            placeholder="File name"
+            placeholderTextColor="gray"
+            selectionColor="black"
+            style={
+              {
+                "backgroundColor": undefined,
+                "maxWidth": undefined,
+                "minHeight": 0,
+              }
             }
-          }
-          textAlign="left"
-          triggerKeyCodes={[]}
-        />
+            text={
+              {
+                "eventCount": undefined,
+                "linkTextColor": undefined,
+                "selection": null,
+                "tag": "p",
+                "text": "<p>File name</p>",
+              }
+            }
+            textAlign="left"
+            triggerKeyCodes={[]}
+          />
+        </View>
       </View>
       <View>
         <Svg
@@ -179,7 +193,7 @@ exports[`File block renders file error state without crashing 1`] = `
           ]
         }
       >
-        <RCTAztecView
+        <View
           accessibilityState={
             {
               "busy": undefined,
@@ -189,62 +203,76 @@ exports[`File block renders file error state without crashing 1`] = `
               "selected": undefined,
             }
           }
-          accessible={true}
-          activeFormats={[]}
-          blockType={
+          accessibilityValue={
             {
-              "tag": "p",
+              "max": undefined,
+              "min": undefined,
+              "now": undefined,
+              "text": undefined,
             }
           }
-          color="white"
-          deleteEnter={true}
-          disableEditingMenu={false}
+          accessible={false}
+          collapsable={false}
           focusable={true}
-          fontFamily="serif"
-          fontSize={16}
-          isMultiline={false}
-          maxImagesWidth={200}
-          minWidth={40}
-          onBackspace={[Function]}
           onBlur={[Function]}
-          onChange={[Function]}
           onClick={[Function]}
-          onContentSizeChange={[Function]}
-          onEnter={[Function]}
           onFocus={[Function]}
-          onHTMLContentWithCursor={[Function]}
-          onKeyDown={[Function]}
-          onPaste={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
           onResponderRelease={[Function]}
           onResponderTerminate={[Function]}
           onResponderTerminationRequest={[Function]}
-          onSelectionChange={[Function]}
           onStartShouldSetResponder={[Function]}
-          placeholder=""
-          placeholderTextColor="white"
-          selectionColor="white"
-          style={
-            {
-              "backgroundColor": undefined,
-              "color": "white",
-              "maxWidth": 80,
-              "minHeight": 0,
+        >
+          <RCTAztecView
+            activeFormats={[]}
+            blockType={
+              {
+                "tag": "p",
+              }
             }
-          }
-          text={
-            {
-              "eventCount": undefined,
-              "linkTextColor": undefined,
-              "selection": null,
-              "tag": "p",
-              "text": "<p>Download</p>",
+            color="white"
+            deleteEnter={true}
+            disableEditingMenu={false}
+            fontFamily="serif"
+            fontSize={16}
+            isMultiline={false}
+            maxImagesWidth={200}
+            minWidth={40}
+            onBackspace={[Function]}
+            onBlur={[Function]}
+            onChange={[Function]}
+            onContentSizeChange={[Function]}
+            onEnter={[Function]}
+            onFocus={[Function]}
+            onHTMLContentWithCursor={[Function]}
+            onKeyDown={[Function]}
+            onPaste={[Function]}
+            onSelectionChange={[Function]}
+            placeholder=""
+            placeholderTextColor="white"
+            selectionColor="white"
+            style={
+              {
+                "backgroundColor": undefined,
+                "color": "white",
+                "maxWidth": 80,
+                "minHeight": 0,
+              }
             }
-          }
-          textAlign="center"
-          triggerKeyCodes={[]}
-        />
+            text={
+              {
+                "eventCount": undefined,
+                "linkTextColor": undefined,
+                "selection": null,
+                "tag": "p",
+                "text": "<p>Download</p>",
+              }
+            }
+            textAlign="center"
+            triggerKeyCodes={[]}
+          />
+        </View>
       </View>
     </View>
   </View>
@@ -315,7 +343,7 @@ exports[`File block renders file without crashing 1`] = `
           ]
         }
       >
-        <RCTAztecView
+        <View
           accessibilityState={
             {
               "busy": undefined,
@@ -325,59 +353,73 @@ exports[`File block renders file without crashing 1`] = `
               "selected": undefined,
             }
           }
-          accessible={true}
-          activeFormats={[]}
-          blockType={
+          accessibilityValue={
             {
-              "tag": "p",
+              "max": undefined,
+              "min": undefined,
+              "now": undefined,
+              "text": undefined,
             }
           }
-          deleteEnter={true}
-          disableEditingMenu={false}
+          accessible={false}
+          collapsable={false}
           focusable={true}
-          fontFamily="serif"
-          fontSize={16}
-          isMultiline={false}
-          maxImagesWidth={200}
-          onBackspace={[Function]}
           onBlur={[Function]}
-          onChange={[Function]}
           onClick={[Function]}
-          onContentSizeChange={[Function]}
-          onEnter={[Function]}
           onFocus={[Function]}
-          onHTMLContentWithCursor={[Function]}
-          onKeyDown={[Function]}
-          onPaste={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
           onResponderRelease={[Function]}
           onResponderTerminate={[Function]}
           onResponderTerminationRequest={[Function]}
-          onSelectionChange={[Function]}
           onStartShouldSetResponder={[Function]}
-          placeholder="File name"
-          placeholderTextColor="gray"
-          selectionColor="black"
-          style={
-            {
-              "backgroundColor": undefined,
-              "maxWidth": undefined,
-              "minHeight": 0,
+        >
+          <RCTAztecView
+            activeFormats={[]}
+            blockType={
+              {
+                "tag": "p",
+              }
             }
-          }
-          text={
-            {
-              "eventCount": undefined,
-              "linkTextColor": undefined,
-              "selection": null,
-              "tag": "p",
-              "text": "<p>File name</p>",
+            deleteEnter={true}
+            disableEditingMenu={false}
+            fontFamily="serif"
+            fontSize={16}
+            isMultiline={false}
+            maxImagesWidth={200}
+            onBackspace={[Function]}
+            onBlur={[Function]}
+            onChange={[Function]}
+            onContentSizeChange={[Function]}
+            onEnter={[Function]}
+            onFocus={[Function]}
+            onHTMLContentWithCursor={[Function]}
+            onKeyDown={[Function]}
+            onPaste={[Function]}
+            onSelectionChange={[Function]}
+            placeholder="File name"
+            placeholderTextColor="gray"
+            selectionColor="black"
+            style={
+              {
+                "backgroundColor": undefined,
+                "maxWidth": undefined,
+                "minHeight": 0,
+              }
             }
-          }
-          textAlign="left"
-          triggerKeyCodes={[]}
-        />
+            text={
+              {
+                "eventCount": undefined,
+                "linkTextColor": undefined,
+                "selection": null,
+                "tag": "p",
+                "text": "<p>File name</p>",
+              }
+            }
+            textAlign="left"
+            triggerKeyCodes={[]}
+          />
+        </View>
       </View>
     </View>
     <View
@@ -404,7 +446,7 @@ exports[`File block renders file without crashing 1`] = `
           ]
         }
       >
-        <RCTAztecView
+        <View
           accessibilityState={
             {
               "busy": undefined,
@@ -414,62 +456,76 @@ exports[`File block renders file without crashing 1`] = `
               "selected": undefined,
             }
           }
-          accessible={true}
-          activeFormats={[]}
-          blockType={
+          accessibilityValue={
             {
-              "tag": "p",
+              "max": undefined,
+              "min": undefined,
+              "now": undefined,
+              "text": undefined,
             }
           }
-          color="white"
-          deleteEnter={true}
-          disableEditingMenu={false}
+          accessible={false}
+          collapsable={false}
           focusable={true}
-          fontFamily="serif"
-          fontSize={16}
-          isMultiline={false}
-          maxImagesWidth={200}
-          minWidth={40}
-          onBackspace={[Function]}
           onBlur={[Function]}
-          onChange={[Function]}
           onClick={[Function]}
-          onContentSizeChange={[Function]}
-          onEnter={[Function]}
           onFocus={[Function]}
-          onHTMLContentWithCursor={[Function]}
-          onKeyDown={[Function]}
-          onPaste={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
           onResponderRelease={[Function]}
           onResponderTerminate={[Function]}
           onResponderTerminationRequest={[Function]}
-          onSelectionChange={[Function]}
           onStartShouldSetResponder={[Function]}
-          placeholder=""
-          placeholderTextColor="white"
-          selectionColor="white"
-          style={
-            {
-              "backgroundColor": undefined,
-              "color": "white",
-              "maxWidth": 80,
-              "minHeight": 0,
+        >
+          <RCTAztecView
+            activeFormats={[]}
+            blockType={
+              {
+                "tag": "p",
+              }
             }
-          }
-          text={
-            {
-              "eventCount": undefined,
-              "linkTextColor": undefined,
-              "selection": null,
-              "tag": "p",
-              "text": "<p>Download</p>",
+            color="white"
+            deleteEnter={true}
+            disableEditingMenu={false}
+            fontFamily="serif"
+            fontSize={16}
+            isMultiline={false}
+            maxImagesWidth={200}
+            minWidth={40}
+            onBackspace={[Function]}
+            onBlur={[Function]}
+            onChange={[Function]}
+            onContentSizeChange={[Function]}
+            onEnter={[Function]}
+            onFocus={[Function]}
+            onHTMLContentWithCursor={[Function]}
+            onKeyDown={[Function]}
+            onPaste={[Function]}
+            onSelectionChange={[Function]}
+            placeholder=""
+            placeholderTextColor="white"
+            selectionColor="white"
+            style={
+              {
+                "backgroundColor": undefined,
+                "color": "white",
+                "maxWidth": 80,
+                "minHeight": 0,
+              }
             }
-          }
-          textAlign="center"
-          triggerKeyCodes={[]}
-        />
+            text={
+              {
+                "eventCount": undefined,
+                "linkTextColor": undefined,
+                "selection": null,
+                "tag": "p",
+                "text": "<p>Download</p>",
+              }
+            }
+            textAlign="center"
+            triggerKeyCodes={[]}
+          />
+        </View>
       </View>
     </View>
   </View>

package/src/footnotes/edit.js

@@ -23,7 +23,9 @@ export default function FootnotesEdit( { context: { postType, postId } } ) {
 				<Placeholder
 					icon={ <BlockIcon icon={ icon } /> }
 					label={ __( 'Footnotes' ) }
-					// To do: add instructions. We can't add new string in RC.
+					instructions={ __(
+						'Footnotes are not supported here. Add this block to post or page content.'
+					) }
 				/>
 			</div>
 		);

package/src/group/block.json

@@ -31,6 +31,7 @@
 		"color": {
 			"gradients": true,
 			"heading": true,
+			"button": true,
 			"link": true,
 			"__experimentalDefaultControls": {
 				"background": true,

package/src/image/index.php

@@ -54,6 +54,11 @@ function render_block_core_image( $attributes, $content, $block ) {
 		$should_load_view_script = true;
 	}
 
+	// If at least one block in the page has the lightbox, mark the block type as interactive.
+	if ( $should_load_view_script ) {
+		$block->block_type->supports['interactivity'] = true;
+	}
+
 	$view_js_file = 'wp-block-image-view';
 	if ( ! wp_script_is( $view_js_file ) ) {
 		$script_handles = $block->block_type->view_script_handles;

package/src/post-content/edit.js

@@ -103,7 +103,7 @@ function Placeholder( { layoutClassNames } ) {
 		<div { ...blockProps }>
 			<p>
 				{ __(
-					'This is the Post Content block, it will display all the blocks in any single post or page.'
+					'This is the Content block, it will display all the blocks in any single post or page.'
 				) }
 			</p>
 			<p>
@@ -113,7 +113,7 @@ function Placeholder( { layoutClassNames } ) {
 			</p>
 			<p>
 				{ __(
-					'If there are any Custom Post Types registered at your site, the Post Content block can display the contents of those entries as well.'
+					'If there are any Custom Post Types registered at your site, the Content block can display the contents of those entries as well.'
 				) }
 			</p>
 		</div>

package/src/post-content/index.php

@@ -35,12 +35,6 @@ function render_block_core_post_content( $attributes, $content, $block ) {
 
 	$seen_ids[ $post_id ] = true;
 
-	// Check is needed for backward compatibility with third-party plugins
-	// that might rely on the `in_the_loop` check; calling `the_post` sets it to true.
-	if ( ! in_the_loop() && have_posts() ) {
-		the_post();
-	}
-
 	// When inside the main loop, we want to use queried object
 	// so that `the_preview` for the current post can apply.
 	// We force this behavior by omitting the third argument (post ID) from the `get_the_content`.

package/src/post-featured-image/index.php

@@ -19,12 +19,6 @@ function render_block_core_post_featured_image( $attributes, $content, $block )
 	}
 	$post_ID = $block->context['postId'];
 
-	// Check is needed for backward compatibility with third-party plugins
-	// that might rely on the `in_the_loop` check; calling `the_post` sets it to true.
-	if ( ! in_the_loop() && have_posts() ) {
-		the_post();
-	}
-
 	$is_link        = isset( $attributes['isLink'] ) && $attributes['isLink'];
 	$size_slug      = isset( $attributes['sizeSlug'] ) ? $attributes['sizeSlug'] : 'post-thumbnail';
 	$attr           = get_block_core_post_featured_image_border_attributes( $attributes );

package/src/post-navigation-link/index.php

@@ -28,7 +28,16 @@ function render_block_core_post_navigation_link( $attributes, $content ) {
 	if ( isset( $attributes['textAlign'] ) ) {
 		$classes .= " has-text-align-{$attributes['textAlign']}";
 	}
-	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classes ) );
+	$styles = '';
+	if ( isset( $attributes['style']['typography']['writingMode'] ) ) {
+		$styles = "writing-mode:{$attributes['style']['typography']['writingMode']};";
+	}
+	$wrapper_attributes = get_block_wrapper_attributes(
+		array(
+			'class' => $classes,
+			'style' => $styles,
+		)
+	);
 	// Set default values.
 	$format = '%link';
 	$link   = 'next' === $navigation_type ? _x( 'Next', 'label for next post link' ) : _x( 'Previous', 'label for previous post link' );

package/src/post-template/block.json

@@ -13,7 +13,8 @@
 		"queryContext",
 		"displayLayout",
 		"templateSlug",
-		"previewPostType"
+		"previewPostType",
+		"enhancedPagination"
 	],
 	"supports": {
 		"reusable": false,

package/src/post-template/index.php

@@ -43,14 +43,26 @@ function block_core_post_template_uses_featured_image( $inner_blocks ) {
  * @return string Returns the output of the query, structured using the layout defined by the block's inner blocks.
  */
 function render_block_core_post_template( $attributes, $content, $block ) {
-	$page_key = isset( $block->context['queryId'] ) ? 'query-' . $block->context['queryId'] . '-page' : 'query-page';
-	$page     = empty( $_GET[ $page_key ] ) ? 1 : (int) $_GET[ $page_key ];
+	$page_key            = isset( $block->context['queryId'] ) ? 'query-' . $block->context['queryId'] . '-page' : 'query-page';
+	$enhanced_pagination = isset( $block->context['enhancedPagination'] ) && $block->context['enhancedPagination'];
+	$page                = empty( $_GET[ $page_key ] ) ? 1 : (int) $_GET[ $page_key ];
 
 	// Use global query if needed.
 	$use_global_query = ( isset( $block->context['query']['inherit'] ) && $block->context['query']['inherit'] );
 	if ( $use_global_query ) {
 		global $wp_query;
-		$query = clone $wp_query;
+
+		/*
+		 * If already in the main query loop, duplicate the query instance to not tamper with the main instance.
+		 * Since this is a nested query, it should start at the beginning, therefore rewind posts.
+		 * Otherwise, the main query loop has not started yet and this block is responsible for doing so.
+		 */
+		if ( in_the_loop() ) {
+			$query = clone $wp_query;
+			$query->rewind_posts();
+		} else {
+			$query = $wp_query;
+		}
 	} else {
 		$query_args = build_query_vars_from_query_block( $block, $page );
 		$query      = new WP_Query( $query_args );
@@ -109,7 +121,10 @@ function render_block_core_post_template( $attributes, $content, $block ) {
 
 		// Wrap the render inner blocks in a `li` element with the appropriate post classes.
 		$post_classes = implode( ' ', get_post_class( 'wp-block-post' ) );
-		$content     .= '<li class="' . esc_attr( $post_classes ) . '">' . $block_content . '</li>';
+
+		$inner_block_directives = $enhanced_pagination ? ' data-wp-key="post-template-item-' . $post_id . '"' : '';
+
+		$content .= '<li' . $inner_block_directives . ' class="' . esc_attr( $post_classes ) . '">' . $block_content . '</li>';
 	}
 
 	/*

package/src/post-terms/use-post-terms.js

@@ -4,6 +4,8 @@
 import { store as coreStore } from '@wordpress/core-data';
 import { useSelect } from '@wordpress/data';
 
+const EMPTY_ARRAY = [];
+
 export default function usePostTerms( { postId, term } ) {
 	const { slug } = term;
 
@@ -12,8 +14,8 @@ export default function usePostTerms( { postId, term } ) {
 			const visible = term?.visibility?.publicly_queryable;
 			if ( ! visible ) {
 				return {
-					postTerms: [],
-					_isLoading: false,
+					postTerms: EMPTY_ARRAY,
+					isLoading: false,
 					hasPostTerms: false,
 				};
 			}