npm - @wordpress/edit-site - Versions diffs - 5.14.0 → 5.15.0 - Mend

@wordpress/edit-site 5.14.0 → 5.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (341) hide show

package/build/components/block-editor/use-site-editor-settings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/edit-site/src/components/block-editor/use-site-editor-settings.js"],"names":["useSiteEditorSettings","templateType","storedSettings","canvasMode","select","getSettings","getCanvasMode","editSiteStore","settingsBlockPatterns","__experimentalAdditionalBlockPatterns","__experimentalBlockPatterns","settingsBlockPatternCategories","__experimentalAdditionalBlockPatternCategories","__experimentalBlockPatternCategories","restBlockPatterns","restBlockPatternCategories","coreStore","getBlockPatterns","getBlockPatternCategories","blockPatterns","filter","x","index","arr","findIndex","y","name","postTypes","Array","isArray","includes","blockPatternCategories","focusMode","restStoredSettings","inserterMediaCategories"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AAIA;;AACA;;AACA;;AAXA;AACA;AACA;;AAIA;AACA;AACA;AAKe,SAASA,qBAAT,CAAgCC,YAAhC,EAA+C;AAAA;;AAC7D,QAAM;AAAEC,IAAAA,cAAF;AAAkBC,IAAAA;AAAlB,MAAiC,qBAAaC,MAAF,IAAc;AAC/D,UAAM;AAAEC,MAAAA,WAAF;AAAeC,MAAAA;AAAf,QAAiC,wBACtCF,MAAM,CAAEG,YAAF,CADgC,CAAvC;AAGA,WAAO;AACNL,MAAAA,cAAc,EAAEG,WAAW,EADrB;AAENF,MAAAA,UAAU,EAAEG,aAAa;AAFnB,KAAP;AAIA,GARsC,EAQpC,EARoC,CAAvC;AAUA,QAAME,qBAAqB,4BAC1BN,cAAc,CAACO,qCADW,yEAC8B;AACxDP,EAAAA,cAAc,CAACQ,2BAFhB,CAX6D,CAahB;;AAC7C,QAAMC,8BAA8B,6BACnCT,cAAc,CAACU,8CADoB,2EAC8B;AACjEV,EAAAA,cAAc,CAACW,oCAFhB,CAd6D,CAgBP;;AAEtD,QAAM;AAAEC,IAAAA,iBAAF;AAAqBC,IAAAA;AAArB,MAAoD,qBACvDX,MAAF,KAAgB;AACfU,IAAAA,iBAAiB,EAAEV,MAAM,CAAEY,eAAF,CAAN,CAAoBC,gBAApB,EADJ;AAEfF,IAAAA,0BAA0B,EACzBX,MAAM,CAAEY,eAAF,CAAN,CAAoBE,yBAApB;AAHc,GAAhB,CADyD,EAMzD,EANyD,CAA1D;AAQA,QAAMC,aAAa,GAAG,sBACrB,MACC,CACC,IAAKX,qBAAqB,IAAI,EAA9B,CADD,EAEC,IAAKM,iBAAiB,IAAI,EAA1B,CAFD,EAIEM,MAJF,CAKE,CAAEC,CAAF,EAAKC,KAAL,EAAYC,GAAZ,KACCD,KAAK,KAAKC,GAAG,CAACC,SAAJ,CAAiBC,CAAF,IAASJ,CAAC,CAACK,IAAF,KAAWD,CAAC,CAACC,IAArC,CANb,EAQEN,MARF,CAQU,CAAE;AAAEO,IAAAA;AAAF,GAAF,KAAqB;AAC7B,WACC,CAAEA,SAAF,IACEC,KAAK,CAACC,OAAN,CAAeF,SAAf,KACDA,SAAS,CAACG,QAAV,CAAoB7B,YAApB,CAHF;AAKA,GAdF,CAFoB,EAiBrB,CAAEO,qBAAF,EAAyBM,iBAAzB,EAA4Cb,YAA5C,CAjBqB,CAAtB;AAoBA,QAAM8B,sBAAsB,GAAG,sBAC9B,MACC,CACC,IAAKpB,8BAA8B,IAAI,EAAvC,CADD,EAEC,IAAKI,0BAA0B,IAAI,EAAnC,CAFD,EAGEK,MAHF,CAIC,CAAEC,CAAF,EAAKC,KAAL,EAAYC,GAAZ,KACCD,KAAK,KAAKC,GAAG,CAACC,SAAJ,CAAiBC,CAAF,IAASJ,CAAC,CAACK,IAAF,KAAWD,CAAC,CAACC,IAArC,CALZ,CAF6B,EAS9B,CAAEf,8BAAF,EAAkCI,0BAAlC,CAT8B,CAA/B;AAWA,SAAO,sBAAS,MAAM;AACrB,UAAM;AACLN,MAAAA,qCADK;AAELG,MAAAA,8CAFK;AAGLoB,MAAAA,SAHK;AAIL,SAAGC;AAJE,QAKF/B,cALJ;AAOA,WAAO,EACN,GAAG+B,kBADG;AAENC,MAAAA,uBAAuB,EAAvBA,gCAFM;AAGNxB,MAAAA,2BAA2B,EAAES,aAHvB;AAINN,MAAAA,oCAAoC,EAAEkB,sBAJhC;AAKNC,MAAAA,SAAS,EAAE7B,UAAU,KAAK,MAAf,IAAyB6B,SAAzB,GAAqC,KAArC,GAA6CA;AALlD,KAAP;AAOA,GAfM,EAeJ,CAAE9B,cAAF,EAAkBiB,aAAlB,EAAiCY,sBAAjC,EAAyD5B,UAAzD,CAfI,CAAP;AAgBA","sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n/\n Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport inserterMediaCategories from './inserter-media-categories';\n\nexport default function useSiteEditorSettings( templateType ) {\n\tconst { storedSettings, canvasMode } = useSelect( ( select ) => {\n\t\tconst { getSettings, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\treturn {\n\t\t\tstoredSettings: getSettings(),\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t};\n\t}, [] );\n\n\tconst settingsBlockPatterns =\n\t\tstoredSettings.__experimentalAdditionalBlockPatterns ?? // WP 6.0\n\t\tstoredSettings.__experimentalBlockPatterns; // WP 5.9\n\tconst settingsBlockPatternCategories =\n\t\tstoredSettings.__experimentalAdditionalBlockPatternCategories ?? // WP 6.0\n\t\tstoredSettings.__experimentalBlockPatternCategories; // WP 5.9\n\n\tconst { restBlockPatterns, restBlockPatternCategories } = useSelect(\n\t\t( select ) => ( {\n\t\t\trestBlockPatterns: select( coreStore ).getBlockPatterns(),\n\t\t\trestBlockPatternCategories:\n\t\t\t\tselect( coreStore ).getBlockPatternCategories(),\n\t\t} ),\n\t\t[]\n\t);\n\tconst blockPatterns = useMemo(\n\t\t() =>\n\t\t\t[\n\t\t\t\t...( settingsBlockPatterns \|\| [] ),\n\t\t\t\t...( restBlockPatterns \|\| [] ),\n\t\t\t]\n\t\t\t\t.filter(\n\t\t\t\t\t( x, index, arr ) =>\n\t\t\t\t\t\tindex === arr.findIndex( ( y ) => x.name === y.name )\n\t\t\t\t)\n\t\t\t\t.filter( ( { postTypes } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t! postTypes \|\|\n\t\t\t\t\t\t( Array.isArray( postTypes ) &&\n\t\t\t\t\t\t\tpostTypes.includes( templateType ) )\n\t\t\t\t\t);\n\t\t\t\t} ),\n\t\t[ settingsBlockPatterns, restBlockPatterns, templateType ]\n\t);\n\n\tconst blockPatternCategories = useMemo(\n\t\t() =>\n\t\t\t[\n\t\t\t\t...( settingsBlockPatternCategories \|\| [] ),\n\t\t\t\t...( restBlockPatternCategories \|\| [] ),\n\t\t\t].filter(\n\t\t\t\t( x, index, arr ) =>\n\t\t\t\t\tindex === arr.findIndex( ( y ) => x.name === y.name )\n\t\t\t),\n\t\t[ settingsBlockPatternCategories, restBlockPatternCategories ]\n\t);\n\treturn useMemo( () => {\n\t\tconst {\n\t\t\t__experimentalAdditionalBlockPatterns,\n\t\t\t__experimentalAdditionalBlockPatternCategories,\n\t\t\tfocusMode,\n\t\t\t...restStoredSettings\n\t\t} = storedSettings;\n\n\t\treturn {\n\t\t\t...restStoredSettings,\n\t\t\tinserterMediaCategories,\n\t\t\t__experimentalBlockPatterns: blockPatterns,\n\t\t\t__experimentalBlockPatternCategories: blockPatternCategories,\n\t\t\tfocusMode: canvasMode === 'view' && focusMode ? false : focusMode,\n\t\t};\n\t}, [ storedSettings, blockPatterns, blockPatternCategories, canvasMode ] );\n}\n"]}
1	+ {"version":3,"sources":["@wordpress/edit-site/src/components/block-editor/use-site-editor-settings.js"],"names":["useArchiveLabel","templateSlug","taxonomyMatches","match","taxonomy","term","select","getEntityRecords","getTaxonomy","coreStore","archiveTypeLabel","archiveNameLabel","labels","singular_name","records","slug","per_page","name","useSiteEditorSettings","setIsInserterOpened","editSiteStore","storedSettings","canvasMode","templateType","getSettings","getCanvasMode","getEditedPostType","settingsBlockPatterns","__experimentalAdditionalBlockPatterns","__experimentalBlockPatterns","settingsBlockPatternCategories","__experimentalAdditionalBlockPatternCategories","__experimentalBlockPatternCategories","restBlockPatterns","restBlockPatternCategories","getEditedPostId","getEditedEntityRecord","usedPostType","usedPostId","_record","getBlockPatterns","getBlockPatternCategories","archiveLabels","blockPatterns","filter","x","index","arr","findIndex","y","postTypes","Array","isArray","includes","blockPatternCategories","focusMode","restStoredSettings","inserterMediaCategories","__experimentalArchiveTitleTypeLabel","__experimentalArchiveTitleNameLabel"],"mappings":"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","sourcesContent":["/*\n WordPress dependencies\n /\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n/\n Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport inserterMediaCategories from './inserter-media-categories';\n\nfunction useArchiveLabel( templateSlug ) {\n\tconst taxonomyMatches = templateSlug?.match(\n\t\t/^(category\|tag\|taxonomy-([^-]+))$\|^(((category\|tag)\|taxonomy-([^-]+))-(.+))$/\n\t);\n\tlet taxonomy;\n\tlet term;\n\tif ( taxonomyMatches ) {\n\t\t// If is for a all taxonomies of a type\n\t\tif ( taxonomyMatches[ 1 ] ) {\n\t\t\ttaxonomy = taxonomyMatches[ 2 ]\n\t\t\t\t? taxonomyMatches[ 2 ]\n\t\t\t\t: taxonomyMatches[ 1 ];\n\t\t}\n\t\t// If is for a all taxonomies of a type\n\t\telse if ( taxonomyMatches[ 3 ] ) {\n\t\t\ttaxonomy = taxonomyMatches[ 6 ]\n\t\t\t\t? taxonomyMatches[ 6 ]\n\t\t\t\t: taxonomyMatches[ 4 ];\n\t\t\tterm = taxonomyMatches[ 7 ];\n\t\t}\n\t\ttaxonomy = taxonomy === 'tag' ? 'post_tag' : taxonomy;\n\n\t\t//getTaxonomy( 'category' );\n\t\t//wp.data.select('core').getEntityRecords( 'taxonomy', 'category', {slug: 'newcat'} );\n\t}\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecords, getTaxonomy } = select( coreStore );\n\t\t\tlet archiveTypeLabel;\n\t\t\tlet archiveNameLabel;\n\t\t\tif ( taxonomy ) {\n\t\t\t\tarchiveTypeLabel =\n\t\t\t\t\tgetTaxonomy( taxonomy )?.labels?.singular_name;\n\t\t\t}\n\t\t\tif ( term ) {\n\t\t\t\tconst records = getEntityRecords( 'taxonomy', taxonomy, {\n\t\t\t\t\tslug: term,\n\t\t\t\t\tper_page: 1,\n\t\t\t\t} );\n\t\t\t\tif ( records && records[ 0 ] ) {\n\t\t\t\t\tarchiveNameLabel = records[ 0 ].name;\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn {\n\t\t\t\tarchiveTypeLabel,\n\t\t\t\tarchiveNameLabel,\n\t\t\t};\n\t\t},\n\t\t[ taxonomy, term ]\n\t);\n}\n\nexport default function useSiteEditorSettings() {\n\tconst { setIsInserterOpened } = useDispatch( editSiteStore );\n\tconst { storedSettings, canvasMode, templateType } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings, getCanvasMode, getEditedPostType } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\treturn {\n\t\t\t\tstoredSettings: getSettings( setIsInserterOpened ),\n\t\t\t\tcanvasMode: getCanvasMode(),\n\t\t\t\ttemplateType: getEditedPostType(),\n\t\t\t};\n\t\t},\n\t\t[ setIsInserterOpened ]\n\t);\n\n\tconst settingsBlockPatterns =\n\t\tstoredSettings.__experimentalAdditionalBlockPatterns ?? // WP 6.0\n\t\tstoredSettings.__experimentalBlockPatterns; // WP 5.9\n\tconst settingsBlockPatternCategories =\n\t\tstoredSettings.__experimentalAdditionalBlockPatternCategories ?? // WP 6.0\n\t\tstoredSettings.__experimentalBlockPatternCategories; // WP 5.9\n\n\tconst { restBlockPatterns, restBlockPatternCategories, templateSlug } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst { getEditedPostType, getEditedPostId } =\n\t\t\t\tselect( editSiteStore );\n\t\t\tconst { getEditedEntityRecord } = select( coreStore );\n\t\t\tconst usedPostType = getEditedPostType();\n\t\t\tconst usedPostId = getEditedPostId();\n\t\t\tconst _record = getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tusedPostType,\n\t\t\t\tusedPostId\n\t\t\t);\n\t\t\treturn {\n\t\t\t\trestBlockPatterns: select( coreStore ).getBlockPatterns(),\n\t\t\t\trestBlockPatternCategories:\n\t\t\t\t\tselect( coreStore ).getBlockPatternCategories(),\n\t\t\t\ttemplateSlug: _record.slug,\n\t\t\t};\n\t\t}, [] );\n\tconst archiveLabels = useArchiveLabel( templateSlug );\n\n\tconst blockPatterns = useMemo(\n\t\t() =>\n\t\t\t[\n\t\t\t\t...( settingsBlockPatterns \|\| [] ),\n\t\t\t\t...( restBlockPatterns \|\| [] ),\n\t\t\t]\n\t\t\t\t.filter(\n\t\t\t\t\t( x, index, arr ) =>\n\t\t\t\t\t\tindex === arr.findIndex( ( y ) => x.name === y.name )\n\t\t\t\t)\n\t\t\t\t.filter( ( { postTypes } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t! postTypes \|\|\n\t\t\t\t\t\t( Array.isArray( postTypes ) &&\n\t\t\t\t\t\t\tpostTypes.includes( templateType ) )\n\t\t\t\t\t);\n\t\t\t\t} ),\n\t\t[ settingsBlockPatterns, restBlockPatterns, templateType ]\n\t);\n\n\tconst blockPatternCategories = useMemo(\n\t\t() =>\n\t\t\t[\n\t\t\t\t...( settingsBlockPatternCategories \|\| [] ),\n\t\t\t\t...( restBlockPatternCategories \|\| [] ),\n\t\t\t].filter(\n\t\t\t\t( x, index, arr ) =>\n\t\t\t\t\tindex === arr.findIndex( ( y ) => x.name === y.name )\n\t\t\t),\n\t\t[ settingsBlockPatternCategories, restBlockPatternCategories ]\n\t);\n\treturn useMemo( () => {\n\t\tconst {\n\t\t\t__experimentalAdditionalBlockPatterns,\n\t\t\t__experimentalAdditionalBlockPatternCategories,\n\t\t\tfocusMode,\n\t\t\t...restStoredSettings\n\t\t} = storedSettings;\n\n\t\treturn {\n\t\t\t...restStoredSettings,\n\t\t\tinserterMediaCategories,\n\t\t\t__experimentalBlockPatterns: blockPatterns,\n\t\t\t__experimentalBlockPatternCategories: blockPatternCategories,\n\t\t\tfocusMode: canvasMode === 'view' && focusMode ? false : focusMode,\n\t\t\t__experimentalArchiveTitleTypeLabel: archiveLabels.archiveTypeLabel,\n\t\t\t__experimentalArchiveTitleNameLabel: archiveLabels.archiveNameLabel,\n\t\t};\n\t}, [\n\t\tstoredSettings,\n\t\tblockPatterns,\n\t\tblockPatternCategories,\n\t\tcanvasMode,\n\t\tarchiveLabels.archiveTypeLabel,\n\t\tarchiveLabels.archiveNameLabel,\n\t] );\n}\n"]}

