Merge branch 'upkeep/component-post-title' of github.com:10up/block-c…

…omponents into upkeep/component-post-title

components/optional/index.ts

@@ -0,0 +1,21 @@
+import { useBlockEditContext } from '@wordpress/block-editor';
+
+interface OptionalProps {
+	/**
+	 * The value to check for truthiness.
+	 */
+	value?: string | number | boolean;
+
+	/**
+	 * The children to render if the value is truthy.
+	 */
+	children: React.ReactNode;
+}
+
+export const Optional: React.FC<OptionalProps> = ({
+	value = '',
+	children,
+}) => {
+	const { isSelected } = useBlockEditContext();
+	return (isSelected || !!value) && children;
+};

hooks/use-media/index.js → hooks/use-media/index.ts

@@ -1,7 +1,8 @@
 import { useSelect } from '@wordpress/data';
 import { store as coreStore } from '@wordpress/core-data';
+import type { Attachment } from '@wordpress/core-data';
 
-export function useMedia(id) {
+export function useMedia(id: number) {
 	return useSelect(
 		(select) => {
 			const { getMedia, isResolving, hasFinishedResolution } = select(coreStore);
@@ -15,5 +16,9 @@ export function useMedia(id) {
 			};
 		},
 		[id],
-	);
+	) as {
+		media: Attachment | undefined;
+		isResolvingMedia: boolean;
+		hasResolvedMedia: boolean;
+	};
 }