@wordpress/edit-post 8.50.0 → 8.51.0

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;
 }
@@ -17,41 +17,6 @@ exports[`MetaBoxesSection renders a Custom Fields option 1`] = `
   margin-bottom: inherit;
 }
 
-.emotion-4 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  gap: calc(4px * 2);
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  -webkit-justify-content: flex-start;
-  justify-content: flex-start;
-  width: 100%;
-}
-
-.emotion-4>* {
-  min-width: 0;
-}
-
-.emotion-6 {
-  display: block;
-  max-height: 100%;
-  max-width: 100%;
-  min-height: 0;
-  min-width: 0;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
 <fieldset
   class="preferences-modal__section"
 >
@@ -77,9 +42,10 @@ exports[`MetaBoxesSection renders a Custom Fields option 1`] = `
           class="components-base-control__field emotion-2 emotion-3"
         >
           <div
-            class="components-flex components-h-stack emotion-4 emotion-5"
+            class="style-flex style-items-row style-expanded-row components-flex components-h-stack"
             data-wp-c16t="true"
             data-wp-component="HStack"
+            style="--wp-components-flex-align: center; --wp-components-flex-direction: row; --wp-components-flex-wrap: nowrap; --wp-components-flex-gap: calc(4px * 2); --wp-components-flex-justify: flex-start;"
           >
             <span
               class="components-form-toggle"
@@ -97,10 +63,11 @@ exports[`MetaBoxesSection renders a Custom Fields option 1`] = `
               />
             </span>
             <label
-              class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
+              class="style-item style-block components-flex-item components-flex-block components-toggle-control__label"
               data-wp-c16t="true"
               data-wp-component="FlexBlock"
               for="inspector-toggle-control-0"
+              style="--wp-components-flex-item-display: block;"
             >
               Custom fields
             </label>
@@ -114,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;
 }
@@ -129,41 +96,6 @@ exports[`MetaBoxesSection renders a Custom Fields option and meta box options 1`
   margin-bottom: inherit;
 }
 
-.emotion-4 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  gap: calc(4px * 2);
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  -webkit-justify-content: flex-start;
-  justify-content: flex-start;
-  width: 100%;
-}
-
-.emotion-4>* {
-  min-width: 0;
-}
-
-.emotion-6 {
-  display: block;
-  max-height: 100%;
-  max-width: 100%;
-  min-height: 0;
-  min-width: 0;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
 <fieldset
   class="preferences-modal__section"
 >
@@ -189,9 +121,10 @@ exports[`MetaBoxesSection renders a Custom Fields option and meta box options 1`
           class="components-base-control__field emotion-2 emotion-3"
         >
           <div
-            class="components-flex components-h-stack emotion-4 emotion-5"
+            class="style-flex style-items-row style-expanded-row components-flex components-h-stack"
             data-wp-c16t="true"
             data-wp-component="HStack"
+            style="--wp-components-flex-align: center; --wp-components-flex-direction: row; --wp-components-flex-wrap: nowrap; --wp-components-flex-gap: calc(4px * 2); --wp-components-flex-justify: flex-start;"
           >
             <span
               class="components-form-toggle"
@@ -209,10 +142,11 @@ exports[`MetaBoxesSection renders a Custom Fields option and meta box options 1`
               />
             </span>
             <label
-              class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
+              class="style-item style-block components-flex-item components-flex-block components-toggle-control__label"
               data-wp-c16t="true"
               data-wp-component="FlexBlock"
               for="inspector-toggle-control-3"
+              style="--wp-components-flex-item-display: block;"
             >
               Custom fields
             </label>
@@ -230,9 +164,10 @@ exports[`MetaBoxesSection renders a Custom Fields option and meta box options 1`
           class="components-base-control__field emotion-2 emotion-3"
         >
           <div
-            class="components-flex components-h-stack emotion-4 emotion-5"
+            class="style-flex style-items-row style-expanded-row components-flex components-h-stack"
             data-wp-c16t="true"
             data-wp-component="HStack"
+            style="--wp-components-flex-align: center; --wp-components-flex-direction: row; --wp-components-flex-wrap: nowrap; --wp-components-flex-gap: calc(4px * 2); --wp-components-flex-justify: flex-start;"
           >
             <span
               class="components-form-toggle is-checked"
@@ -251,10 +186,11 @@ exports[`MetaBoxesSection renders a Custom Fields option and meta box options 1`
               />
             </span>
             <label
-              class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
+              class="style-item style-block components-flex-item components-flex-block components-toggle-control__label"
               data-wp-c16t="true"
               data-wp-component="FlexBlock"
               for="inspector-toggle-control-4"
+              style="--wp-components-flex-item-display: block;"
             >
               Meta Box 1
             </label>
@@ -272,9 +208,10 @@ exports[`MetaBoxesSection renders a Custom Fields option and meta box options 1`
           class="components-base-control__field emotion-2 emotion-3"
         >
           <div
-            class="components-flex components-h-stack emotion-4 emotion-5"
+            class="style-flex style-items-row style-expanded-row components-flex components-h-stack"
             data-wp-c16t="true"
             data-wp-component="HStack"
+            style="--wp-components-flex-align: center; --wp-components-flex-direction: row; --wp-components-flex-wrap: nowrap; --wp-components-flex-gap: calc(4px * 2); --wp-components-flex-justify: flex-start;"
           >
             <span
               class="components-form-toggle is-checked"
@@ -293,10 +230,11 @@ exports[`MetaBoxesSection renders a Custom Fields option and meta box options 1`
               />
             </span>
             <label
-              class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
+              class="style-item style-block components-flex-item components-flex-block components-toggle-control__label"
               data-wp-c16t="true"
               data-wp-component="FlexBlock"
               for="inspector-toggle-control-5"
+              style="--wp-components-flex-item-display: block;"
             >
               Meta Box 2
             </label>
@@ -310,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;
 }
@@ -325,41 +263,6 @@ exports[`MetaBoxesSection renders meta box options 1`] = `
   margin-bottom: inherit;
 }
 
