Add hard code PoC to update inner blocks based on serialised blocks i…

…n pattern parent attribs

packages/block-editor/src/hooks/custom-fields.js

@@ -57,9 +57,12 @@ const withInspectorControl = createHigherOrderComponent( ( BlockEdit ) => {
 		// Check if the current block is a paragraph or image block.
 		// Currently, only these two blocks are supported.
 		if (
-			! [ 'core/paragraph', 'core/image', 'core/heading' ].includes(
-				props.name
-			)
+			! [
+				'core/paragraph',
+				'core/image',
+				'core/heading',
+				'core/list',
+			].includes( props.name )
 		) {
 			return <BlockEdit { ...props } />;
 		}
@@ -71,6 +74,7 @@ const withInspectorControl = createHigherOrderComponent( ( BlockEdit ) => {
 		if ( props.name === 'core/paragraph' ) attributeName = 'content';
 		if ( props.name === 'core/image' ) attributeName = 'url';
 		if ( props.name === 'core/heading' ) attributeName = 'content';
+		if ( props.name === 'core/list' ) attributeName = 'innerBlocks';
 
 		const connectionSource =
 			props.attributes?.connections?.attributes?.[ attributeName ]

packages/block-library/src/list/block.json

@@ -36,6 +36,7 @@
 		}
 	},
 	"supports": {
+		"__experimentalConnections": true,
 		"anchor": true,
 		"className": false,
 		"typography": {

packages/block-library/src/list/edit.js

@@ -125,6 +125,43 @@ function IndentUI( { clientId } ) {
 
 export default function Edit( { attributes, setAttributes, clientId, style } ) {
 	const { ordered, type, reversed, start } = attributes;
+
+	const { replaceInnerBlocks } = useDispatch( blockEditorStore );
+	const { patternParentAttributes } = useSelect( ( select ) => {
+		const { getBlockParentsByBlockName, getBlockAttributes } =
+			select( blockEditorStore );
+		const parent = getBlockParentsByBlockName(
+			clientId,
+			'core/block'
+		)?.[ 0 ];
+		return {
+			patternParent: parent,
+			patternParentAttributes: getBlockAttributes( parent ),
+		};
+	} );
+
+	useEffect( () => {
+		if (
+			Array.isArray( patternParentAttributes?.dynamicContent?.myList )
+		) {
+			const patternInstanceInnerBlocks =
+				patternParentAttributes?.dynamicContent?.myList.map(
+					( block ) => {
+						return createBlock(
+							block.name,
+							block.attributes,
+							block.innerBlocks
+						);
+					}
+				);
+			replaceInnerBlocks( clientId, patternInstanceInnerBlocks );
+		}
+	}, [
+		clientId,
+		patternParentAttributes?.dynamicContent?.myList,
+		replaceInnerBlocks,
+	] );
+
 	const blockProps = useBlockProps( {
 		style: {
 			...( Platform.isNative && style ),