Merge pull request #263 from 10up/fix/make-has-supported-meta-value-c…

…ontext-aware

Fix: Make `useIsSupportedMetaField` hook context aware

example/src/blocks/post-meta/block.json

@@ -9,5 +9,9 @@
 			"default": ""
 		}
 	},
+	"usesContext": [
+		"postId",
+		"postType"
+	],
 	"editorScript": "file:./index.js"
 }

example/src/blocks/post-meta/edit.js

@@ -5,10 +5,11 @@ import {
 	store as blockEditorStore,
 } from '@wordpress/block-editor';
 import { useSelect, useDispatch } from '@wordpress/data';
-import { PostMeta } from '@10up/block-components';
+import { PostMeta, PostContext } from '@10up/block-components';
 
 export const BlockEdit = (props) => {
-	const { attributes, setAttributes, name } = props;
+	const { attributes, setAttributes, name, context } = props;
+	const { postId, postType } = context;
 	const { metaKey } = attributes;
 	const blockProps = useBlockProps();
 
@@ -46,7 +47,9 @@ export const BlockEdit = (props) => {
 
 	return (
 		<div {...blockProps}>
-			<PostMeta metaKey={metaKey} placeholder="Meta Value" />
+			<PostContext postId={postId} postType={postType}>
+				<PostMeta metaKey={metaKey} placeholder="Meta Value" />
+			</PostContext>
 		</div>
 	);
 };

hooks/use-is-supported-meta-value/index.js

@@ -1,14 +1,11 @@
-import { useSelect } from '@wordpress/data';
-import { store as editorStore } from '@wordpress/editor';
+import { useEntityRecord } from '@wordpress/core-data';
+import { usePost } from '../use-post';
 
 export const useIsSupportedMetaField = (metaKey) => {
-	return useSelect(
-		(select) => {
-			const meta = select(editorStore).getCurrentPostAttribute('meta');
-			const supportedMetaKeys = Object.keys(meta || {});
-			const isSupportedMetaField = supportedMetaKeys?.some((name) => name === metaKey);
-			return [!!isSupportedMetaField];
-		},
-		[metaKey],
-	);
+	const { postId, postType } = usePost();
+	const { record } = useEntityRecord('postType', postType, postId);
+	const { meta } = record || {};
+	const supportedMetaKeys = Object.keys(meta || {});
+	const isSupportedMetaField = supportedMetaKeys?.some((name) => name === metaKey);
+	return [!!isSupportedMetaField];
 };