-.emotion-4 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  gap: calc(4px * 2);
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  -webkit-justify-content: flex-start;
-  justify-content: flex-start;
-  width: 100%;
-}
-
-.emotion-4>* {
-  min-width: 0;
-}
-
-.emotion-6 {
-  display: block;
-  max-height: 100%;
-  max-width: 100%;
-  min-height: 0;
-  min-width: 0;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
 <fieldset
   class="preferences-modal__section"
 >
@@ -385,9 +288,10 @@ exports[`MetaBoxesSection renders meta box options 1`] = `
           class="components-base-control__field emotion-2 emotion-3"
         >
           <div
-            class="components-flex components-h-stack emotion-4 emotion-5"
+            class="style-flex style-items-row style-expanded-row components-flex components-h-stack"
             data-wp-c16t="true"
             data-wp-component="HStack"
+            style="--wp-components-flex-align: center; --wp-components-flex-direction: row; --wp-components-flex-wrap: nowrap; --wp-components-flex-gap: calc(4px * 2); --wp-components-flex-justify: flex-start;"
           >
             <span
               class="components-form-toggle is-checked"
@@ -406,10 +310,11 @@ exports[`MetaBoxesSection renders meta box options 1`] = `
               />
             </span>
             <label
-              class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
+              class="style-item style-block components-flex-item components-flex-block components-toggle-control__label"
               data-wp-c16t="true"
               data-wp-component="FlexBlock"
               for="inspector-toggle-control-1"
+              style="--wp-components-flex-item-display: block;"
             >
               Meta Box 1
             </label>
@@ -427,9 +332,10 @@ exports[`MetaBoxesSection renders meta box options 1`] = `
           class="components-base-control__field emotion-2 emotion-3"
         >
           <div
-            class="components-flex components-h-stack emotion-4 emotion-5"
+            class="style-flex style-items-row style-expanded-row components-flex components-h-stack"
             data-wp-c16t="true"
             data-wp-component="HStack"
+            style="--wp-components-flex-align: center; --wp-components-flex-direction: row; --wp-components-flex-wrap: nowrap; --wp-components-flex-gap: calc(4px * 2); --wp-components-flex-justify: flex-start;"
           >
             <span
               class="components-form-toggle is-checked"
@@ -448,10 +354,11 @@ exports[`MetaBoxesSection renders meta box options 1`] = `
               />
             </span>
             <label
-              class="components-flex-item components-flex-block components-toggle-control__label emotion-6 emotion-5"
+              class="style-item style-block components-flex-item components-flex-block components-toggle-control__label"
               data-wp-c16t="true"
               data-wp-component="FlexBlock"
               for="inspector-toggle-control-2"
+              style="--wp-components-flex-item-display: block;"
             >
               Meta Box 2
             </label>

package/src/index.js

@@ -79,7 +79,9 @@ export function initializeEditor(
 		enableChoosePatternModal: true,
 		isPublishSidebarEnabled: true,
 		showCollaborationCursor: false,
-		showCollaborationNotifications: true,
+		showCollaborationJoinNotifications: true,
+		showCollaborationLeaveNotifications: true,
+		showCollaborationPostSaveNotifications: true,
 	} );
 
 	if ( window.__clientSideMediaProcessing ) {
@@ -238,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,14 +1,24 @@
 @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 *;
-@use "./experimental-omnibar.scss" as *;
 
 body.js.block-editor-page {
 	@include wp-admin-reset( ".block-editor" );
+
+	&.is-fullscreen-mode {
+		@include break-medium {
+			&:has(.editor-editor-interface.is-distraction-free) {
+				--wp-admin--admin-bar--height: 0px;
+
+				#wpadminbar {
+					display: none;
+				}
+			}
+		}
+	}
 }
 
 // Fix issue with wp-admin menu not scrolling between 170% and 200% zoom.
