@wordpress/block-library 8.14.0 → 8.15.0

package/src/quote/transforms.js

@@ -109,6 +109,19 @@ const transforms = {
 				} );
 			},
 		},
+		{
+			type: 'block',
+			blocks: [ 'core/paragraph' ],
+			transform: ( { citation }, innerBlocks ) =>
+				citation
+					? [
+							...innerBlocks,
+							createBlock( 'core/paragraph', {
+								content: citation,
+							} ),
+					  ]
+					: innerBlocks,
+		},
 		{
 			type: 'block',
 			blocks: [ 'core/group' ],

package/src/rss/edit.js

@@ -116,6 +116,7 @@ export default function RSSEdit( { attributes, setAttributes } ) {
 				<PanelBody title={ __( 'Settings' ) }>
 					<RangeControl
 						__nextHasNoMarginBottom
+						__next40pxDefaultSize
 						label={ __( 'Number of items' ) }
 						value={ itemsToShow }
 						onChange={ ( value ) =>
@@ -146,6 +147,7 @@ export default function RSSEdit( { attributes, setAttributes } ) {
 					{ displayExcerpt && (
 						<RangeControl
 							__nextHasNoMarginBottom
+							__next40pxDefaultSize
 							label={ __( 'Max number of words in excerpt' ) }
 							value={ excerptLength }
 							onChange={ ( value ) =>
@@ -159,6 +161,7 @@ export default function RSSEdit( { attributes, setAttributes } ) {
 					{ blockLayout === 'grid' && (
 						<RangeControl
 							__nextHasNoMarginBottom
+							__next40pxDefaultSize
 							label={ __( 'Columns' ) }
 							value={ columns }
 							onChange={ ( value ) =>

package/src/search/block.json

@@ -90,6 +90,7 @@
 		},
 		"html": false
 	},
+	"viewScript": "file:./view.min.js",
 	"editorStyle": "wp-block-search-editor",
 	"style": "wp-block-search"
 }

package/src/search/edit.js

@@ -97,8 +97,8 @@ export default function SearchEdit( {
 	);
 	const { __unstableMarkNextChangeAsNotPersistent } =
 		useDispatch( blockEditorStore );
-	useEffect( () => {
-		if ( ! insertedInNavigationBlock ) return;
+
+	if ( insertedInNavigationBlock ) {
 		// This side-effect should not create an undo level.
 		__unstableMarkNextChangeAsNotPersistent();
 		setAttributes( {
@@ -106,7 +106,8 @@ export default function SearchEdit( {
 			buttonUseIcon: true,
 			buttonPosition: 'button-inside',
 		} );
-	}, [ insertedInNavigationBlock ] );
+	}
+
 	const borderRadius = style?.border?.radius;
 	const borderProps = useBorderProps( attributes );
 

package/src/search/index.php

@@ -8,11 +8,13 @@
 /**
  * Dynamically renders the `core/search` block.
  *
- * @param array $attributes The block attributes.
+ * @param array    $attributes The block attributes.
+ * @param string   $content    The saved content.
+ * @param WP_Block $block      The parsed block.
  *
  * @return string The search block markup.
  */
-function render_block_core_search( $attributes ) {
+function render_block_core_search( $attributes, $content, $block ) {
 	// Older versions of the Search block defaulted the label and buttonText
 	// attributes to `__( 'Search' )` meaning that many posts contain `<!--
 	// wp:search /-->`. Support these by defaulting an undefined label and
@@ -70,10 +72,26 @@ function render_block_core_search( $attributes ) {
 		$input->set_attribute( 'id', $input_id );
 		$input->set_attribute( 'value', get_search_query() );
 		$input->set_attribute( 'placeholder', $attributes['placeholder'] );
-		if ( 'button-only' === $button_position && 'expand-searchfield' === $button_behavior ) {
+
+		$is_expandable_searchfield = 'button-only' === $button_position && 'expand-searchfield' === $button_behavior;
+		if ( $is_expandable_searchfield ) {
 			$input->set_attribute( 'aria-hidden', 'true' );
 			$input->set_attribute( 'tabindex', '-1' );
-			wp_enqueue_script( 'wp-block--search-view', plugins_url( 'search/view.min.js', __FILE__ ) );
+		}
+
+		// If the script already exists, there is no point in removing it from viewScript.
+		$view_js_file = 'wp-block-search-view';
+		if ( ! wp_script_is( $view_js_file ) ) {
+			$script_handles = $block->block_type->view_script_handles;
+
+			// If the script is not needed, and it is still in the `view_script_handles`, remove it.
+			if ( ! $is_expandable_searchfield && in_array( $view_js_file, $script_handles, true ) ) {
+				$block->block_type->view_script_handles = array_diff( $script_handles, array( $view_js_file ) );
+			}
+			// If the script is needed, but it was previously removed, add it again.
+			if ( $is_expandable_searchfield && ! in_array( $view_js_file, $script_handles, true ) ) {
+				$block->block_type->view_script_handles = array_merge( $script_handles, array( $view_js_file ) );
+			}
 		}
 	}
 

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

@@ -52,6 +52,7 @@ exports[`Search Block renders block with button inside option 1`] = `
         onStartShouldSetResponder={[Function]}
         placeholder="Add label…"
         placeholderTextColor="gray"
+        selectionColor="black"
         style={
           {
             "backgroundColor": undefined,
@@ -168,6 +169,7 @@ exports[`Search Block renders block with button inside option 1`] = `
             onStartShouldSetResponder={[Function]}
             placeholder=""
             placeholderTextColor="gray"
+            selectionColor="black"
             style={
               {
                 "backgroundColor": undefined,
@@ -246,6 +248,7 @@ exports[`Search Block renders block with icon button option matches snapshot 1`]
         onStartShouldSetResponder={[Function]}
         placeholder="Add label…"
         placeholderTextColor="gray"
+        selectionColor="black"
         style={
           {
             "backgroundColor": undefined,
@@ -432,6 +435,7 @@ exports[`Search Block renders block with label hidden matches snapshot 1`] = `
             onStartShouldSetResponder={[Function]}
             placeholder=""
             placeholderTextColor="gray"
+            selectionColor="black"
             style={
               {
                 "backgroundColor": undefined,
@@ -510,6 +514,7 @@ exports[`Search Block renders with default configuration matches snapshot 1`] =
         onStartShouldSetResponder={[Function]}
         placeholder="Add label…"
         placeholderTextColor="gray"
+        selectionColor="black"
         style={
           {
             "backgroundColor": undefined,
@@ -626,6 +631,7 @@ exports[`Search Block renders with default configuration matches snapshot 1`] =
             onStartShouldSetResponder={[Function]}
             placeholder=""
             placeholderTextColor="gray"
+            selectionColor="black"
             style={
               {
                 "backgroundColor": undefined,
@@ -704,6 +710,7 @@ exports[`Search Block renders with no-button option matches snapshot 1`] = `
         onStartShouldSetResponder={[Function]}
         placeholder="Add label…"
         placeholderTextColor="gray"
+        selectionColor="black"
         style={
           {
             "backgroundColor": undefined,

package/src/site-logo/edit.js

@@ -293,6 +293,7 @@ const SiteLogo = ( {
 				<PanelBody title={ __( 'Settings' ) }>
 					<RangeControl
 						__nextHasNoMarginBottom
+						__next40pxDefaultSize
 						label={ __( 'Image width' ) }
 						onChange={ ( newWidth ) =>
 							setAttributes( { width: newWidth } )

package/src/tag-cloud/edit.js

@@ -122,6 +122,7 @@ function TagCloudEdit( { attributes, setAttributes, taxonomies } ) {
 				/>
 				<RangeControl
 					__nextHasNoMarginBottom
+					__next40pxDefaultSize
 					label={ __( 'Number of tags' ) }
 					value={ numberOfTags }
 					onChange={ ( value ) =>

package/src/template-part/edit/index.js

@@ -77,7 +77,7 @@ export default function TemplatePartEdit( {
 				area: _area,
 			};
 		},
-		[ templatePartId, clientId ]
+		[ templatePartId, attributes.area, clientId ]
 	);
 	const { templateParts } = useAlternativeTemplateParts(
 		area,

package/src/template-part/index.php

@@ -18,12 +18,11 @@ function render_block_core_template_part( $attributes ) {
 	$template_part_id = null;
 	$content          = null;
 	$area             = WP_TEMPLATE_PART_AREA_UNCATEGORIZED;
-	$stylesheet       = get_stylesheet();
 
 	if (
 		isset( $attributes['slug'] ) &&
 		isset( $attributes['theme'] ) &&
-		$stylesheet === $attributes['theme']
+		get_stylesheet() === $attributes['theme']
 	) {
 		$template_part_id    = $attributes['theme'] . '//' . $attributes['slug'];
 		$template_part_query = new WP_Query(
@@ -64,22 +63,17 @@ function render_block_core_template_part( $attributes ) {
 			 */
 			do_action( 'render_block_core_template_part_post', $template_part_id, $attributes, $template_part_post, $content );
 		} else {
+			$template_part_file_path = '';
 			// Else, if the template part was provided by the active theme,
 			// render the corresponding file content.
 			if ( 0 === validate_file( $attributes['slug'] ) ) {
-				$themes   = array( $stylesheet );
-				$template = get_template();
-				if ( $stylesheet !== $template ) {
-					$themes[] = $template;
-				}
-
-				foreach ( $themes as $theme ) {
-					$theme_folders           = get_block_theme_folders( $theme );
-					$template_part_file_path = get_theme_file_path( '/' . $theme_folders['wp_template_part'] . '/' . $attributes['slug'] . '.html' );
-					if ( file_exists( $template_part_file_path ) ) {
-						$content = (string) file_get_contents( $template_part_file_path );
-						$content = '' !== $content ? _inject_theme_attribute_in_block_template_content( $content ) : '';
-						break;
+				$block_template_file = _get_block_template_file( 'wp_template_part', $attributes['slug'] );
+				if ( $block_template_file ) {
+					$template_part_file_path = $block_template_file['path'];
+					$content                 = (string) file_get_contents( $template_part_file_path );
+					$content                 = '' !== $content ? _inject_theme_attribute_in_block_template_content( $content ) : '';
+					if ( isset( $block_template_file['area'] ) ) {
+						$area = $block_template_file['area'];
 					}
 				}
 			}

package/src/text-columns/edit.js

@@ -35,6 +35,7 @@ export default function TextColumnsEdit( { attributes, setAttributes } ) {
 				<PanelBody>
 					<RangeControl
 						__nextHasNoMarginBottom
+						__next40pxDefaultSize
 						label={ __( 'Columns' ) }
 						value={ columns }
 						onChange={ ( value ) =>

package/build/gallery/shared-icon.native.js

@@ -1,38 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.sharedIcon = void 0;
-
-var _element = require("@wordpress/element");
-
-var _components = require("@wordpress/components");
-
-var _compose = require("@wordpress/compose");
-
-var _icons = require("@wordpress/icons");
-
-var _styles = _interopRequireDefault(require("./styles.scss"));
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-const IconWithColorScheme = (0, _compose.withPreferredColorScheme)(({
-  getStylesFromColorScheme
-}) => {
-  const colorSchemeStyles = getStylesFromColorScheme(_styles.default.icon, _styles.default.iconDark);
-  return (0, _element.createElement)(_components.Icon, {
-    icon: _icons.gallery,
-    ...colorSchemeStyles
-  });
-});
-const sharedIcon = (0, _element.createElement)(IconWithColorScheme, null);
-exports.sharedIcon = sharedIcon;
-//# sourceMappingURL=shared-icon.native.js.map

package/build/gallery/shared-icon.native.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/gallery/shared-icon.native.js"],"names":["IconWithColorScheme","getStylesFromColorScheme","colorSchemeStyles","styles","icon","iconDark","sharedIcon"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AACA;;AAKA;;AAVA;AACA;AACA;;AAKA;AACA;AACA;AAGA,MAAMA,mBAAmB,GAAG,uCAC3B,CAAE;AAAEC,EAAAA;AAAF,CAAF,KAAoC;AACnC,QAAMC,iBAAiB,GAAGD,wBAAwB,CACjDE,gBAAOC,IAD0C,EAEjDD,gBAAOE,QAF0C,CAAlD;AAIA,SAAO,4BAAC,gBAAD;AAAM,IAAA,IAAI,EAAGD,cAAb;AAAA,OAAyBF;AAAzB,IAAP;AACA,CAP0B,CAA5B;AAUO,MAAMI,UAAU,GAAG,4BAAC,mBAAD,OAAnB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { gallery as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nconst IconWithColorScheme = withPreferredColorScheme(\n\t( { getStylesFromColorScheme } ) => {\n\t\tconst colorSchemeStyles = getStylesFromColorScheme(\n\t\t\tstyles.icon,\n\t\t\tstyles.iconDark\n\t\t);\n\t\treturn <Icon icon={ icon } { ...colorSchemeStyles } />;\n\t}\n);\n\nexport const sharedIcon = <IconWithColorScheme />;\n"]}

package/build-module/gallery/shared-icon.native.js

@@ -1,24 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { Icon } from '@wordpress/components';
-import { withPreferredColorScheme } from '@wordpress/compose';
-import { gallery as icon } from '@wordpress/icons';
-/**
- * Internal dependencies
- */
-
-import styles from './styles.scss';
-const IconWithColorScheme = withPreferredColorScheme(({
-  getStylesFromColorScheme
-}) => {
-  const colorSchemeStyles = getStylesFromColorScheme(styles.icon, styles.iconDark);
-  return createElement(Icon, {
-    icon: icon,
-    ...colorSchemeStyles
-  });
-});
-export const sharedIcon = createElement(IconWithColorScheme, null);
-//# sourceMappingURL=shared-icon.native.js.map

package/build-module/gallery/shared-icon.native.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/gallery/shared-icon.native.js"],"names":["Icon","withPreferredColorScheme","gallery","icon","styles","IconWithColorScheme","getStylesFromColorScheme","colorSchemeStyles","iconDark","sharedIcon"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,uBAArB;AACA,SAASC,wBAAT,QAAyC,oBAAzC;AACA,SAASC,OAAO,IAAIC,IAApB,QAAgC,kBAAhC;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,eAAnB;AAEA,MAAMC,mBAAmB,GAAGJ,wBAAwB,CACnD,CAAE;AAAEK,EAAAA;AAAF,CAAF,KAAoC;AACnC,QAAMC,iBAAiB,GAAGD,wBAAwB,CACjDF,MAAM,CAACD,IAD0C,EAEjDC,MAAM,CAACI,QAF0C,CAAlD;AAIA,SAAO,cAAC,IAAD;AAAM,IAAA,IAAI,EAAGL,IAAb;AAAA,OAAyBI;AAAzB,IAAP;AACA,CAPkD,CAApD;AAUA,OAAO,MAAME,UAAU,GAAG,cAAC,mBAAD,OAAnB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { gallery as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nconst IconWithColorScheme = withPreferredColorScheme(\n\t( { getStylesFromColorScheme } ) => {\n\t\tconst colorSchemeStyles = getStylesFromColorScheme(\n\t\t\tstyles.icon,\n\t\t\tstyles.iconDark\n\t\t);\n\t\treturn <Icon icon={ icon } { ...colorSchemeStyles } />;\n\t}\n);\n\nexport const sharedIcon = <IconWithColorScheme />;\n"]}

package/src/gallery/shared-icon.native.js

@@ -1,23 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { Icon } from '@wordpress/components';
-import { withPreferredColorScheme } from '@wordpress/compose';
-import { gallery as icon } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import styles from './styles.scss';
-
-const IconWithColorScheme = withPreferredColorScheme(
-	( { getStylesFromColorScheme } ) => {
-		const colorSchemeStyles = getStylesFromColorScheme(
-			styles.icon,
-			styles.iconDark
-		);
-		return <Icon icon={ icon } { ...colorSchemeStyles } />;
-	}
-);
-
-export const sharedIcon = <IconWithColorScheme />;