@wordpress/edit-post 8.50.1-next.v.202607070741.0 → 8.51.0

package/src/components/layout/index.js

@@ -65,7 +65,6 @@ import WelcomeGuide from '../welcome-guide';
 import { store as editPostStore } from '../../store';
 import { unlock } from '../../lock-unlock';
 import useEditPostCommands from '../../commands/use-commands';
-import { useShouldIframe } from './use-should-iframe';
 import useNavigateToEntityRecord from '../../hooks/use-navigate-to-entity-record';
 import { useMetaBoxInitialization } from '../meta-boxes/use-meta-box-initialization';
 
@@ -131,11 +130,7 @@ function useEditorStyles( settings ) {
 	] );
 }
 
-/**
- * @param {Object}  props
- * @param {boolean} props.isLegacy True for device previews where split view is disabled.
- */
-function MetaBoxesMain( { isLegacy } ) {
+function MetaBoxesMain() {
 	const [ isOpen, openHeight, hasAnyVisible ] = useSelect( ( select ) => {
 		const { get } = select( preferencesStore );
 		const { isMetaBoxLocationVisible } = select( editPostStore );
@@ -284,17 +279,13 @@ function MetaBoxesMain( { isLegacy } ) {
 		<div
 			// The class name 'edit-post-layout__metaboxes' is retained because some plugins use it.
 			className="edit-post-layout__metaboxes edit-post-meta-boxes-main__liner"
-			hidden={ ! isLegacy && ! isOpen }
+			hidden={ ! isOpen }
 		>
 			<MetaBoxes location="normal" />
 			<MetaBoxes location="advanced" />
 		</div>
 	);
 
-	if ( isLegacy ) {
-		return contents;
-	}
-
 	const isAutoHeight = openHeight === undefined;
 	const usedOpenHeight = isShort ? 'auto' : openHeight;
 	const usedHeight = isOpen ? usedOpenHeight : min;
@@ -377,7 +368,6 @@ function Layout( {
 	initialEdits,
 } ) {
 	useEditPostCommands();
-	const shouldIframe = useShouldIframe();
 	const { createErrorNotice } = useDispatch( noticesStore );
 	const {
 		currentPost: { postId: currentPostId, postType: currentPostType },
@@ -588,7 +578,6 @@ function Layout( {
 							templateId={ templateId }
 							className={ className }
 							forceIsDirty={ hasActiveMetaboxes }
-							disableIframe={ ! shouldIframe }
 							// We should auto-focus the canvas (title) on load.
 							// eslint-disable-next-line jsx-a11y/no-autofocus
 							autoFocus={ ! isWelcomeGuideVisible }
@@ -598,11 +587,7 @@ function Layout( {
 							}
 							extraContent={
 								! isDistractionFree &&
-								showMetaBoxes && (
-									<MetaBoxesMain
-										isLegacy={ ! shouldIframe }
-									/>
-								)
+								showMetaBoxes && <MetaBoxesMain />
 							}
 						>
 							<PostLockedModal />

package/src/components/meta-boxes/meta-boxes-area/style.scss

@@ -39,7 +39,7 @@
 	#poststuff h2.hndle { /* WordPress selectors yolo */
 		box-sizing: border-box;
 		color: inherit;
-		font-weight: 600;
+		font-weight: var(--wpds-typography-font-weight-emphasis);
 		outline: none;
 		padding: 0 $grid-unit-30;
 		position: relative;

package/src/components/preferences-modal/test/__snapshots__/enable-custom-fields.js.snap

@@ -2,7 +2,7 @@
 
 exports[`EnableCustomFieldsOption renders a checked checkbox and a confirmation message when toggled on 1`] = `
 .emotion-0 {
-  font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
+  font-family: -apple-system,system-ui,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
   font-size: 13px;
   box-sizing: border-box;
 }
@@ -75,7 +75,7 @@ exports[`EnableCustomFieldsOption renders a checked checkbox and a confirmation
 
 exports[`EnableCustomFieldsOption renders a checked checkbox when custom fields are enabled 1`] = `
 .emotion-0 {
-  font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
+  font-family: -apple-system,system-ui,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
   font-size: 13px;
   box-sizing: border-box;
 }
@@ -138,7 +138,7 @@ exports[`EnableCustomFieldsOption renders a checked checkbox when custom fields
 
 exports[`EnableCustomFieldsOption renders an unchecked checkbox and a confirmation message when toggled off 1`] = `
 .emotion-0 {
-  font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
+  font-family: -apple-system,system-ui,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
   font-size: 13px;
   box-sizing: border-box;
 }
@@ -212,7 +212,7 @@ exports[`EnableCustomFieldsOption renders an unchecked checkbox and a confirmati
 
 exports[`EnableCustomFieldsOption renders an unchecked checkbox when custom fields are disabled 1`] = `
 .emotion-0 {
-  font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
+  font-family: -apple-system,system-ui,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
   font-size: 13px;
   box-sizing: border-box;
 }

package/src/components/preferences-modal/test/__snapshots__/meta-boxes-section.js.snap

@@ -2,7 +2,7 @@
 
 exports[`MetaBoxesSection renders a Custom Fields option 1`] = `
 .emotion-0 {
-  font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
+  font-family: -apple-system,system-ui,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
   font-size: 13px;
   box-sizing: border-box;
 }
@@ -81,7 +81,7 @@ exports[`MetaBoxesSection renders a Custom Fields option 1`] = `
 
 exports[`MetaBoxesSection renders a Custom Fields option and meta box options 1`] = `
 .emotion-0 {
-  font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
+  font-family: -apple-system,system-ui,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
   font-size: 13px;
   box-sizing: border-box;
 }
@@ -248,7 +248,7 @@ exports[`MetaBoxesSection renders a Custom Fields option and meta box options 1`
 
 exports[`MetaBoxesSection renders meta box options 1`] = `
 .emotion-0 {
-  font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
+  font-family: -apple-system,system-ui,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
   font-size: 13px;
   box-sizing: border-box;
 }

package/src/index.js

@@ -240,6 +240,17 @@ async function preloadResolutions( postType, postId ) {
 				kind: 'postType',
 				name: 'wp_template',
 			} ),
+			// The DataForm-based inspector requests the entity form config
+			// when the document sidebar mounts. The args must match the
+			// `useViewConfig` call in `@wordpress/views` exactly for the
+			// resolution (and its preload entry) to be shared.
+			...( postType && window?.__experimentalDataFormInspector
+				? [
+						unlock( core ).getViewConfig( 'postType', postType, {
+							fields: 'form',
+						} ),
+				  ]
+				: [] ),
 			// Per-post resolvers. `getPostType` and `getEditedEntityRecord`
 			// are shorthand/forward-resolver aliases with their own
 			// resolution metadata, so they need separate kicks.

package/src/style.scss

@@ -1,7 +1,6 @@
 @use "@wordpress/base-styles/default-custom-properties";
 @use "@wordpress/base-styles/mixins" as *;
 @use "@wordpress/base-styles/variables" as *;
-@use "./components/back-button/style.scss" as *;
 @use "./components/layout/style.scss" as *;
 @use "./components/meta-boxes/meta-boxes-area/style.scss" as *;
 @use "./components/welcome-guide/style.scss" as *;
@@ -30,7 +29,7 @@ body.js.block-editor-page {
 	}
 }
 
-.edit-post-visual-editor.is-iframed {
+.edit-post-visual-editor {
 	@include reset;
 }
 

package/build/components/layout/use-should-iframe.cjs

@@ -1,56 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/edit-post/src/components/layout/use-should-iframe.js
-var use_should_iframe_exports = {};
-__export(use_should_iframe_exports, {
-  useShouldIframe: () => useShouldIframe
-});
-module.exports = __toCommonJS(use_should_iframe_exports);
-var import_editor = require("@wordpress/editor");
-var import_data = require("@wordpress/data");
-var import_blocks = require("@wordpress/blocks");
-var import_block_editor = require("@wordpress/block-editor");
-var import_lock_unlock = require("../../lock-unlock.cjs");
-var isGutenbergPlugin = globalThis.IS_GUTENBERG_PLUGIN ? true : false;
-function useShouldIframe() {
-  return (0, import_data.useSelect)((select) => {
-    const { getCurrentPostType, getDeviceType } = select(import_editor.store);
-    const { getClientIdsWithDescendants, getBlockName } = select(import_block_editor.store);
-    const { getBlockType } = select(import_blocks.store);
-    return (
-      // If the Gutenberg plugin is active, we ALWAYS use the iframe for
-      // consistency across the post and site editor. We plan on enforcing
-      // the iframe in the future, so Gutenberg both serves as way for us
-      // to warn plugin developers and for plugin developers to test their
-      // blocks easily. Before GB v22.5, we only enforced it for
-      // block-based themes (classic themes used the same rules as core).
-      isGutenbergPlugin || // We also still want to iframe all the special
-      // editor features and modes such as device previews, zoom out, and
-      // template/pattern editing.
-      getDeviceType() !== "Desktop" || ["wp_template", "wp_block"].includes(getCurrentPostType()) || (0, import_lock_unlock.unlock)(select(import_block_editor.store)).isZoomOut() || // Finally, still iframe the editor if all present blocks are v3
-      // (which means they are marked as iframe-compatible).
-      [...new Set(getClientIdsWithDescendants().map(getBlockName))].map(getBlockType).filter(Boolean).every((blockType) => blockType.apiVersion >= 3)
-    );
-  }, []);
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useShouldIframe
-});
-//# sourceMappingURL=use-should-iframe.cjs.map

package/build/components/layout/use-should-iframe.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/layout/use-should-iframe.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { store as editorStore } from '@wordpress/editor';\nimport { useSelect } from '@wordpress/data';\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst isGutenbergPlugin = globalThis.IS_GUTENBERG_PLUGIN ? true : false;\n\nexport function useShouldIframe() {\n\treturn useSelect( ( select ) => {\n\t\tconst { getCurrentPostType, getDeviceType } = select( editorStore );\n\t\tconst { getClientIdsWithDescendants, getBlockName } =\n\t\t\tselect( blockEditorStore );\n\t\tconst { getBlockType } = select( blocksStore );\n\n\t\treturn (\n\t\t\t// If the Gutenberg plugin is active, we ALWAYS use the iframe for\n\t\t\t// consistency across the post and site editor. We plan on enforcing\n\t\t\t// the iframe in the future, so Gutenberg both serves as way for us\n\t\t\t// to warn plugin developers and for plugin developers to test their\n\t\t\t// blocks easily. Before GB v22.5, we only enforced it for\n\t\t\t// block-based themes (classic themes used the same rules as core).\n\t\t\tisGutenbergPlugin ||\n\t\t\t// We also still want to iframe all the special\n\t\t\t// editor features and modes such as device previews, zoom out, and\n\t\t\t// template/pattern editing.\n\t\t\tgetDeviceType() !== 'Desktop' ||\n\t\t\t[ 'wp_template', 'wp_block' ].includes( getCurrentPostType() ) ||\n\t\t\tunlock( select( blockEditorStore ) ).isZoomOut() ||\n\t\t\t// Finally, still iframe the editor if all present blocks are v3\n\t\t\t// (which means they are marked as iframe-compatible).\n\t\t\t[ ...new Set( getClientIdsWithDescendants().map( getBlockName ) ) ]\n\t\t\t\t.map( getBlockType )\n\t\t\t\t.filter( Boolean )\n\t\t\t\t.every( ( blockType ) => blockType.apiVersion >= 3 )\n\t\t);\n\t}, [] );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,oBAAqC;AACrC,kBAA0B;AAC1B,oBAAqC;AACrC,0BAA0C;AAK1C,yBAAuB;AAEvB,IAAM,oBAAoB,WAAW,sBAAsB,OAAO;AAE3D,SAAS,kBAAkB;AACjC,aAAO,uBAAW,CAAE,WAAY;AAC/B,UAAM,EAAE,oBAAoB,cAAc,IAAI,OAAQ,cAAAA,KAAY;AAClE,UAAM,EAAE,6BAA6B,aAAa,IACjD,OAAQ,oBAAAC,KAAiB;AAC1B,UAAM,EAAE,aAAa,IAAI,OAAQ,cAAAC,KAAY;AAE7C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAOC;AAAA;AAAA;AAAA,MAIA,cAAc,MAAM,aACpB,CAAE,eAAe,UAAW,EAAE,SAAU,mBAAmB,CAAE,SAC7D,2BAAQ,OAAQ,oBAAAD,KAAiB,CAAE,EAAE,UAAU;AAAA;AAAA,MAG/C,CAAE,GAAG,IAAI,IAAK,4BAA4B,EAAE,IAAK,YAAa,CAAE,CAAE,EAChE,IAAK,YAAa,EAClB,OAAQ,OAAQ,EAChB,MAAO,CAAE,cAAe,UAAU,cAAc,CAAE;AAAA;AAAA,EAEtD,GAAG,CAAC,CAAE;AACP;",
-  "names": ["editorStore", "blockEditorStore", "blocksStore"]
-}

package/build-module/components/layout/use-should-iframe.mjs

@@ -1,32 +0,0 @@
-// packages/edit-post/src/components/layout/use-should-iframe.js
-import { store as editorStore } from "@wordpress/editor";
-import { useSelect } from "@wordpress/data";
-import { store as blocksStore } from "@wordpress/blocks";
-import { store as blockEditorStore } from "@wordpress/block-editor";
-import { unlock } from "../../lock-unlock.mjs";
-var isGutenbergPlugin = globalThis.IS_GUTENBERG_PLUGIN ? true : false;
-function useShouldIframe() {
-  return useSelect((select) => {
-    const { getCurrentPostType, getDeviceType } = select(editorStore);
-    const { getClientIdsWithDescendants, getBlockName } = select(blockEditorStore);
-    const { getBlockType } = select(blocksStore);
-    return (
-      // If the Gutenberg plugin is active, we ALWAYS use the iframe for
-      // consistency across the post and site editor. We plan on enforcing
-      // the iframe in the future, so Gutenberg both serves as way for us
-      // to warn plugin developers and for plugin developers to test their
-      // blocks easily. Before GB v22.5, we only enforced it for
-      // block-based themes (classic themes used the same rules as core).
-      isGutenbergPlugin || // We also still want to iframe all the special
-      // editor features and modes such as device previews, zoom out, and
-      // template/pattern editing.
-      getDeviceType() !== "Desktop" || ["wp_template", "wp_block"].includes(getCurrentPostType()) || unlock(select(blockEditorStore)).isZoomOut() || // Finally, still iframe the editor if all present blocks are v3
-      // (which means they are marked as iframe-compatible).
-      [...new Set(getClientIdsWithDescendants().map(getBlockName))].map(getBlockType).filter(Boolean).every((blockType) => blockType.apiVersion >= 3)
-    );
-  }, []);
-}
-export {
-  useShouldIframe
-};
-//# sourceMappingURL=use-should-iframe.mjs.map

package/build-module/components/layout/use-should-iframe.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/layout/use-should-iframe.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { store as editorStore } from '@wordpress/editor';\nimport { useSelect } from '@wordpress/data';\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst isGutenbergPlugin = globalThis.IS_GUTENBERG_PLUGIN ? true : false;\n\nexport function useShouldIframe() {\n\treturn useSelect( ( select ) => {\n\t\tconst { getCurrentPostType, getDeviceType } = select( editorStore );\n\t\tconst { getClientIdsWithDescendants, getBlockName } =\n\t\t\tselect( blockEditorStore );\n\t\tconst { getBlockType } = select( blocksStore );\n\n\t\treturn (\n\t\t\t// If the Gutenberg plugin is active, we ALWAYS use the iframe for\n\t\t\t// consistency across the post and site editor. We plan on enforcing\n\t\t\t// the iframe in the future, so Gutenberg both serves as way for us\n\t\t\t// to warn plugin developers and for plugin developers to test their\n\t\t\t// blocks easily. Before GB v22.5, we only enforced it for\n\t\t\t// block-based themes (classic themes used the same rules as core).\n\t\t\tisGutenbergPlugin ||\n\t\t\t// We also still want to iframe all the special\n\t\t\t// editor features and modes such as device previews, zoom out, and\n\t\t\t// template/pattern editing.\n\t\t\tgetDeviceType() !== 'Desktop' ||\n\t\t\t[ 'wp_template', 'wp_block' ].includes( getCurrentPostType() ) ||\n\t\t\tunlock( select( blockEditorStore ) ).isZoomOut() ||\n\t\t\t// Finally, still iframe the editor if all present blocks are v3\n\t\t\t// (which means they are marked as iframe-compatible).\n\t\t\t[ ...new Set( getClientIdsWithDescendants().map( getBlockName ) ) ]\n\t\t\t\t.map( getBlockType )\n\t\t\t\t.filter( Boolean )\n\t\t\t\t.every( ( blockType ) => blockType.apiVersion >= 3 )\n\t\t);\n\t}, [] );\n}\n"],
-  "mappings": ";AAGA,SAAS,SAAS,mBAAmB;AACrC,SAAS,iBAAiB;AAC1B,SAAS,SAAS,mBAAmB;AACrC,SAAS,SAAS,wBAAwB;AAK1C,SAAS,cAAc;AAEvB,IAAM,oBAAoB,WAAW,sBAAsB,OAAO;AAE3D,SAAS,kBAAkB;AACjC,SAAO,UAAW,CAAE,WAAY;AAC/B,UAAM,EAAE,oBAAoB,cAAc,IAAI,OAAQ,WAAY;AAClE,UAAM,EAAE,6BAA6B,aAAa,IACjD,OAAQ,gBAAiB;AAC1B,UAAM,EAAE,aAAa,IAAI,OAAQ,WAAY;AAE7C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAOC;AAAA;AAAA;AAAA,MAIA,cAAc,MAAM,aACpB,CAAE,eAAe,UAAW,EAAE,SAAU,mBAAmB,CAAE,KAC7D,OAAQ,OAAQ,gBAAiB,CAAE,EAAE,UAAU;AAAA;AAAA,MAG/C,CAAE,GAAG,IAAI,IAAK,4BAA4B,EAAE,IAAK,YAAa,CAAE,CAAE,EAChE,IAAK,YAAa,EAClB,OAAQ,OAAQ,EAChB,MAAO,CAAE,cAAe,UAAU,cAAc,CAAE;AAAA;AAAA,EAEtD,GAAG,CAAC,CAAE;AACP;",
-  "names": []
-}

package/src/components/back-button/style.scss

@@ -1,70 +0,0 @@
-@use "@wordpress/base-styles/colors" as *;
-@use "@wordpress/base-styles/variables" as *;
-
-// Developer notes: these rules are copied from the site editor.
-// They need to be updated in both places.
-
-.edit-post-fullscreen-mode-close__view-mode-toggle {
-	top: 0;
-	left: 0;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	height: $button-size-compact;
-	width: $button-size-compact;
-	z-index: 100;
-
-	.components-button {
-		color: $white;
-		height: 100%;
-		width: 100%;
-		border-radius: 0;
-		overflow: hidden;
-		padding: 0;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		&:hover,
-		&:active {
-			color: $white;
-		}
-
-		&:focus {
-			box-shadow: none;
-		}
-	}
-
-	&:hover .edit-post-fullscreen-mode-close__back-icon {
-		color: var(--wp-admin-theme-color);
-	}
-}
-
-.edit-post-fullscreen-mode-close.components-button:focus {
-	position: relative;
-
-	&::before {
-		content: "";
-		display: block;
-		position: absolute;
-		z-index: 1;
-		top: 0;
-		right: 0;
-		bottom: 0;
-		left: 0;
-		box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 calc(#{ $border-width } + var(--wp-admin-border-width-focus)) $white;
-	}
-}
-
-.edit-post-fullscreen-mode-close__back-icon {
-	position: absolute;
-	width: $button-size-compact;
-	height: $button-size-compact;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	pointer-events: none;
-
-	svg {
-		fill: currentColor;
-	}
-}

package/src/components/layout/use-should-iframe.js

@@ -1,45 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { store as editorStore } from '@wordpress/editor';
-import { useSelect } from '@wordpress/data';
-import { store as blocksStore } from '@wordpress/blocks';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-
-const isGutenbergPlugin = globalThis.IS_GUTENBERG_PLUGIN ? true : false;
-
-export function useShouldIframe() {
-	return useSelect( ( select ) => {
-		const { getCurrentPostType, getDeviceType } = select( editorStore );
-		const { getClientIdsWithDescendants, getBlockName } =
-			select( blockEditorStore );
-		const { getBlockType } = select( blocksStore );
-
-		return (
-			// If the Gutenberg plugin is active, we ALWAYS use the iframe for
-			// consistency across the post and site editor. We plan on enforcing
-			// the iframe in the future, so Gutenberg both serves as way for us
-			// to warn plugin developers and for plugin developers to test their
-			// blocks easily. Before GB v22.5, we only enforced it for
-			// block-based themes (classic themes used the same rules as core).
-			isGutenbergPlugin ||
-			// We also still want to iframe all the special
-			// editor features and modes such as device previews, zoom out, and
-			// template/pattern editing.
-			getDeviceType() !== 'Desktop' ||
-			[ 'wp_template', 'wp_block' ].includes( getCurrentPostType() ) ||
-			unlock( select( blockEditorStore ) ).isZoomOut() ||
-			// Finally, still iframe the editor if all present blocks are v3
-			// (which means they are marked as iframe-compatible).
-			[ ...new Set( getClientIdsWithDescendants().map( getBlockName ) ) ]
-				.map( getBlockType )
-				.filter( Boolean )
-				.every( ( blockType ) => blockType.apiVersion >= 3 )
-		);
-	}, [] );
-}