package/build/components/code-editor/index.js CHANGED Viewed

@@ -9,6 +9,8 @@ exports.default = CodeEditor;
 var _element = require("@wordpress/element");
+var _reactAutosizeTextarea = _interopRequireDefault(require("react-autosize-textarea"));
 var _blocks = require("@wordpress/blocks");
 var _coreData = require("@wordpress/core-data");
@@ -21,9 +23,13 @@ var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
+var _compose = require("@wordpress/compose");
 var _store = require("../../store");
-var _codeEditorTextArea = _interopRequireDefault(require("./code-editor-text-area"));
+/**
+ * External dependencies
+ */
 /**
  * WordPress dependencies
@@ -33,39 +39,56 @@ var _codeEditorTextArea = _interopRequireDefault(require("./code-editor-text-are
  * Internal dependencies
  */
 function CodeEditor() {
+  const instanceId = (0, _compose.useInstanceId)(CodeEditor);
   const {
-    templateType,
-    shortcut
+    shortcut,
+    content,
+    blocks,
+    type,
+    id
   } = (0, _data.useSelect)(select => {
     const {
-      getEditedPostType
+      getEditedEntityRecord
+    } = select(_coreData.store);
+    const {
+      getEditedPostType,
+      getEditedPostId
     } = select(_store.store);
     const {
       getShortcutRepresentation
     } = select(_keyboardShortcuts.store);
+    const _type = getEditedPostType();
+    const _id = getEditedPostId();
+    const editedRecord = getEditedEntityRecord('postType', _type, _id);
     return {
-      templateType: getEditedPostType(),
-      shortcut: getShortcutRepresentation('core/edit-site/toggle-mode')
+      shortcut: getShortcutRepresentation('core/edit-site/toggle-mode'),
+      content: editedRecord?.content,
+      blocks: editedRecord?.blocks,
+      type: _type,
+      id: _id
     };
   }, []);
-  const [contentStructure, setContent] = (0, _coreData.useEntityProp)('postType', templateType, 'content');
-  const [blocks,, onChange] = (0, _coreData.useEntityBlockEditor)('postType', templateType); // Replicates the logic found in getEditedPostContent().
-  let content;
-  if (contentStructure instanceof Function) {
-    content = contentStructure({
-      blocks
-    });
-  } else if (blocks) {
-    // If we have parsed blocks already, they should be our source of truth.
-    // Parsing applies block deprecations and legacy block conversions that
-    // unparsed content will not have.
-    content = (0, _blocks.__unstableSerializeAndClean)(blocks);
-  } else {
-    content = contentStructure;
-  }
+  const {
+    editEntityRecord
+  } = (0, _data.useDispatch)(_coreData.store); // Replicates the logic found in getEditedPostContent().
+  const realContent = (0, _element.useMemo)(() => {
+    if (content instanceof Function) {
+      return content({
+        blocks
+      });
+    } else if (blocks) {
+      // If we have parsed blocks already, they should be our source of truth.
+      // Parsing applies block deprecations and legacy block conversions that
+      // unparsed content will not have.
+      return (0, _blocks.__unstableSerializeAndClean)(blocks);
+    }
+    return content;
+  }, [content, blocks]);
   const {
     switchEditorMode
   } = (0, _data.useDispatch)(_store.store);
@@ -79,14 +102,23 @@ function CodeEditor() {
     shortcut: shortcut
   }, (0, _i18n.__)('Exit code editor'))), (0, _element.createElement)("div", {
     className: "edit-site-code-editor__body"
-  }, (0, _element.createElement)(_codeEditorTextArea.default, {
-    value: content,
-    onChange: newContent => {
-      onChange((0, _blocks.parse)(newContent), {
+  }, (0, _element.createElement)(_components.VisuallyHidden, {
+    as: "label",
+    htmlFor: `code-editor-text-area-${instanceId}`
+  }, (0, _i18n.__)('Type text or HTML')), (0, _element.createElement)(_reactAutosizeTextarea.default, {
+    autoComplete: "off",
+    dir: "auto",
+    value: realContent,
+    onChange: event => {
+      editEntityRecord('postType', type, id, {
+        content: event.target.value,
+        blocks: undefined,
         selection: undefined
       });
     },
-    onInput: setContent
+    className: "edit-site-code-editor-text-area",
+    id: `code-editor-text-area-${instanceId}`,
+    placeholder: (0, _i18n.__)('Start writing with text or HTML')
   })));
 }
 //# sourceMappingURL=index.js.map

package/build/components/code-editor/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/edit-site/src/components/code-editor/index.js"],"names":["CodeEditor","~~templateType~~","shortcut","select","getEditedPostType","editSiteStore","getShortcutRepresentation","keyboardShortcutsStore","~~contentStructure~~","~~setContent~~","~~blocks~~","~~onChange~~","~~content~~","Function","switchEditorMode","~~newContent~~","~~selection~~","undefined"],"mappings":"~~;;;;;;;;;;;AAGA~~;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AACA;;~~AAdA~~;AACA;AACA;;~~AAQA~~;AACA;AACA;~~AAIe~~,SAASA,UAAT,GAAsB;AACpC,QAAM;~~AAAEC~~,IAAAA,~~YAAF~~;~~AAAgBC~~,IAAAA;~~AAAhB~~,~~MAA6B~~,qBAAaC,MAAF,IAAc;~~AAC3D~~,UAAM;AAAEC,MAAAA;AAAF,~~QAAwBD~~,MAAM,CAAEE,YAAF,~~CAApC~~;AACA,UAAM;AAAEC,MAAAA;AAAF,~~QAAgCH~~,MAAM,~~CAAEI~~,wBAAF,CAA5C;AACA,~~WAAO;AACNN~~,~~MAAAA~~,YAAY,~~EAAEG~~,~~iBAAiB~~,~~EADzB~~;~~AAENF~~,MAAAA,QAAQ,~~EAAEI~~,yBAAyB,CAAE,4BAAF~~;AAF7B~~,~~KAAP~~;~~AAIA~~,~~GAPkC~~,~~EAOhC~~,~~EAPgC~~,~~CAAnC~~;~~AAQA~~,~~QAAM~~,~~CAAEE~~,~~gBAAF~~,~~EAAoBC~~,~~UAApB~~,~~IAAmC~~,~~6BACxC~~,~~UADwC~~,~~EAExCR~~,~~YAFwC~~,~~EAGxC~~,~~SAHwC~~,~~CAAzC~~;~~AAKA~~,~~QAAM~~,~~CAAES~~,~~MAAF~~,~~GAAYC~~,~~QAAZ~~,~~IAAyB~~,~~oCAC9B~~,~~UAD8B~~,~~EAE9BV~~,~~YAF8B~~,~~CAA/B~~,~~CAdoC~~,CAmBpC;;AACA,~~MAAIW~~,~~OAAJ;;AACA~~,~~MAAKJ~~,~~gBAAgB~~,~~YAAYK~~,~~QAAjC~~,~~EAA4C~~;~~AAC3CD~~,~~IAAAA~~,OAAO,~~GAAGJ,gBAAgB,~~CAAE;~~AAAEE~~,~~MAAAA~~;AAAF,~~KAAF~~,~~CAA1B~~;AACA,~~GAFD~~,MAEO,IAAKA,MAAL,EAAc;AACpB;AACA;AACA;~~AACAE~~,~~IAAAA~~,~~OAAO~~,~~GAAG,yCAA6BF,~~MAA7B,~~CAAV~~;AACA,~~GALM~~,~~MAKA~~;~~AACNE~~,~~IAAAA~~,~~OAAO~~,~~GAAGJ~~,~~gBAAV~~;~~AACA;;AAED~~,QAAM;~~AAAEM~~,IAAAA;AAAF,MAAuB,uBAAaT,YAAb,CAA7B;AACA,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,wCAAM,cAAI,cAAJ,CAAN,CADD,EAEC,4BAAC,kBAAD;AACC,IAAA,OAAO,EAAC,UADT;AAEC,IAAA,OAAO,EAAG,MAAMS,gBAAgB,CAAE,QAAF,CAFjC;AAGC,IAAA,QAAQ,~~EAAGZ~~;AAHZ,KAKG,cAAI,kBAAJ,CALH,CAFD,CADD,EAWC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,4BAAC,~~2BAAD~~;AACC,IAAA,~~KAAK~~,~~EAAGU~~,~~OADT~~;AAEC,IAAA,QAAQ,EAAKG,~~UAAF~~,~~IAAkB~~;~~AAC5BJ~~,MAAAA,~~QAAQ~~,CAAE,~~mBAAOI~~,~~UAAP~~,~~CAAF~~,~~EAAuB~~;~~AAC9BC~~,QAAAA,SAAS,~~EAAEC~~;~~AADmB~~,~~OAAvB~~,~~CAAR~~;~~AAGA~~,~~KANF~~;~~AAOC~~,IAAA,~~OAAO~~,~~EAAGR~~;~~AAPX~~,~~IADD~~,CAXD,CADD;~~AAyBA~~","sourcesContent":["/*\n WordPress dependencies\n /\nimport { ~~parse,~~ __unstableSerializeAndClean } from '@wordpress/blocks';\nimport { ~~useEntityBlockEditor,~~ ~~useEntityProp~~ } from '@wordpress/core-data';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\n\n/\n Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\~~nimport CodeEditorTextArea from './code-editor-text-area';\~~n\nexport default function CodeEditor() {\n\tconst { ~~templateType~~, ~~shortcut~~ } = useSelect( ( select ) => {\n\t\tconst { getEditedPostType } = select( editSiteStore );\n\t\tconst { getShortcutRepresentation } = select( keyboardShortcutsStore );\n\t\~~treturn~~ {\n\t\t\~~ttemplateType:~~ ~~getEditedPostType~~(),\n\t\t\tshortcut: getShortcutRepresentation( 'core/edit-site/toggle-mode' ),\n\t\t~~};\n~~\~~t},~~ ~~[] );\~~n\~~tconst~~ ~~[ contentStructure, setContent ] = useEntityProp(\~~n\t\t~~'postType'~~,\n\t\~~ttemplateType~~,\n\t\t~~'content'\~~n\t);\n\tconst [ ~~blocks,~~ , ~~onChange~~ ] = ~~useEntityBlockEditor(\n\t\t'postType',\n\t\ttemplateType\n\t~~);\n\n\t// Replicates the logic found in getEditedPostContent().\n\~~tlet~~ ~~content;\~~n\tif ( ~~contentStructure~~ instanceof Function ) {\n\t\~~tcontent~~ ~~= contentStructure~~( { blocks } );\n\t} else if ( blocks ) {\n\t\t// If we have parsed blocks already, they should be our source of truth.\n\t\t// Parsing applies block deprecations and legacy block conversions that\n\t\t// unparsed content will not have.\n\t\~~tcontent~~ = __unstableSerializeAndClean( blocks );\n\t} ~~else {~~\n\t\~~tcontent~~ ~~= contentStructure~~;\n\t}\n\n\tconst { switchEditorMode } = useDispatch( editSiteStore );\n\treturn (\n\t\t<div className=\"edit-site-code-editor\">\n\t\t\t<div className=\"edit-site-code-editor__toolbar\">\n\t\t\t\t<h2>{ __( 'Editing code' ) }</h2>\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\tonClick={ () => switchEditorMode( 'visual' ) }\n\t\t\t\t\tshortcut={ shortcut }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Exit code editor' ) }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t\t<div className=\"edit-site-code-editor__body\">\n\t\t\t\t<~~CodeEditorTextArea~~\n\t\t\t\t\tvalue={ ~~content~~ }\n\t\t\t\t\tonChange={ ( ~~newContent~~ ) => {\n\t\t\t\t\t\~~tonChange~~( ~~parse(~~ ~~newContent~~ ), {\n\t\t\t\t\t\t\tselection: undefined,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\~~tonInput~~={ ~~setContent~~ }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["@wordpress/edit-site/src/components/code-editor/index.js"],"names":["CodeEditor","instanceId","shortcut","content","blocks","type","id","select","getEditedEntityRecord","coreStore","getEditedPostType","getEditedPostId","editSiteStore","getShortcutRepresentation","keyboardShortcutsStore","_type","_id","editedRecord","editEntityRecord","realContent","Function","switchEditorMode","event","target","value","undefined","selection"],"mappings":"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","sourcesContent":["/*\n External dependencies\n /\nimport Textarea from 'react-autosize-textarea';\n\n/\n WordPress dependencies\n /\nimport { __unstableSerializeAndClean } from '@wordpress/blocks';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { __ } from '@wordpress/i18n';\nimport { Button, VisuallyHidden } from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\n\nexport default function CodeEditor() {\n\tconst instanceId = useInstanceId( CodeEditor );\n\tconst { shortcut, content, blocks, type, id } = useSelect( ( select ) => {\n\t\tconst { getEditedEntityRecord } = select( coreStore );\n\t\tconst { getEditedPostType, getEditedPostId } = select( editSiteStore );\n\t\tconst { getShortcutRepresentation } = select( keyboardShortcutsStore );\n\t\tconst _type = getEditedPostType();\n\t\tconst _id = getEditedPostId();\n\t\tconst editedRecord = getEditedEntityRecord( 'postType', _type, _id );\n\n\t\treturn {\n\t\t\tshortcut: getShortcutRepresentation( 'core/edit-site/toggle-mode' ),\n\t\t\tcontent: editedRecord?.content,\n\t\t\tblocks: editedRecord?.blocks,\n\t\t\ttype: _type,\n\t\t\tid: _id,\n\t\t};\n\t}, [] );\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\t// Replicates the logic found in getEditedPostContent().\n\tconst realContent = useMemo( () => {\n\t\tif ( content instanceof Function ) {\n\t\t\treturn content( { blocks } );\n\t\t} else if ( blocks ) {\n\t\t\t// If we have parsed blocks already, they should be our source of truth.\n\t\t\t// Parsing applies block deprecations and legacy block conversions that\n\t\t\t// unparsed content will not have.\n\t\t\treturn __unstableSerializeAndClean( blocks );\n\t\t}\n\t\treturn content;\n\t}, [ content, blocks ] );\n\n\tconst { switchEditorMode } = useDispatch( editSiteStore );\n\treturn (\n\t\t<div className=\"edit-site-code-editor\">\n\t\t\t<div className=\"edit-site-code-editor__toolbar\">\n\t\t\t\t<h2>{ __( 'Editing code' ) }</h2>\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\tonClick={ () => switchEditorMode( 'visual' ) }\n\t\t\t\t\tshortcut={ shortcut }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Exit code editor' ) }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t\t<div className=\"edit-site-code-editor__body\">\n\t\t\t\t<VisuallyHidden\n\t\t\t\t\tas=\"label\"\n\t\t\t\t\thtmlFor={ `code-editor-text-area-${ instanceId }` }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Type text or HTML' ) }\n\t\t\t\t</VisuallyHidden>\n\t\t\t\t<Textarea\n\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\tdir=\"auto\"\n\t\t\t\t\tvalue={ realContent }\n\t\t\t\t\tonChange={ ( event ) => {\n\t\t\t\t\t\teditEntityRecord( 'postType', type, id, {\n\t\t\t\t\t\t\tcontent: event.target.value,\n\t\t\t\t\t\t\tblocks: undefined,\n\t\t\t\t\t\t\tselection: undefined,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tclassName=\"edit-site-code-editor-text-area\"\n\t\t\t\t\tid={ `code-editor-text-area-${ instanceId }` }\n\t\t\t\t\tplaceholder={ __( 'Start writing with text or HTML' ) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}

package/build/components/create-pattern-modal/index.js CHANGED Viewed

@@ -17,6 +17,8 @@ var _notices = require("@wordpress/notices");
 var _data = require("@wordpress/data");
+var _blocks = require("@wordpress/blocks");
 var _utils = require("../page-patterns/utils");
 /**
@@ -27,9 +29,11 @@ var _utils = require("../page-patterns/utils");
  * Internal dependencies
  */
 function CreatePatternModal({
+  blocks = [],
   closeModal,
   onCreate,
-  onError
+  onError,
+  title
 }) {
   const [name, setName] = (0, _element.useState)('');
   const [syncType, setSyncType] = (0, _element.useState)(_utils.SYNC_TYPES.unsynced);
@@ -57,7 +61,7 @@ function CreatePatternModal({
     try {
       const pattern = await saveEntityRecord('postType', 'wp_block', {
         title: name || (0, _i18n.__)('Untitled Pattern'),
-        content: '',
+        content: blocks?.length ? (0, _blocks.serialize)(blocks) : '',
         status: 'publish',
         meta: syncType === _utils.SYNC_TYPES.unsynced ? {
           wp_pattern_sync_status: syncType
@@ -79,7 +83,7 @@ function CreatePatternModal({
   }
   return (0, _element.createElement)(_components.Modal, {
-    title: (0, _i18n.__)('Create pattern'),
+    title: title || (0, _i18n.__)('Create pattern'),
     onRequestClose: closeModal,
     overlayClassName: "edit-site-create-pattern-modal"
   }, (0, _element.createElement)("form", {

package/build/components/create-pattern-modal/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/edit-site/src/components/create-pattern-modal/index.js"],"names":["CreatePatternModal","closeModal","onCreate","onError","name","setName","syncType","setSyncType","SYNC_TYPES","unsynced","isSubmitting","setIsSubmitting","onSyncChange","full","createErrorNotice","noticesStore","saveEntityRecord","coreStore","createPattern","type","pattern","~~title~~","~~content~~","status","meta","wp_pattern_sync_status","undefined","throwOnError","categoryId","USER_PATTERN_CATEGORY","error","errorMessage","message","code","event","preventDefault"],"mappings":";;;;;;;AAaA;;AAVA;;AAQA;;AACA;;AAEA;;AACA;;AAKA;;~~AApBA~~;AACA;AACA;;~~AAeA~~;AACA;AACA;AAGe,SAASA,kBAAT,CAA6B;AAC3CC,EAAAA,~~UAD2C~~;AAE3CC,EAAAA,~~QAF2C~~;AAG3CC,EAAAA;~~AAH2C~~,CAA7B,~~EAIX~~;AACH,QAAM,CAAEC,IAAF,EAAQC,OAAR,IAAoB,uBAAU,EAAV,CAA1B;AACA,QAAM,CAAEC,QAAF,EAAYC,WAAZ,IAA4B,uBAAUC,kBAAWC,QAArB,CAAlC;AACA,QAAM,CAAEC,YAAF,EAAgBC,eAAhB,IAAoC,uBAAU,KAAV,CAA1C;;AAEA,QAAMC,YAAY,GAAG,MAAM;AAC1BL,IAAAA,WAAW,CACVD,QAAQ,KAAKE,kBAAWK,IAAxB,GAA+BL,kBAAWC,QAA1C,GAAqDD,kBAAWK,IADtD,CAAX;AAGA,GAJD;;AAMA,QAAM;AAAEC,IAAAA;AAAF,MAAwB,uBAAaC,cAAb,CAA9B;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAuB,uBAAaC,eAAb,CAA7B;;AAEA,iBAAeC,aAAf,GAA+B;AAC9B,QAAK,CAAEd,IAAP,EAAc;AACbU,MAAAA,iBAAiB,CAAE,cAAI,8BAAJ,CAAF,EAAwC;AACxDK,QAAAA,IAAI,EAAE;AADkD,OAAxC,CAAjB;AAGA;AACA;;AAED,QAAI;AACH,YAAMC,OAAO,GAAG,MAAMJ,gBAAgB,CACrC,UADqC,EAErC,UAFqC,EAGrC;~~AACCK~~,QAAAA,KAAK,~~EAAEjB~~,IAAI,IAAI,cAAI,kBAAJ,CADhB;~~AAECkB~~,QAAAA,OAAO,~~EAAE~~,~~EAFV~~;~~AAGCC~~,QAAAA,MAAM,EAAE,SAHT;AAICC,QAAAA,IAAI,EACHlB,QAAQ,KAAKE,kBAAWC,QAAxB,GACG;AAAEgB,UAAAA,sBAAsB,EAAEnB;AAA1B,SADH,GAEGoB;AAPL,OAHqC,EAYrC;AAAEC,QAAAA,YAAY,EAAE;AAAhB,OAZqC,CAAtC;~~AAeAzB~~,MAAAA,QAAQ,CAAE;~~AAAEkB~~,QAAAA,OAAF;AAAWQ,QAAAA,UAAU,EAAEC;AAAvB,OAAF,CAAR;AACA,KAjBD,CAiBE,OAAQC,KAAR,EAAgB;AACjB,YAAMC,YAAY,GACjBD,KAAK,CAACE,OAAN,IAAiBF,KAAK,CAACG,IAAN,KAAe,eAAhC,GACGH,KAAK,CAACE,OADT,GAEG,cAAI,+CAAJ,CAHJ;AAKAlB,MAAAA,iBAAiB,CAAEiB,YAAF,EAAgB;AAAEZ,QAAAA,IAAI,EAAE;AAAR,OAAhB,CAAjB;~~AACAhB~~,MAAAA,OAAO;AACP;AACD;;AAED,SACC,4BAAC,iBAAD;AACC,IAAA,KAAK,~~EAAG~~,cAAI,gBAAJ,~~CADT~~;AAEC,IAAA,cAAc,~~EAAGF~~,UAFlB;AAGC,IAAA,gBAAgB,EAAC;AAHlB,KAKC;AACC,IAAA,QAAQ,EAAG,~~MAAQiC~~,KAAR,IAAmB;AAC7BA,MAAAA,KAAK,CAACC,cAAN;;AACA,UAAK,CAAE/B,IAAP,EAAc;AACb;AACA;;AACDO,MAAAA,eAAe,CAAE,IAAF,CAAf;AACA,YAAMO,aAAa,EAAnB;AACA;AARF,KAUC,4BAAC,gCAAD;AAAQ,IAAA,OAAO,EAAC;AAAhB,KACC,4BAAC,uBAAD;AACC,IAAA,SAAS,EAAC,uCADX;AAEC,IAAA,KAAK,EAAG,cAAI,MAAJ,CAFT;AAGC,IAAA,QAAQ,EAAGb,OAHZ;AAIC,IAAA,WAAW,EAAG,cAAI,YAAJ,CAJf;AAKC,IAAA,QAAQ,MALT;AAMC,IAAA,KAAK,EAAGD,IANT;AAOC,IAAA,uBAAuB;AAPxB,IADD,EAUC,4BAAC,yBAAD;AACC,IAAA,KAAK,EAAG,cAAI,oCAAJ,CADT;AAEC,IAAA,QAAQ,EAAGQ,YAFZ;AAGC,IAAA,IAAI,EAAG,cACN,6EADM,CAHR;AAMC,IAAA,OAAO,EAAGN,QAAQ,KAAKE,kBAAWK;AANnC,IAVD,EAkBC,4BAAC,gCAAD;AAAQ,IAAA,OAAO,EAAC;AAAhB,KACC,4BAAC,kBAAD;AACC,IAAA,OAAO,EAAC,UADT;AAEC,IAAA,OAAO,EAAG,MAAM;~~AACfZ~~,MAAAA,UAAU;AACV;AAJF,KAMG,cAAI,QAAJ,CANH,CADD,EASC,4BAAC,kBAAD;AACC,IAAA,OAAO,EAAC,SADT;AAEC,IAAA,IAAI,EAAC,QAFN;AAGC,IAAA,QAAQ,EAAG,~~CAAEG~~,IAHd;AAIC,IAAA,MAAM,EAAGM;AAJV,KAMG,cAAI,QAAJ,CANH,CATD,CAlBD,CAVD,CALD,CADD;AAwDA","sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tTextControl,\n\tButton,\n\tModal,\n\tToggleControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { useDispatch } from '@wordpress/data';\n\n/\n Internal dependencies\n */\nimport { SYNC_TYPES, USER_PATTERN_CATEGORY } from '../page-patterns/utils';\n\nexport default function CreatePatternModal( {\n\tcloseModal,\n\tonCreate,\n\tonError,\n} ) {\n\tconst [ name, setName ] = useState( '' );\n\tconst [ syncType, setSyncType ] = useState( SYNC_TYPES.unsynced );\n\tconst [ isSubmitting, setIsSubmitting ] = useState( false );\n\n\tconst onSyncChange = () => {\n\t\tsetSyncType(\n\t\t\tsyncType === SYNC_TYPES.full ? SYNC_TYPES.unsynced : SYNC_TYPES.full\n\t\t);\n\t};\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\n\tasync function createPattern() {\n\t\tif ( ! name ) {\n\t\t\tcreateErrorNotice( __( 'Please enter a pattern name.' ), {\n\t\t\t\ttype: 'snackbar',\n\t\t\t} );\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tconst pattern = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_block',\n\t\t\t\t{\n\t\t\t\t\ttitle: name \|\| __( 'Untitled Pattern' ),\n\t\t\t\t\tcontent: '',\n\t\t\t\t\tstatus: 'publish',\n\t\t\t\t\tmeta:\n\t\t\t\t\t\tsyncType === SYNC_TYPES.unsynced\n\t\t\t\t\t\t\t? { wp_pattern_sync_status: syncType }\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\n\t\t\tonCreate( { pattern, categoryId: USER_PATTERN_CATEGORY } );\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while creating the pattern.' );\n\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t\tonError();\n\t\t}\n\t}\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Create pattern' ) }\n\t\t\tonRequestClose={ closeModal }\n\t\t\toverlayClassName=\"edit-site-create-pattern-modal\"\n\t\t>\n\t\t\t<form\n\t\t\t\tonSubmit={ async ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tif ( ! name ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tsetIsSubmitting( true );\n\t\t\t\t\tawait createPattern();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<VStack spacing=\"4\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tclassName=\"edit-site-create-pattern-modal__input\"\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tonChange={ setName }\n\t\t\t\t\t\tplaceholder={ __( 'My pattern' ) }\n\t\t\t\t\t\trequired\n\t\t\t\t\t\tvalue={ name }\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Keep all pattern instances in sync' ) }\n\t\t\t\t\t\tonChange={ onSyncChange }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Editing the original pattern will also update anywhere the pattern is used.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tchecked={ syncType === SYNC_TYPES.full }\n\t\t\t\t\t/>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tcloseModal();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\tdisabled={ ! name }\n\t\t\t\t\t\t\tisBusy={ isSubmitting }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["@wordpress/edit-site/src/components/create-pattern-modal/index.js"],"names":["CreatePatternModal","blocks","closeModal","onCreate","onError","title","name","setName","syncType","setSyncType","SYNC_TYPES","unsynced","isSubmitting","setIsSubmitting","onSyncChange","full","createErrorNotice","noticesStore","saveEntityRecord","coreStore","createPattern","type","pattern","content","length","status","meta","wp_pattern_sync_status","undefined","throwOnError","categoryId","USER_PATTERN_CATEGORY","error","errorMessage","message","code","event","preventDefault"],"mappings":"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","sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tTextControl,\n\tButton,\n\tModal,\n\tToggleControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { useDispatch } from '@wordpress/data';\nimport { serialize } from '@wordpress/blocks';\n\n/\n Internal dependencies\n */\nimport { SYNC_TYPES, USER_PATTERN_CATEGORY } from '../page-patterns/utils';\n\nexport default function CreatePatternModal( {\n\tblocks = [],\n\tcloseModal,\n\tonCreate,\n\tonError,\n\ttitle,\n} ) {\n\tconst [ name, setName ] = useState( '' );\n\tconst [ syncType, setSyncType ] = useState( SYNC_TYPES.unsynced );\n\tconst [ isSubmitting, setIsSubmitting ] = useState( false );\n\n\tconst onSyncChange = () => {\n\t\tsetSyncType(\n\t\t\tsyncType === SYNC_TYPES.full ? SYNC_TYPES.unsynced : SYNC_TYPES.full\n\t\t);\n\t};\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\n\tasync function createPattern() {\n\t\tif ( ! name ) {\n\t\t\tcreateErrorNotice( __( 'Please enter a pattern name.' ), {\n\t\t\t\ttype: 'snackbar',\n\t\t\t} );\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tconst pattern = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_block',\n\t\t\t\t{\n\t\t\t\t\ttitle: name \|\| __( 'Untitled Pattern' ),\n\t\t\t\t\tcontent: blocks?.length ? serialize( blocks ) : '',\n\t\t\t\t\tstatus: 'publish',\n\t\t\t\t\tmeta:\n\t\t\t\t\t\tsyncType === SYNC_TYPES.unsynced\n\t\t\t\t\t\t\t? { wp_pattern_sync_status: syncType }\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\n\t\t\tonCreate( { pattern, categoryId: USER_PATTERN_CATEGORY } );\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while creating the pattern.' );\n\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t\tonError();\n\t\t}\n\t}\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ title \|\| __( 'Create pattern' ) }\n\t\t\tonRequestClose={ closeModal }\n\t\t\toverlayClassName=\"edit-site-create-pattern-modal\"\n\t\t>\n\t\t\t<form\n\t\t\t\tonSubmit={ async ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tif ( ! name ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tsetIsSubmitting( true );\n\t\t\t\t\tawait createPattern();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<VStack spacing=\"4\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tclassName=\"edit-site-create-pattern-modal__input\"\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tonChange={ setName }\n\t\t\t\t\t\tplaceholder={ __( 'My pattern' ) }\n\t\t\t\t\t\trequired\n\t\t\t\t\t\tvalue={ name }\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Keep all pattern instances in sync' ) }\n\t\t\t\t\t\tonChange={ onSyncChange }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Editing the original pattern will also update anywhere the pattern is used.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tchecked={ syncType === SYNC_TYPES.full }\n\t\t\t\t\t/>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tcloseModal();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\tdisabled={ ! name }\n\t\t\t\t\t\t\tisBusy={ isSubmitting }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"]}

package/build/components/editor/index.js CHANGED Viewed

@@ -94,7 +94,7 @@ const typeLabels = {
 const blockRemovalRules = {
   'core/query': (0, _i18n.__)('Query Loop displays a list of posts or pages.'),
   'core/post-content': (0, _i18n.__)('Post Content displays the content of a post or page.'),
-  'core/footnotes': (0, _i18n.__)('The Footnotes block displays all footnotes found in the content. Note that any footnotes in the content will persist after removing this block.')
+  'core/post-template': (0, _i18n.__)('Post Template displays each post or page in a Query Loop.')
 };
 function Editor({

package/build/components/editor/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/edit-site/src/components/editor/index.js"],"names":["BlockRemovalWarningModal","blockEditorPrivateApis","interfaceLabels","body","sidebar","actions","footer","typeLabels","wp_template","wp_template_part","wp_block","blockRemovalRules","Editor","isLoading","record","editedPost","getTitle","isLoaded","hasLoadedPost","id","editedPostId","type","editedPostType","context","editorMode","canvasMode","blockEditorMode","isRightSidebarOpen","isInserterOpen","isListViewOpen","showIconLabels","showBlockBreadcrumbs","hasPageContentFocus","select","getEditedPostContext","getEditorMode","getCanvasMode","isInserterOpened","isListViewOpened","_hasPageContentFocus","editSiteStore","__unstableGetEditorMode","blockEditorStore","getActiveComplementaryArea","interfaceStore","name","preferencesStore","get","setEditedPostContext","isViewMode","isEditMode","showVisualEditor","shouldShowBlockBreadcrumbs","shouldShowInserter","shouldShowListView","secondarySidebarLabel","blockContext","postType","postId","nonPostFields","queryContext","page","newQueryContext","title","secondarySidebar"],"mappings":"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","sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { useMemo } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { Notice } from '@wordpress/components';\nimport { EntityProvider } from '@wordpress/core-data';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tBlockContextProvider,\n\tBlockBreadcrumb,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport {\n\tInterfaceSkeleton,\n\tComplementaryArea,\n\tstore as interfaceStore,\n} from '@wordpress/interface';\nimport { EditorNotices, EditorSnackbars } from '@wordpress/editor';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport { SidebarComplementaryAreaFills } from '../sidebar-edit-mode';\nimport BlockEditor from '../block-editor';\nimport CodeEditor from '../code-editor';\nimport KeyboardShortcutsEditMode from '../keyboard-shortcuts/edit-mode';\nimport InserterSidebar from '../secondary-sidebar/inserter-sidebar';\nimport ListViewSidebar from '../secondary-sidebar/list-view-sidebar';\nimport WelcomeGuide from '../welcome-guide';\nimport StartTemplateOptions from '../start-template-options';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesRenderer } from '../global-styles-renderer';\nimport useTitle from '../routes/use-title';\nimport CanvasSpinner from '../canvas-spinner';\nimport { unlock } from '../../lock-unlock';\nimport useEditedEntityRecord from '../use-edited-entity-record';\nimport { SidebarFixedBottomSlot } from '../sidebar-edit-mode/sidebar-fixed-bottom';\n\nconst { BlockRemovalWarningModal } = unlock( blockEditorPrivateApis );\n\nconst interfaceLabels = {\n\t/ translators: accessibility text for the editor content landmark region. /\n\tbody: __( 'Editor content' ),\n\t/ translators: accessibility text for the editor settings landmark region. /\n\tsidebar: __( 'Editor settings' ),\n\t/ translators: accessibility text for the editor publish landmark region. /\n\tactions: __( 'Editor publish' ),\n\t/ translators: accessibility text for the editor footer landmark region. */\n\tfooter: __( 'Editor footer' ),\n};\n\nconst typeLabels = {\n\twp_template: __( 'Template Part' ),\n\twp_template_part: __( 'Template Part' ),\n\twp_block: __( 'Pattern' ),\n};\n\n// Prevent accidental removal of certain blocks, asking the user for\n// confirmation.\nconst blockRemovalRules = {\n\t'core/query': __( 'Query Loop displays a list of posts or pages.' ),\n\t'core/post-content': __(\n\t\t'Post Content displays the content of a post or page.'\n\t),\n\t'core/footnotes': __(\n\t\t'The Footnotes block displays all footnotes found in the content. Note that any footnotes in the content will persist after removing this block.'\n\t),\n};\n\nexport default function Editor( { isLoading } ) {\n\tconst {\n\t\trecord: editedPost,\n\t\tgetTitle,\n\t\tisLoaded: hasLoadedPost,\n\t} = useEditedEntityRecord();\n\n\tconst { id: editedPostId, type: editedPostType } = editedPost;\n\n\tconst {\n\t\tcontext,\n\t\teditorMode,\n\t\tcanvasMode,\n\t\tblockEditorMode,\n\t\tisRightSidebarOpen,\n\t\tisInserterOpen,\n\t\tisListViewOpen,\n\t\tshowIconLabels,\n\t\tshowBlockBreadcrumbs,\n\t\thasPageContentFocus,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetEditedPostContext,\n\t\t\tgetEditorMode,\n\t\t\tgetCanvasMode,\n\t\t\tisInserterOpened,\n\t\t\tisListViewOpened,\n\t\t\thasPageContentFocus: _hasPageContentFocus,\n\t\t} = unlock( select( editSiteStore ) );\n\t\tconst { __unstableGetEditorMode } = select( blockEditorStore );\n\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\n\t\t// The currently selected entity to display.\n\t\t// Typically template or template part in the site editor.\n\t\treturn {\n\t\t\tcontext: getEditedPostContext(),\n\t\t\teditorMode: getEditorMode(),\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t\tblockEditorMode: __unstableGetEditorMode(),\n\t\t\tisInserterOpen: isInserterOpened(),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\tisRightSidebarOpen: getActiveComplementaryArea(\n\t\t\t\teditSiteStore.name\n\t\t\t),\n\t\t\tshowIconLabels: select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'showIconLabels'\n\t\t\t),\n\t\t\tshowBlockBreadcrumbs: select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'showBlockBreadcrumbs'\n\t\t\t),\n\t\t\thasPageContentFocus: _hasPageContentFocus(),\n\t\t};\n\t}, [] );\n\tconst { setEditedPostContext } = useDispatch( editSiteStore );\n\n\tconst isViewMode = canvasMode === 'view';\n\tconst isEditMode = canvasMode === 'edit';\n\tconst showVisualEditor = isViewMode \|\| editorMode === 'visual';\n\tconst shouldShowBlockBreadcrumbs =\n\t\tshowBlockBreadcrumbs &&\n\t\tisEditMode &&\n\t\tshowVisualEditor &&\n\t\tblockEditorMode !== 'zoom-out';\n\tconst shouldShowInserter = isEditMode && showVisualEditor && isInserterOpen;\n\tconst shouldShowListView = isEditMode && showVisualEditor && isListViewOpen;\n\tconst secondarySidebarLabel = isListViewOpen\n\t\t? __( 'List View' )\n\t\t: __( 'Block Library' );\n\tconst blockContext = useMemo( () => {\n\t\tconst { postType, postId, ...nonPostFields } = context ?? {};\n\t\treturn {\n\t\t\t...( hasPageContentFocus ? context : nonPostFields ),\n\t\t\tqueryContext: [\n\t\t\t\tcontext?.queryContext \|\| { page: 1 },\n\t\t\t\t( newQueryContext ) =>\n\t\t\t\t\tsetEditedPostContext( {\n\t\t\t\t\t\t...context,\n\t\t\t\t\t\tqueryContext: {\n\t\t\t\t\t\t\t...context?.queryContext,\n\t\t\t\t\t\t\t...newQueryContext,\n\t\t\t\t\t\t},\n\t\t\t\t\t} ),\n\t\t\t],\n\t\t};\n\t}, [ hasPageContentFocus, context, setEditedPostContext ] );\n\n\tlet title;\n\tif ( hasLoadedPost ) {\n\t\tconst type = typeLabels[ editedPostType ] ?? __( 'Template' );\n\t\ttitle = sprintf(\n\t\t\t// translators: A breadcrumb trail in browser tab. %1$s: title of template being edited, %2$s: type of template (Template or Template Part).\n\t\t\t__( '%1$s ‹ %2$s ‹ Editor' ),\n\t\t\tgetTitle(),\n\t\t\ttype\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( hasLoadedPost && title );\n\n\treturn (\n\t\t<>\n\t\t\t{ isLoading ? <CanvasSpinner /> : null }\n\t\t\t{ isEditMode && <WelcomeGuide /> }\n\t\t\t<EntityProvider kind=\"root\" type=\"site\">\n\t\t\t\t<EntityProvider\n\t\t\t\t\tkind=\"postType\"\n\t\t\t\t\ttype={ editedPostType }\n\t\t\t\t\tid={ editedPostId }\n\t\t\t\t>\n\t\t\t\t\t<BlockContextProvider value={ blockContext }>\n\t\t\t\t\t\t<SidebarComplementaryAreaFills />\n\t\t\t\t\t\t{ isEditMode && <StartTemplateOptions /> }\n\t\t\t\t\t\t<InterfaceSkeleton\n\t\t\t\t\t\t\tisDistractionFree={ true }\n\t\t\t\t\t\t\tenableRegionNavigation={ false }\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'edit-site-editor__interface-skeleton',\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'show-icon-labels': showIconLabels,\n\t\t\t\t\t\t\t\t\t'is-loading': isLoading,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tnotices={ <EditorSnackbars /> }\n\t\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<GlobalStylesRenderer />\n\t\t\t\t\t\t\t\t\t{ isEditMode && <EditorNotices /> }\n\t\t\t\t\t\t\t\t\t{ showVisualEditor && editedPost && (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<BlockEditor />\n\t\t\t\t\t\t\t\t\t\t\t<BlockRemovalWarningModal\n\t\t\t\t\t\t\t\t\t\t\t\trules={ blockRemovalRules }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t{ editorMode === 'text' &&\n\t\t\t\t\t\t\t\t\t\teditedPost &&\n\t\t\t\t\t\t\t\t\t\tisEditMode && <CodeEditor /> }\n\t\t\t\t\t\t\t\t\t{ hasLoadedPost && ! editedPost && (\n\t\t\t\t\t\t\t\t\t\t<Notice\n\t\t\t\t\t\t\t\t\t\t\tstatus=\"warning\"\n\t\t\t\t\t\t\t\t\t\t\tisDismissible={ false }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\"You attempted to edit an item that doesn't exist. Perhaps it was deleted?\"\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</Notice>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t{ isEditMode && (\n\t\t\t\t\t\t\t\t\t\t<KeyboardShortcutsEditMode />\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsecondarySidebar={\n\t\t\t\t\t\t\t\tisEditMode &&\n\t\t\t\t\t\t\t\t( ( shouldShowInserter && (\n\t\t\t\t\t\t\t\t\t<InserterSidebar />\n\t\t\t\t\t\t\t\t) ) \|\|\n\t\t\t\t\t\t\t\t\t( shouldShowListView && (\n\t\t\t\t\t\t\t\t\t\t<ListViewSidebar />\n\t\t\t\t\t\t\t\t\t) ) )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsidebar={\n\t\t\t\t\t\t\t\tisEditMode &&\n\t\t\t\t\t\t\t\tisRightSidebarOpen && (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<ComplementaryArea.Slot scope=\"core/edit-site\" />\n\t\t\t\t\t\t\t\t\t\t<SidebarFixedBottomSlot />\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tfooter={\n\t\t\t\t\t\t\t\tshouldShowBlockBreadcrumbs && (\n\t\t\t\t\t\t\t\t\t<BlockBreadcrumb\n\t\t\t\t\t\t\t\t\t\trootLabelText={\n\t\t\t\t\t\t\t\t\t\t\thasPageContentFocus\n\t\t\t\t\t\t\t\t\t\t\t\t? __( 'Page' )\n\t\t\t\t\t\t\t\t\t\t\t\t: __( 'Template' )\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tlabels={ {\n\t\t\t\t\t\t\t\t...interfaceLabels,\n\t\t\t\t\t\t\t\tsecondarySidebar: secondarySidebarLabel,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BlockContextProvider>\n\t\t\t\t</EntityProvider>\n\t\t\t</EntityProvider>\n\t\t</>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["@wordpress/edit-site/src/components/editor/index.js"],"names":["BlockRemovalWarningModal","blockEditorPrivateApis","interfaceLabels","body","sidebar","actions","footer","typeLabels","wp_template","wp_template_part","wp_block","blockRemovalRules","Editor","isLoading","record","editedPost","getTitle","isLoaded","hasLoadedPost","id","editedPostId","type","editedPostType","context","editorMode","canvasMode","blockEditorMode","isRightSidebarOpen","isInserterOpen","isListViewOpen","showIconLabels","showBlockBreadcrumbs","hasPageContentFocus","select","getEditedPostContext","getEditorMode","getCanvasMode","isInserterOpened","isListViewOpened","_hasPageContentFocus","editSiteStore","__unstableGetEditorMode","blockEditorStore","getActiveComplementaryArea","interfaceStore","name","preferencesStore","get","setEditedPostContext","isViewMode","isEditMode","showVisualEditor","shouldShowBlockBreadcrumbs","shouldShowInserter","shouldShowListView","secondarySidebarLabel","blockContext","postType","postId","nonPostFields","queryContext","page","newQueryContext","title","secondarySidebar"],"mappings":"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","sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { useMemo } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { Notice } from '@wordpress/components';\nimport { EntityProvider } from '@wordpress/core-data';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tBlockContextProvider,\n\tBlockBreadcrumb,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport {\n\tInterfaceSkeleton,\n\tComplementaryArea,\n\tstore as interfaceStore,\n} from '@wordpress/interface';\nimport { EditorNotices, EditorSnackbars } from '@wordpress/editor';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport { SidebarComplementaryAreaFills } from '../sidebar-edit-mode';\nimport BlockEditor from '../block-editor';\nimport CodeEditor from '../code-editor';\nimport KeyboardShortcutsEditMode from '../keyboard-shortcuts/edit-mode';\nimport InserterSidebar from '../secondary-sidebar/inserter-sidebar';\nimport ListViewSidebar from '../secondary-sidebar/list-view-sidebar';\nimport WelcomeGuide from '../welcome-guide';\nimport StartTemplateOptions from '../start-template-options';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesRenderer } from '../global-styles-renderer';\nimport useTitle from '../routes/use-title';\nimport CanvasSpinner from '../canvas-spinner';\nimport { unlock } from '../../lock-unlock';\nimport useEditedEntityRecord from '../use-edited-entity-record';\nimport { SidebarFixedBottomSlot } from '../sidebar-edit-mode/sidebar-fixed-bottom';\n\nconst { BlockRemovalWarningModal } = unlock( blockEditorPrivateApis );\n\nconst interfaceLabels = {\n\t/ translators: accessibility text for the editor content landmark region. /\n\tbody: __( 'Editor content' ),\n\t/ translators: accessibility text for the editor settings landmark region. /\n\tsidebar: __( 'Editor settings' ),\n\t/ translators: accessibility text for the editor publish landmark region. /\n\tactions: __( 'Editor publish' ),\n\t/ translators: accessibility text for the editor footer landmark region. */\n\tfooter: __( 'Editor footer' ),\n};\n\nconst typeLabels = {\n\twp_template: __( 'Template Part' ),\n\twp_template_part: __( 'Template Part' ),\n\twp_block: __( 'Pattern' ),\n};\n\n// Prevent accidental removal of certain blocks, asking the user for\n// confirmation.\nconst blockRemovalRules = {\n\t'core/query': __( 'Query Loop displays a list of posts or pages.' ),\n\t'core/post-content': __(\n\t\t'Post Content displays the content of a post or page.'\n\t),\n\t'core/post-template': __(\n\t\t'Post Template displays each post or page in a Query Loop.'\n\t),\n};\n\nexport default function Editor( { isLoading } ) {\n\tconst {\n\t\trecord: editedPost,\n\t\tgetTitle,\n\t\tisLoaded: hasLoadedPost,\n\t} = useEditedEntityRecord();\n\n\tconst { id: editedPostId, type: editedPostType } = editedPost;\n\n\tconst {\n\t\tcontext,\n\t\teditorMode,\n\t\tcanvasMode,\n\t\tblockEditorMode,\n\t\tisRightSidebarOpen,\n\t\tisInserterOpen,\n\t\tisListViewOpen,\n\t\tshowIconLabels,\n\t\tshowBlockBreadcrumbs,\n\t\thasPageContentFocus,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetEditedPostContext,\n\t\t\tgetEditorMode,\n\t\t\tgetCanvasMode,\n\t\t\tisInserterOpened,\n\t\t\tisListViewOpened,\n\t\t\thasPageContentFocus: _hasPageContentFocus,\n\t\t} = unlock( select( editSiteStore ) );\n\t\tconst { __unstableGetEditorMode } = select( blockEditorStore );\n\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\n\t\t// The currently selected entity to display.\n\t\t// Typically template or template part in the site editor.\n\t\treturn {\n\t\t\tcontext: getEditedPostContext(),\n\t\t\teditorMode: getEditorMode(),\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t\tblockEditorMode: __unstableGetEditorMode(),\n\t\t\tisInserterOpen: isInserterOpened(),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\tisRightSidebarOpen: getActiveComplementaryArea(\n\t\t\t\teditSiteStore.name\n\t\t\t),\n\t\t\tshowIconLabels: select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'showIconLabels'\n\t\t\t),\n\t\t\tshowBlockBreadcrumbs: select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'showBlockBreadcrumbs'\n\t\t\t),\n\t\t\thasPageContentFocus: _hasPageContentFocus(),\n\t\t};\n\t}, [] );\n\tconst { setEditedPostContext } = useDispatch( editSiteStore );\n\n\tconst isViewMode = canvasMode === 'view';\n\tconst isEditMode = canvasMode === 'edit';\n\tconst showVisualEditor = isViewMode \|\| editorMode === 'visual';\n\tconst shouldShowBlockBreadcrumbs =\n\t\tshowBlockBreadcrumbs &&\n\t\tisEditMode &&\n\t\tshowVisualEditor &&\n\t\tblockEditorMode !== 'zoom-out';\n\tconst shouldShowInserter = isEditMode && showVisualEditor && isInserterOpen;\n\tconst shouldShowListView = isEditMode && showVisualEditor && isListViewOpen;\n\tconst secondarySidebarLabel = isListViewOpen\n\t\t? __( 'List View' )\n\t\t: __( 'Block Library' );\n\tconst blockContext = useMemo( () => {\n\t\tconst { postType, postId, ...nonPostFields } = context ?? {};\n\t\treturn {\n\t\t\t...( hasPageContentFocus ? context : nonPostFields ),\n\t\t\tqueryContext: [\n\t\t\t\tcontext?.queryContext \|\| { page: 1 },\n\t\t\t\t( newQueryContext ) =>\n\t\t\t\t\tsetEditedPostContext( {\n\t\t\t\t\t\t...context,\n\t\t\t\t\t\tqueryContext: {\n\t\t\t\t\t\t\t...context?.queryContext,\n\t\t\t\t\t\t\t...newQueryContext,\n\t\t\t\t\t\t},\n\t\t\t\t\t} ),\n\t\t\t],\n\t\t};\n\t}, [ hasPageContentFocus, context, setEditedPostContext ] );\n\n\tlet title;\n\tif ( hasLoadedPost ) {\n\t\tconst type = typeLabels[ editedPostType ] ?? __( 'Template' );\n\t\ttitle = sprintf(\n\t\t\t// translators: A breadcrumb trail in browser tab. %1$s: title of template being edited, %2$s: type of template (Template or Template Part).\n\t\t\t__( '%1$s ‹ %2$s ‹ Editor' ),\n\t\t\tgetTitle(),\n\t\t\ttype\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( hasLoadedPost && title );\n\n\treturn (\n\t\t<>\n\t\t\t{ isLoading ? <CanvasSpinner /> : null }\n\t\t\t{ isEditMode && <WelcomeGuide /> }\n\t\t\t<EntityProvider kind=\"root\" type=\"site\">\n\t\t\t\t<EntityProvider\n\t\t\t\t\tkind=\"postType\"\n\t\t\t\t\ttype={ editedPostType }\n\t\t\t\t\tid={ editedPostId }\n\t\t\t\t>\n\t\t\t\t\t<BlockContextProvider value={ blockContext }>\n\t\t\t\t\t\t<SidebarComplementaryAreaFills />\n\t\t\t\t\t\t{ isEditMode && <StartTemplateOptions /> }\n\t\t\t\t\t\t<InterfaceSkeleton\n\t\t\t\t\t\t\tisDistractionFree={ true }\n\t\t\t\t\t\t\tenableRegionNavigation={ false }\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'edit-site-editor__interface-skeleton',\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'show-icon-labels': showIconLabels,\n\t\t\t\t\t\t\t\t\t'is-loading': isLoading,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tnotices={ <EditorSnackbars /> }\n\t\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<GlobalStylesRenderer />\n\t\t\t\t\t\t\t\t\t{ isEditMode && <EditorNotices /> }\n\t\t\t\t\t\t\t\t\t{ showVisualEditor && editedPost && (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<BlockEditor />\n\t\t\t\t\t\t\t\t\t\t\t<BlockRemovalWarningModal\n\t\t\t\t\t\t\t\t\t\t\t\trules={ blockRemovalRules }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t{ editorMode === 'text' &&\n\t\t\t\t\t\t\t\t\t\teditedPost &&\n\t\t\t\t\t\t\t\t\t\tisEditMode && <CodeEditor /> }\n\t\t\t\t\t\t\t\t\t{ hasLoadedPost && ! editedPost && (\n\t\t\t\t\t\t\t\t\t\t<Notice\n\t\t\t\t\t\t\t\t\t\t\tstatus=\"warning\"\n\t\t\t\t\t\t\t\t\t\t\tisDismissible={ false }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\"You attempted to edit an item that doesn't exist. Perhaps it was deleted?\"\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</Notice>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t{ isEditMode && (\n\t\t\t\t\t\t\t\t\t\t<KeyboardShortcutsEditMode />\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsecondarySidebar={\n\t\t\t\t\t\t\t\tisEditMode &&\n\t\t\t\t\t\t\t\t( ( shouldShowInserter && (\n\t\t\t\t\t\t\t\t\t<InserterSidebar />\n\t\t\t\t\t\t\t\t) ) \|\|\n\t\t\t\t\t\t\t\t\t( shouldShowListView && (\n\t\t\t\t\t\t\t\t\t\t<ListViewSidebar />\n\t\t\t\t\t\t\t\t\t) ) )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsidebar={\n\t\t\t\t\t\t\t\tisEditMode &&\n\t\t\t\t\t\t\t\tisRightSidebarOpen && (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<ComplementaryArea.Slot scope=\"core/edit-site\" />\n\t\t\t\t\t\t\t\t\t\t<SidebarFixedBottomSlot />\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tfooter={\n\t\t\t\t\t\t\t\tshouldShowBlockBreadcrumbs && (\n\t\t\t\t\t\t\t\t\t<BlockBreadcrumb\n\t\t\t\t\t\t\t\t\t\trootLabelText={\n\t\t\t\t\t\t\t\t\t\t\thasPageContentFocus\n\t\t\t\t\t\t\t\t\t\t\t\t? __( 'Page' )\n\t\t\t\t\t\t\t\t\t\t\t\t: __( 'Template' )\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tlabels={ {\n\t\t\t\t\t\t\t\t...interfaceLabels,\n\t\t\t\t\t\t\t\tsecondarySidebar: secondarySidebarLabel,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BlockContextProvider>\n\t\t\t\t</EntityProvider>\n\t\t\t</EntityProvider>\n\t\t</>\n\t);\n}\n"]}

package/build/components/header-edit-mode/index.js CHANGED Viewed

@@ -79,7 +79,8 @@ function HeaderEditMode() {
     blockEditorMode,
     homeUrl,
     showIconLabels,
-    editorCanvasView
+    editorCanvasView,
+    hasFixedToolbar
   } = (0, _data.useSelect)(select => {
     const {
       __experimentalGetPreviewDeviceType,
@@ -99,6 +100,9 @@ function HeaderEditMode() {
       getUnstableBase // Site index.
     } = select(_coreData.store);
+    const {
+      get: getPreference
+    } = select(_preferences.store);
     return {
       deviceType: __experimentalGetPreviewDeviceType(),
       templateType: postType,
@@ -108,15 +112,12 @@ function HeaderEditMode() {
       isVisualMode: getEditorMode() === 'visual',
       blockEditorMode: __unstableGetEditorMode(),
       homeUrl: getUnstableBase()?.home,
-      showIconLabels: select(_preferences.store).get('core/edit-site', 'showIconLabels'),
+      showIconLabels: getPreference(_store.store.name, 'showIconLabels'),
       editorCanvasView: (0, _lockUnlock.unlock)(select(_store.store)).getEditorCanvasContainerView(),
-      isDistractionFree: select(_preferences.store).get('core/edit-site', 'distractionFree')
+      isDistractionFree: getPreference(_store.store.name, 'distractionFree'),
+      hasFixedToolbar: getPreference(_store.store.name, 'fixedToolbar')
     };
   }, []);
-  const {
-    get: getPreference
-  } = (0, _data.useSelect)(_preferences.store);
-  const hasFixedToolbar = getPreference(_store.store.name, 'fixedToolbar');
   const {
     __experimentalSetPreviewDeviceType: setPreviewDeviceType,
     setIsInserterOpened,
@@ -254,10 +255,13 @@ function HeaderEditMode() {
     deviceType: deviceType,
     setDeviceType: setPreviewDeviceType,
     label: (0, _i18n.__)('View')
-  }, (0, _element.createElement)(_components.MenuGroup, null, (0, _element.createElement)(_components.MenuItem, {
+  }, ({
+    onClose
+  }) => (0, _element.createElement)(_components.MenuGroup, null, (0, _element.createElement)(_components.MenuItem, {
     href: homeUrl,
     target: "_blank",
-    icon: _icons.external
+    icon: _icons.external,
+    onClick: onClose
   }, (0, _i18n.__)('View site'), (0, _element.createElement)(_components.VisuallyHidden, {
     as: "span"
   },

package/build/components/header-edit-mode/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/edit-site/src/components/header-edit-mode/index.js"],"names":["useShouldContextualToolbarShow","blockEditorPrivateApis","preventDefault","event","HeaderEditMode","inserterButton","deviceType","templateType","isInserterOpen","isListViewOpen","listViewShortcut","isVisualMode","isDistractionFree","blockEditorMode","homeUrl","showIconLabels","editorCanvasView","select","__experimentalGetPreviewDeviceType","getEditedPostType","isInserterOpened","isListViewOpened","getEditorMode","editSiteStore","getShortcutRepresentation","keyboardShortcutsStore","__unstableGetEditorMode","blockEditorStore","postType","getUnstableBase","coreStore","home","preferencesStore","get","getEditorCanvasContainerView","getPreference","hasFixedToolbar","name","__experimentalSetPreviewDeviceType","setPreviewDeviceType","setIsInserterOpened","setIsListViewOpened","__unstableSetEditorMode","disableMotion","isLargeViewport","toggleInserter","current","focus","toggleListView","shouldShowContextualToolbar","canFocusHiddenToolbar","fixedToolbarCanBeFocused","blockToolbarCanBeFocused","hasDefaultEditorCanvasView","isFocusMode","longLabel","shortLabel","isZoomedOutViewExperimentEnabled","window","__experimentalEnableZoomedOutView","isZoomedOutView","toolbarVariants","y","isDistractionFreeHovering","view","edit","toolbarTransition","type","duration","ease","motion","div","Button","plus","ToolSelector","undefined","UndoButton","RedoButton","listView","chevronUpDown","external"],"mappings":"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","sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { useCallback, useRef } from '@wordpress/element';\nimport { useViewportMatch, useReducedMotion } from '@wordpress/compose';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tToolSelector,\n\t__experimentalPreviewOptions as PreviewOptions,\n\tNavigableToolbar,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { PinnedItems } from '@wordpress/interface';\nimport { _x, __ } from '@wordpress/i18n';\nimport { listView, plus, external, chevronUpDown } from '@wordpress/icons';\nimport {\n\t__unstableMotion as motion,\n\tButton,\n\tToolbarItem,\n\tMenuGroup,\n\tMenuItem,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n /\nimport MoreMenu from './more-menu';\nimport SaveButton from '../save-button';\nimport UndoButton from './undo-redo/undo';\nimport RedoButton from './undo-redo/redo';\nimport DocumentActions from './document-actions';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tgetEditorCanvasContainerTitle,\n\tuseHasEditorCanvasContainer,\n} from '../editor-canvas-container';\nimport { unlock } from '../../lock-unlock';\n\nconst { useShouldContextualToolbarShow } = unlock( blockEditorPrivateApis );\n\nconst preventDefault = ( event ) => {\n\tevent.preventDefault();\n};\n\nexport default function HeaderEditMode() {\n\tconst inserterButton = useRef();\n\tconst {\n\t\tdeviceType,\n\t\ttemplateType,\n\t\tisInserterOpen,\n\t\tisListViewOpen,\n\t\tlistViewShortcut,\n\t\tisVisualMode,\n\t\tisDistractionFree,\n\t\tblockEditorMode,\n\t\thomeUrl,\n\t\tshowIconLabels,\n\t\teditorCanvasView,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\t__experimentalGetPreviewDeviceType,\n\t\t\tgetEditedPostType,\n\t\t\tisInserterOpened,\n\t\t\tisListViewOpened,\n\t\t\tgetEditorMode,\n\t\t} = select( editSiteStore );\n\t\tconst { getShortcutRepresentation } = select( keyboardShortcutsStore );\n\t\tconst { __unstableGetEditorMode } = select( blockEditorStore );\n\n\t\tconst postType = getEditedPostType();\n\n\t\tconst {\n\t\t\tgetUnstableBase, // Site index.\n\t\t} = select( coreStore );\n\n\t\treturn {\n\t\t\tdeviceType: __experimentalGetPreviewDeviceType(),\n\t\t\ttemplateType: postType,\n\t\t\tisInserterOpen: isInserterOpened(),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\tlistViewShortcut: getShortcutRepresentation(\n\t\t\t\t'core/edit-site/toggle-list-view'\n\t\t\t),\n\t\t\tisVisualMode: getEditorMode() === 'visual',\n\t\t\tblockEditorMode: __unstableGetEditorMode(),\n\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t\tshowIconLabels: select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'showIconLabels'\n\t\t\t),\n\t\t\teditorCanvasView: unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t).getEditorCanvasContainerView(),\n\t\t\tisDistractionFree: select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t};\n\t}, [] );\n\n\tconst { get: getPreference } = useSelect( preferencesStore );\n\tconst hasFixedToolbar = getPreference( editSiteStore.name, 'fixedToolbar' );\n\n\tconst {\n\t\t__experimentalSetPreviewDeviceType: setPreviewDeviceType,\n\t\tsetIsInserterOpened,\n\t\tsetIsListViewOpened,\n\t} = useDispatch( editSiteStore );\n\tconst { __unstableSetEditorMode } = useDispatch( blockEditorStore );\n\tconst disableMotion = useReducedMotion();\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\tconst toggleInserter = useCallback( () => {\n\t\tif ( isInserterOpen ) {\n\t\t\t// Focusing the inserter button should close the inserter popover.\n\t\t\t// However, there are some cases it won't close when the focus is lost.\n\t\t\t// See https://github.com/WordPress/gutenberg/issues/43090 for more details.\n\t\t\tinserterButton.current.focus();\n\t\t\tsetIsInserterOpened( false );\n\t\t} else {\n\t\t\tsetIsInserterOpened( true );\n\t\t}\n\t}, [ isInserterOpen, setIsInserterOpened ] );\n\n\tconst toggleListView = useCallback(\n\t\t() => setIsListViewOpened( ! isListViewOpen ),\n\t\t[ setIsListViewOpened, isListViewOpen ]\n\t);\n\n\tconst {\n\t\tshouldShowContextualToolbar,\n\t\tcanFocusHiddenToolbar,\n\t\tfixedToolbarCanBeFocused,\n\t} = useShouldContextualToolbarShow();\n\t// If there's a block toolbar to be focused, disable the focus shortcut for the document toolbar.\n\t// There's a fixed block toolbar when the fixed toolbar option is enabled or when the browser width is less than the large viewport.\n\tconst blockToolbarCanBeFocused =\n\t\tshouldShowContextualToolbar \|\|\n\t\tcanFocusHiddenToolbar \|\|\n\t\tfixedToolbarCanBeFocused;\n\n\tconst hasDefaultEditorCanvasView = ! useHasEditorCanvasContainer();\n\n\tconst isFocusMode =\n\t\ttemplateType === 'wp_template_part' \|\| templateType === 'wp_navigation';\n\n\t/ translators: button label text should, if possible, be under 16 characters. /\n\tconst longLabel = _x(\n\t\t'Toggle block inserter',\n\t\t'Generic label for block inserter button'\n\t);\n\tconst shortLabel = ! isInserterOpen ? __( 'Add' ) : __( 'Close' );\n\n\tconst isZoomedOutViewExperimentEnabled =\n\t\twindow?.__experimentalEnableZoomedOutView && isVisualMode;\n\tconst isZoomedOutView = blockEditorMode === 'zoom-out';\n\n\tconst toolbarVariants = {\n\t\tisDistractionFree: { y: '-50px' },\n\t\tisDistractionFreeHovering: { y: 0 },\n\t\tview: { y: 0 },\n\t\tedit: { y: 0 },\n\t};\n\n\tconst toolbarTransition = {\n\t\ttype: 'tween',\n\t\tduration: disableMotion ? 0 : 0.2,\n\t\tease: 'easeOut',\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'edit-site-header-edit-mode', {\n\t\t\t\t'show-icon-labels': showIconLabels,\n\t\t\t} ) }\n\t\t>\n\t\t\t{ hasDefaultEditorCanvasView && (\n\t\t\t\t<NavigableToolbar\n\t\t\t\t\tas={ motion.div }\n\t\t\t\t\tclassName=\"edit-site-header-edit-mode__start\"\n\t\t\t\t\taria-label={ __( 'Document tools' ) }\n\t\t\t\t\tshouldUseKeyboardFocusShortcut={\n\t\t\t\t\t\t! blockToolbarCanBeFocused\n\t\t\t\t\t}\n\t\t\t\t\tvariants={ toolbarVariants }\n\t\t\t\t\ttransition={ toolbarTransition }\n\t\t\t\t>\n\t\t\t\t\t<div className=\"edit-site-header-edit-mode__toolbar\">\n\t\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\tref={ inserterButton }\n\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__inserter-toggle\"\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\tisPressed={ isInserterOpen }\n\t\t\t\t\t\t\t\tonMouseDown={ preventDefault }\n\t\t\t\t\t\t\t\tonClick={ toggleInserter }\n\t\t\t\t\t\t\t\tdisabled={ ! isVisualMode }\n\t\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\tshowIconLabels ? shortLabel : longLabel\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{ ! hasFixedToolbar && (\n\t\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\t\tas={ ToolSelector }\n\t\t\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\tshowIconLabels\n\t\t\t\t\t\t\t\t\t\t\t\t? 'tertiary'\n\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tdisabled={ ! isVisualMode }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\tas={ UndoButton }\n\t\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\tshowIconLabels ? 'tertiary' : undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\tas={ RedoButton }\n\t\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\tshowIconLabels ? 'tertiary' : undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__list-view-toggle\"\n\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\t! isVisualMode \|\| isZoomedOutView\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\ticon={ listView }\n\t\t\t\t\t\t\t\t\t\tisPressed={ isListViewOpen }\n\t\t\t\t\t\t\t\t\t\t/ translators: button label text should, if possible, be under 16 characters. /\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'List View' ) }\n\t\t\t\t\t\t\t\t\t\tonClick={ toggleListView }\n\t\t\t\t\t\t\t\t\t\tshortcut={ listViewShortcut }\n\t\t\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\tshowIconLabels\n\t\t\t\t\t\t\t\t\t\t\t\t? 'tertiary'\n\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t{ isZoomedOutViewExperimentEnabled &&\n\t\t\t\t\t\t\t\t\t! isDistractionFree &&\n\t\t\t\t\t\t\t\t\t! hasFixedToolbar && (\n\t\t\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__zoom-out-view-toggle\"\n\t\t\t\t\t\t\t\t\t\t\ticon={ chevronUpDown }\n\t\t\t\t\t\t\t\t\t\t\tisPressed={ isZoomedOutView }\n\t\t\t\t\t\t\t\t\t\t\t/ translators: button label text should, if possible, be under 16 characters. /\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Zoom-out View' ) }\n\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetPreviewDeviceType(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'desktop'\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t__unstableSetEditorMode(\n\t\t\t\t\t\t\t\t\t\t\t\t\tisZoomedOutView\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'edit'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'zoom-out'\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\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</div>\n\t\t\t\t</NavigableToolbar>\n\t\t\t) }\n\n\t\t\t{ ! isDistractionFree && (\n\t\t\t\t<div className=\"edit-site-header-edit-mode__center\">\n\t\t\t\t\t{ ! hasDefaultEditorCanvasView ? (\n\t\t\t\t\t\tgetEditorCanvasContainerTitle( editorCanvasView )\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<DocumentActions />\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t\t<div className=\"edit-site-header-edit-mode__end\">\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName=\"edit-site-header-edit-mode__actions\"\n\t\t\t\t\tvariants={ toolbarVariants }\n\t\t\t\t\ttransition={ toolbarTransition }\n\t\t\t\t>\n\t\t\t\t\t{ ! isFocusMode && hasDefaultEditorCanvasView && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'edit-site-header-edit-mode__preview-options',\n\t\t\t\t\t\t\t\t{ 'is-zoomed-out': isZoomedOutView }\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<PreviewOptions\n\t\t\t\t\t\t\t\tdeviceType={ deviceType }\n\t\t\t\t\t\t\t\tsetDeviceType={ setPreviewDeviceType }\n\t\t\t\t\t\t\t\tlabel={ __( 'View' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'View site' ) }\n\t\t\t\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t/ translators: accessibility text */\n\t\t\t\t\t\t\t\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t\t</PreviewOptions>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t\t<SaveButton />\n\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-site\" />\n\t\t\t\t\t) }\n\t\t\t\t\t<MoreMenu showIconLabels={ showIconLabels } />\n\t\t\t\t</motion.div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["@wordpress/edit-site/src/components/header-edit-mode/index.js"],"names":["useShouldContextualToolbarShow","blockEditorPrivateApis","preventDefault","event","HeaderEditMode","inserterButton","deviceType","templateType","isInserterOpen","isListViewOpen","listViewShortcut","isVisualMode","isDistractionFree","blockEditorMode","homeUrl","showIconLabels","editorCanvasView","hasFixedToolbar","select","__experimentalGetPreviewDeviceType","getEditedPostType","isInserterOpened","isListViewOpened","getEditorMode","editSiteStore","getShortcutRepresentation","keyboardShortcutsStore","__unstableGetEditorMode","blockEditorStore","postType","getUnstableBase","coreStore","get","getPreference","preferencesStore","home","name","getEditorCanvasContainerView","__experimentalSetPreviewDeviceType","setPreviewDeviceType","setIsInserterOpened","setIsListViewOpened","__unstableSetEditorMode","disableMotion","isLargeViewport","toggleInserter","current","focus","toggleListView","shouldShowContextualToolbar","canFocusHiddenToolbar","fixedToolbarCanBeFocused","blockToolbarCanBeFocused","hasDefaultEditorCanvasView","isFocusMode","longLabel","shortLabel","isZoomedOutViewExperimentEnabled","window","__experimentalEnableZoomedOutView","isZoomedOutView","toolbarVariants","y","isDistractionFreeHovering","view","edit","toolbarTransition","type","duration","ease","motion","div","Button","plus","ToolSelector","undefined","UndoButton","RedoButton","listView","chevronUpDown","onClose","external"],"mappings":"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","sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { useCallback, useRef } from '@wordpress/element';\nimport { useViewportMatch, useReducedMotion } from '@wordpress/compose';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tToolSelector,\n\t__experimentalPreviewOptions as PreviewOptions,\n\tNavigableToolbar,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { PinnedItems } from '@wordpress/interface';\nimport { _x, __ } from '@wordpress/i18n';\nimport { listView, plus, external, chevronUpDown } from '@wordpress/icons';\nimport {\n\t__unstableMotion as motion,\n\tButton,\n\tToolbarItem,\n\tMenuGroup,\n\tMenuItem,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n /\nimport MoreMenu from './more-menu';\nimport SaveButton from '../save-button';\nimport UndoButton from './undo-redo/undo';\nimport RedoButton from './undo-redo/redo';\nimport DocumentActions from './document-actions';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tgetEditorCanvasContainerTitle,\n\tuseHasEditorCanvasContainer,\n} from '../editor-canvas-container';\nimport { unlock } from '../../lock-unlock';\n\nconst { useShouldContextualToolbarShow } = unlock( blockEditorPrivateApis );\n\nconst preventDefault = ( event ) => {\n\tevent.preventDefault();\n};\n\nexport default function HeaderEditMode() {\n\tconst inserterButton = useRef();\n\tconst {\n\t\tdeviceType,\n\t\ttemplateType,\n\t\tisInserterOpen,\n\t\tisListViewOpen,\n\t\tlistViewShortcut,\n\t\tisVisualMode,\n\t\tisDistractionFree,\n\t\tblockEditorMode,\n\t\thomeUrl,\n\t\tshowIconLabels,\n\t\teditorCanvasView,\n\t\thasFixedToolbar,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\t__experimentalGetPreviewDeviceType,\n\t\t\tgetEditedPostType,\n\t\t\tisInserterOpened,\n\t\t\tisListViewOpened,\n\t\t\tgetEditorMode,\n\t\t} = select( editSiteStore );\n\t\tconst { getShortcutRepresentation } = select( keyboardShortcutsStore );\n\t\tconst { __unstableGetEditorMode } = select( blockEditorStore );\n\n\t\tconst postType = getEditedPostType();\n\n\t\tconst {\n\t\t\tgetUnstableBase, // Site index.\n\t\t} = select( coreStore );\n\n\t\tconst { get: getPreference } = select( preferencesStore );\n\n\t\treturn {\n\t\t\tdeviceType: __experimentalGetPreviewDeviceType(),\n\t\t\ttemplateType: postType,\n\t\t\tisInserterOpen: isInserterOpened(),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\tlistViewShortcut: getShortcutRepresentation(\n\t\t\t\t'core/edit-site/toggle-list-view'\n\t\t\t),\n\t\t\tisVisualMode: getEditorMode() === 'visual',\n\t\t\tblockEditorMode: __unstableGetEditorMode(),\n\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t\tshowIconLabels: getPreference(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'showIconLabels'\n\t\t\t),\n\t\t\teditorCanvasView: unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t).getEditorCanvasContainerView(),\n\t\t\tisDistractionFree: getPreference(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t\thasFixedToolbar: getPreference(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t};\n\t}, [] );\n\n\tconst {\n\t\t__experimentalSetPreviewDeviceType: setPreviewDeviceType,\n\t\tsetIsInserterOpened,\n\t\tsetIsListViewOpened,\n\t} = useDispatch( editSiteStore );\n\tconst { __unstableSetEditorMode } = useDispatch( blockEditorStore );\n\tconst disableMotion = useReducedMotion();\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\tconst toggleInserter = useCallback( () => {\n\t\tif ( isInserterOpen ) {\n\t\t\t// Focusing the inserter button should close the inserter popover.\n\t\t\t// However, there are some cases it won't close when the focus is lost.\n\t\t\t// See https://github.com/WordPress/gutenberg/issues/43090 for more details.\n\t\t\tinserterButton.current.focus();\n\t\t\tsetIsInserterOpened( false );\n\t\t} else {\n\t\t\tsetIsInserterOpened( true );\n\t\t}\n\t}, [ isInserterOpen, setIsInserterOpened ] );\n\n\tconst toggleListView = useCallback(\n\t\t() => setIsListViewOpened( ! isListViewOpen ),\n\t\t[ setIsListViewOpened, isListViewOpen ]\n\t);\n\n\tconst {\n\t\tshouldShowContextualToolbar,\n\t\tcanFocusHiddenToolbar,\n\t\tfixedToolbarCanBeFocused,\n\t} = useShouldContextualToolbarShow();\n\t// If there's a block toolbar to be focused, disable the focus shortcut for the document toolbar.\n\t// There's a fixed block toolbar when the fixed toolbar option is enabled or when the browser width is less than the large viewport.\n\tconst blockToolbarCanBeFocused =\n\t\tshouldShowContextualToolbar \|\|\n\t\tcanFocusHiddenToolbar \|\|\n\t\tfixedToolbarCanBeFocused;\n\n\tconst hasDefaultEditorCanvasView = ! useHasEditorCanvasContainer();\n\n\tconst isFocusMode =\n\t\ttemplateType === 'wp_template_part' \|\| templateType === 'wp_navigation';\n\n\t/ translators: button label text should, if possible, be under 16 characters. /\n\tconst longLabel = _x(\n\t\t'Toggle block inserter',\n\t\t'Generic label for block inserter button'\n\t);\n\tconst shortLabel = ! isInserterOpen ? __( 'Add' ) : __( 'Close' );\n\n\tconst isZoomedOutViewExperimentEnabled =\n\t\twindow?.__experimentalEnableZoomedOutView && isVisualMode;\n\tconst isZoomedOutView = blockEditorMode === 'zoom-out';\n\n\tconst toolbarVariants = {\n\t\tisDistractionFree: { y: '-50px' },\n\t\tisDistractionFreeHovering: { y: 0 },\n\t\tview: { y: 0 },\n\t\tedit: { y: 0 },\n\t};\n\n\tconst toolbarTransition = {\n\t\ttype: 'tween',\n\t\tduration: disableMotion ? 0 : 0.2,\n\t\tease: 'easeOut',\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'edit-site-header-edit-mode', {\n\t\t\t\t'show-icon-labels': showIconLabels,\n\t\t\t} ) }\n\t\t>\n\t\t\t{ hasDefaultEditorCanvasView && (\n\t\t\t\t<NavigableToolbar\n\t\t\t\t\tas={ motion.div }\n\t\t\t\t\tclassName=\"edit-site-header-edit-mode__start\"\n\t\t\t\t\taria-label={ __( 'Document tools' ) }\n\t\t\t\t\tshouldUseKeyboardFocusShortcut={\n\t\t\t\t\t\t! blockToolbarCanBeFocused\n\t\t\t\t\t}\n\t\t\t\t\tvariants={ toolbarVariants }\n\t\t\t\t\ttransition={ toolbarTransition }\n\t\t\t\t>\n\t\t\t\t\t<div className=\"edit-site-header-edit-mode__toolbar\">\n\t\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\tref={ inserterButton }\n\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__inserter-toggle\"\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\tisPressed={ isInserterOpen }\n\t\t\t\t\t\t\t\tonMouseDown={ preventDefault }\n\t\t\t\t\t\t\t\tonClick={ toggleInserter }\n\t\t\t\t\t\t\t\tdisabled={ ! isVisualMode }\n\t\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\tshowIconLabels ? shortLabel : longLabel\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{ ! hasFixedToolbar && (\n\t\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\t\tas={ ToolSelector }\n\t\t\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\tshowIconLabels\n\t\t\t\t\t\t\t\t\t\t\t\t? 'tertiary'\n\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tdisabled={ ! isVisualMode }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\tas={ UndoButton }\n\t\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\tshowIconLabels ? 'tertiary' : undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\tas={ RedoButton }\n\t\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\tshowIconLabels ? 'tertiary' : undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__list-view-toggle\"\n\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\t! isVisualMode \|\| isZoomedOutView\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\ticon={ listView }\n\t\t\t\t\t\t\t\t\t\tisPressed={ isListViewOpen }\n\t\t\t\t\t\t\t\t\t\t/ translators: button label text should, if possible, be under 16 characters. /\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'List View' ) }\n\t\t\t\t\t\t\t\t\t\tonClick={ toggleListView }\n\t\t\t\t\t\t\t\t\t\tshortcut={ listViewShortcut }\n\t\t\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\tshowIconLabels\n\t\t\t\t\t\t\t\t\t\t\t\t? 'tertiary'\n\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t{ isZoomedOutViewExperimentEnabled &&\n\t\t\t\t\t\t\t\t\t! isDistractionFree &&\n\t\t\t\t\t\t\t\t\t! hasFixedToolbar && (\n\t\t\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__zoom-out-view-toggle\"\n\t\t\t\t\t\t\t\t\t\t\ticon={ chevronUpDown }\n\t\t\t\t\t\t\t\t\t\t\tisPressed={ isZoomedOutView }\n\t\t\t\t\t\t\t\t\t\t\t/ translators: button label text should, if possible, be under 16 characters. /\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Zoom-out View' ) }\n\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetPreviewDeviceType(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'desktop'\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t__unstableSetEditorMode(\n\t\t\t\t\t\t\t\t\t\t\t\t\tisZoomedOutView\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'edit'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'zoom-out'\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\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</div>\n\t\t\t\t</NavigableToolbar>\n\t\t\t) }\n\n\t\t\t{ ! isDistractionFree && (\n\t\t\t\t<div className=\"edit-site-header-edit-mode__center\">\n\t\t\t\t\t{ ! hasDefaultEditorCanvasView ? (\n\t\t\t\t\t\tgetEditorCanvasContainerTitle( editorCanvasView )\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<DocumentActions />\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t\t<div className=\"edit-site-header-edit-mode__end\">\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName=\"edit-site-header-edit-mode__actions\"\n\t\t\t\t\tvariants={ toolbarVariants }\n\t\t\t\t\ttransition={ toolbarTransition }\n\t\t\t\t>\n\t\t\t\t\t{ ! isFocusMode && hasDefaultEditorCanvasView && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'edit-site-header-edit-mode__preview-options',\n\t\t\t\t\t\t\t\t{ 'is-zoomed-out': isZoomedOutView }\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<PreviewOptions\n\t\t\t\t\t\t\t\tdeviceType={ deviceType }\n\t\t\t\t\t\t\t\tsetDeviceType={ setPreviewDeviceType }\n\t\t\t\t\t\t\t\tlabel={ __( 'View' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'View site' ) }\n\t\t\t\t\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t/ translators: accessibility text */\n\t\t\t\t\t\t\t\t\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</PreviewOptions>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t\t<SaveButton />\n\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-site\" />\n\t\t\t\t\t) }\n\t\t\t\t\t<MoreMenu showIconLabels={ showIconLabels } />\n\t\t\t\t</motion.div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}

package/build/components/layout/index.js CHANGED Viewed

@@ -141,7 +141,8 @@ function Layout() {
   const [canvasResizer, canvasSize] = (0, _compose.useResizeObserver)();
   const [fullResizer] = (0, _compose.useResizeObserver)();
   const [isResizing] = (0, _element.useState)(false);
-  const isEditorLoading = (0, _hooks.useIsSiteEditorLoading)(); // This determines which animation variant should apply to the header.
+  const isEditorLoading = (0, _hooks.useIsSiteEditorLoading)();
+  const [isResizableFrameOversized, setIsResizableFrameOversized] = (0, _element.useState)(false); // This determines which animation variant should apply to the header.
   // There is also a `isDistractionFreeHovering` state that gets priority
   // when hovering the `edit-site-layout__header-container` in distraction
   // free mode. It's set via framer and trickles down to all the children
@@ -230,6 +231,7 @@ function Layout() {
       }
     },
     ref: hubRef,
+    isTransparent: isResizableFrameOversized,
     className: "edit-site-layout__hub"
   }), (0, _element.createElement)(_components.__unstableAnimatePresence, {
     initial: false
@@ -302,7 +304,9 @@ function Layout() {
     } : {},
     initial: false,
     layout: "position",
-    className: "edit-site-layout__canvas",
+    className: (0, _classnames.default)('edit-site-layout__canvas', {
+      'is-right-aligned': isResizableFrameOversized
+    }),
     transition: {
       type: 'tween',
       duration: disableMotion || isResizing ? 0 : ANIMATION_DURATION,
@@ -311,7 +315,8 @@ function Layout() {
   }, (0, _element.createElement)(_errorBoundary.default, null, (0, _element.createElement)(_resizableFrame.default, {
     isReady: !isEditorLoading,
     isFullWidth: isEditing,
-    oversizedClassName: "edit-site-layout__resizable-frame-oversized",
+    isOversized: isResizableFrameOversized,
+    setIsOversized: setIsResizableFrameOversized,
     innerContentStyle: {
       background: gradientValue !== null && gradientValue !== void 0 ? gradientValue : backgroundColor
     }