@@ -19,7 +29,7 @@ body.js.block-editor-page {
 	}
 }
 
-.edit-post-visual-editor.is-iframed {
+.edit-post-visual-editor {
 	@include reset;
 }
 
@@ -37,11 +47,7 @@ body.js.block-editor-page {
 
 	// The WP header height changes at this breakpoint.
 	@include break-medium {
-		min-height: calc(100vh - #{$admin-bar-height});
-
-		body.is-fullscreen-mode & {
-			min-height: 100vh;
-		}
+		min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
 	}
 
 	img {

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/build-style/experimental-omnibar-rtl.css

@@ -1,50 +0,0 @@
-body.has-admin-bar-in-editor .edit-post-fullscreen-mode-close__view-mode-toggle {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-}
-body.has-admin-bar-in-editor .edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__back-icon {
-  top: auto;
-  right: auto;
-  width: 32px;
-  height: 32px;
-  background: transparent;
-}
-body.has-admin-bar-in-editor .edit-post-fullscreen-mode-close__view-mode-toggle:hover .edit-post-fullscreen-mode-close__back-icon {
-  color: var(--wp-admin-theme-color);
-}
-body.has-admin-bar-in-editor.is-fullscreen-mode .editor-header:has(> .editor-header__back-button) {
-  grid-template-columns: 32px minmax(0, max-content) minmax(min-content, 1fr) 64px;
-}
-body.has-admin-bar-in-editor.is-fullscreen-mode .editor-header:has(> .editor-header__back-button):has(> .editor-header__center) {
-  grid-template-columns: 32px min-content 1fr min-content 64px;
-}
-body.has-admin-bar-in-editor.is-fullscreen-mode .editor-header__back-button {
-  padding-right: 8px;
-}
-@media (min-width: 782px) {
-  body.has-admin-bar-in-editor.is-fullscreen-mode {
-    margin-top: 0;
-    height: 100%;
-  }
-  body.has-admin-bar-in-editor.is-fullscreen-mode #wpadminbar {
-    display: block;
-  }
-  body.has-admin-bar-in-editor.is-fullscreen-mode .interface-interface-skeleton,
-  body.has-admin-bar-in-editor.is-fullscreen-mode .editor-post-publish-panel,
-  body.has-admin-bar-in-editor.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus,
-  body.has-admin-bar-in-editor.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
-    top: var(--wp-admin--admin-bar--height, 0);
-  }
-  body.has-admin-bar-in-editor.is-fullscreen-mode .block-editor__container {
-    min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
-  }
-  body.has-admin-bar-in-editor.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) {
-    --wp-admin--admin-bar--height: 0;
-  }
-  body.has-admin-bar-in-editor.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) #wpadminbar {
-    display: none;
-  }
-}

package/build-style/experimental-omnibar.css

@@ -1,50 +0,0 @@
-body.has-admin-bar-in-editor .edit-post-fullscreen-mode-close__view-mode-toggle {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-}
-body.has-admin-bar-in-editor .edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__back-icon {
-  top: auto;
-  left: auto;
-  width: 32px;
-  height: 32px;
-  background: transparent;
-}
-body.has-admin-bar-in-editor .edit-post-fullscreen-mode-close__view-mode-toggle:hover .edit-post-fullscreen-mode-close__back-icon {
-  color: var(--wp-admin-theme-color);
-}
-body.has-admin-bar-in-editor.is-fullscreen-mode .editor-header:has(> .editor-header__back-button) {
-  grid-template-columns: 32px minmax(0, max-content) minmax(min-content, 1fr) 64px;
-}
-body.has-admin-bar-in-editor.is-fullscreen-mode .editor-header:has(> .editor-header__back-button):has(> .editor-header__center) {
-  grid-template-columns: 32px min-content 1fr min-content 64px;
-}
-body.has-admin-bar-in-editor.is-fullscreen-mode .editor-header__back-button {
-  padding-left: 8px;
-}
-@media (min-width: 782px) {
-  body.has-admin-bar-in-editor.is-fullscreen-mode {
-    margin-top: 0;
-    height: 100%;
-  }
-  body.has-admin-bar-in-editor.is-fullscreen-mode #wpadminbar {
-    display: block;
-  }
-  body.has-admin-bar-in-editor.is-fullscreen-mode .interface-interface-skeleton,
-  body.has-admin-bar-in-editor.is-fullscreen-mode .editor-post-publish-panel,
-  body.has-admin-bar-in-editor.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus,
-  body.has-admin-bar-in-editor.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
-    top: var(--wp-admin--admin-bar--height, 0);
-  }
-  body.has-admin-bar-in-editor.is-fullscreen-mode .block-editor__container {
-    min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
-  }
-  body.has-admin-bar-in-editor.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) {
-    --wp-admin--admin-bar--height: 0;
-  }
-  body.has-admin-bar-in-editor.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) #wpadminbar {
-    display: none;
-  }
-}