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

package/build-module/video/index.mjs

@@ -31,25 +31,35 @@ 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"]
   };
 }
 var init = () => initBlock({ name, metadata, settings });

package/build-module/video/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/video/index.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { video as icon } from '@wordpress/icons';\nimport { privateApis as blocksPrivateApis } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\nimport { unlock } from '../lock-unlock';\n\nconst { fieldsKey, formKey } = unlock( blocksPrivateApis );\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tsrc: 'https://upload.wikimedia.org/wikipedia/commons/c/ca/Wood_thrush_in_Central_Park_switch_sides_%2816510%29.webm',\n\t\t\t// translators: Caption accompanying a video of the wood thrush singing, which serves as an example for the Video block.\n\t\t\tcaption: __( 'Wood thrush singing in Central Park, NYC.' ),\n\t\t},\n\t},\n\ttransforms,\n\tdeprecated,\n\tedit,\n\tsave,\n};\n\nif ( window.__experimentalContentOnlyInspectorFields ) {\n\tsettings[ fieldsKey ] = [\n\t\t{\n\t\t\tid: 'video',\n\t\t\tlabel: __( 'Video' ),\n\t\t\ttype: 'media',\n\t\t\tmapping: {\n\t\t\t\tid: 'id',\n\t\t\t\turl: 'src',\n\t\t\t\tcaption: 'caption',\n\t\t\t\tposter: 'poster',\n\t\t\t},\n\t\t\targs: {\n\t\t\t\tallowedTypes: [ 'video' ],\n\t\t\t\tmultiple: false,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tid: 'caption',\n\t\t\tlabel: __( 'Caption' ),\n\t\t\ttype: 'richtext',\n\t\t},\n\t];\n\tsettings[ formKey ] = {\n\t\tfields: [ 'video' ],\n\t};\n}\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],
-  "mappings": ";AAGA,SAAS,UAAU;AACnB,SAAS,SAAS,YAAY;AAC9B,SAAS,eAAe,yBAAyB;AAKjD,OAAO,eAAe;AACtB,OAAO,gBAAgB;AACvB,OAAO,UAAU;AACjB,OAAO,cAAc;AACrB,OAAO,UAAU;AACjB,OAAO,gBAAgB;AACvB,SAAS,cAAc;AAEvB,IAAM,EAAE,WAAW,QAAQ,IAAI,OAAQ,iBAAkB;AAEzD,IAAM,EAAE,KAAK,IAAI;AAIV,IAAM,WAAW;AAAA,EACvB;AAAA,EACA,SAAS;AAAA,IACR,YAAY;AAAA,MACX,KAAK;AAAA;AAAA,MAEL,SAAS,GAAI,2CAA4C;AAAA,IAC1D;AAAA,EACD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;AAEA,IAAK,OAAO,0CAA2C;AACtD,WAAU,SAAU,IAAI;AAAA,IACvB;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,GAAI,OAAQ;AAAA,MACnB,MAAM;AAAA,MACN,SAAS;AAAA,QACR,IAAI;AAAA,QACJ,KAAK;AAAA,QACL,SAAS;AAAA,QACT,QAAQ;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACL,cAAc,CAAE,OAAQ;AAAA,QACxB,UAAU;AAAA,MACX;AAAA,IACD;AAAA,IACA;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,GAAI,SAAU;AAAA,MACrB,MAAM;AAAA,IACP;AAAA,EACD;AACA,WAAU,OAAQ,IAAI;AAAA,IACrB,QAAQ,CAAE,OAAQ;AAAA,EACnB;AACD;AAEO,IAAM,OAAO,MAAM,UAAW,EAAE,MAAM,UAAU,SAAS,CAAE;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { video as icon } from '@wordpress/icons';\nimport { privateApis as blocksPrivateApis } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\nimport { unlock } from '../lock-unlock';\n\nconst { fieldsKey, formKey } = unlock( blocksPrivateApis );\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tsrc: 'https://upload.wikimedia.org/wikipedia/commons/c/ca/Wood_thrush_in_Central_Park_switch_sides_%2816510%29.webm',\n\t\t\t// translators: Caption accompanying a video of the wood thrush singing, which serves as an example for the Video block.\n\t\t\tcaption: __( 'Wood thrush singing in Central Park, NYC.' ),\n\t\t},\n\t},\n\ttransforms,\n\tdeprecated,\n\tedit,\n\tsave,\n};\n\nif ( window.__experimentalContentOnlyInspectorFields ) {\n\tsettings[ fieldsKey ] = [\n\t\t{\n\t\t\tid: 'video',\n\t\t\tlabel: __( 'Video' ),\n\t\t\ttype: 'media',\n\t\t\tEdit: {\n\t\t\t\tcontrol: 'media', // TODO: replace with custom component\n\t\t\t\tallowedTypes: [ 'video' ],\n\t\t\t\tmultiple: false,\n\t\t\t},\n\t\t\tgetValue: ( { item } ) => ( {\n\t\t\t\tid: item.id,\n\t\t\t\turl: item.src,\n\t\t\t\tcaption: item.caption,\n\t\t\t\tposter: item.poster,\n\t\t\t} ),\n\t\t\tsetValue: ( { value } ) => ( {\n\t\t\t\tid: value.id,\n\t\t\t\tsrc: value.url,\n\t\t\t\tcaption: value.caption,\n\t\t\t\tposter: value.poster,\n\t\t\t} ),\n\t\t},\n\t\t{\n\t\t\tid: 'caption',\n\t\t\tlabel: __( 'Caption' ),\n\t\t\ttype: 'text',\n\t\t\tEdit: 'rich-text', // TODO: replace with custom component\n\t\t},\n\t];\n\tsettings[ formKey ] = {\n\t\tfields: [ 'video', 'caption' ],\n\t};\n}\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],
+  "mappings": ";AAGA,SAAS,UAAU;AACnB,SAAS,SAAS,YAAY;AAC9B,SAAS,eAAe,yBAAyB;AAKjD,OAAO,eAAe;AACtB,OAAO,gBAAgB;AACvB,OAAO,UAAU;AACjB,OAAO,cAAc;AACrB,OAAO,UAAU;AACjB,OAAO,gBAAgB;AACvB,SAAS,cAAc;AAEvB,IAAM,EAAE,WAAW,QAAQ,IAAI,OAAQ,iBAAkB;AAEzD,IAAM,EAAE,KAAK,IAAI;AAIV,IAAM,WAAW;AAAA,EACvB;AAAA,EACA,SAAS;AAAA,IACR,YAAY;AAAA,MACX,KAAK;AAAA;AAAA,MAEL,SAAS,GAAI,2CAA4C;AAAA,IAC1D;AAAA,EACD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;AAEA,IAAK,OAAO,0CAA2C;AACtD,WAAU,SAAU,IAAI;AAAA,IACvB;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,GAAI,OAAQ;AAAA,MACnB,MAAM;AAAA,MACN,MAAM;AAAA,QACL,SAAS;AAAA;AAAA,QACT,cAAc,CAAE,OAAQ;AAAA,QACxB,UAAU;AAAA,MACX;AAAA,MACA,UAAU,CAAE,EAAE,KAAK,OAAS;AAAA,QAC3B,IAAI,KAAK;AAAA,QACT,KAAK,KAAK;AAAA,QACV,SAAS,KAAK;AAAA,QACd,QAAQ,KAAK;AAAA,MACd;AAAA,MACA,UAAU,CAAE,EAAE,MAAM,OAAS;AAAA,QAC5B,IAAI,MAAM;AAAA,QACV,KAAK,MAAM;AAAA,QACX,SAAS,MAAM;AAAA,QACf,QAAQ,MAAM;AAAA,MACf;AAAA,IACD;AAAA,IACA;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,GAAI,SAAU;AAAA,MACrB,MAAM;AAAA,MACN,MAAM;AAAA;AAAA,IACP;AAAA,EACD;AACA,WAAU,OAAQ,IAAI;AAAA,IACrB,QAAQ,CAAE,SAAS,SAAU;AAAA,EAC9B;AACD;AAEO,IAAM,OAAO,MAAM,UAAW,EAAE,MAAM,UAAU,SAAS,CAAE;",
   "names": []
 }

