Block Bindings: API to extend the UI to external sources.

backport-changelog/6.9/9933.md

@@ -0,0 +1,3 @@
+https://github.com/WordPress/wordpress-develop/pull/9933
+
+* https://github.com/WordPress/gutenberg/pull/71542

lib/compat/wordpress-6.9/post-data-block-bindings.php

@@ -65,7 +65,7 @@ function gutenberg_register_block_bindings_post_data_source() {
 		array(
 			'label'              => _x( 'Post Data', 'block bindings source' ),
 			'get_value_callback' => 'gutenberg_block_bindings_post_data_get_value',
-			'uses_context'       => array( 'postId' ),
+			'uses_context'       => array( 'postId', 'postType' ),
 		)
 	);
 }

packages/block-editor/src/components/rich-text/index.js

@@ -2,6 +2,7 @@
  * External dependencies
  */
 import clsx from 'clsx';
+import fastDeepEqual from 'fast-deep-equal/es6';
 
 /**
  * WordPress dependencies
@@ -218,13 +219,19 @@ export function RichTextWrapper(
 
 			const { getBlockAttributes } = select( blockEditorStore );
 			const blockAttributes = getBlockAttributes( clientId );
-			const fieldsList = blockBindingsSource?.getFieldsList?.( {
-				select,
-				context: blockBindingsContext,
-			} );
+			let clientSideFieldLabel = null;
+			if ( blockBindingsSource?.editorUI ) {
+				const editorUIResult = blockBindingsSource.editorUI( {
+					select,
+					context: blockBindingsContext,
+				} );
+				clientSideFieldLabel = editorUIResult.data?.find( ( item ) =>
+					fastDeepEqual( item.args, relatedBinding?.args )
+				)?.label;
+			}
+
 			const bindingKey =
-				fieldsList?.[ relatedBinding?.args?.key ]?.label ??
-				blockBindingsSource?.label;
+				clientSideFieldLabel ?? blockBindingsSource?.label;
 
 			const _bindingsPlaceholder = _disableBoundBlock
 				? bindingKey