First pass on focusable-iframe

packages/components/src/focusable-iframe/index.tsx

@@ -0,0 +1,29 @@
+/**
+ * WordPress dependencies
+ */
+import { useMergeRefs, useFocusableIframe } from '@wordpress/compose';
+import deprecated from '@wordpress/deprecated';
+/**
+ * Internal dependencies
+ */
+import type { FocusableIframeProps } from './types';
+
+/**
+ * @param {Object}                                 props
+ * @param {import('react').Ref<HTMLIFrameElement>} props.iframeRef
+ */
+export default function FocusableIframe( {
+	iframeRef,
+	...props
+}: FocusableIframeProps ) {
+	const ref = useMergeRefs( [ iframeRef, useFocusableIframe() ] );
+	deprecated( 'wp.components.FocusableIframe', {
+		since: '5.9',
+		alternative: 'wp.compose.useFocusableIframe',
+	} );
+	// Disable reason: The rendered iframe is a pass-through component,
+	// assigning props inherited from the rendering parent. It's the
+	// responsibility of the parent to assign a title.
+	// eslint-disable-next-line jsx-a11y/iframe-has-title
+	return <iframe ref={ ref } { ...props } />;
+}

packages/components/src/focusable-iframe/types.ts

@@ -0,0 +1,4 @@
+export interface FocusableIframeProps {
+	iframeRef: React.Ref< HTMLIFrameElement >;
+	props: any;
+}