@wordpress/block-library 9.37.2-next.ba3aee3a2.0 → 9.38.0

package/src/paragraph/transforms.js

@@ -6,7 +6,9 @@ import { createBlock, getBlockAttributes } from '@wordpress/blocks';
 /**
  * Internal dependencies
  */
-import { name } from './block.json';
+import metadata from './block.json';
+
+const { name } = metadata;
 
 const transforms = {
 	from: [

package/src/preformatted/index.js

@@ -48,7 +48,8 @@ if ( window.__experimentalContentOnlyInspectorFields ) {
 		{
 			id: 'content',
 			label: __( 'Content' ),
-			type: 'richtext',
+			type: 'text',
+			Edit: 'rich-text', // TODO: replace with custom component
 		},
 	];
 	settings[ formKey ] = {

package/src/pullquote/index.js

@@ -45,16 +45,18 @@ if ( window.__experimentalContentOnlyInspectorFields ) {
 		{
 			id: 'value',
 			label: __( 'Content' ),
-			type: 'richtext',
+			type: 'text',
+			Edit: 'rich-text', // TODO: replace with custom component
 		},
 		{
 			id: 'citation',
 			label: __( 'Citation' ),
-			type: 'richtext',
+			type: 'text',
+			Edit: 'rich-text', // TODO: replace with custom component
 		},
 	];
 	settings[ formKey ] = {
-		fields: [ 'value' ],
+		fields: [ 'value', 'citation' ],
 	};
 }
 

package/src/query-title/index.php

@@ -48,7 +48,7 @@ function render_block_core_query_title( $attributes, $content, $block ) {
 		if ( isset( $attributes['showSearchTerm'] ) && $attributes['showSearchTerm'] ) {
 			$title = sprintf(
 				/* translators: %s is the search term. */
-				__( 'Search results for: "%s"' ),
+				__( 'Search results for: “%s”' ),
 				get_search_query()
 			);
 		}
@@ -66,7 +66,7 @@ function render_block_core_query_title( $attributes, $content, $block ) {
 		if ( $show_prefix ) {
 			$title = sprintf(
 				/* translators: %s is the post type name. */
-				__( 'Post Type: "%s"' ),
+				__( 'Post Type: “%s”' ),
 				$post_type_name
 			);
 		} else {

package/src/search/index.js

@@ -35,22 +35,24 @@ if ( window.__experimentalContentOnlyInspectorFields ) {
 		{
 			id: 'label',
 			label: __( 'Label' ),
-			type: 'richtext',
-			shownByDefault: true,
+			type: 'text',
+			Edit: 'rich-text', // TODO: replace with custom component
 		},
 		{
 			id: 'buttonText',
 			label: __( 'Button text' ),
-			type: 'richtext',
+			type: 'text',
+			Edit: 'rich-text', // TODO: replace with custom component
 		},
 		{
 			id: 'placeholder',
 			label: __( 'Placeholder' ),
-			type: 'richtext',
+			type: 'text',
+			Edit: 'rich-text', // TODO: replace with custom component
 		},
 	];
 	settings[ formKey ] = {
-		fields: [ 'label' ],
+		fields: [ 'label', 'buttonText', 'placeholder' ],
 	};
 }
 

package/src/social-link/index.js

@@ -31,20 +31,25 @@ if ( window.__experimentalContentOnlyInspectorFields ) {
 		{
 			id: 'link',
 			label: __( 'Link' ),
-			type: 'link',
-			mapping: {
-				href: 'url',
-				rel: 'rel',
-			},
+			type: 'url',
+			Edit: 'link', // TODO: replace with custom component
+			getValue: ( { item } ) => ( {
+				url: item.url,
+				rel: item.rel,
+			} ),
+			setValue: ( { value } ) => ( {
+				url: value.url,
+				rel: value.rel,
+			} ),
 		},
 		{
 			id: 'label',
 			label: __( 'Label' ),
-			type: 'richtext',
+			type: 'text',
 		},
 	];
 	settings[ formKey ] = {
-		fields: [ 'link' ],
+		fields: [ 'link', 'label' ],
 	};
 }
 

package/src/table-of-contents/hooks.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import fastDeepEqual from 'fast-deep-equal/es6';
+import fastDeepEqual from 'fast-deep-equal/es6/index.js';
 
 /**
  * WordPress dependencies

package/src/template-part/edit/utils/get-template-part-icon.js

@@ -12,7 +12,7 @@ import {
 /**
  * Helper function to retrieve the corresponding icon by area name or icon name.
  *
- * @param {string} areaOrIconName The area name (e.g., 'header', 'overlay') or icon name (e.g., 'menu').
+ * @param {string} areaOrIconName The area name (e.g., 'header', 'navigation-overlay') or icon name (e.g., 'menu').
  *
  * @return {Object} The corresponding icon.
  */

package/src/utils/is-within-overlay.js

@@ -0,0 +1,54 @@
+/**
+ * WordPress dependencies
+ */
+import { select } from '@wordpress/data';
+import { store as coreStore } from '@wordpress/core-data';
+
+/**
+ * Internal dependencies
+ */
+import { NAVIGATION_OVERLAY_TEMPLATE_PART_AREA } from '../navigation/constants';
+
+/**
+ * Checks if the current editing context is within a navigation overlay template part.
+ *
+ * This utility exists because @wordpress/block-library cannot depend on @wordpress/editor
+ * as a package dependency. Blocks can be loaded into non-post block editors, so we must
+ * access the 'core/editor' store by string literal rather than importing it.
+ *
+ * React components should wrap this in useSelect for reactivity. Non-React contexts
+ * (like filter callbacks) can call this directly.
+ *
+ * @return {boolean} True if editing a navigation overlay template part, false otherwise.
+ */
+export function isWithinNavigationOverlay() {
+	// @wordpress/block-library should not depend on @wordpress/editor.
+	// Blocks can be loaded into a *non-post* block editor, so to avoid
+	// declaring @wordpress/editor as a dependency, we must access its
+	// store by string.
+	// eslint-disable-next-line @wordpress/data-no-store-string-literals
+	const editorStore = select( 'core/editor' );
+
+	// Return false if the editor store is not available.
+	if ( ! editorStore ) {
+		return false;
+	}
+
+	const { getCurrentPostType, getCurrentPostId } = editorStore;
+	const { getEditedEntityRecord } = select( coreStore );
+
+	const postType = getCurrentPostType?.();
+	const postId = getCurrentPostId?.();
+
+	if ( postType === 'wp_template_part' && postId ) {
+		const templatePart = getEditedEntityRecord(
+			'postType',
+			'wp_template_part',
+			postId
+		);
+
+		return templatePart?.area === NAVIGATION_OVERLAY_TEMPLATE_PART_AREA;
+	}
+
+	return false;
+}

package/src/verse/index.js

@@ -50,7 +50,8 @@ if ( window.__experimentalContentOnlyInspectorFields ) {
 		{
 			id: 'content',
 			label: __( 'Content' ),
-			type: 'richtext',
+			type: 'text',
+			Edit: 'rich-text', // TODO: replace with custom component
 		},
 	];
 	settings[ formKey ] = {

package/src/video/index.js

@@ -43,25 +43,33 @@ if ( window.__experimentalContentOnlyInspectorFields ) {
 			id: 'video',
 			label: __( 'Video' ),
 			type: 'media',
-			mapping: {
-				id: 'id',
-				url: 'src',
-				caption: 'caption',
-				poster: 'poster',
-			},
-			args: {
+			Edit: {
+				control: 'media', // TODO: replace with custom component
 				allowedTypes: [ 'video' ],
 				multiple: false,
 			},
+			getValue: ( { item } ) => ( {
+				id: item.id,
+				url: item.src,
+				caption: item.caption,
+				poster: item.poster,
+			} ),
+			setValue: ( { value } ) => ( {
+				id: value.id,
+				src: value.url,
+				caption: value.caption,
+				poster: value.poster,
+			} ),
 		},
 		{
 			id: 'caption',
 			label: __( 'Caption' ),
-			type: 'richtext',
+			type: 'text',
+			Edit: 'rich-text', // TODO: replace with custom component
 		},
 	];
 	settings[ formKey ] = {
-		fields: [ 'video' ],
+		fields: [ 'video', 'caption' ],
 	};
 }
 

package/build/navigation-overlay-close/save.cjs

@@ -1,67 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/block-library/src/navigation-overlay-close/save.js
-var save_exports = {};
-__export(save_exports, {
-  default: () => NavigationOverlayCloseSave
-});
-module.exports = __toCommonJS(save_exports);
-var import_block_editor = require("@wordpress/block-editor");
-var import_jsx_runtime = require("react/jsx-runtime");
-var saveBlockProps = import_block_editor.useBlockProps.save;
-function NavigationOverlayCloseSave({ attributes }) {
-  const { displayMode, text } = attributes;
-  const showIcon = displayMode === "icon" || displayMode === "both";
-  const showText = displayMode === "text" || displayMode === "both";
-  const blockProps = saveBlockProps({
-    className: "wp-block-navigation-overlay-close"
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "button",
-    {
-      ...blockProps,
-      type: "button",
-      "aria-label": !showText ? "Close" : void 0,
-      children: [
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "svg",
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            viewBox: "0 0 24 24",
-            width: "24",
-            height: "24",
-            "aria-hidden": "true",
-            focusable: "false",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M13 11.8l6.1-6.3-1.1-1-6.1 6.2-6.1-6.2-1.1 1 6.1 6.3-6.5 6.7 1.1 1 6.5-6.6 6.5 6.6 1.1-1z" })
-          }
-        ),
-        showText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_block_editor.RichText.Content,
-          {
-            tagName: "span",
-            value: text,
-            className: "wp-block-navigation-overlay-close__text"
-          }
-        )
-      ]
-    }
-  );
-}
-//# sourceMappingURL=save.cjs.map

package/build/navigation-overlay-close/save.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/navigation-overlay-close/save.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useBlockProps, RichText } from '@wordpress/block-editor';\n\nconst saveBlockProps = useBlockProps.save;\n\nexport default function NavigationOverlayCloseSave( { attributes } ) {\n\tconst { displayMode, text } = attributes;\n\tconst showIcon = displayMode === 'icon' || displayMode === 'both';\n\tconst showText = displayMode === 'text' || displayMode === 'both';\n\n\tconst blockProps = saveBlockProps( {\n\t\tclassName: 'wp-block-navigation-overlay-close',\n\t} );\n\n\treturn (\n\t\t<button\n\t\t\t{ ...blockProps }\n\t\t\ttype=\"button\"\n\t\t\taria-label={ ! showText ? 'Close' : undefined }\n\t\t>\n\t\t\t{ showIcon && (\n\t\t\t\t<svg\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\twidth=\"24\"\n\t\t\t\t\theight=\"24\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t>\n\t\t\t\t\t<path d=\"M13 11.8l6.1-6.3-1.1-1-6.1 6.2-6.1-6.2-1.1 1 6.1 6.3-6.5 6.7 1.1 1 6.5-6.6 6.5 6.6 1.1-1z\" />\n\t\t\t\t</svg>\n\t\t\t) }\n\t\t\t{ showText && (\n\t\t\t\t<RichText.Content\n\t\t\t\t\ttagName=\"span\"\n\t\t\t\t\tvalue={ text }\n\t\t\t\t\tclassName=\"wp-block-navigation-overlay-close__text\"\n\t\t\t\t/>\n\t\t\t) }\n\t\t</button>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAAwC;AActC;AAZF,IAAM,iBAAiB,kCAAc;AAEtB,SAAR,2BAA6C,EAAE,WAAW,GAAI;AACpE,QAAM,EAAE,aAAa,KAAK,IAAI;AAC9B,QAAM,WAAW,gBAAgB,UAAU,gBAAgB;AAC3D,QAAM,WAAW,gBAAgB,UAAU,gBAAgB;AAE3D,QAAM,aAAa,eAAgB;AAAA,IAClC,WAAW;AAAA,EACZ,CAAE;AAEF,SACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACL,MAAK;AAAA,MACL,cAAa,CAAE,WAAW,UAAU;AAAA,MAElC;AAAA,oBACD;AAAA,UAAC;AAAA;AAAA,YACA,OAAM;AAAA,YACN,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,QAAO;AAAA,YACP,eAAY;AAAA,YACZ,WAAU;AAAA,YAEV,sDAAC,UAAK,GAAE,6FAA4F;AAAA;AAAA,QACrG;AAAA,QAEC,YACD;AAAA,UAAC,6BAAS;AAAA,UAAT;AAAA,YACA,SAAQ;AAAA,YACR,OAAQ;AAAA,YACR,WAAU;AAAA;AAAA,QACX;AAAA;AAAA;AAAA,EAEF;AAEF;",
-  "names": []
-}

package/build-module/navigation-overlay-close/save.mjs

@@ -1,46 +0,0 @@
-// packages/block-library/src/navigation-overlay-close/save.js
-import { useBlockProps, RichText } from "@wordpress/block-editor";
-import { jsx, jsxs } from "react/jsx-runtime";
-var saveBlockProps = useBlockProps.save;
-function NavigationOverlayCloseSave({ attributes }) {
-  const { displayMode, text } = attributes;
-  const showIcon = displayMode === "icon" || displayMode === "both";
-  const showText = displayMode === "text" || displayMode === "both";
-  const blockProps = saveBlockProps({
-    className: "wp-block-navigation-overlay-close"
-  });
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      ...blockProps,
-      type: "button",
-      "aria-label": !showText ? "Close" : void 0,
-      children: [
-        showIcon && /* @__PURE__ */ jsx(
-          "svg",
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            viewBox: "0 0 24 24",
-            width: "24",
-            height: "24",
-            "aria-hidden": "true",
-            focusable: "false",
-            children: /* @__PURE__ */ jsx("path", { d: "M13 11.8l6.1-6.3-1.1-1-6.1 6.2-6.1-6.2-1.1 1 6.1 6.3-6.5 6.7 1.1 1 6.5-6.6 6.5 6.6 1.1-1z" })
-          }
-        ),
-        showText && /* @__PURE__ */ jsx(
-          RichText.Content,
-          {
-            tagName: "span",
-            value: text,
-            className: "wp-block-navigation-overlay-close__text"
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  NavigationOverlayCloseSave as default
-};
-//# sourceMappingURL=save.mjs.map

package/build-module/navigation-overlay-close/save.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/navigation-overlay-close/save.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useBlockProps, RichText } from '@wordpress/block-editor';\n\nconst saveBlockProps = useBlockProps.save;\n\nexport default function NavigationOverlayCloseSave( { attributes } ) {\n\tconst { displayMode, text } = attributes;\n\tconst showIcon = displayMode === 'icon' || displayMode === 'both';\n\tconst showText = displayMode === 'text' || displayMode === 'both';\n\n\tconst blockProps = saveBlockProps( {\n\t\tclassName: 'wp-block-navigation-overlay-close',\n\t} );\n\n\treturn (\n\t\t<button\n\t\t\t{ ...blockProps }\n\t\t\ttype=\"button\"\n\t\t\taria-label={ ! showText ? 'Close' : undefined }\n\t\t>\n\t\t\t{ showIcon && (\n\t\t\t\t<svg\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\twidth=\"24\"\n\t\t\t\t\theight=\"24\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t>\n\t\t\t\t\t<path d=\"M13 11.8l6.1-6.3-1.1-1-6.1 6.2-6.1-6.2-1.1 1 6.1 6.3-6.5 6.7 1.1 1 6.5-6.6 6.5 6.6 1.1-1z\" />\n\t\t\t\t</svg>\n\t\t\t) }\n\t\t\t{ showText && (\n\t\t\t\t<RichText.Content\n\t\t\t\t\ttagName=\"span\"\n\t\t\t\t\tvalue={ text }\n\t\t\t\t\tclassName=\"wp-block-navigation-overlay-close__text\"\n\t\t\t\t/>\n\t\t\t) }\n\t\t</button>\n\t);\n}\n"],
-  "mappings": ";AAGA,SAAS,eAAe,gBAAgB;AActC,SAcG,KAdH;AAZF,IAAM,iBAAiB,cAAc;AAEtB,SAAR,2BAA6C,EAAE,WAAW,GAAI;AACpE,QAAM,EAAE,aAAa,KAAK,IAAI;AAC9B,QAAM,WAAW,gBAAgB,UAAU,gBAAgB;AAC3D,QAAM,WAAW,gBAAgB,UAAU,gBAAgB;AAE3D,QAAM,aAAa,eAAgB;AAAA,IAClC,WAAW;AAAA,EACZ,CAAE;AAEF,SACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACL,MAAK;AAAA,MACL,cAAa,CAAE,WAAW,UAAU;AAAA,MAElC;AAAA,oBACD;AAAA,UAAC;AAAA;AAAA,YACA,OAAM;AAAA,YACN,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,QAAO;AAAA,YACP,eAAY;AAAA,YACZ,WAAU;AAAA,YAEV,8BAAC,UAAK,GAAE,6FAA4F;AAAA;AAAA,QACrG;AAAA,QAEC,YACD;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACA,SAAQ;AAAA,YACR,OAAQ;AAAA,YACR,WAAU;AAAA;AAAA,QACX;AAAA;AAAA;AAAA,EAEF;AAEF;",
-  "names": []
-}

package/src/navigation-overlay-close/save.js

@@ -1,44 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useBlockProps, RichText } from '@wordpress/block-editor';
-
-const saveBlockProps = useBlockProps.save;
-
-export default function NavigationOverlayCloseSave( { attributes } ) {
-	const { displayMode, text } = attributes;
-	const showIcon = displayMode === 'icon' || displayMode === 'both';
-	const showText = displayMode === 'text' || displayMode === 'both';
-
-	const blockProps = saveBlockProps( {
-		className: 'wp-block-navigation-overlay-close',
-	} );
-
-	return (
-		<button
-			{ ...blockProps }
-			type="button"
-			aria-label={ ! showText ? 'Close' : undefined }
-		>
-			{ showIcon && (
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					viewBox="0 0 24 24"
-					width="24"
-					height="24"
-					aria-hidden="true"
-					focusable="false"
-				>
-					<path d="M13 11.8l6.1-6.3-1.1-1-6.1 6.2-6.1-6.2-1.1 1 6.1 6.3-6.5 6.7 1.1 1 6.5-6.6 6.5 6.6 1.1-1z" />
-				</svg>
-			) }
-			{ showText && (
-				<RichText.Content
-					tagName="span"
-					value={ text }
-					className="wp-block-navigation-overlay-close__text"
-				/>
-			) }
-		</button>
-	);
-}