@wordpress/edit-site 6.31.1-next.f56bd8138.0 → 6.32.1-next.47f435fc9.0

package/build-module/components/editor/use-resolve-edited-entity.js

@@ -1,168 +1,128 @@
-/**
- * WordPress dependencies
- */
-import { useEffect, useMemo } from '@wordpress/element';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { store as coreDataStore } from '@wordpress/core-data';
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-
-/**
- * Internal dependencies
- */
-import { store as editSiteStore } from '../../store';
-import { unlock } from '../../lock-unlock';
-import { TEMPLATE_POST_TYPE, TEMPLATE_PART_POST_TYPE, NAVIGATION_POST_TYPE, PATTERN_TYPES } from '../../utils/constants';
-const {
-  useLocation
-} = unlock(routerPrivateApis);
-const postTypesWithoutParentTemplate = [TEMPLATE_POST_TYPE, TEMPLATE_PART_POST_TYPE, NAVIGATION_POST_TYPE, PATTERN_TYPES.user, 'wp_registered_template'];
-const authorizedPostTypes = ['page', 'post'];
-function getPostType(name, postId) {
+import { useEffect, useMemo } from "@wordpress/element";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { store as coreDataStore } from "@wordpress/core-data";
+import { privateApis as routerPrivateApis } from "@wordpress/router";
+import { store as editSiteStore } from "../../store";
+import { unlock } from "../../lock-unlock";
+import {
+  TEMPLATE_POST_TYPE,
+  TEMPLATE_PART_POST_TYPE,
+  NAVIGATION_POST_TYPE,
+  PATTERN_TYPES
+} from "../../utils/constants";
+const { useLocation } = unlock(routerPrivateApis);
+const postTypesWithoutParentTemplate = [
+  TEMPLATE_POST_TYPE,
+  TEMPLATE_PART_POST_TYPE,
+  NAVIGATION_POST_TYPE,
+  PATTERN_TYPES.user,
+  "wp_registered_template"
+];
+const authorizedPostTypes = ["page", "post"];
+function getPostType(name) {
   let postType;
-  if (name === 'navigation-item') {
+  if (name === "navigation-item") {
     postType = NAVIGATION_POST_TYPE;
-  } else if (name === 'pattern-item') {
+  } else if (name === "pattern-item") {
     postType = PATTERN_TYPES.user;
-  } else if (name === 'template-part-item') {
+  } else if (name === "template-part-item") {
     postType = TEMPLATE_PART_POST_TYPE;
-  } else if (name === 'templates') {
-    postType = /^\d+$/.test(postId) ? TEMPLATE_POST_TYPE : 'wp_registered_template';
-  } else if (name === 'template-item') {
+  } else if (name === "templates") {
     postType = TEMPLATE_POST_TYPE;
-  } else if (name === 'static-template-item') {
-    postType = 'wp_registered_template';
-  } else if (name === 'page-item' || name === 'pages') {
-    postType = 'page';
-  } else if (name === 'post-item' || name === 'posts') {
-    postType = 'post';
+  } else if (name === "template-item") {
+    postType = TEMPLATE_POST_TYPE;
+  } else if (name === "static-template-item") {
+    postType = "wp_registered_template";
+  } else if (name === "page-item" || name === "pages") {
+    postType = "page";
+  } else if (name === "post-item" || name === "posts") {
+    postType = "post";
   }
   return postType;
 }
-export function useResolveEditedEntity() {
-  var _getPostType;
-  const {
-    name,
-    params = {},
-    query
-  } = useLocation();
-  const {
-    postId: _postId = query?.postId
-  } = params; // Fallback to query param for postId for list view routes.
-  const _postType = (_getPostType = getPostType(name, _postId)) !== null && _getPostType !== void 0 ? _getPostType : query?.postType;
-  const homePage = useSelect(select => {
-    const {
-      getHomePage
-    } = unlock(select(coreDataStore));
+function useResolveEditedEntity() {
+  const { name, params = {}, query } = useLocation();
+  const { postId: _postId = query?.postId } = params;
+  const _postType = getPostType(name, _postId) ?? query?.postType;
+  const homePage = useSelect((select) => {
+    const { getHomePage } = unlock(select(coreDataStore));
     return getHomePage();
   }, []);
-  const [postType, postId] = useSelect(select => {
-    if (_postType !== 'wp_registered_template') {
-      return [_postType, _postId];
-    }
-    return [TEMPLATE_POST_TYPE, unlock(select(coreDataStore)).getTemplateAutoDraftId(_postId)];
-  }, [_postType, _postId]);
-
-  /**
-   * This is a hook that recreates the logic to resolve a template for a given WordPress postID postTypeId
-   * in order to match the frontend as closely as possible in the site editor.
-   *
-   * It is not possible to rely on the server logic because there maybe unsaved changes that impact the template resolution.
-   */
-  const resolvedTemplateId = useSelect(select => {
-    // If we're rendering a post type that doesn't have a template
-    // no need to resolve its template.
-    if (postTypesWithoutParentTemplate.includes(postType) && postId) {
-      return;
-    }
-
-    // Don't trigger resolution for multi-selected posts.
-    if (postId && postId.includes(',')) {
-      return;
-    }
-    const {
-      getTemplateId
-    } = unlock(select(coreDataStore));
-
-    // If we're rendering a specific page, we need to resolve its template.
-    // The site editor only supports pages for now, not other CPTs.
-    if (postType && postId && authorizedPostTypes.includes(postType)) {
-      return getTemplateId(postType, postId);
-    }
-
-    // If we're rendering the home page, and we have a static home page, resolve its template.
-    if (homePage?.postType === 'page') {
-      return getTemplateId('page', homePage?.postId);
-    }
-    if (homePage?.postType === 'wp_template') {
-      return homePage?.postId;
-    }
-  }, [homePage, postId, postType]);
-  const editableResolvedTemplateId = useSelect(select => {
-    if (typeof resolvedTemplateId !== 'string') {
-      return resolvedTemplateId;
-    }
-    return unlock(select(coreDataStore)).getTemplateAutoDraftId(resolvedTemplateId);
-  }, [resolvedTemplateId]);
+  const [postType, postId] = useSelect(
+    (select) => {
+      if (_postType !== "wp_registered_template") {
+        return [_postType, _postId];
+      }
+      return [
+        TEMPLATE_POST_TYPE,
+        unlock(select(coreDataStore)).getTemplateAutoDraftId(
+          _postId
+        )
+      ];
+    },
+    [_postType, _postId]
+  );
+  const resolvedTemplateId = useSelect(
+    (select) => {
+      if (postTypesWithoutParentTemplate.includes(postType) && postId) {
+        return;
+      }
+      if (postId && postId.includes(",")) {
+        return;
+      }
+      const { getTemplateId } = unlock(select(coreDataStore));
+      if (postType && postId && authorizedPostTypes.includes(postType)) {
+        return getTemplateId(postType, postId);
+      }
+      if (homePage?.postType === "page") {
+        return getTemplateId("page", homePage?.postId);
+      }
+      if (homePage?.postType === "wp_template") {
+        return homePage?.postId;
+      }
+    },
+    [homePage, postId, postType]
+  );
   const context = useMemo(() => {
     if (postTypesWithoutParentTemplate.includes(postType) && postId) {
       return {};
     }
     if (postType && postId && authorizedPostTypes.includes(postType)) {
-      return {
-        postType,
-        postId
-      };
+      return { postType, postId };
     }
-    // TODO: for post types lists we should probably not render the front page, but maybe a placeholder
-    // with a message like "Select a page" or something similar.
-    if (homePage?.postType === 'page') {
-      return {
-        postType: 'page',
-        postId: homePage?.postId
-      };
+    if (homePage?.postType === "page") {
+      return { postType: "page", postId: homePage?.postId };
     }
     return {};
   }, [homePage, postType, postId]);
   if (postTypesWithoutParentTemplate.includes(postType) && postId) {
-    return {
-      isReady: true,
-      postType,
-      postId,
-      context
-    };
+    return { isReady: true, postType, postId, context };
   }
   if (!!homePage) {
     return {
-      isReady: editableResolvedTemplateId !== undefined,
+      isReady: resolvedTemplateId !== void 0,
       postType: TEMPLATE_POST_TYPE,
-      postId: editableResolvedTemplateId,
+      postId: resolvedTemplateId,
       context
     };
   }
-  return {
-    isReady: false
-  };
+  return { isReady: false };
 }
-export function useSyncDeprecatedEntityIntoState({
+function useSyncDeprecatedEntityIntoState({
   postType,
   postId,
   context,
   isReady
 }) {
-  const {
-    setEditedEntity
-  } = useDispatch(editSiteStore);
+  const { setEditedEntity } = useDispatch(editSiteStore);
   useEffect(() => {
     if (isReady) {
-      // setEditedEntity expects a string (because the postId used to be
-      // the template slug, even for edited templates). Now the postId can
-      // be a number (either because it's an auto-draft or edited
-      // template). Passing a number could break plugins doing things like
-      // `id.includes`. It would be way more complex to keep passing the
-      // template slug, while also being incorrect, so the easiest
-      // solution is to cast the postId to a string.
       setEditedEntity(postType, String(postId), context);
     }
   }, [isReady, postType, postId, context, setEditedEntity]);
 }
-//# sourceMappingURL=use-resolve-edited-entity.js.map
+export {
+  useResolveEditedEntity,
+  useSyncDeprecatedEntityIntoState
+};
+//# sourceMappingURL=use-resolve-edited-entity.js.map

package/build-module/components/editor/use-resolve-edited-entity.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useEffect","useMemo","useSelect","useDispatch","store","coreDataStore","privateApis","routerPrivateApis","editSiteStore","unlock","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","NAVIGATION_POST_TYPE","PATTERN_TYPES","useLocation","postTypesWithoutParentTemplate","user","authorizedPostTypes","getPostType","name","postId","postType","test","useResolveEditedEntity","_getPostType","params","query","_postId","_postType","homePage","select","getHomePage","getTemplateAutoDraftId","resolvedTemplateId","includes","getTemplateId","editableResolvedTemplateId","context","isReady","undefined","useSyncDeprecatedEntityIntoState","setEditedEntity","String"],"sources":["@wordpress/edit-site/src/components/editor/use-resolve-edited-entity.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useMemo } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreDataStore } from '@wordpress/core-data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n\tPATTERN_TYPES,\n} from '../../utils/constants';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst postTypesWithoutParentTemplate = [\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n\tPATTERN_TYPES.user,\n\t'wp_registered_template',\n];\n\nconst authorizedPostTypes = [ 'page', 'post' ];\n\nfunction getPostType( name, postId ) {\n\tlet postType;\n\tif ( name === 'navigation-item' ) {\n\t\tpostType = NAVIGATION_POST_TYPE;\n\t} else if ( name === 'pattern-item' ) {\n\t\tpostType = PATTERN_TYPES.user;\n\t} else if ( name === 'template-part-item' ) {\n\t\tpostType = TEMPLATE_PART_POST_TYPE;\n\t} else if ( name === 'templates' ) {\n\t\tpostType = /^\\d+$/.test( postId )\n\t\t\t? TEMPLATE_POST_TYPE\n\t\t\t: 'wp_registered_template';\n\t} else if ( name === 'template-item' ) {\n\t\tpostType = TEMPLATE_POST_TYPE;\n\t} else if ( name === 'static-template-item' ) {\n\t\tpostType = 'wp_registered_template';\n\t} else if ( name === 'page-item' || name === 'pages' ) {\n\t\tpostType = 'page';\n\t} else if ( name === 'post-item' || name === 'posts' ) {\n\t\tpostType = 'post';\n\t}\n\n\treturn postType;\n}\n\nexport function useResolveEditedEntity() {\n\tconst { name, params = {}, query } = useLocation();\n\tconst { postId: _postId = query?.postId } = params; // Fallback to query param for postId for list view routes.\n\tconst _postType = getPostType( name, _postId ) ?? query?.postType;\n\n\tconst homePage = useSelect( ( select ) => {\n\t\tconst { getHomePage } = unlock( select( coreDataStore ) );\n\t\treturn getHomePage();\n\t}, [] );\n\n\tconst [ postType, postId ] = useSelect(\n\t\t( select ) => {\n\t\t\tif ( _postType !== 'wp_registered_template' ) {\n\t\t\t\treturn [ _postType, _postId ];\n\t\t\t}\n\t\t\treturn [\n\t\t\t\tTEMPLATE_POST_TYPE,\n\t\t\t\tunlock( select( coreDataStore ) ).getTemplateAutoDraftId(\n\t\t\t\t\t_postId\n\t\t\t\t),\n\t\t\t];\n\t\t},\n\t\t[ _postType, _postId ]\n\t);\n\n\t/**\n\t * This is a hook that recreates the logic to resolve a template for a given WordPress postID postTypeId\n\t * in order to match the frontend as closely as possible in the site editor.\n\t *\n\t * It is not possible to rely on the server logic because there maybe unsaved changes that impact the template resolution.\n\t */\n\tconst resolvedTemplateId = useSelect(\n\t\t( select ) => {\n\t\t\t// If we're rendering a post type that doesn't have a template\n\t\t\t// no need to resolve its template.\n\t\t\tif (\n\t\t\t\tpostTypesWithoutParentTemplate.includes( postType ) &&\n\t\t\t\tpostId\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Don't trigger resolution for multi-selected posts.\n\t\t\tif ( postId && postId.includes( ',' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { getTemplateId } = unlock( select( coreDataStore ) );\n\n\t\t\t// If we're rendering a specific page, we need to resolve its template.\n\t\t\t// The site editor only supports pages for now, not other CPTs.\n\t\t\tif (\n\t\t\t\tpostType &&\n\t\t\t\tpostId &&\n\t\t\t\tauthorizedPostTypes.includes( postType )\n\t\t\t) {\n\t\t\t\treturn getTemplateId( postType, postId );\n\t\t\t}\n\n\t\t\t// If we're rendering the home page, and we have a static home page, resolve its template.\n\t\t\tif ( homePage?.postType === 'page' ) {\n\t\t\t\treturn getTemplateId( 'page', homePage?.postId );\n\t\t\t}\n\n\t\t\tif ( homePage?.postType === 'wp_template' ) {\n\t\t\t\treturn homePage?.postId;\n\t\t\t}\n\t\t},\n\t\t[ homePage, postId, postType ]\n\t);\n\n\tconst editableResolvedTemplateId = useSelect(\n\t\t( select ) => {\n\t\t\tif ( typeof resolvedTemplateId !== 'string' ) {\n\t\t\t\treturn resolvedTemplateId;\n\t\t\t}\n\t\t\treturn unlock( select( coreDataStore ) ).getTemplateAutoDraftId(\n\t\t\t\tresolvedTemplateId\n\t\t\t);\n\t\t},\n\t\t[ resolvedTemplateId ]\n\t);\n\n\tconst context = useMemo( () => {\n\t\tif ( postTypesWithoutParentTemplate.includes( postType ) && postId ) {\n\t\t\treturn {};\n\t\t}\n\n\t\tif ( postType && postId && authorizedPostTypes.includes( postType ) ) {\n\t\t\treturn { postType, postId };\n\t\t}\n\t\t// TODO: for post types lists we should probably not render the front page, but maybe a placeholder\n\t\t// with a message like \"Select a page\" or something similar.\n\t\tif ( homePage?.postType === 'page' ) {\n\t\t\treturn { postType: 'page', postId: homePage?.postId };\n\t\t}\n\n\t\treturn {};\n\t}, [ homePage, postType, postId ] );\n\n\tif ( postTypesWithoutParentTemplate.includes( postType ) && postId ) {\n\t\treturn { isReady: true, postType, postId, context };\n\t}\n\n\tif ( !! homePage ) {\n\t\treturn {\n\t\t\tisReady: editableResolvedTemplateId !== undefined,\n\t\t\tpostType: TEMPLATE_POST_TYPE,\n\t\t\tpostId: editableResolvedTemplateId,\n\t\t\tcontext,\n\t\t};\n\t}\n\n\treturn { isReady: false };\n}\n\nexport function useSyncDeprecatedEntityIntoState( {\n\tpostType,\n\tpostId,\n\tcontext,\n\tisReady,\n} ) {\n\tconst { setEditedEntity } = useDispatch( editSiteStore );\n\n\tuseEffect( () => {\n\t\tif ( isReady ) {\n\t\t\t// setEditedEntity expects a string (because the postId used to be\n\t\t\t// the template slug, even for edited templates). Now the postId can\n\t\t\t// be a number (either because it's an auto-draft or edited\n\t\t\t// template). Passing a number could break plugins doing things like\n\t\t\t// `id.includes`. It would be way more complex to keep passing the\n\t\t\t// template slug, while also being incorrect, so the easiest\n\t\t\t// solution is to cast the postId to a string.\n\t\t\tsetEditedEntity( postType, String( postId ), context );\n\t\t}\n\t}, [ isReady, postType, postId, context, setEditedEntity ] );\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/editor/use-resolve-edited-entity.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect, useMemo } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreDataStore } from '@wordpress/core-data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n\tPATTERN_TYPES,\n} from '../../utils/constants';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst postTypesWithoutParentTemplate = [\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n\tPATTERN_TYPES.user,\n\t'wp_registered_template',\n];\n\nconst authorizedPostTypes = [ 'page', 'post' ];\n\nfunction getPostType( name ) {\n\tlet postType;\n\tif ( name === 'navigation-item' ) {\n\t\tpostType = NAVIGATION_POST_TYPE;\n\t} else if ( name === 'pattern-item' ) {\n\t\tpostType = PATTERN_TYPES.user;\n\t} else if ( name === 'template-part-item' ) {\n\t\tpostType = TEMPLATE_PART_POST_TYPE;\n\t} else if ( name === 'templates' ) {\n\t\tpostType = TEMPLATE_POST_TYPE;\n\t} else if ( name === 'template-item' ) {\n\t\tpostType = TEMPLATE_POST_TYPE;\n\t} else if ( name === 'static-template-item' ) {\n\t\tpostType = 'wp_registered_template';\n\t} else if ( name === 'page-item' || name === 'pages' ) {\n\t\tpostType = 'page';\n\t} else if ( name === 'post-item' || name === 'posts' ) {\n\t\tpostType = 'post';\n\t}\n\n\treturn postType;\n}\n\nexport function useResolveEditedEntity() {\n\tconst { name, params = {}, query } = useLocation();\n\tconst { postId: _postId = query?.postId } = params; // Fallback to query param for postId for list view routes.\n\tconst _postType = getPostType( name, _postId ) ?? query?.postType;\n\n\tconst homePage = useSelect( ( select ) => {\n\t\tconst { getHomePage } = unlock( select( coreDataStore ) );\n\t\treturn getHomePage();\n\t}, [] );\n\n\tconst [ postType, postId ] = useSelect(\n\t\t( select ) => {\n\t\t\tif ( _postType !== 'wp_registered_template' ) {\n\t\t\t\treturn [ _postType, _postId ];\n\t\t\t}\n\t\t\treturn [\n\t\t\t\tTEMPLATE_POST_TYPE,\n\t\t\t\tunlock( select( coreDataStore ) ).getTemplateAutoDraftId(\n\t\t\t\t\t_postId\n\t\t\t\t),\n\t\t\t];\n\t\t},\n\t\t[ _postType, _postId ]\n\t);\n\n\t/**\n\t * This is a hook that recreates the logic to resolve a template for a given WordPress postID postTypeId\n\t * in order to match the frontend as closely as possible in the site editor.\n\t *\n\t * It is not possible to rely on the server logic because there maybe unsaved changes that impact the template resolution.\n\t */\n\tconst resolvedTemplateId = useSelect(\n\t\t( select ) => {\n\t\t\t// If we're rendering a post type that doesn't have a template\n\t\t\t// no need to resolve its template.\n\t\t\tif (\n\t\t\t\tpostTypesWithoutParentTemplate.includes( postType ) &&\n\t\t\t\tpostId\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Don't trigger resolution for multi-selected posts.\n\t\t\tif ( postId && postId.includes( ',' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { getTemplateId } = unlock( select( coreDataStore ) );\n\n\t\t\t// If we're rendering a specific page, we need to resolve its template.\n\t\t\t// The site editor only supports pages for now, not other CPTs.\n\t\t\tif (\n\t\t\t\tpostType &&\n\t\t\t\tpostId &&\n\t\t\t\tauthorizedPostTypes.includes( postType )\n\t\t\t) {\n\t\t\t\treturn getTemplateId( postType, postId );\n\t\t\t}\n\n\t\t\t// If we're rendering the home page, and we have a static home page, resolve its template.\n\t\t\tif ( homePage?.postType === 'page' ) {\n\t\t\t\treturn getTemplateId( 'page', homePage?.postId );\n\t\t\t}\n\n\t\t\tif ( homePage?.postType === 'wp_template' ) {\n\t\t\t\treturn homePage?.postId;\n\t\t\t}\n\t\t},\n\t\t[ homePage, postId, postType ]\n\t);\n\n\tconst context = useMemo( () => {\n\t\tif ( postTypesWithoutParentTemplate.includes( postType ) && postId ) {\n\t\t\treturn {};\n\t\t}\n\n\t\tif ( postType && postId && authorizedPostTypes.includes( postType ) ) {\n\t\t\treturn { postType, postId };\n\t\t}\n\t\t// TODO: for post types lists we should probably not render the front page, but maybe a placeholder\n\t\t// with a message like \"Select a page\" or something similar.\n\t\tif ( homePage?.postType === 'page' ) {\n\t\t\treturn { postType: 'page', postId: homePage?.postId };\n\t\t}\n\n\t\treturn {};\n\t}, [ homePage, postType, postId ] );\n\n\tif ( postTypesWithoutParentTemplate.includes( postType ) && postId ) {\n\t\treturn { isReady: true, postType, postId, context };\n\t}\n\n\tif ( !! homePage ) {\n\t\treturn {\n\t\t\tisReady: resolvedTemplateId !== undefined,\n\t\t\tpostType: TEMPLATE_POST_TYPE,\n\t\t\tpostId: resolvedTemplateId,\n\t\t\tcontext,\n\t\t};\n\t}\n\n\treturn { isReady: false };\n}\n\nexport function useSyncDeprecatedEntityIntoState( {\n\tpostType,\n\tpostId,\n\tcontext,\n\tisReady,\n} ) {\n\tconst { setEditedEntity } = useDispatch( editSiteStore );\n\n\tuseEffect( () => {\n\t\tif ( isReady ) {\n\t\t\t// setEditedEntity expects a string (because the postId used to be\n\t\t\t// the template slug, even for edited templates). Now the postId can\n\t\t\t// be a number (either because it's an auto-draft or edited\n\t\t\t// template). Passing a number could break plugins doing things like\n\t\t\t// `id.includes`. It would be way more complex to keep passing the\n\t\t\t// template slug, while also being incorrect, so the easiest\n\t\t\t// solution is to cast the postId to a string.\n\t\t\tsetEditedEntity( postType, String( postId ), context );\n\t\t}\n\t}, [ isReady, postType, postId, context, setEditedEntity ] );\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/components/editor-canvas-container/index.js

@@ -1,43 +1,31 @@
-/**
- * WordPress dependencies
- */
-import { Children, cloneElement, useState } from '@wordpress/element';
-import { Button, __experimentalUseSlotFills as useSlotFills } from '@wordpress/components';
-import { ESCAPE } from '@wordpress/keycodes';
-import { __ } from '@wordpress/i18n';
-import { useDispatch, useSelect } from '@wordpress/data';
-import { closeSmall } from '@wordpress/icons';
-import { useFocusOnMount, useFocusReturn } from '@wordpress/compose';
-import { store as preferencesStore } from '@wordpress/preferences';
-import { store as editorStore, privateApis as editorPrivateApis } from '@wordpress/editor';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-import { store as editSiteStore } from '../../store';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  EditorContentSlotFill,
-  ResizableEditor
-} = unlock(editorPrivateApis);
-
-/**
- * Returns a translated string for the title of the editor canvas container.
- *
- * @param {string} view Editor canvas container view.
- *
- * @return {Object} Translated string for the view title and associated icon, both defaulting to ''.
- */
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Children, cloneElement, useState } from "@wordpress/element";
+import {
+  Button,
+  __experimentalUseSlotFills as useSlotFills
+} from "@wordpress/components";
+import { ESCAPE } from "@wordpress/keycodes";
+import { __ } from "@wordpress/i18n";
+import { useDispatch, useSelect } from "@wordpress/data";
+import { closeSmall } from "@wordpress/icons";
+import { useFocusOnMount, useFocusReturn } from "@wordpress/compose";
+import { store as preferencesStore } from "@wordpress/preferences";
+import {
+  store as editorStore,
+  privateApis as editorPrivateApis
+} from "@wordpress/editor";
+import { unlock } from "../../lock-unlock";
+import { store as editSiteStore } from "../../store";
+const { EditorContentSlotFill, ResizableEditor } = unlock(editorPrivateApis);
 function getEditorCanvasContainerTitle(view) {
   switch (view) {
-    case 'style-book':
-      return __('Style Book');
-    case 'global-styles-revisions':
-    case 'global-styles-revisions:style-book':
-      return __('Style Revisions');
+    case "style-book":
+      return __("Style Book");
+    case "global-styles-revisions":
+    case "global-styles-revisions:style-book":
+      return __("Style Revisions");
     default:
-      return '';
+      return "";
   }
 }
 function EditorCanvasContainer({
@@ -46,31 +34,34 @@ function EditorCanvasContainer({
   onClose,
   enableResizing = false
 }) {
-  const {
-    editorCanvasContainerView,
-    showListViewByDefault
-  } = useSelect(select => {
-    const _editorCanvasContainerView = unlock(select(editSiteStore)).getEditorCanvasContainerView();
-    const _showListViewByDefault = select(preferencesStore).get('core', 'showListViewByDefault');
-    return {
-      editorCanvasContainerView: _editorCanvasContainerView,
-      showListViewByDefault: _showListViewByDefault
-    };
-  }, []);
+  const { editorCanvasContainerView, showListViewByDefault } = useSelect(
+    (select) => {
+      const _editorCanvasContainerView = unlock(
+        select(editSiteStore)
+      ).getEditorCanvasContainerView();
+      const _showListViewByDefault = select(preferencesStore).get(
+        "core",
+        "showListViewByDefault"
+      );
+      return {
+        editorCanvasContainerView: _editorCanvasContainerView,
+        showListViewByDefault: _showListViewByDefault
+      };
+    },
+    []
+  );
   const [isClosed, setIsClosed] = useState(false);
-  const {
-    setEditorCanvasContainerView
-  } = unlock(useDispatch(editSiteStore));
-  const {
-    setIsListViewOpened
-  } = useDispatch(editorStore);
-  const focusOnMountRef = useFocusOnMount('firstElement');
+  const { setEditorCanvasContainerView } = unlock(
+    useDispatch(editSiteStore)
+  );
+  const { setIsListViewOpened } = useDispatch(editorStore);
+  const focusOnMountRef = useFocusOnMount("firstElement");
   const sectionFocusReturnRef = useFocusReturn();
   function onCloseContainer() {
     setIsListViewOpened(showListViewByDefault);
-    setEditorCanvasContainerView(undefined);
+    setEditorCanvasContainerView(void 0);
     setIsClosed(true);
-    if (typeof onClose === 'function') {
+    if (typeof onClose === "function") {
       onClose();
     }
   }
@@ -80,9 +71,12 @@ function EditorCanvasContainer({
       onCloseContainer();
     }
   }
-  const childrenWithProps = Array.isArray(children) ? Children.map(children, (child, index) => index === 0 ? cloneElement(child, {
-    ref: sectionFocusReturnRef
-  }) : child) : cloneElement(children, {
+  const childrenWithProps = Array.isArray(children) ? Children.map(
+    children,
+    (child, index) => index === 0 ? cloneElement(child, {
+      ref: sectionFocusReturnRef
+    }) : child
+  ) : cloneElement(children, {
     ref: sectionFocusReturnRef
   });
   if (isClosed) {
@@ -90,32 +84,37 @@ function EditorCanvasContainer({
   }
   const title = getEditorCanvasContainerTitle(editorCanvasContainerView);
   const shouldShowCloseButton = onClose || closeButtonLabel;
-  return /*#__PURE__*/_jsx(EditorContentSlotFill.Fill, {
-    children: /*#__PURE__*/_jsx("div", {
-      className: "edit-site-editor-canvas-container",
-      children: /*#__PURE__*/_jsx(ResizableEditor, {
-        enableResizing: enableResizing,
-        children: /*#__PURE__*/_jsxs("section", {
-          className: "edit-site-editor-canvas-container__section",
-          ref: shouldShowCloseButton ? focusOnMountRef : null,
-          onKeyDown: closeOnEscape,
-          "aria-label": title,
-          children: [shouldShowCloseButton && /*#__PURE__*/_jsx(Button, {
+  return /* @__PURE__ */ jsx(EditorContentSlotFill.Fill, { children: /* @__PURE__ */ jsx("div", { className: "edit-site-editor-canvas-container", children: /* @__PURE__ */ jsx(ResizableEditor, { enableResizing, children: /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: "edit-site-editor-canvas-container__section",
+      ref: shouldShowCloseButton ? focusOnMountRef : null,
+      onKeyDown: closeOnEscape,
+      "aria-label": title,
+      children: [
+        shouldShowCloseButton && /* @__PURE__ */ jsx(
+          Button,
+          {
             size: "compact",
             className: "edit-site-editor-canvas-container__close-button",
             icon: closeSmall,
-            label: closeButtonLabel || __('Close'),
+            label: closeButtonLabel || __("Close"),
             onClick: onCloseContainer
-          }), childrenWithProps]
-        })
-      })
-    })
-  });
+          }
+        ),
+        childrenWithProps
+      ]
+    }
+  ) }) }) });
 }
 function useHasEditorCanvasContainer() {
   const fills = useSlotFills(EditorContentSlotFill.name);
   return !!fills?.length;
 }
-export default EditorCanvasContainer;
-export { useHasEditorCanvasContainer, getEditorCanvasContainerTitle };
-//# sourceMappingURL=index.js.map
+var editor_canvas_container_default = EditorCanvasContainer;
+export {
+  editor_canvas_container_default as default,
+  getEditorCanvasContainerTitle,
+  useHasEditorCanvasContainer
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/editor-canvas-container/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["Children","cloneElement","useState","Button","__experimentalUseSlotFills","useSlotFills","ESCAPE","__","useDispatch","useSelect","closeSmall","useFocusOnMount","useFocusReturn","store","preferencesStore","editorStore","privateApis","editorPrivateApis","unlock","editSiteStore","jsx","_jsx","jsxs","_jsxs","EditorContentSlotFill","ResizableEditor","getEditorCanvasContainerTitle","view","EditorCanvasContainer","children","closeButtonLabel","onClose","enableResizing","editorCanvasContainerView","showListViewByDefault","select","_editorCanvasContainerView","getEditorCanvasContainerView","_showListViewByDefault","get","isClosed","setIsClosed","setEditorCanvasContainerView","setIsListViewOpened","focusOnMountRef","sectionFocusReturnRef","onCloseContainer","undefined","closeOnEscape","event","keyCode","defaultPrevented","preventDefault","childrenWithProps","Array","isArray","map","child","index","ref","title","shouldShowCloseButton","Fill","className","onKeyDown","size","icon","label","onClick","useHasEditorCanvasContainer","fills","name","length"],"sources":["@wordpress/edit-site/src/components/editor-canvas-container/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Children, cloneElement, useState } from '@wordpress/element';\nimport {\n\tButton,\n\t__experimentalUseSlotFills as useSlotFills,\n} from '@wordpress/components';\nimport { ESCAPE } from '@wordpress/keycodes';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { closeSmall } from '@wordpress/icons';\nimport { useFocusOnMount, useFocusReturn } from '@wordpress/compose';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nconst { EditorContentSlotFill, ResizableEditor } = unlock( editorPrivateApis );\n\n/**\n * Returns a translated string for the title of the editor canvas container.\n *\n * @param {string} view Editor canvas container view.\n *\n * @return {Object} Translated string for the view title and associated icon, both defaulting to ''.\n */\nfunction getEditorCanvasContainerTitle( view ) {\n\tswitch ( view ) {\n\t\tcase 'style-book':\n\t\t\treturn __( 'Style Book' );\n\t\tcase 'global-styles-revisions':\n\t\tcase 'global-styles-revisions:style-book':\n\t\t\treturn __( 'Style Revisions' );\n\t\tdefault:\n\t\t\treturn '';\n\t}\n}\n\nfunction EditorCanvasContainer( {\n\tchildren,\n\tcloseButtonLabel,\n\tonClose,\n\tenableResizing = false,\n} ) {\n\tconst { editorCanvasContainerView, showListViewByDefault } = useSelect(\n\t\t( select ) => {\n\t\t\tconst _editorCanvasContainerView = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t).getEditorCanvasContainerView();\n\n\t\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showListViewByDefault'\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\teditorCanvasContainerView: _editorCanvasContainerView,\n\t\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst [ isClosed, setIsClosed ] = useState( false );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\tconst sectionFocusReturnRef = useFocusReturn();\n\n\tfunction onCloseContainer() {\n\t\tsetIsListViewOpened( showListViewByDefault );\n\t\tsetEditorCanvasContainerView( undefined );\n\t\tsetIsClosed( true );\n\t\tif ( typeof onClose === 'function' ) {\n\t\t\tonClose();\n\t\t}\n\t}\n\n\tfunction closeOnEscape( event ) {\n\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\tevent.preventDefault();\n\t\t\tonCloseContainer();\n\t\t}\n\t}\n\n\tconst childrenWithProps = Array.isArray( children )\n\t\t? Children.map( children, ( child, index ) =>\n\t\t\t\tindex === 0\n\t\t\t\t\t? cloneElement( child, {\n\t\t\t\t\t\t\tref: sectionFocusReturnRef,\n\t\t\t\t\t  } )\n\t\t\t\t\t: child\n\t\t  )\n\t\t: cloneElement( children, {\n\t\t\t\tref: sectionFocusReturnRef,\n\t\t  } );\n\n\tif ( isClosed ) {\n\t\treturn null;\n\t}\n\n\tconst title = getEditorCanvasContainerTitle( editorCanvasContainerView );\n\tconst shouldShowCloseButton = onClose || closeButtonLabel;\n\n\treturn (\n\t\t<EditorContentSlotFill.Fill>\n\t\t\t<div className=\"edit-site-editor-canvas-container\">\n\t\t\t\t<ResizableEditor enableResizing={ enableResizing }>\n\t\t\t\t\t{ /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */ }\n\t\t\t\t\t<section\n\t\t\t\t\t\tclassName=\"edit-site-editor-canvas-container__section\"\n\t\t\t\t\t\tref={ shouldShowCloseButton ? focusOnMountRef : null }\n\t\t\t\t\t\tonKeyDown={ closeOnEscape }\n\t\t\t\t\t\taria-label={ title }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ shouldShowCloseButton && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\tclassName=\"edit-site-editor-canvas-container__close-button\"\n\t\t\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\t\t\tlabel={ closeButtonLabel || __( 'Close' ) }\n\t\t\t\t\t\t\t\tonClick={ onCloseContainer }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ childrenWithProps }\n\t\t\t\t\t</section>\n\t\t\t\t</ResizableEditor>\n\t\t\t</div>\n\t\t</EditorContentSlotFill.Fill>\n\t);\n}\n\nfunction useHasEditorCanvasContainer() {\n\tconst fills = useSlotFills( EditorContentSlotFill.name );\n\treturn !! fills?.length;\n}\n\nexport default EditorCanvasContainer;\nexport { useHasEditorCanvasContainer, getEditorCanvasContainerTitle };\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/editor-canvas-container/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Children, cloneElement, useState } from '@wordpress/element';\nimport {\n\tButton,\n\t__experimentalUseSlotFills as useSlotFills,\n} from '@wordpress/components';\nimport { ESCAPE } from '@wordpress/keycodes';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { closeSmall } from '@wordpress/icons';\nimport { useFocusOnMount, useFocusReturn } from '@wordpress/compose';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nconst { EditorContentSlotFill, ResizableEditor } = unlock( editorPrivateApis );\n\n/**\n * Returns a translated string for the title of the editor canvas container.\n *\n * @param {string} view Editor canvas container view.\n *\n * @return {Object} Translated string for the view title and associated icon, both defaulting to ''.\n */\nfunction getEditorCanvasContainerTitle( view ) {\n\tswitch ( view ) {\n\t\tcase 'style-book':\n\t\t\treturn __( 'Style Book' );\n\t\tcase 'global-styles-revisions':\n\t\tcase 'global-styles-revisions:style-book':\n\t\t\treturn __( 'Style Revisions' );\n\t\tdefault:\n\t\t\treturn '';\n\t}\n}\n\nfunction EditorCanvasContainer( {\n\tchildren,\n\tcloseButtonLabel,\n\tonClose,\n\tenableResizing = false,\n} ) {\n\tconst { editorCanvasContainerView, showListViewByDefault } = useSelect(\n\t\t( select ) => {\n\t\t\tconst _editorCanvasContainerView = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t).getEditorCanvasContainerView();\n\n\t\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showListViewByDefault'\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\teditorCanvasContainerView: _editorCanvasContainerView,\n\t\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst [ isClosed, setIsClosed ] = useState( false );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\tconst sectionFocusReturnRef = useFocusReturn();\n\n\tfunction onCloseContainer() {\n\t\tsetIsListViewOpened( showListViewByDefault );\n\t\tsetEditorCanvasContainerView( undefined );\n\t\tsetIsClosed( true );\n\t\tif ( typeof onClose === 'function' ) {\n\t\t\tonClose();\n\t\t}\n\t}\n\n\tfunction closeOnEscape( event ) {\n\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\tevent.preventDefault();\n\t\t\tonCloseContainer();\n\t\t}\n\t}\n\n\tconst childrenWithProps = Array.isArray( children )\n\t\t? Children.map( children, ( child, index ) =>\n\t\t\t\tindex === 0\n\t\t\t\t\t? cloneElement( child, {\n\t\t\t\t\t\t\tref: sectionFocusReturnRef,\n\t\t\t\t\t  } )\n\t\t\t\t\t: child\n\t\t  )\n\t\t: cloneElement( children, {\n\t\t\t\tref: sectionFocusReturnRef,\n\t\t  } );\n\n\tif ( isClosed ) {\n\t\treturn null;\n\t}\n\n\tconst title = getEditorCanvasContainerTitle( editorCanvasContainerView );\n\tconst shouldShowCloseButton = onClose || closeButtonLabel;\n\n\treturn (\n\t\t<EditorContentSlotFill.Fill>\n\t\t\t<div className=\"edit-site-editor-canvas-container\">\n\t\t\t\t<ResizableEditor enableResizing={ enableResizing }>\n\t\t\t\t\t{ /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */ }\n\t\t\t\t\t<section\n\t\t\t\t\t\tclassName=\"edit-site-editor-canvas-container__section\"\n\t\t\t\t\t\tref={ shouldShowCloseButton ? focusOnMountRef : null }\n\t\t\t\t\t\tonKeyDown={ closeOnEscape }\n\t\t\t\t\t\taria-label={ title }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ shouldShowCloseButton && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\tclassName=\"edit-site-editor-canvas-container__close-button\"\n\t\t\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\t\t\tlabel={ closeButtonLabel || __( 'Close' ) }\n\t\t\t\t\t\t\t\tonClick={ onCloseContainer }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ childrenWithProps }\n\t\t\t\t\t</section>\n\t\t\t\t</ResizableEditor>\n\t\t\t</div>\n\t\t</EditorContentSlotFill.Fill>\n\t);\n}\n\nfunction useHasEditorCanvasContainer() {\n\tconst fills = useSlotFills( EditorContentSlotFill.name );\n\treturn !! fills?.length;\n}\n\nexport default EditorCanvasContainer;\nexport { useHasEditorCanvasContainer, getEditorCanvasContainerTitle };\n"],
+  "mappings": "AAuHK,SAOE,KAPF;AApHL,SAAS,UAAU,cAAc,gBAAgB;AACjD;AAAA,EACC;AAAA,EACA,8BAA8B;AAAA,OACxB;AACP,SAAS,cAAc;AACvB,SAAS,UAAU;AACnB,SAAS,aAAa,iBAAiB;AACvC,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB,sBAAsB;AAChD,SAAS,SAAS,wBAAwB;AAC1C;AAAA,EACC,SAAS;AAAA,EACT,eAAe;AAAA,OACT;AAKP,SAAS,cAAc;AACvB,SAAS,SAAS,qBAAqB;AAEvC,MAAM,EAAE,uBAAuB,gBAAgB,IAAI,OAAQ,iBAAkB;AAS7E,SAAS,8BAA+B,MAAO;AAC9C,UAAS,MAAO;AAAA,IACf,KAAK;AACJ,aAAO,GAAI,YAAa;AAAA,IACzB,KAAK;AAAA,IACL,KAAK;AACJ,aAAO,GAAI,iBAAkB;AAAA,IAC9B;AACC,aAAO;AAAA,EACT;AACD;AAEA,SAAS,sBAAuB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAClB,GAAI;AACH,QAAM,EAAE,2BAA2B,sBAAsB,IAAI;AAAA,IAC5D,CAAE,WAAY;AACb,YAAM,6BAA6B;AAAA,QAClC,OAAQ,aAAc;AAAA,MACvB,EAAE,6BAA6B;AAE/B,YAAM,yBAAyB,OAAQ,gBAAiB,EAAE;AAAA,QACzD;AAAA,QACA;AAAA,MACD;AAEA,aAAO;AAAA,QACN,2BAA2B;AAAA,QAC3B,uBAAuB;AAAA,MACxB;AAAA,IACD;AAAA,IACA,CAAC;AAAA,EACF;AACA,QAAM,CAAE,UAAU,WAAY,IAAI,SAAU,KAAM;AAClD,QAAM,EAAE,6BAA6B,IAAI;AAAA,IACxC,YAAa,aAAc;AAAA,EAC5B;AACA,QAAM,EAAE,oBAAoB,IAAI,YAAa,WAAY;AAEzD,QAAM,kBAAkB,gBAAiB,cAAe;AACxD,QAAM,wBAAwB,eAAe;AAE7C,WAAS,mBAAmB;AAC3B,wBAAqB,qBAAsB;AAC3C,iCAA8B,MAAU;AACxC,gBAAa,IAAK;AAClB,QAAK,OAAO,YAAY,YAAa;AACpC,cAAQ;AAAA,IACT;AAAA,EACD;AAEA,WAAS,cAAe,OAAQ;AAC/B,QAAK,MAAM,YAAY,UAAU,CAAE,MAAM,kBAAmB;AAC3D,YAAM,eAAe;AACrB,uBAAiB;AAAA,IAClB;AAAA,EACD;AAEA,QAAM,oBAAoB,MAAM,QAAS,QAAS,IAC/C,SAAS;AAAA,IAAK;AAAA,IAAU,CAAE,OAAO,UACjC,UAAU,IACP,aAAc,OAAO;AAAA,MACrB,KAAK;AAAA,IACL,CAAE,IACF;AAAA,EACH,IACA,aAAc,UAAU;AAAA,IACxB,KAAK;AAAA,EACL,CAAE;AAEL,MAAK,UAAW;AACf,WAAO;AAAA,EACR;AAEA,QAAM,QAAQ,8BAA+B,yBAA0B;AACvE,QAAM,wBAAwB,WAAW;AAEzC,SACC,oBAAC,sBAAsB,MAAtB,EACA,8BAAC,SAAI,WAAU,qCACd,8BAAC,mBAAgB,gBAEhB;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,KAAM,wBAAwB,kBAAkB;AAAA,MAChD,WAAY;AAAA,MACZ,cAAa;AAAA,MAEX;AAAA,iCACD;AAAA,UAAC;AAAA;AAAA,YACA,MAAK;AAAA,YACL,WAAU;AAAA,YACV,MAAO;AAAA,YACP,OAAQ,oBAAoB,GAAI,OAAQ;AAAA,YACxC,SAAU;AAAA;AAAA,QACX;AAAA,QAEC;AAAA;AAAA;AAAA,EACH,GACD,GACD,GACD;AAEF;AAEA,SAAS,8BAA8B;AACtC,QAAM,QAAQ,aAAc,sBAAsB,IAAK;AACvD,SAAO,CAAC,CAAE,OAAO;AAClB;AAEA,IAAO,kCAAQ;",
+  "names": []
+}

package/build-module/components/global-styles/background-panel.js

@@ -1,48 +1,38 @@
-/**
- * WordPress dependencies
- */
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-
-// Initial control values where no block style is set.
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
+import { unlock } from "../../lock-unlock";
 const BACKGROUND_DEFAULT_VALUES = {
-  backgroundSize: 'auto'
+  backgroundSize: "auto"
 };
 const {
   useGlobalStyle,
   useGlobalSetting,
   BackgroundPanel: StylesBackgroundPanel
 } = unlock(blockEditorPrivateApis);
-
-/**
- * Checks if there is a current value in the background image block support
- * attributes.
- *
- * @param {Object} style Style attribute.
- * @return {boolean}     Whether the block has a background image value set.
- */
-export function hasBackgroundImageValue(style) {
-  return !!style?.background?.backgroundImage?.id || !!style?.background?.backgroundImage?.url || typeof style?.background?.backgroundImage === 'string';
+function hasBackgroundImageValue(style) {
+  return !!style?.background?.backgroundImage?.id || !!style?.background?.backgroundImage?.url || typeof style?.background?.backgroundImage === "string";
 }
-export default function BackgroundPanel() {
-  const [style] = useGlobalStyle('', undefined, 'user', {
+function BackgroundPanel() {
+  const [style] = useGlobalStyle("", void 0, "user", {
     shouldDecodeEncode: false
   });
-  const [inheritedStyle, setStyle] = useGlobalStyle('', undefined, 'all', {
+  const [inheritedStyle, setStyle] = useGlobalStyle("", void 0, "all", {
     shouldDecodeEncode: false
   });
-  const [settings] = useGlobalSetting('');
-  return /*#__PURE__*/_jsx(StylesBackgroundPanel, {
-    inheritedValue: inheritedStyle,
-    value: style,
-    onChange: setStyle,
-    settings: settings,
-    defaultValues: BACKGROUND_DEFAULT_VALUES
-  });
+  const [settings] = useGlobalSetting("");
+  return /* @__PURE__ */ jsx(
+    StylesBackgroundPanel,
+    {
+      inheritedValue: inheritedStyle,
+      value: style,
+      onChange: setStyle,
+      settings,
+      defaultValues: BACKGROUND_DEFAULT_VALUES
+    }
+  );
 }
-//# sourceMappingURL=background-panel.js.map
+export {
+  BackgroundPanel as default,
+  hasBackgroundImageValue
+};
+//# sourceMappingURL=background-panel.js.map