package/build-style/navigation/style-rtl.css

@@ -244,22 +244,7 @@
     transform: rotate(90deg);
   }
 }
-.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
-  visibility: visible;
-  overflow: visible;
-  opacity: 1;
-  width: auto;
-  height: auto;
-  min-width: 200px;
-}
-.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
-  visibility: visible;
-  overflow: visible;
-  opacity: 1;
-  width: auto;
-  height: auto;
-  min-width: 200px;
-}
+.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,
 .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
   visibility: visible;
   overflow: visible;

package/build-style/navigation/style.css

@@ -244,22 +244,7 @@
     transform: rotate(-90deg);
   }
 }
-.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
-  visibility: visible;
-  overflow: visible;
-  opacity: 1;
-  width: auto;
-  height: auto;
-  min-width: 200px;
-}
-.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
-  visibility: visible;
-  overflow: visible;
-  opacity: 1;
-  width: auto;
-  height: auto;
-  min-width: 200px;
-}
+.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,
 .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
   visibility: visible;
   overflow: visible;

package/build-style/style-rtl.css

@@ -2522,22 +2522,7 @@ ul {
     transform: rotate(90deg);
   }
 }
-.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
-  visibility: visible;
-  overflow: visible;
-  opacity: 1;
-  width: auto;
-  height: auto;
-  min-width: 200px;
-}
-.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
-  visibility: visible;
-  overflow: visible;
-  opacity: 1;
-  width: auto;
-  height: auto;
-  min-width: 200px;
-}
+.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,
 .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
   visibility: visible;
   overflow: visible;

