@wordpress/edit-site 6.12.0 → 6.12.1-next.082ed6819.0

package/build/components/editor/use-editor-title.js

@@ -8,10 +8,11 @@ exports.default = void 0;
 var _i18n = require("@wordpress/i18n");
 var _data = require("@wordpress/data");
 var _coreData = require("@wordpress/core-data");
-var _editor = require("@wordpress/editor");
 var _htmlEntities = require("@wordpress/html-entities");
+var _editor = require("@wordpress/editor");
 var _useTitle = _interopRequireDefault(require("../routes/use-title"));
 var _constants = require("../../utils/constants");
+var _lockUnlock = require("../../lock-unlock");
 /**
  * WordPress dependencies
  */
@@ -20,21 +21,28 @@ var _constants = require("../../utils/constants");
  * Internal dependencies
  */
 
+const {
+  getTemplateInfo
+} = (0, _lockUnlock.unlock)(_editor.privateApis);
 function useEditorTitle(postType, postId) {
   const {
     title,
     isLoaded
   } = (0, _data.useSelect)(select => {
+    var _select$getEntityReco;
     const {
       getEditedEntityRecord,
       hasFinishedResolution
     } = select(_coreData.store);
-    const {
-      __experimentalGetTemplateInfo: getTemplateInfo
-    } = select(_editor.store);
     const _record = getEditedEntityRecord('postType', postType, postId);
+    const {
+      default_template_types: templateTypes = []
+    } = (_select$getEntityReco = select(_coreData.store).getEntityRecord('root', '__unstableBase')) !== null && _select$getEntityReco !== void 0 ? _select$getEntityReco : {};
+    const templateInfo = getTemplateInfo({
+      template: _record,
+      templateTypes
+    });
     const _isLoaded = hasFinishedResolution('getEditedEntityRecord', ['postType', postType, postId]);
-    const templateInfo = getTemplateInfo(_record);
     return {
       title: templateInfo.title,
       isLoaded: _isLoaded

package/build/components/editor/use-editor-title.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_data","_coreData","_editor","_htmlEntities","_useTitle","_interopRequireDefault","_constants","useEditorTitle","postType","postId","title","isLoaded","useSelect","select","getEditedEntityRecord","hasFinishedResolution","coreStore","__experimentalGetTemplateInfo","getTemplateInfo","editorStore","_record","_isLoaded","templateInfo","editorTitle","_POST_TYPE_LABELS$pos","sprintf","_x","decodeEntities","POST_TYPE_LABELS","TEMPLATE_POST_TYPE","useTitle","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/editor/use-editor-title.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { _x, sprintf } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as editorStore } from '@wordpress/editor';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport useTitle from '../routes/use-title';\nimport { POST_TYPE_LABELS, TEMPLATE_POST_TYPE } from '../../utils/constants';\n\nfunction useEditorTitle( postType, postId ) {\n\tconst { title, isLoaded } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditedEntityRecord, hasFinishedResolution } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst { __experimentalGetTemplateInfo: getTemplateInfo } =\n\t\t\t\tselect( editorStore );\n\t\t\tconst _record = getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tpostId\n\t\t\t);\n\t\t\tconst _isLoaded = hasFinishedResolution( 'getEditedEntityRecord', [\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tpostId,\n\t\t\t] );\n\t\t\tconst templateInfo = getTemplateInfo( _record );\n\n\t\t\treturn {\n\t\t\t\ttitle: templateInfo.title,\n\t\t\t\tisLoaded: _isLoaded,\n\t\t\t};\n\t\t},\n\t\t[ postType, postId ]\n\t);\n\n\tlet editorTitle;\n\tif ( isLoaded ) {\n\t\teditorTitle = sprintf(\n\t\t\t// translators: A breadcrumb trail for the Admin document title. 1: title of template being edited, 2: type of template (Template or Template Part).\n\t\t\t_x( '%1$s ‹ %2$s', 'breadcrumb trail' ),\n\t\t\tdecodeEntities( title ),\n\t\t\tPOST_TYPE_LABELS[ postType ] ??\n\t\t\t\tPOST_TYPE_LABELS[ TEMPLATE_POST_TYPE ]\n\t\t);\n\t}\n\n\t// Only announce the title once the editor is ready to prevent \"Replace\"\n\t// action in <URLQueryController> from double-announcing.\n\tuseTitle( isLoaded && editorTitle );\n}\n\nexport default useEditorTitle;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAKA,IAAAK,SAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AAbA;AACA;AACA;;AAOA;AACA;AACA;;AAIA,SAASQ,cAAcA,CAAEC,QAAQ,EAAEC,MAAM,EAAG;EAC3C,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAG,IAAAC,eAAS,EAClCC,MAAM,IAAM;IACb,MAAM;MAAEC,qBAAqB;MAAEC;IAAsB,CAAC,GACrDF,MAAM,CAAEG,eAAU,CAAC;IACpB,MAAM;MAAEC,6BAA6B,EAAEC;IAAgB,CAAC,GACvDL,MAAM,CAAEM,aAAY,CAAC;IACtB,MAAMC,OAAO,GAAGN,qBAAqB,CACpC,UAAU,EACVN,QAAQ,EACRC,MACD,CAAC;IACD,MAAMY,SAAS,GAAGN,qBAAqB,CAAE,uBAAuB,EAAE,CACjE,UAAU,EACVP,QAAQ,EACRC,MAAM,CACL,CAAC;IACH,MAAMa,YAAY,GAAGJ,eAAe,CAAEE,OAAQ,CAAC;IAE/C,OAAO;MACNV,KAAK,EAAEY,YAAY,CAACZ,KAAK;MACzBC,QAAQ,EAAEU;IACX,CAAC;EACF,CAAC,EACD,CAAEb,QAAQ,EAAEC,MAAM,CACnB,CAAC;EAED,IAAIc,WAAW;EACf,IAAKZ,QAAQ,EAAG;IAAA,IAAAa,qBAAA;IACfD,WAAW,GAAG,IAAAE,aAAO;IACpB;IACA,IAAAC,QAAE,EAAE,aAAa,EAAE,kBAAmB,CAAC,EACvC,IAAAC,4BAAc,EAAEjB,KAAM,CAAC,GAAAc,qBAAA,GACvBI,2BAAgB,CAAEpB,QAAQ,CAAE,cAAAgB,qBAAA,cAAAA,qBAAA,GAC3BI,2BAAgB,CAAEC,6BAAkB,CACtC,CAAC;EACF;;EAEA;EACA;EACA,IAAAC,iBAAQ,EAAEnB,QAAQ,IAAIY,WAAY,CAAC;AACpC;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc1B,cAAc","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_data","_coreData","_htmlEntities","_editor","_useTitle","_interopRequireDefault","_constants","_lockUnlock","getTemplateInfo","unlock","editorPrivateApis","useEditorTitle","postType","postId","title","isLoaded","useSelect","select","_select$getEntityReco","getEditedEntityRecord","hasFinishedResolution","coreStore","_record","default_template_types","templateTypes","getEntityRecord","templateInfo","template","_isLoaded","editorTitle","_POST_TYPE_LABELS$pos","sprintf","_x","decodeEntities","POST_TYPE_LABELS","TEMPLATE_POST_TYPE","useTitle","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/editor/use-editor-title.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { _x, sprintf } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport useTitle from '../routes/use-title';\nimport { POST_TYPE_LABELS, TEMPLATE_POST_TYPE } from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\n\nconst { getTemplateInfo } = unlock( editorPrivateApis );\n\nfunction useEditorTitle( postType, postId ) {\n\tconst { title, isLoaded } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditedEntityRecord, hasFinishedResolution } =\n\t\t\t\tselect( coreStore );\n\n\t\t\tconst _record = getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tpostId\n\t\t\t);\n\n\t\t\tconst { default_template_types: templateTypes = [] } =\n\t\t\t\tselect( coreStore ).getEntityRecord(\n\t\t\t\t\t'root',\n\t\t\t\t\t'__unstableBase'\n\t\t\t\t) ?? {};\n\n\t\t\tconst templateInfo = getTemplateInfo( {\n\t\t\t\ttemplate: _record,\n\t\t\t\ttemplateTypes,\n\t\t\t} );\n\n\t\t\tconst _isLoaded = hasFinishedResolution( 'getEditedEntityRecord', [\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tpostId,\n\t\t\t] );\n\n\t\t\treturn {\n\t\t\t\ttitle: templateInfo.title,\n\t\t\t\tisLoaded: _isLoaded,\n\t\t\t};\n\t\t},\n\t\t[ postType, postId ]\n\t);\n\n\tlet editorTitle;\n\tif ( isLoaded ) {\n\t\teditorTitle = sprintf(\n\t\t\t// translators: A breadcrumb trail for the Admin document title. 1: title of template being edited, 2: type of template (Template or Template Part).\n\t\t\t_x( '%1$s ‹ %2$s', 'breadcrumb trail' ),\n\t\t\tdecodeEntities( title ),\n\t\t\tPOST_TYPE_LABELS[ postType ] ??\n\t\t\t\tPOST_TYPE_LABELS[ TEMPLATE_POST_TYPE ]\n\t\t);\n\t}\n\n\t// Only announce the title once the editor is ready to prevent \"Replace\"\n\t// action in <URLQueryController> from double-announcing.\n\tuseTitle( isLoaded && editorTitle );\n}\n\nexport default useEditorTitle;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAKA,IAAAK,SAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AAdA;AACA;AACA;;AAOA;AACA;AACA;;AAKA,MAAM;EAAES;AAAgB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEvD,SAASC,cAAcA,CAAEC,QAAQ,EAAEC,MAAM,EAAG;EAC3C,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAG,IAAAC,eAAS,EAClCC,MAAM,IAAM;IAAA,IAAAC,qBAAA;IACb,MAAM;MAAEC,qBAAqB;MAAEC;IAAsB,CAAC,GACrDH,MAAM,CAAEI,eAAU,CAAC;IAEpB,MAAMC,OAAO,GAAGH,qBAAqB,CACpC,UAAU,EACVP,QAAQ,EACRC,MACD,CAAC;IAED,MAAM;MAAEU,sBAAsB,EAAEC,aAAa,GAAG;IAAG,CAAC,IAAAN,qBAAA,GACnDD,MAAM,CAAEI,eAAU,CAAC,CAACI,eAAe,CAClC,MAAM,EACN,gBACD,CAAC,cAAAP,qBAAA,cAAAA,qBAAA,GAAI,CAAC,CAAC;IAER,MAAMQ,YAAY,GAAGlB,eAAe,CAAE;MACrCmB,QAAQ,EAAEL,OAAO;MACjBE;IACD,CAAE,CAAC;IAEH,MAAMI,SAAS,GAAGR,qBAAqB,CAAE,uBAAuB,EAAE,CACjE,UAAU,EACVR,QAAQ,EACRC,MAAM,CACL,CAAC;IAEH,OAAO;MACNC,KAAK,EAAEY,YAAY,CAACZ,KAAK;MACzBC,QAAQ,EAAEa;IACX,CAAC;EACF,CAAC,EACD,CAAEhB,QAAQ,EAAEC,MAAM,CACnB,CAAC;EAED,IAAIgB,WAAW;EACf,IAAKd,QAAQ,EAAG;IAAA,IAAAe,qBAAA;IACfD,WAAW,GAAG,IAAAE,aAAO;IACpB;IACA,IAAAC,QAAE,EAAE,aAAa,EAAE,kBAAmB,CAAC,EACvC,IAAAC,4BAAc,EAAEnB,KAAM,CAAC,GAAAgB,qBAAA,GACvBI,2BAAgB,CAAEtB,QAAQ,CAAE,cAAAkB,qBAAA,cAAAA,qBAAA,GAC3BI,2BAAgB,CAAEC,6BAAkB,CACtC,CAAC;EACF;;EAEA;EACA;EACA,IAAAC,iBAAQ,EAAErB,QAAQ,IAAIc,WAAY,CAAC;AACpC;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc5B,cAAc","ignoreList":[]}

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

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useResolveEditedEntity = useResolveEditedEntity;
+exports.useSyncDeprecatedEntityIntoState = useSyncDeprecatedEntityIntoState;
+var _element = require("@wordpress/element");
+var _data = require("@wordpress/data");
+var _coreData = require("@wordpress/core-data");
+var _router = require("@wordpress/router");
+var _store = require("../../store");
+var _lockUnlock = require("../../lock-unlock");
+var _constants = require("../../utils/constants");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  useLocation
+} = (0, _lockUnlock.unlock)(_router.privateApis);
+const postTypesWithoutParentTemplate = [_constants.TEMPLATE_POST_TYPE, _constants.TEMPLATE_PART_POST_TYPE, _constants.NAVIGATION_POST_TYPE, _constants.PATTERN_TYPES.user];
+const authorizedPostTypes = ['page', 'post'];
+function useResolveEditedEntity() {
+  const {
+    params = {}
+  } = useLocation();
+  const {
+    postId,
+    postType
+  } = params;
+  const homePage = (0, _data.useSelect)(select => {
+    const {
+      getHomePage
+    } = (0, _lockUnlock.unlock)(select(_coreData.store));
+    return getHomePage();
+  }, []);
+
+  /**
+   * 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 = (0, _data.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
+    } = (0, _lockUnlock.unlock)(select(_coreData.store));
+
+    // 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 context = (0, _element.useMemo)(() => {
+    if (postTypesWithoutParentTemplate.includes(postType) && postId) {
+      return {};
+    }
+    if (postType && postId && authorizedPostTypes.includes(postType)) {
+      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
+      };
+    }
+    return {};
+  }, [homePage, postType, postId]);
+  if (postTypesWithoutParentTemplate.includes(postType) && postId) {
+    return {
+      isReady: true,
+      postType,
+      postId,
+      context
+    };
+  }
+  if (!!homePage) {
+    return {
+      isReady: resolvedTemplateId !== undefined,
+      postType: _constants.TEMPLATE_POST_TYPE,
+      postId: resolvedTemplateId,
+      context
+    };
+  }
+  return {
+    isReady: false
+  };
+}
+function useSyncDeprecatedEntityIntoState({
+  postType,
+  postId,
+  context,
+  isReady
+}) {
+  const {
+    setEditedEntity
+  } = (0, _data.useDispatch)(_store.store);
+  (0, _element.useEffect)(() => {
+    if (isReady) {
+      setEditedEntity(postType, postId, context);
+    }
+  }, [isReady, postType, postId, context, setEditedEntity]);
+}
+//# sourceMappingURL=use-resolve-edited-entity.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_element","require","_data","_coreData","_router","_store","_lockUnlock","_constants","useLocation","unlock","routerPrivateApis","postTypesWithoutParentTemplate","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","NAVIGATION_POST_TYPE","PATTERN_TYPES","user","authorizedPostTypes","useResolveEditedEntity","params","postId","postType","homePage","useSelect","select","getHomePage","coreDataStore","resolvedTemplateId","includes","getTemplateId","context","useMemo","isReady","undefined","useSyncDeprecatedEntityIntoState","setEditedEntity","useDispatch","editSiteStore","useEffect"],"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];\n\nconst authorizedPostTypes = [ 'page', 'post' ];\n\nexport function useResolveEditedEntity() {\n\tconst { params = {} } = useLocation();\n\tconst { postId, postType } = params;\n\tconst homePage = useSelect( ( select ) => {\n\t\tconst { getHomePage } = unlock( select( coreDataStore ) );\n\t\treturn getHomePage();\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\tsetEditedEntity( postType, postId, context );\n\t\t}\n\t}, [ isReady, postType, postId, context, setEditedEntity ] );\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAbA;AACA;AACA;;AAMA;AACA;AACA;;AAUA,MAAM;EAAEO;AAAY,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEnD,MAAMC,8BAA8B,GAAG,CACtCC,6BAAkB,EAClBC,kCAAuB,EACvBC,+BAAoB,EACpBC,wBAAa,CAACC,IAAI,CAClB;AAED,MAAMC,mBAAmB,GAAG,CAAE,MAAM,EAAE,MAAM,CAAE;AAEvC,SAASC,sBAAsBA,CAAA,EAAG;EACxC,MAAM;IAAEC,MAAM,GAAG,CAAC;EAAE,CAAC,GAAGX,WAAW,CAAC,CAAC;EACrC,MAAM;IAAEY,MAAM;IAAEC;EAAS,CAAC,GAAGF,MAAM;EACnC,MAAMG,QAAQ,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACzC,MAAM;MAAEC;IAAY,CAAC,GAAG,IAAAhB,kBAAM,EAAEe,MAAM,CAAEE,eAAc,CAAE,CAAC;IACzD,OAAOD,WAAW,CAAC,CAAC;EACrB,CAAC,EAAE,EAAG,CAAC;;EAEP;AACD;AACA;AACA;AACA;AACA;EACC,MAAME,kBAAkB,GAAG,IAAAJ,eAAS,EACjCC,MAAM,IAAM;IACb;IACA;IACA,IACCb,8BAA8B,CAACiB,QAAQ,CAAEP,QAAS,CAAC,IACnDD,MAAM,EACL;MACD;IACD;;IAEA;IACA,IAAKA,MAAM,IAAIA,MAAM,CAACQ,QAAQ,CAAE,GAAI,CAAC,EAAG;MACvC;IACD;IAEA,MAAM;MAAEC;IAAc,CAAC,GAAG,IAAApB,kBAAM,EAAEe,MAAM,CAAEE,eAAc,CAAE,CAAC;;IAE3D;IACA;IACA,IACCL,QAAQ,IACRD,MAAM,IACNH,mBAAmB,CAACW,QAAQ,CAAEP,QAAS,CAAC,EACvC;MACD,OAAOQ,aAAa,CAAER,QAAQ,EAAED,MAAO,CAAC;IACzC;;IAEA;IACA,IAAKE,QAAQ,EAAED,QAAQ,KAAK,MAAM,EAAG;MACpC,OAAOQ,aAAa,CAAE,MAAM,EAAEP,QAAQ,EAAEF,MAAO,CAAC;IACjD;IAEA,IAAKE,QAAQ,EAAED,QAAQ,KAAK,aAAa,EAAG;MAC3C,OAAOC,QAAQ,EAAEF,MAAM;IACxB;EACD,CAAC,EACD,CAAEE,QAAQ,EAAEF,MAAM,EAAEC,QAAQ,CAC7B,CAAC;EAED,MAAMS,OAAO,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC9B,IAAKpB,8BAA8B,CAACiB,QAAQ,CAAEP,QAAS,CAAC,IAAID,MAAM,EAAG;MACpE,OAAO,CAAC,CAAC;IACV;IAEA,IAAKC,QAAQ,IAAID,MAAM,IAAIH,mBAAmB,CAACW,QAAQ,CAAEP,QAAS,CAAC,EAAG;MACrE,OAAO;QAAEA,QAAQ;QAAED;MAAO,CAAC;IAC5B;IACA;IACA;IACA,IAAKE,QAAQ,EAAED,QAAQ,KAAK,MAAM,EAAG;MACpC,OAAO;QAAEA,QAAQ,EAAE,MAAM;QAAED,MAAM,EAAEE,QAAQ,EAAEF;MAAO,CAAC;IACtD;IAEA,OAAO,CAAC,CAAC;EACV,CAAC,EAAE,CAAEE,QAAQ,EAAED,QAAQ,EAAED,MAAM,CAAG,CAAC;EAEnC,IAAKT,8BAA8B,CAACiB,QAAQ,CAAEP,QAAS,CAAC,IAAID,MAAM,EAAG;IACpE,OAAO;MAAEY,OAAO,EAAE,IAAI;MAAEX,QAAQ;MAAED,MAAM;MAAEU;IAAQ,CAAC;EACpD;EAEA,IAAK,CAAC,CAAER,QAAQ,EAAG;IAClB,OAAO;MACNU,OAAO,EAAEL,kBAAkB,KAAKM,SAAS;MACzCZ,QAAQ,EAAET,6BAAkB;MAC5BQ,MAAM,EAAEO,kBAAkB;MAC1BG;IACD,CAAC;EACF;EAEA,OAAO;IAAEE,OAAO,EAAE;EAAM,CAAC;AAC1B;AAEO,SAASE,gCAAgCA,CAAE;EACjDb,QAAQ;EACRD,MAAM;EACNU,OAAO;EACPE;AACD,CAAC,EAAG;EACH,MAAM;IAAEG;EAAgB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAc,CAAC;EAExD,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAKN,OAAO,EAAG;MACdG,eAAe,CAAEd,QAAQ,EAAED,MAAM,EAAEU,OAAQ,CAAC;IAC7C;EACD,CAAC,EAAE,CAAEE,OAAO,EAAEX,QAAQ,EAAED,MAAM,EAAEU,OAAO,EAAEK,eAAe,CAAG,CAAC;AAC7D","ignoreList":[]}

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

@@ -122,7 +122,7 @@ function EditorCanvasContainer({
   });
 }
 function useHasEditorCanvasContainer() {
-  const fills = (0, _components.__experimentalUseSlotFills)(EditorContentSlotFill.privateKey);
+  const fills = (0, _components.__experimentalUseSlotFills)(EditorContentSlotFill.name);
   return !!fills?.length;
 }
 var _default = exports.default = EditorCanvasContainer;

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_keycodes","_i18n","_data","_icons","_compose","_preferences","_editor","_lockUnlock","_store","_jsxRuntime","EditorContentSlotFill","ResizableEditor","unlock","editorPrivateApis","getEditorCanvasContainerTitle","view","__","EditorCanvasContainer","children","closeButtonLabel","onClose","enableResizing","editorCanvasContainerView","showListViewByDefault","useSelect","select","_editorCanvasContainerView","editSiteStore","getEditorCanvasContainerView","_showListViewByDefault","preferencesStore","get","isClosed","setIsClosed","useState","setEditorCanvasContainerView","useDispatch","setIsListViewOpened","editorStore","focusOnMountRef","useFocusOnMount","sectionFocusReturnRef","useFocusReturn","onCloseContainer","undefined","closeOnEscape","event","keyCode","ESCAPE","defaultPrevented","preventDefault","childrenWithProps","Array","isArray","Children","map","child","index","cloneElement","ref","title","shouldShowCloseButton","jsx","Fill","className","jsxs","onKeyDown","Button","size","icon","closeSmall","label","onClick","useHasEditorCanvasContainer","fills","useSlotFills","privateKey","length","_default","exports","default"],"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.privateKey );\n\treturn !! fills?.length;\n}\n\nexport default EditorCanvasContainer;\nexport { useHasEditorCanvasContainer, getEditorCanvasContainerTitle };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_element","require","_components","_keycodes","_i18n","_data","_icons","_compose","_preferences","_editor","_lockUnlock","_store","_jsxRuntime","EditorContentSlotFill","ResizableEditor","unlock","editorPrivateApis","getEditorCanvasContainerTitle","view","__","EditorCanvasContainer","children","closeButtonLabel","onClose","enableResizing","editorCanvasContainerView","showListViewByDefault","useSelect","select","_editorCanvasContainerView","editSiteStore","getEditorCanvasContainerView","_showListViewByDefault","preferencesStore","get","isClosed","setIsClosed","useState","setEditorCanvasContainerView","useDispatch","setIsListViewOpened","editorStore","focusOnMountRef","useFocusOnMount","sectionFocusReturnRef","useFocusReturn","onCloseContainer","undefined","closeOnEscape","event","keyCode","ESCAPE","defaultPrevented","preventDefault","childrenWithProps","Array","isArray","Children","map","child","index","cloneElement","ref","title","shouldShowCloseButton","jsx","Fill","className","jsxs","onKeyDown","Button","size","icon","closeSmall","label","onClick","useHasEditorCanvasContainer","fills","useSlotFills","name","length","_default","exports","default"],"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":[]}

package/build/components/global-styles/block-preview-panel.js

@@ -28,16 +28,14 @@ const BlockPreviewPanel = ({
     if (!blockExample) {
       return null;
     }
-    let example = blockExample;
-    if (variation) {
-      example = {
-        ...example,
-        attributes: {
-          ...example.attributes,
-          className: (0, _utils.getVariationClassName)(variation)
-        }
-      };
-    }
+    const example = {
+      ...blockExample,
+      attributes: {
+        ...blockExample.attributes,
+        style: undefined,
+        className: variation ? (0, _utils.getVariationClassName)(variation) : blockExample.attributes?.className
+      }
+    };
     return (0, _blocks.getBlockFromExample)(name, example);
   }, [name, blockExample, variation]);
   const viewportWidth = (_blockExample$viewpor = blockExample?.viewportWidth) !== null && _blockExample$viewpor !== void 0 ? _blockExample$viewpor : 500;

package/build/components/global-styles/block-preview-panel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","_blocks","_components","_element","_utils","_jsxRuntime","BlockPreviewPanel","name","variation","_blockExample$viewpor","blockExample","getBlockType","example","blocks","useMemo","attributes","className","getVariationClassName","getBlockFromExample","viewportWidth","previewHeight","sidebarWidth","scale","minHeight","jsx","__experimentalSpacer","marginX","marginBottom","children","style","maxHeight","boxSizing","BlockPreview","additionalStyles","css","Math","round","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/global-styles/block-preview-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { BlockPreview } from '@wordpress/block-editor';\nimport { getBlockType, getBlockFromExample } from '@wordpress/blocks';\nimport { __experimentalSpacer as Spacer } from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getVariationClassName } from './utils';\n\nconst BlockPreviewPanel = ( { name, variation = '' } ) => {\n\tconst blockExample = getBlockType( name )?.example;\n\tconst blocks = useMemo( () => {\n\t\tif ( ! blockExample ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet example = blockExample;\n\t\tif ( variation ) {\n\t\t\texample = {\n\t\t\t\t...example,\n\t\t\t\tattributes: {\n\t\t\t\t\t...example.attributes,\n\t\t\t\t\tclassName: getVariationClassName( variation ),\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\n\t\treturn getBlockFromExample( name, example );\n\t}, [ name, blockExample, variation ] );\n\n\tconst viewportWidth = blockExample?.viewportWidth ?? 500;\n\t// Same as height of InserterPreviewPanel.\n\tconst previewHeight = 144;\n\tconst sidebarWidth = 235;\n\tconst scale = sidebarWidth / viewportWidth;\n\tconst minHeight =\n\t\tscale !== 0 && scale < 1 && previewHeight\n\t\t\t? previewHeight / scale\n\t\t\t: previewHeight;\n\n\tif ( ! blockExample ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Spacer marginX={ 4 } marginBottom={ 4 }>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-site-global-styles__block-preview-panel\"\n\t\t\t\tstyle={ { maxHeight: previewHeight, boxSizing: 'initial' } }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\t\tminHeight={ previewHeight }\n\t\t\t\t\tadditionalStyles={\n\t\t\t\t\t\t//We want this CSS to be in sync with the one in InserterPreviewPanel.\n\t\t\t\t\t\t[\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tcss: `\n\t\t\t\t\t\t\t\tbody{\n\t\t\t\t\t\t\t\t\tpadding: 24px;\n\t\t\t\t\t\t\t\t\tmin-height:${ Math.round( minHeight ) }px;\n\t\t\t\t\t\t\t\t\tdisplay:flex;\n\t\t\t\t\t\t\t\t\talign-items:center;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t.is-root-container { width: 100%; }\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t]\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</Spacer>\n\t);\n};\n\nexport default BlockPreviewPanel;\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAAgD,IAAAK,WAAA,GAAAL,OAAA;AAXhD;AACA;AACA;;AAMA;AACA;AACA;;AAGA,MAAMM,iBAAiB,GAAGA,CAAE;EAAEC,IAAI;EAAEC,SAAS,GAAG;AAAG,CAAC,KAAM;EAAA,IAAAC,qBAAA;EACzD,MAAMC,YAAY,GAAG,IAAAC,oBAAY,EAAEJ,IAAK,CAAC,EAAEK,OAAO;EAClD,MAAMC,MAAM,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC7B,IAAK,CAAEJ,YAAY,EAAG;MACrB,OAAO,IAAI;IACZ;IAEA,IAAIE,OAAO,GAAGF,YAAY;IAC1B,IAAKF,SAAS,EAAG;MAChBI,OAAO,GAAG;QACT,GAAGA,OAAO;QACVG,UAAU,EAAE;UACX,GAAGH,OAAO,CAACG,UAAU;UACrBC,SAAS,EAAE,IAAAC,4BAAqB,EAAET,SAAU;QAC7C;MACD,CAAC;IACF;IAEA,OAAO,IAAAU,2BAAmB,EAAEX,IAAI,EAAEK,OAAQ,CAAC;EAC5C,CAAC,EAAE,CAAEL,IAAI,EAAEG,YAAY,EAAEF,SAAS,CAAG,CAAC;EAEtC,MAAMW,aAAa,IAAAV,qBAAA,GAAGC,YAAY,EAAES,aAAa,cAAAV,qBAAA,cAAAA,qBAAA,GAAI,GAAG;EACxD;EACA,MAAMW,aAAa,GAAG,GAAG;EACzB,MAAMC,YAAY,GAAG,GAAG;EACxB,MAAMC,KAAK,GAAGD,YAAY,GAAGF,aAAa;EAC1C,MAAMI,SAAS,GACdD,KAAK,KAAK,CAAC,IAAIA,KAAK,GAAG,CAAC,IAAIF,aAAa,GACtCA,aAAa,GAAGE,KAAK,GACrBF,aAAa;EAEjB,IAAK,CAAEV,YAAY,EAAG;IACrB,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAL,WAAA,CAAAmB,GAAA,EAACtB,WAAA,CAAAuB,oBAAM;IAACC,OAAO,EAAG,CAAG;IAACC,YAAY,EAAG,CAAG;IAAAC,QAAA,eACvC,IAAAvB,WAAA,CAAAmB,GAAA;MACCR,SAAS,EAAC,8CAA8C;MACxDa,KAAK,EAAG;QAAEC,SAAS,EAAEV,aAAa;QAAEW,SAAS,EAAE;MAAU,CAAG;MAAAH,QAAA,eAE5D,IAAAvB,WAAA,CAAAmB,GAAA,EAACzB,YAAA,CAAAiC,YAAY;QACZnB,MAAM,EAAGA,MAAQ;QACjBM,aAAa,EAAGA,aAAe;QAC/BI,SAAS,EAAGH,aAAe;QAC3Ba,gBAAgB;QACf;QACA,CACC;UACCC,GAAG,EAAE;AACb;AACA;AACA,sBAAuBC,IAAI,CAACC,KAAK,CAAEb,SAAU,CAAC;AAC9C;AACA;AACA;AACA;AACA;QACO,CAAC;MAEF,CACD;IAAC,CACE;EAAC,CACC,CAAC;AAEX,CAAC;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEajC,iBAAiB","ignoreList":[]}
+{"version":3,"names":["_blockEditor","require","_blocks","_components","_element","_utils","_jsxRuntime","BlockPreviewPanel","name","variation","_blockExample$viewpor","blockExample","getBlockType","example","blocks","useMemo","attributes","style","undefined","className","getVariationClassName","getBlockFromExample","viewportWidth","previewHeight","sidebarWidth","scale","minHeight","jsx","__experimentalSpacer","marginX","marginBottom","children","maxHeight","boxSizing","BlockPreview","additionalStyles","css","Math","round","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/global-styles/block-preview-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { BlockPreview } from '@wordpress/block-editor';\nimport { getBlockType, getBlockFromExample } from '@wordpress/blocks';\nimport { __experimentalSpacer as Spacer } from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getVariationClassName } from './utils';\n\nconst BlockPreviewPanel = ( { name, variation = '' } ) => {\n\tconst blockExample = getBlockType( name )?.example;\n\tconst blocks = useMemo( () => {\n\t\tif ( ! blockExample ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst example = {\n\t\t\t...blockExample,\n\t\t\tattributes: {\n\t\t\t\t...blockExample.attributes,\n\t\t\t\tstyle: undefined,\n\t\t\t\tclassName: variation\n\t\t\t\t\t? getVariationClassName( variation )\n\t\t\t\t\t: blockExample.attributes?.className,\n\t\t\t},\n\t\t};\n\n\t\treturn getBlockFromExample( name, example );\n\t}, [ name, blockExample, variation ] );\n\n\tconst viewportWidth = blockExample?.viewportWidth ?? 500;\n\t// Same as height of InserterPreviewPanel.\n\tconst previewHeight = 144;\n\tconst sidebarWidth = 235;\n\tconst scale = sidebarWidth / viewportWidth;\n\tconst minHeight =\n\t\tscale !== 0 && scale < 1 && previewHeight\n\t\t\t? previewHeight / scale\n\t\t\t: previewHeight;\n\n\tif ( ! blockExample ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Spacer marginX={ 4 } marginBottom={ 4 }>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-site-global-styles__block-preview-panel\"\n\t\t\t\tstyle={ { maxHeight: previewHeight, boxSizing: 'initial' } }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\t\tminHeight={ previewHeight }\n\t\t\t\t\tadditionalStyles={\n\t\t\t\t\t\t//We want this CSS to be in sync with the one in InserterPreviewPanel.\n\t\t\t\t\t\t[\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tcss: `\n\t\t\t\t\t\t\t\tbody{\n\t\t\t\t\t\t\t\t\tpadding: 24px;\n\t\t\t\t\t\t\t\t\tmin-height:${ Math.round( minHeight ) }px;\n\t\t\t\t\t\t\t\t\tdisplay:flex;\n\t\t\t\t\t\t\t\t\talign-items:center;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t.is-root-container { width: 100%; }\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t]\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</Spacer>\n\t);\n};\n\nexport default BlockPreviewPanel;\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAAgD,IAAAK,WAAA,GAAAL,OAAA;AAXhD;AACA;AACA;;AAMA;AACA;AACA;;AAGA,MAAMM,iBAAiB,GAAGA,CAAE;EAAEC,IAAI;EAAEC,SAAS,GAAG;AAAG,CAAC,KAAM;EAAA,IAAAC,qBAAA;EACzD,MAAMC,YAAY,GAAG,IAAAC,oBAAY,EAAEJ,IAAK,CAAC,EAAEK,OAAO;EAClD,MAAMC,MAAM,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC7B,IAAK,CAAEJ,YAAY,EAAG;MACrB,OAAO,IAAI;IACZ;IAEA,MAAME,OAAO,GAAG;MACf,GAAGF,YAAY;MACfK,UAAU,EAAE;QACX,GAAGL,YAAY,CAACK,UAAU;QAC1BC,KAAK,EAAEC,SAAS;QAChBC,SAAS,EAAEV,SAAS,GACjB,IAAAW,4BAAqB,EAAEX,SAAU,CAAC,GAClCE,YAAY,CAACK,UAAU,EAAEG;MAC7B;IACD,CAAC;IAED,OAAO,IAAAE,2BAAmB,EAAEb,IAAI,EAAEK,OAAQ,CAAC;EAC5C,CAAC,EAAE,CAAEL,IAAI,EAAEG,YAAY,EAAEF,SAAS,CAAG,CAAC;EAEtC,MAAMa,aAAa,IAAAZ,qBAAA,GAAGC,YAAY,EAAEW,aAAa,cAAAZ,qBAAA,cAAAA,qBAAA,GAAI,GAAG;EACxD;EACA,MAAMa,aAAa,GAAG,GAAG;EACzB,MAAMC,YAAY,GAAG,GAAG;EACxB,MAAMC,KAAK,GAAGD,YAAY,GAAGF,aAAa;EAC1C,MAAMI,SAAS,GACdD,KAAK,KAAK,CAAC,IAAIA,KAAK,GAAG,CAAC,IAAIF,aAAa,GACtCA,aAAa,GAAGE,KAAK,GACrBF,aAAa;EAEjB,IAAK,CAAEZ,YAAY,EAAG;IACrB,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAL,WAAA,CAAAqB,GAAA,EAACxB,WAAA,CAAAyB,oBAAM;IAACC,OAAO,EAAG,CAAG;IAACC,YAAY,EAAG,CAAG;IAAAC,QAAA,eACvC,IAAAzB,WAAA,CAAAqB,GAAA;MACCR,SAAS,EAAC,8CAA8C;MACxDF,KAAK,EAAG;QAAEe,SAAS,EAAET,aAAa;QAAEU,SAAS,EAAE;MAAU,CAAG;MAAAF,QAAA,eAE5D,IAAAzB,WAAA,CAAAqB,GAAA,EAAC3B,YAAA,CAAAkC,YAAY;QACZpB,MAAM,EAAGA,MAAQ;QACjBQ,aAAa,EAAGA,aAAe;QAC/BI,SAAS,EAAGH,aAAe;QAC3BY,gBAAgB;QACf;QACA,CACC;UACCC,GAAG,EAAE;AACb;AACA;AACA,sBAAuBC,IAAI,CAACC,KAAK,CAAEZ,SAAU,CAAC;AAC9C;AACA;AACA;AACA;AACA;QACO,CAAC;MAEF,CACD;IAAC,CACE;EAAC,CACC,CAAC;AAEX,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEalC,iBAAiB","ignoreList":[]}

package/build/components/global-styles/screen-block.js

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -98,12 +99,13 @@ function ScreenBlock({
   });
   const [userSettings] = useGlobalSetting('', name, 'user');
   const [rawSettings, setSettings] = useGlobalSetting('', name);
-  const settings = useSettingsForBlockElement(rawSettings, name);
+  const settingsForBlockElement = useSettingsForBlockElement(rawSettings, name);
   const blockType = (0, _blocks.getBlockType)(name);
 
   // Only allow `blockGap` support if serialization has not been skipped, to be sure global spacing can be applied.
-  if (settings?.spacing?.blockGap && blockType?.supports?.spacing?.blockGap && (blockType?.supports?.spacing?.__experimentalSkipSerialization === true || blockType?.supports?.spacing?.__experimentalSkipSerialization?.some?.(spacingType => spacingType === 'blockGap'))) {
-    settings.spacing.blockGap = false;
+  let disableBlockGap = false;
+  if (settingsForBlockElement?.spacing?.blockGap && blockType?.supports?.spacing?.blockGap && (blockType?.supports?.spacing?.skipSerialization === true || blockType?.supports?.spacing?.skipSerialization?.some?.(spacingType => spacingType === 'blockGap'))) {
+    disableBlockGap = true;
   }
 
   // Only allow `aspectRatio` support if the block is not the grouping block.
@@ -112,9 +114,20 @@ function ScreenBlock({
   // for all three at once. Until there is the ability to set a different aspect
   // ratio for each variation, we disable the aspect ratio controls for the
   // grouping block in global styles.
-  if (settings?.dimensions?.aspectRatio && name === 'core/group') {
-    settings.dimensions.aspectRatio = false;
+  let disableAspectRatio = false;
+  if (settingsForBlockElement?.dimensions?.aspectRatio && name === 'core/group') {
+    disableAspectRatio = true;
   }
+  const settings = (0, _element.useMemo)(() => {
+    const updatedSettings = structuredClone(settingsForBlockElement);
+    if (disableBlockGap) {
+      updatedSettings.spacing.blockGap = false;
+    }
+    if (disableAspectRatio) {
+      updatedSettings.dimensions.aspectRatio = false;
+    }
+    return updatedSettings;
+  }, [settingsForBlockElement, disableBlockGap, disableAspectRatio]);
   const blockVariations = (0, _variationsPanel.useBlockVariations)(name);
   const hasBackgroundPanel = useHasBackgroundPanel(settings);
   const hasTypographyPanel = useHasTypographyPanel(settings);

package/build/components/global-styles/screen-block.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blocks","require","_blockEditor","_element","_data","_coreData","_components","_i18n","_header","_interopRequireDefault","_blockPreviewPanel","_lockUnlock","_subtitle","_variationsPanel","_jsxRuntime","BACKGROUND_BLOCK_DEFAULT_VALUES","backgroundSize","backgroundPosition","applyFallbackStyle","border","hasColorOrWidth","color","width","style","undefined","applyAllFallbackStyles","hasSplitBorders","top","right","bottom","left","useHasDimensionsPanel","useHasTypographyPanel","useHasBorderPanel","useGlobalSetting","useSettingsForBlockElement","useHasColorPanel","useHasFiltersPanel","useHasImageSettingsPanel","useGlobalStyle","useHasBackgroundPanel","BackgroundPanel","StylesBackgroundPanel","BorderPanel","StylesBorderPanel","ColorPanel","StylesColorPanel","TypographyPanel","StylesTypographyPanel","DimensionsPanel","StylesDimensionsPanel","FiltersPanel","StylesFiltersPanel","ImageSettingsPanel","AdvancedPanel","StylesAdvancedPanel","unlock","blockEditorPrivateApis","ScreenBlock","name","variation","prefixParts","concat","prefix","join","shouldDecodeEncode","inheritedStyle","setStyle","userSettings","rawSettings","setSettings","settings","blockType","getBlockType","spacing","blockGap","supports","__experimentalSkipSerialization","some","spacingType","dimensions","aspectRatio","blockVariations","useBlockVariations","hasBackgroundPanel","hasTypographyPanel","hasColorPanel","hasBorderPanel","hasDimensionsPanel","hasFiltersPanel","hasImageSettingsPanel","hasVariationsPanel","length","canEditCSS","useSelect","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","_links","currentBlockStyle","find","s","inheritedStyleWithLayout","useMemo","layout","styleWithLayout","onChangeDimensions","newStyle","updatedStyle","onChangeLightbox","newSetting","lightbox","onChangeBorders","radius","newBorder","updatedBorder","jsxs","Fragment","children","jsx","default","title","label","className","__experimentalVStack","__","VariationsPanel","inheritedValue","value","onChange","defaultValues","includeLayoutControls","PanelBody","initialOpen","sprintf","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-block.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlockType } from '@wordpress/blocks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tPanelBody,\n\t__experimentalVStack as VStack,\n\t__experimentalHasSplitBorders as hasSplitBorders,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport BlockPreviewPanel from './block-preview-panel';\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport {\n\tuseBlockVariations,\n\tVariationsPanel,\n} from './variations/variations-panel';\n\n// Initial control values.\nconst BACKGROUND_BLOCK_DEFAULT_VALUES = {\n\tbackgroundSize: 'cover',\n\tbackgroundPosition: '50% 50%', // used only when backgroundSize is 'contain'.\n};\n\nfunction applyFallbackStyle( border ) {\n\tif ( ! border ) {\n\t\treturn border;\n\t}\n\n\tconst hasColorOrWidth = border.color || border.width;\n\n\tif ( ! border.style && hasColorOrWidth ) {\n\t\treturn { ...border, style: 'solid' };\n\t}\n\n\tif ( border.style && ! hasColorOrWidth ) {\n\t\treturn undefined;\n\t}\n\n\treturn border;\n}\n\nfunction applyAllFallbackStyles( border ) {\n\tif ( ! border ) {\n\t\treturn border;\n\t}\n\n\tif ( hasSplitBorders( border ) ) {\n\t\treturn {\n\t\t\ttop: applyFallbackStyle( border.top ),\n\t\t\tright: applyFallbackStyle( border.right ),\n\t\t\tbottom: applyFallbackStyle( border.bottom ),\n\t\t\tleft: applyFallbackStyle( border.left ),\n\t\t};\n\t}\n\n\treturn applyFallbackStyle( border );\n}\n\nconst {\n\tuseHasDimensionsPanel,\n\tuseHasTypographyPanel,\n\tuseHasBorderPanel,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tuseHasColorPanel,\n\tuseHasFiltersPanel,\n\tuseHasImageSettingsPanel,\n\tuseGlobalStyle,\n\tuseHasBackgroundPanel,\n\tBackgroundPanel: StylesBackgroundPanel,\n\tBorderPanel: StylesBorderPanel,\n\tColorPanel: StylesColorPanel,\n\tTypographyPanel: StylesTypographyPanel,\n\tDimensionsPanel: StylesDimensionsPanel,\n\tFiltersPanel: StylesFiltersPanel,\n\tImageSettingsPanel,\n\tAdvancedPanel: StylesAdvancedPanel,\n} = unlock( blockEditorPrivateApis );\n\nfunction ScreenBlock( { name, variation } ) {\n\tlet prefixParts = [];\n\tif ( variation ) {\n\t\tprefixParts = [ 'variations', variation ].concat( prefixParts );\n\t}\n\tconst prefix = prefixParts.join( '.' );\n\n\tconst [ style ] = useGlobalStyle( prefix, name, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( prefix, name, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ userSettings ] = useGlobalSetting( '', name, 'user' );\n\tconst [ rawSettings, setSettings ] = useGlobalSetting( '', name );\n\tconst settings = useSettingsForBlockElement( rawSettings, name );\n\tconst blockType = getBlockType( name );\n\n\t// Only allow `blockGap` support if serialization has not been skipped, to be sure global spacing can be applied.\n\tif (\n\t\tsettings?.spacing?.blockGap &&\n\t\tblockType?.supports?.spacing?.blockGap &&\n\t\t( blockType?.supports?.spacing?.__experimentalSkipSerialization ===\n\t\t\ttrue ||\n\t\t\tblockType?.supports?.spacing?.__experimentalSkipSerialization?.some?.(\n\t\t\t\t( spacingType ) => spacingType === 'blockGap'\n\t\t\t) )\n\t) {\n\t\tsettings.spacing.blockGap = false;\n\t}\n\n\t// Only allow `aspectRatio` support if the block is not the grouping block.\n\t// The grouping block allows the user to use Group, Row and Stack variations,\n\t// and it is highly likely that the user will not want to set an aspect ratio\n\t// for all three at once. Until there is the ability to set a different aspect\n\t// ratio for each variation, we disable the aspect ratio controls for the\n\t// grouping block in global styles.\n\tif ( settings?.dimensions?.aspectRatio && name === 'core/group' ) {\n\t\tsettings.dimensions.aspectRatio = false;\n\t}\n\n\tconst blockVariations = useBlockVariations( name );\n\tconst hasBackgroundPanel = useHasBackgroundPanel( settings );\n\tconst hasTypographyPanel = useHasTypographyPanel( settings );\n\tconst hasColorPanel = useHasColorPanel( settings );\n\tconst hasBorderPanel = useHasBorderPanel( settings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( settings );\n\tconst hasFiltersPanel = useHasFiltersPanel( settings );\n\tconst hasImageSettingsPanel = useHasImageSettingsPanel(\n\t\tname,\n\t\tuserSettings,\n\t\tsettings\n\t);\n\tconst hasVariationsPanel = !! blockVariations?.length && ! variation;\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tcanEditCSS: !! globalStyles?._links?.[ 'wp:action-edit-css' ],\n\t\t};\n\t}, [] );\n\tconst currentBlockStyle = variation\n\t\t? blockVariations.find( ( s ) => s.name === variation )\n\t\t: null;\n\n\t// These intermediary objects are needed because the \"layout\" property is stored\n\t// in settings rather than styles.\n\tconst inheritedStyleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...inheritedStyle,\n\t\t\tlayout: settings.layout,\n\t\t};\n\t}, [ inheritedStyle, settings.layout ] );\n\tconst styleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...style,\n\t\t\tlayout: userSettings.layout,\n\t\t};\n\t}, [ style, userSettings.layout ] );\n\tconst onChangeDimensions = ( newStyle ) => {\n\t\tconst updatedStyle = { ...newStyle };\n\t\tdelete updatedStyle.layout;\n\t\tsetStyle( updatedStyle );\n\n\t\tif ( newStyle.layout !== userSettings.layout ) {\n\t\t\tsetSettings( {\n\t\t\t\t...userSettings,\n\t\t\t\tlayout: newStyle.layout,\n\t\t\t} );\n\t\t}\n\t};\n\tconst onChangeLightbox = ( newSetting ) => {\n\t\t// If the newSetting is undefined, this means that the user has deselected\n\t\t// (reset) the lightbox setting.\n\t\tif ( newSetting === undefined ) {\n\t\t\tsetSettings( {\n\t\t\t\t...rawSettings,\n\t\t\t\tlightbox: undefined,\n\t\t\t} );\n\n\t\t\t// Otherwise, we simply set the lightbox setting to the new value but\n\t\t\t// taking care of not overriding the other lightbox settings.\n\t\t} else {\n\t\t\tsetSettings( {\n\t\t\t\t...rawSettings,\n\t\t\t\tlightbox: {\n\t\t\t\t\t...rawSettings.lightbox,\n\t\t\t\t\t...newSetting,\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t};\n\tconst onChangeBorders = ( newStyle ) => {\n\t\tif ( ! newStyle?.border ) {\n\t\t\tsetStyle( newStyle );\n\t\t\treturn;\n\t\t}\n\n\t\t// As Global Styles can't conditionally generate styles based on if\n\t\t// other style properties have been set, we need to force split\n\t\t// border definitions for user set global border styles. Border\n\t\t// radius is derived from the same property i.e. `border.radius` if\n\t\t// it is a string that is used. The longhand border radii styles are\n\t\t// only generated if that property is an object.\n\t\t//\n\t\t// For borders (color, style, and width) those are all properties on\n\t\t// the `border` style property. This means if the theme.json defined\n\t\t// split borders and the user condenses them into a flat border or\n\t\t// vice-versa we'd get both sets of styles which would conflict.\n\t\tconst { radius, ...newBorder } = newStyle.border;\n\t\tconst border = applyAllFallbackStyles( newBorder );\n\t\tconst updatedBorder = ! hasSplitBorders( border )\n\t\t\t? {\n\t\t\t\t\ttop: border,\n\t\t\t\t\tright: border,\n\t\t\t\t\tbottom: border,\n\t\t\t\t\tleft: border,\n\t\t\t  }\n\t\t\t: {\n\t\t\t\t\tcolor: null,\n\t\t\t\t\tstyle: null,\n\t\t\t\t\twidth: null,\n\t\t\t\t\t...border,\n\t\t\t  };\n\n\t\tsetStyle( { ...newStyle, border: { ...updatedBorder, radius } } );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ variation ? currentBlockStyle?.label : blockType.title }\n\t\t\t/>\n\t\t\t<BlockPreviewPanel name={ name } variation={ variation } />\n\t\t\t{ hasVariationsPanel && (\n\t\t\t\t<div className=\"edit-site-global-styles-screen-variations\">\n\t\t\t\t\t<VStack spacing={ 3 }>\n\t\t\t\t\t\t<Subtitle>{ __( 'Style Variations' ) }</Subtitle>\n\t\t\t\t\t\t<VariationsPanel name={ name } />\n\t\t\t\t\t</VStack>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ hasColorPanel && (\n\t\t\t\t<StylesColorPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasBackgroundPanel && (\n\t\t\t\t<StylesBackgroundPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tdefaultValues={ BACKGROUND_BLOCK_DEFAULT_VALUES }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasTypographyPanel && (\n\t\t\t\t<StylesTypographyPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasDimensionsPanel && (\n\t\t\t\t<StylesDimensionsPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ onChangeDimensions }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasBorderPanel && (\n\t\t\t\t<StylesBorderPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ onChangeBorders }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasFiltersPanel && (\n\t\t\t\t<StylesFiltersPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasImageSettingsPanel && (\n\t\t\t\t<ImageSettingsPanel\n\t\t\t\t\tonChange={ onChangeLightbox }\n\t\t\t\t\tvalue={ userSettings }\n\t\t\t\t\tinheritedValue={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ canEditCSS && (\n\t\t\t\t<PanelBody title={ __( 'Advanced' ) } initialOpen={ false }>\n\t\t\t\t\t<p>\n\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t// translators: %s: is the name of a block e.g., 'Image' or 'Table'.\n\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t'Add your own CSS to customize the appearance of the %s block. You do not need to include a CSS selector, just add the property and value.'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tblockType?.title\n\t\t\t\t\t\t) }\n\t\t\t\t\t</p>\n\t\t\t\t\t<StylesAdvancedPanel\n\t\t\t\t\t\tvalue={ style }\n\t\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default ScreenBlock;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_blocks","require","_blockEditor","_element","_data","_coreData","_components","_i18n","_header","_interopRequireDefault","_blockPreviewPanel","_lockUnlock","_subtitle","_variationsPanel","_jsxRuntime","BACKGROUND_BLOCK_DEFAULT_VALUES","backgroundSize","backgroundPosition","applyFallbackStyle","border","hasColorOrWidth","color","width","style","undefined","applyAllFallbackStyles","hasSplitBorders","top","right","bottom","left","useHasDimensionsPanel","useHasTypographyPanel","useHasBorderPanel","useGlobalSetting","useSettingsForBlockElement","useHasColorPanel","useHasFiltersPanel","useHasImageSettingsPanel","useGlobalStyle","useHasBackgroundPanel","BackgroundPanel","StylesBackgroundPanel","BorderPanel","StylesBorderPanel","ColorPanel","StylesColorPanel","TypographyPanel","StylesTypographyPanel","DimensionsPanel","StylesDimensionsPanel","FiltersPanel","StylesFiltersPanel","ImageSettingsPanel","AdvancedPanel","StylesAdvancedPanel","unlock","blockEditorPrivateApis","ScreenBlock","name","variation","prefixParts","concat","prefix","join","shouldDecodeEncode","inheritedStyle","setStyle","userSettings","rawSettings","setSettings","settingsForBlockElement","blockType","getBlockType","disableBlockGap","spacing","blockGap","supports","skipSerialization","some","spacingType","disableAspectRatio","dimensions","aspectRatio","settings","useMemo","updatedSettings","structuredClone","blockVariations","useBlockVariations","hasBackgroundPanel","hasTypographyPanel","hasColorPanel","hasBorderPanel","hasDimensionsPanel","hasFiltersPanel","hasImageSettingsPanel","hasVariationsPanel","length","canEditCSS","useSelect","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","_links","currentBlockStyle","find","s","inheritedStyleWithLayout","layout","styleWithLayout","onChangeDimensions","newStyle","updatedStyle","onChangeLightbox","newSetting","lightbox","onChangeBorders","radius","newBorder","updatedBorder","jsxs","Fragment","children","jsx","default","title","label","className","__experimentalVStack","__","VariationsPanel","inheritedValue","value","onChange","defaultValues","includeLayoutControls","PanelBody","initialOpen","sprintf","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-block.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlockType } from '@wordpress/blocks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tPanelBody,\n\t__experimentalVStack as VStack,\n\t__experimentalHasSplitBorders as hasSplitBorders,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport BlockPreviewPanel from './block-preview-panel';\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport {\n\tuseBlockVariations,\n\tVariationsPanel,\n} from './variations/variations-panel';\n\n// Initial control values.\nconst BACKGROUND_BLOCK_DEFAULT_VALUES = {\n\tbackgroundSize: 'cover',\n\tbackgroundPosition: '50% 50%', // used only when backgroundSize is 'contain'.\n};\n\nfunction applyFallbackStyle( border ) {\n\tif ( ! border ) {\n\t\treturn border;\n\t}\n\n\tconst hasColorOrWidth = border.color || border.width;\n\n\tif ( ! border.style && hasColorOrWidth ) {\n\t\treturn { ...border, style: 'solid' };\n\t}\n\n\tif ( border.style && ! hasColorOrWidth ) {\n\t\treturn undefined;\n\t}\n\n\treturn border;\n}\n\nfunction applyAllFallbackStyles( border ) {\n\tif ( ! border ) {\n\t\treturn border;\n\t}\n\n\tif ( hasSplitBorders( border ) ) {\n\t\treturn {\n\t\t\ttop: applyFallbackStyle( border.top ),\n\t\t\tright: applyFallbackStyle( border.right ),\n\t\t\tbottom: applyFallbackStyle( border.bottom ),\n\t\t\tleft: applyFallbackStyle( border.left ),\n\t\t};\n\t}\n\n\treturn applyFallbackStyle( border );\n}\n\nconst {\n\tuseHasDimensionsPanel,\n\tuseHasTypographyPanel,\n\tuseHasBorderPanel,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tuseHasColorPanel,\n\tuseHasFiltersPanel,\n\tuseHasImageSettingsPanel,\n\tuseGlobalStyle,\n\tuseHasBackgroundPanel,\n\tBackgroundPanel: StylesBackgroundPanel,\n\tBorderPanel: StylesBorderPanel,\n\tColorPanel: StylesColorPanel,\n\tTypographyPanel: StylesTypographyPanel,\n\tDimensionsPanel: StylesDimensionsPanel,\n\tFiltersPanel: StylesFiltersPanel,\n\tImageSettingsPanel,\n\tAdvancedPanel: StylesAdvancedPanel,\n} = unlock( blockEditorPrivateApis );\n\nfunction ScreenBlock( { name, variation } ) {\n\tlet prefixParts = [];\n\tif ( variation ) {\n\t\tprefixParts = [ 'variations', variation ].concat( prefixParts );\n\t}\n\tconst prefix = prefixParts.join( '.' );\n\n\tconst [ style ] = useGlobalStyle( prefix, name, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( prefix, name, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ userSettings ] = useGlobalSetting( '', name, 'user' );\n\tconst [ rawSettings, setSettings ] = useGlobalSetting( '', name );\n\tconst settingsForBlockElement = useSettingsForBlockElement(\n\t\trawSettings,\n\t\tname\n\t);\n\tconst blockType = getBlockType( name );\n\n\t// Only allow `blockGap` support if serialization has not been skipped, to be sure global spacing can be applied.\n\tlet disableBlockGap = false;\n\tif (\n\t\tsettingsForBlockElement?.spacing?.blockGap &&\n\t\tblockType?.supports?.spacing?.blockGap &&\n\t\t( blockType?.supports?.spacing?.skipSerialization === true ||\n\t\t\tblockType?.supports?.spacing?.skipSerialization?.some?.(\n\t\t\t\t( spacingType ) => spacingType === 'blockGap'\n\t\t\t) )\n\t) {\n\t\tdisableBlockGap = true;\n\t}\n\n\t// Only allow `aspectRatio` support if the block is not the grouping block.\n\t// The grouping block allows the user to use Group, Row and Stack variations,\n\t// and it is highly likely that the user will not want to set an aspect ratio\n\t// for all three at once. Until there is the ability to set a different aspect\n\t// ratio for each variation, we disable the aspect ratio controls for the\n\t// grouping block in global styles.\n\tlet disableAspectRatio = false;\n\tif (\n\t\tsettingsForBlockElement?.dimensions?.aspectRatio &&\n\t\tname === 'core/group'\n\t) {\n\t\tdisableAspectRatio = true;\n\t}\n\n\tconst settings = useMemo( () => {\n\t\tconst updatedSettings = structuredClone( settingsForBlockElement );\n\t\tif ( disableBlockGap ) {\n\t\t\tupdatedSettings.spacing.blockGap = false;\n\t\t}\n\t\tif ( disableAspectRatio ) {\n\t\t\tupdatedSettings.dimensions.aspectRatio = false;\n\t\t}\n\t\treturn updatedSettings;\n\t}, [ settingsForBlockElement, disableBlockGap, disableAspectRatio ] );\n\n\tconst blockVariations = useBlockVariations( name );\n\tconst hasBackgroundPanel = useHasBackgroundPanel( settings );\n\tconst hasTypographyPanel = useHasTypographyPanel( settings );\n\tconst hasColorPanel = useHasColorPanel( settings );\n\tconst hasBorderPanel = useHasBorderPanel( settings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( settings );\n\tconst hasFiltersPanel = useHasFiltersPanel( settings );\n\tconst hasImageSettingsPanel = useHasImageSettingsPanel(\n\t\tname,\n\t\tuserSettings,\n\t\tsettings\n\t);\n\tconst hasVariationsPanel = !! blockVariations?.length && ! variation;\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tcanEditCSS: !! globalStyles?._links?.[ 'wp:action-edit-css' ],\n\t\t};\n\t}, [] );\n\tconst currentBlockStyle = variation\n\t\t? blockVariations.find( ( s ) => s.name === variation )\n\t\t: null;\n\n\t// These intermediary objects are needed because the \"layout\" property is stored\n\t// in settings rather than styles.\n\tconst inheritedStyleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...inheritedStyle,\n\t\t\tlayout: settings.layout,\n\t\t};\n\t}, [ inheritedStyle, settings.layout ] );\n\tconst styleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...style,\n\t\t\tlayout: userSettings.layout,\n\t\t};\n\t}, [ style, userSettings.layout ] );\n\tconst onChangeDimensions = ( newStyle ) => {\n\t\tconst updatedStyle = { ...newStyle };\n\t\tdelete updatedStyle.layout;\n\t\tsetStyle( updatedStyle );\n\n\t\tif ( newStyle.layout !== userSettings.layout ) {\n\t\t\tsetSettings( {\n\t\t\t\t...userSettings,\n\t\t\t\tlayout: newStyle.layout,\n\t\t\t} );\n\t\t}\n\t};\n\tconst onChangeLightbox = ( newSetting ) => {\n\t\t// If the newSetting is undefined, this means that the user has deselected\n\t\t// (reset) the lightbox setting.\n\t\tif ( newSetting === undefined ) {\n\t\t\tsetSettings( {\n\t\t\t\t...rawSettings,\n\t\t\t\tlightbox: undefined,\n\t\t\t} );\n\n\t\t\t// Otherwise, we simply set the lightbox setting to the new value but\n\t\t\t// taking care of not overriding the other lightbox settings.\n\t\t} else {\n\t\t\tsetSettings( {\n\t\t\t\t...rawSettings,\n\t\t\t\tlightbox: {\n\t\t\t\t\t...rawSettings.lightbox,\n\t\t\t\t\t...newSetting,\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t};\n\tconst onChangeBorders = ( newStyle ) => {\n\t\tif ( ! newStyle?.border ) {\n\t\t\tsetStyle( newStyle );\n\t\t\treturn;\n\t\t}\n\n\t\t// As Global Styles can't conditionally generate styles based on if\n\t\t// other style properties have been set, we need to force split\n\t\t// border definitions for user set global border styles. Border\n\t\t// radius is derived from the same property i.e. `border.radius` if\n\t\t// it is a string that is used. The longhand border radii styles are\n\t\t// only generated if that property is an object.\n\t\t//\n\t\t// For borders (color, style, and width) those are all properties on\n\t\t// the `border` style property. This means if the theme.json defined\n\t\t// split borders and the user condenses them into a flat border or\n\t\t// vice-versa we'd get both sets of styles which would conflict.\n\t\tconst { radius, ...newBorder } = newStyle.border;\n\t\tconst border = applyAllFallbackStyles( newBorder );\n\t\tconst updatedBorder = ! hasSplitBorders( border )\n\t\t\t? {\n\t\t\t\t\ttop: border,\n\t\t\t\t\tright: border,\n\t\t\t\t\tbottom: border,\n\t\t\t\t\tleft: border,\n\t\t\t  }\n\t\t\t: {\n\t\t\t\t\tcolor: null,\n\t\t\t\t\tstyle: null,\n\t\t\t\t\twidth: null,\n\t\t\t\t\t...border,\n\t\t\t  };\n\n\t\tsetStyle( { ...newStyle, border: { ...updatedBorder, radius } } );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ variation ? currentBlockStyle?.label : blockType.title }\n\t\t\t/>\n\t\t\t<BlockPreviewPanel name={ name } variation={ variation } />\n\t\t\t{ hasVariationsPanel && (\n\t\t\t\t<div className=\"edit-site-global-styles-screen-variations\">\n\t\t\t\t\t<VStack spacing={ 3 }>\n\t\t\t\t\t\t<Subtitle>{ __( 'Style Variations' ) }</Subtitle>\n\t\t\t\t\t\t<VariationsPanel name={ name } />\n\t\t\t\t\t</VStack>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ hasColorPanel && (\n\t\t\t\t<StylesColorPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasBackgroundPanel && (\n\t\t\t\t<StylesBackgroundPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tdefaultValues={ BACKGROUND_BLOCK_DEFAULT_VALUES }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasTypographyPanel && (\n\t\t\t\t<StylesTypographyPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasDimensionsPanel && (\n\t\t\t\t<StylesDimensionsPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ onChangeDimensions }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasBorderPanel && (\n\t\t\t\t<StylesBorderPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ onChangeBorders }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasFiltersPanel && (\n\t\t\t\t<StylesFiltersPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasImageSettingsPanel && (\n\t\t\t\t<ImageSettingsPanel\n\t\t\t\t\tonChange={ onChangeLightbox }\n\t\t\t\t\tvalue={ userSettings }\n\t\t\t\t\tinheritedValue={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ canEditCSS && (\n\t\t\t\t<PanelBody title={ __( 'Advanced' ) } initialOpen={ false }>\n\t\t\t\t\t<p>\n\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t// translators: %s: is the name of a block e.g., 'Image' or 'Table'.\n\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t'Add your own CSS to customize the appearance of the %s block. You do not need to include a CSS selector, just add the property and value.'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tblockType?.title\n\t\t\t\t\t\t) }\n\t\t\t\t\t</p>\n\t\t\t\t\t<StylesAdvancedPanel\n\t\t\t\t\t\tvalue={ style }\n\t\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default ScreenBlock;\n"],"mappings":"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","ignoreList":[]}

package/build/components/global-styles/screen-style-variations.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
+var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
+var _i18n = require("@wordpress/i18n");
 var _editor = require("@wordpress/editor");
+var _element = require("@wordpress/element");
 var _header = _interopRequireDefault(require("./header"));
 var _content = _interopRequireDefault(require("../sidebar-navigation-screen-global-styles/content"));
 var _lockUnlock = require("../../lock-unlock");
@@ -27,13 +28,18 @@ const {
 } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
 function ScreenStyleVariations() {
   // Style Variations should only be previewed in with
-  // - a "zoomed out" editor
+  // - a "zoomed out" editor (but not when in preview mode)
   // - "Desktop" device preview
+  const isPreviewMode = (0, _data.useSelect)(select => {
+    return select(_blockEditor.store).getSettings().isPreviewMode;
+  }, []);
   const {
     setDeviceType
   } = (0, _data.useDispatch)(_editor.store);
-  useZoomOut();
-  setDeviceType('desktop');
+  useZoomOut(!isPreviewMode);
+  (0, _element.useEffect)(() => {
+    setDeviceType('desktop');
+  }, [setDeviceType]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
       title: (0, _i18n.__)('Browse styles'),

package/build/components/global-styles/screen-style-variations.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_blockEditor","_data","_editor","_header","_interopRequireDefault","_content","_lockUnlock","_jsxRuntime","useZoomOut","unlock","blockEditorPrivateApis","ScreenStyleVariations","setDeviceType","useDispatch","editorStore","jsxs","Fragment","children","jsx","default","title","__","description","Card","size","isBorderless","className","CardBody","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-style-variations.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Card, CardBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useDispatch } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport SidebarNavigationScreenGlobalStylesContent from '../sidebar-navigation-screen-global-styles/content';\nimport { unlock } from '../../lock-unlock';\n\nconst { useZoomOut } = unlock( blockEditorPrivateApis );\n\nfunction ScreenStyleVariations() {\n\t// Style Variations should only be previewed in with\n\t// - a \"zoomed out\" editor\n\t// - \"Desktop\" device preview\n\tconst { setDeviceType } = useDispatch( editorStore );\n\tuseZoomOut();\n\tsetDeviceType( 'desktop' );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Browse styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a variation to change the look of the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<Card\n\t\t\t\tsize=\"small\"\n\t\t\t\tisBorderless\n\t\t\t\tclassName=\"edit-site-global-styles-screen-style-variations\"\n\t\t\t>\n\t\t\t\t<CardBody>\n\t\t\t\t\t<SidebarNavigationScreenGlobalStylesContent />\n\t\t\t\t</CardBody>\n\t\t\t</Card>\n\t\t</>\n\t);\n}\n\nexport default ScreenStyleVariations;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAKA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,QAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AAA2C,IAAAS,WAAA,GAAAT,OAAA;AAd3C;AACA;AACA;;AAOA;AACA;AACA;;AAKA,MAAM;EAAEU;AAAW,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEvD,SAASC,qBAAqBA,CAAA,EAAG;EAChC;EACA;EACA;EACA,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,iBAAW,EAAEC,aAAY,CAAC;EACpDN,UAAU,CAAC,CAAC;EACZI,aAAa,CAAE,SAAU,CAAC;EAE1B,oBACC,IAAAL,WAAA,CAAAQ,IAAA,EAAAR,WAAA,CAAAS,QAAA;IAAAC,QAAA,gBACC,IAAAV,WAAA,CAAAW,GAAA,EAACf,OAAA,CAAAgB,OAAY;MACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;MAC/BC,WAAW,EAAG,IAAAD,QAAE,EACf,oDACD;IAAG,CACH,CAAC,eAEF,IAAAd,WAAA,CAAAW,GAAA,EAACrB,WAAA,CAAA0B,IAAI;MACJC,IAAI,EAAC,OAAO;MACZC,YAAY;MACZC,SAAS,EAAC,iDAAiD;MAAAT,QAAA,eAE3D,IAAAV,WAAA,CAAAW,GAAA,EAACrB,WAAA,CAAA8B,QAAQ;QAAAV,QAAA,eACR,IAAAV,WAAA,CAAAW,GAAA,EAACb,QAAA,CAAAc,OAA0C,IAAE;MAAC,CACrC;IAAC,CACN,CAAC;EAAA,CACN,CAAC;AAEL;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEcR,qBAAqB","ignoreList":[]}
+{"version":3,"names":["_blockEditor","require","_components","_data","_i18n","_editor","_element","_header","_interopRequireDefault","_content","_lockUnlock","_jsxRuntime","useZoomOut","unlock","blockEditorPrivateApis","ScreenStyleVariations","isPreviewMode","useSelect","select","blockEditorStore","getSettings","setDeviceType","useDispatch","editorStore","useEffect","jsxs","Fragment","children","jsx","default","title","__","description","Card","size","isBorderless","className","CardBody","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-style-variations.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Card, CardBody } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { store as editorStore } from '@wordpress/editor';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport SidebarNavigationScreenGlobalStylesContent from '../sidebar-navigation-screen-global-styles/content';\nimport { unlock } from '../../lock-unlock';\n\nconst { useZoomOut } = unlock( blockEditorPrivateApis );\n\nfunction ScreenStyleVariations() {\n\t// Style Variations should only be previewed in with\n\t// - a \"zoomed out\" editor (but not when in preview mode)\n\t// - \"Desktop\" device preview\n\tconst isPreviewMode = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().isPreviewMode;\n\t}, [] );\n\tconst { setDeviceType } = useDispatch( editorStore );\n\tuseZoomOut( ! isPreviewMode );\n\tuseEffect( () => {\n\t\tsetDeviceType( 'desktop' );\n\t}, [ setDeviceType ] );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Browse styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a variation to change the look of the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<Card\n\t\t\t\tsize=\"small\"\n\t\t\t\tisBorderless\n\t\t\t\tclassName=\"edit-site-global-styles-screen-style-variations\"\n\t\t\t>\n\t\t\t\t<CardBody>\n\t\t\t\t\t<SidebarNavigationScreenGlobalStylesContent />\n\t\t\t\t</CardBody>\n\t\t\t</Card>\n\t\t</>\n\t);\n}\n\nexport default ScreenStyleVariations;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAKA,IAAAM,OAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAD,sBAAA,CAAAP,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAA2C,IAAAU,WAAA,GAAAV,OAAA;AAlB3C;AACA;AACA;;AAWA;AACA;AACA;;AAKA,MAAM;EAAEW;AAAW,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEvD,SAASC,qBAAqBA,CAAA,EAAG;EAChC;EACA;EACA;EACA,MAAMC,aAAa,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC9C,OAAOA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,WAAW,CAAC,CAAC,CAACJ,aAAa;EAC9D,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEK;EAAc,CAAC,GAAG,IAAAC,iBAAW,EAAEC,aAAY,CAAC;EACpDX,UAAU,CAAE,CAAEI,aAAc,CAAC;EAC7B,IAAAQ,kBAAS,EAAE,MAAM;IAChBH,aAAa,CAAE,SAAU,CAAC;EAC3B,CAAC,EAAE,CAAEA,aAAa,CAAG,CAAC;EAEtB,oBACC,IAAAV,WAAA,CAAAc,IAAA,EAAAd,WAAA,CAAAe,QAAA;IAAAC,QAAA,gBACC,IAAAhB,WAAA,CAAAiB,GAAA,EAACrB,OAAA,CAAAsB,OAAY;MACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;MAC/BC,WAAW,EAAG,IAAAD,QAAE,EACf,oDACD;IAAG,CACH,CAAC,eAEF,IAAApB,WAAA,CAAAiB,GAAA,EAAC1B,WAAA,CAAA+B,IAAI;MACJC,IAAI,EAAC,OAAO;MACZC,YAAY;MACZC,SAAS,EAAC,iDAAiD;MAAAT,QAAA,eAE3D,IAAAhB,WAAA,CAAAiB,GAAA,EAAC1B,WAAA,CAAAmC,QAAQ;QAAAV,QAAA,eACR,IAAAhB,WAAA,CAAAiB,GAAA,EAACnB,QAAA,CAAAoB,OAA0C,IAAE;MAAC,CACrC;IAAC,CACN,CAAC;EAAA,CACN,CAAC;AAEL;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEcd,qBAAqB","ignoreList":[]}