package/build-style/style.css

@@ -2552,22 +2552,7 @@ ul {
     transform: rotate(-90deg);
   }
 }
-.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
-  visibility: visible;
-  overflow: visible;
-  opacity: 1;
-  width: auto;
-  height: auto;
-  min-width: 200px;
-}
-.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
-  visibility: visible;
-  overflow: visible;
-  opacity: 1;
-  width: auto;
-  height: auto;
-  min-width: 200px;
-}
+.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,
 .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
   visibility: visible;
   overflow: visible;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.37.2-next.ba3aee3a2.0",
+	"version": "9.38.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -93,45 +93,44 @@
 		"build-module/*/init.mjs"
 	],
 	"dependencies": {
-		"@wordpress/a11y": "^4.37.1-next.ba3aee3a2.0",
-		"@wordpress/api-fetch": "^7.37.1-next.ba3aee3a2.0",
-		"@wordpress/autop": "^4.37.1-next.ba3aee3a2.0",
-		"@wordpress/base-styles": "^6.13.2-next.ba3aee3a2.0",
-		"@wordpress/blob": "^4.37.1-next.ba3aee3a2.0",
-		"@wordpress/block-editor": "^15.10.1-next.ba3aee3a2.0",
-		"@wordpress/blocks": "^15.10.1-next.ba3aee3a2.0",
-		"@wordpress/components": "^32.0.1-next.ba3aee3a2.0",
-		"@wordpress/compose": "^7.37.1-next.ba3aee3a2.0",
-		"@wordpress/core-data": "^7.37.1-next.ba3aee3a2.0",
-		"@wordpress/data": "^10.37.1-next.ba3aee3a2.0",
-		"@wordpress/date": "^5.37.2-next.ba3aee3a2.0",
-		"@wordpress/deprecated": "^4.37.1-next.ba3aee3a2.0",
-		"@wordpress/dom": "^4.37.1-next.ba3aee3a2.0",
-		"@wordpress/element": "^6.37.1-next.ba3aee3a2.0",
-		"@wordpress/escape-html": "^3.37.1-next.ba3aee3a2.0",
-		"@wordpress/hooks": "^4.37.1-next.ba3aee3a2.0",
-		"@wordpress/html-entities": "^4.37.1-next.ba3aee3a2.0",
-		"@wordpress/i18n": "^6.10.1-next.ba3aee3a2.0",
-		"@wordpress/icons": "^11.4.1-next.ba3aee3a2.0",
-		"@wordpress/interactivity": "^6.37.2-next.ba3aee3a2.0",
-		"@wordpress/interactivity-router": "^2.37.1-next.ba3aee3a2.0",
-		"@wordpress/keyboard-shortcuts": "^5.37.1-next.ba3aee3a2.0",
-		"@wordpress/keycodes": "^4.38.1-next.ba3aee3a2.0",
-		"@wordpress/latex-to-mathml": "^1.5.1-next.ba3aee3a2.0",
-		"@wordpress/notices": "^5.37.1-next.ba3aee3a2.0",
-		"@wordpress/patterns": "^2.37.1-next.ba3aee3a2.0",
-		"@wordpress/primitives": "^4.37.1-next.ba3aee3a2.0",
-		"@wordpress/private-apis": "^1.37.1-next.ba3aee3a2.0",
-		"@wordpress/reusable-blocks": "^5.37.1-next.ba3aee3a2.0",
-		"@wordpress/rich-text": "^7.37.1-next.ba3aee3a2.0",
-		"@wordpress/server-side-render": "^6.13.1-next.ba3aee3a2.0",
-		"@wordpress/url": "^4.37.1-next.ba3aee3a2.0",
-		"@wordpress/viewport": "^6.37.1-next.ba3aee3a2.0",
-		"@wordpress/wordcount": "^4.37.1-next.ba3aee3a2.0",
+		"@wordpress/a11y": "^4.38.0",
+		"@wordpress/api-fetch": "^7.38.0",
+		"@wordpress/autop": "^4.38.0",
+		"@wordpress/base-styles": "^6.14.0",
+		"@wordpress/blob": "^4.38.0",
+		"@wordpress/block-editor": "^15.11.0",
+		"@wordpress/blocks": "^15.11.0",
+		"@wordpress/components": "^32.0.0",
+		"@wordpress/compose": "^7.38.0",
+		"@wordpress/core-data": "^7.38.0",
+		"@wordpress/data": "^10.38.0",
+		"@wordpress/date": "^5.38.0",
+		"@wordpress/deprecated": "^4.38.0",
+		"@wordpress/dom": "^4.38.0",
+		"@wordpress/element": "^6.38.0",
+		"@wordpress/escape-html": "^3.38.0",
+		"@wordpress/hooks": "^4.38.0",
+		"@wordpress/html-entities": "^4.38.0",
+		"@wordpress/i18n": "^6.11.0",
+		"@wordpress/icons": "^11.5.0",
+		"@wordpress/interactivity": "^6.38.0",
+		"@wordpress/interactivity-router": "^2.38.0",
+		"@wordpress/keyboard-shortcuts": "^5.38.0",
+		"@wordpress/keycodes": "^4.38.0",
+		"@wordpress/latex-to-mathml": "^1.6.0",
+		"@wordpress/notices": "^5.38.0",
+		"@wordpress/patterns": "^2.38.0",
+		"@wordpress/primitives": "^4.38.0",
+		"@wordpress/private-apis": "^1.38.0",
+		"@wordpress/reusable-blocks": "^5.38.0",
+		"@wordpress/rich-text": "^7.38.0",
+		"@wordpress/server-side-render": "^6.14.0",
+		"@wordpress/url": "^4.38.0",
+		"@wordpress/viewport": "^6.38.0",
+		"@wordpress/wordcount": "^4.38.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
-		"escape-html": "^1.0.3",
 		"fast-average-color": "^9.1.1",
 		"fast-deep-equal": "^3.1.3",
 		"html-react-parser": "5.2.11",
@@ -149,5 +148,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "67d2e486fcd40c753591cf911ca0659132f519ca"
+	"gitHead": "50c4c0f51e4797c217946ce42adfaa5eb026f33f"
 }

package/src/audio/index.js

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

package/src/block-keyboard-shortcuts/index.js

@@ -54,15 +54,12 @@ function BlockKeyboardShortcuts() {
 		const sourceTextAlign =
 			attributes.textAlign || attributes.style?.typography?.textAlign;
 
-		// When destination is heading, preserve heading format (textAlign attribute + level)
-		// When destination is paragraph, use block support format (style.typography.textAlign)
+		// When destination is heading, set the level
 		if ( destinationBlockName === 'core/heading' ) {
 			newAttributes.level = level;
-			if ( sourceTextAlign ) {
-				newAttributes.textAlign = sourceTextAlign;
-			}
-		} else if ( sourceTextAlign ) {
-			// Destination is paragraph
+		}
+
+		if ( sourceTextAlign ) {
 			newAttributes.style = {
 				typography: {
 					textAlign: sourceTextAlign,

package/src/breadcrumbs/index.php

@@ -514,9 +514,11 @@ function block_core_breadcrumbs_get_terms_breadcrumbs( $post_id, $post_type ) {
 	}
 
 	/**
-	 * Filters breadcrumb settings on a per-post-type basis.
+	 * Filters breadcrumb settings (taxonomy and term selection) for a post or post type.
 	 *
-	 * Allow developers to customize breadcrumb behavior for specific post types.
+	 * Allows developers to specify which taxonomy and term should be used in the
+	 * breadcrumb trail when a post type has multiple taxonomies or when a post is
+	 * assigned to multiple terms within a taxonomy.
 	 *
 	 * @since 7.0.0
 	 *
@@ -533,8 +535,9 @@ function block_core_breadcrumbs_get_terms_breadcrumbs( $post_id, $post_type ) {
 	 *                            post has only one term, that term is used regardless.
 	 * }
 	 * @param string $post_type The post type slug.
+	 * @param int    $post_id   The post ID.
 	 */
-	$settings = apply_filters( 'block_core_breadcrumbs_post_type_settings', array(), $post_type );
+	$settings = apply_filters( 'block_core_breadcrumbs_post_type_settings', array(), $post_type, $post_id );
 
 	$taxonomy_name = null;
 	$terms         = array();

package/src/button/index.js

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

package/src/code/index.js

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

package/src/comments-title/edit.js

@@ -168,20 +168,23 @@ export default function Edit( {
 		</InspectorControls>
 	);
 
-	const postTitle = isSiteEditor ? __( '“Post Title”' ) : `"${ rawTitle }"`;
+	const postTitle = isSiteEditor ? __( 'Post Title' ) : rawTitle;
 
 	let placeholder;
 	if ( showCommentsCount && commentsCount !== undefined ) {
 		if ( showPostTitle ) {
 			if ( commentsCount === 1 ) {
-				/* translators: %s: Post title. */
-				placeholder = sprintf( __( 'One response to %s' ), postTitle );
+				placeholder = sprintf(
+					/* translators: %s: Post title. */
+					__( 'One response to "%s"' ),
+					postTitle
+				);
 			} else {
 				placeholder = sprintf(
 					/* translators: 1: Number of comments, 2: Post title. */
 					_n(
-						'%1$s response to %2$s',
-						'%1$s responses to %2$s',
+						'%1$s response to "%2$s"',
+						'%1$s responses to "%2$s"',
 						commentsCount
 					),
 					commentsCount,
@@ -200,10 +203,10 @@ export default function Edit( {
 	} else if ( showPostTitle ) {
 		if ( commentsCount === 1 ) {
 			/* translators: %s: Post title. */
-			placeholder = sprintf( __( 'Response to %s' ), postTitle );
+			placeholder = sprintf( __( 'Response to "%s"' ), postTitle );
 		} else {
 			/* translators: %s: Post title. */
-			placeholder = sprintf( __( 'Responses to %s' ), postTitle );
+			placeholder = sprintf( __( 'Responses to "%s"' ), postTitle );
 		}
 	} else if ( commentsCount === 1 ) {
 		placeholder = __( 'Response' );

package/src/comments-title/index.php

@@ -25,9 +25,8 @@ function render_block_core_comments_title( $attributes ) {
 	$show_comments_count = ! empty( $attributes['showCommentsCount'] ) && $attributes['showCommentsCount'];
 	$wrapper_attributes  = get_block_wrapper_attributes( array( 'class' => $align_class_name ) );
 	$comments_count      = get_comments_number();
-	/* translators: %s: Post title. */
-	$post_title = sprintf( __( '“%s”' ), get_the_title() );
-	$tag_name   = 'h2';
+	$post_title          = get_the_title();
+	$tag_name            = 'h2';
 	if ( isset( $attributes['level'] ) ) {
 		$tag_name = 'h' . $attributes['level'];
 	}
@@ -40,13 +39,13 @@ function render_block_core_comments_title( $attributes ) {
 		if ( $show_post_title ) {
 			if ( '1' === $comments_count ) {
 				/* translators: %s: Post title. */
-				$comments_title = sprintf( __( 'One response to %s' ), $post_title );
+				$comments_title = sprintf( __( 'One response to “%s”' ), $post_title );
 			} else {
 				$comments_title = sprintf(
 					/* translators: 1: Number of comments, 2: Post title. */
 					_n(
-						'%1$s response to %2$s',
-						'%1$s responses to %2$s',
+						'%1$s response to “%2$s”',
+						'%1$s responses to “%2$s”',
 						$comments_count
 					),
 					number_format_i18n( $comments_count ),
@@ -65,10 +64,10 @@ function render_block_core_comments_title( $attributes ) {
 	} elseif ( $show_post_title ) {
 		if ( '1' === $comments_count ) {
 			/* translators: %s: Post title. */
-			$comments_title = sprintf( __( 'Response to %s' ), $post_title );
+			$comments_title = sprintf( __( 'Response to “%s”' ), $post_title );
 		} else {
 			/* translators: %s: Post title. */
-			$comments_title = sprintf( __( 'Responses to %s' ), $post_title );
+			$comments_title = sprintf( __( 'Responses to “%s”' ), $post_title );
 		}
 	} elseif ( '1' === $comments_count ) {
 		$comments_title = __( 'Response' );

package/src/cover/index.js

@@ -66,19 +66,28 @@ if ( window.__experimentalContentOnlyInspectorFields ) {
 			id: 'background',
 			label: __( 'Background' ),
 			type: 'media',
-			mapping: {
-				type: 'backgroundType',
-				id: 'id',
-				url: 'url',
-				alt: 'alt',
-				featuredImage: 'useFeaturedImage',
-			},
-			args: {
+			Edit: {
+				control: 'media', // TODO: replace with custom component
 				// TODO - How to support custom gradient?
 				// Build it into Media, or use a custom control?
 				allowedTypes: [ 'image', 'video' ],
 				multiple: false,
+				useFeaturedImage: true,
 			},
+			getValue: ( { item } ) => ( {
+				id: item.id,
+				url: item.url,
+				alt: item.alt,
+				mediaType: item.backgroundType,
+				featuredImage: item.useFeaturedImage,
+			} ),
+			setValue: ( { value } ) => ( {
+				id: value.id,
+				url: value.url,
+				alt: value.alt,
+				mediaType: value.backgroundType,
+				useFeaturedImage: value.featuredImage,
+			} ),
 		},
 	];
 	settings[ formKey ] = {

package/src/details/index.js

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

package/src/file/index.js

@@ -42,28 +42,35 @@ if ( window.__experimentalContentOnlyInspectorFields ) {
 			id: 'file',
 			label: __( 'File' ),
 			type: 'media',
-			mapping: {
-				id: 'id',
-				url: 'href',
-			},
-			args: {
+			Edit: {
+				control: 'media', // TODO: replace with custom component
 				allowedTypes: [],
 				multiple: false,
 			},
+			getValue: ( { item } ) => ( {
+				id: item.id,
+				url: item.href,
+			} ),
+			setValue: ( { value } ) => ( {
+				id: value.id,
+				href: value.url,
+			} ),
 		},
 		{
 			id: 'fileName',
 			label: __( 'Filename' ),
-			type: 'richtext',
+			type: 'text',
+			Edit: 'rich-text', // TODO: replace with custom component
 		},
 		{
 			id: 'downloadButtonText',
 			label: __( 'Button Text' ),
-			type: 'richtext',
+			type: 'text',
+			Edit: 'rich-text', // TODO: replace with custom component
 		},
 	];
 	settings[ formKey ] = {
-		fields: [ 'file' ],
+		fields: [ 'file', 'fileName', 'downloadButtonText' ],
 	};
 }
 

package/src/heading/block.json

@@ -8,9 +8,6 @@
 	"keywords": [ "title", "subtitle" ],
 	"textdomain": "default",
 	"attributes": {
-		"textAlign": {
-			"type": "string"
-		},
 		"content": {
 			"type": "rich-text",
 			"source": "rich-text",
@@ -58,6 +55,7 @@
 		"typography": {
 			"fontSize": true,
 			"lineHeight": true,
+			"textAlign": true,
 			"__experimentalFontFamily": true,
 			"__experimentalFontStyle": true,
 			"__experimentalFontWeight": true,